@font-face {
    font-family: fontawsomeenhancv;
    src: url(/css/fontawsomeenhancv.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

[data-icon]:before {
    content: attr(data-icon)
}

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

.icon-33-apple:before {
    content: "d"
}

.icon-36-book:before {
    content: "l"
}

.icon-69-bitcoin:before {
    content: "m"
}

.icon-55-bug:before {
    content: "o"
}

.icon-40-free-calendar:before {
    content: "~"
}

.icon-42-free-call-phone:before {
    content: "#"
}

.icon-50-cloud:before {
    content: "v"
}

.icon-54-free-code:before {
    content: "w"
}

.icon-08-email-envelope:before {
    content: "G"
}

.icon-146-female:before {
    content: "K"
}

.icon-07-folder-open:before {
    content: "L"
}

.icon-09-free-flash:before {
    content: "M"
}

.icon-130-gamepad:before {
    content: "N"
}

.icon-135-glass:before {
    content: "O"
}

.icon-31-google-plus:before {
    content: "Q"
}

.icon-145-group:before {
    content: "R"
}

.icon-129-free-heart:before {
    content: "T"
}

.icon-28-instagram:before {
    content: "W"
}

.icon-24-key:before {
    content: "Y"
}

.icon-65-legal:before {
    content: "2"
}

.icon-44-free-lightbulb:before {
    content: "3"
}

.icon-16-like:before {
    content: "4"
}

.icon-133-magic-wand:before {
    content: "!"
}

.icon-73-mic:before {
    content: "$"
}

.icon-75-free-music-note:before {
    content: "%"
}

.icon-12-paper-clip:before {
    content: "("
}

.icon-38-free-pencil:before {
    content: ")"
}

.icon-05-pin-map:before {
    content: "+"
}

.icon-104-free-plane-airport:before {
    content: "."
}

.icon-001-free-plus:before {
    content: ":"
}

.icon-134present-gift:before {
    content: "="
}

.icon-83-free-prize-award:before {
    content: "\E290"
}

.icon-93-puzzle:before {
    content: "?"
}

.icon-142-quote-right:before {
    content: "["
}

.icon-64-rocket:before {
    content: "|"
}

.icon-03-free-search-find:before {
    content: "\E000"
}

.icon-132-smile:before {
    content: "\E005"
}

.icon-131-smiley-frown:before {
    content: "\E006"
}

.icon-23-free-star-two:before {
    content: "\E007"
}

.icon-21-free-star:before {
    content: "\E008"
}

.icon-13-trash-bin:before {
    content: "\E00F"
}

.icon-72-truck:before {
    content: "\E010"
}

.icon-98-free-video-camera:before {
    content: "\E016"
}

.icon-52-window-list:before {
    content: "\E018"
}

.icon-32-windows:before {
    content: "\E019"
}

.icon-103-address:before {
    content: "\E01D"
}

.icon-89-basket:before {
    content: "\E01F"
}

.icon-34-behance:before {
    content: "\E020"
}

.icon-41-bell-1:before {
    content: "\E021"
}

.icon-37-free-brush:before {
    content: "\E023"
}

.icon-87-cc:before {
    content: "\E024"
}

.icon-95-chart-bar:before {
    content: "\E026"
}

.icon-96-chart-pie:before {
    content: "\E027"
}

.icon-143-feather:before {
    content: "\E029"
}

.icon-45-floppy:before {
    content: "\E02A"
}

.icon-11-light-up:before {
    content: "\E02B"
}

.icon-10-infinity:before {
    content: "\E02D"
}

.icon-70-globe:before {
    content: "\E02E"
}

.icon-56-database:before {
    content: "h"
}

.icon-106-free-home-1:before {
    content: "\E02F"
}

.icon-109-map:before {
    content: "7"
}

.icon-47-mobile:before {
    content: "\E033"
}

.icon-125-leaf-1:before {
    content: "b"
}

.icon-15-tools:before {
    content: "\E036"
}

.icon-100-picasa:before {
    content: "\E03E"
}

.icon-102-megaphone:before {
    content: "\E044"
}

.icon-58-free-share:before {
    content: "\E045"
}

.icon-20-target:before {
    content: "\E048"
}

.icon-35-github:before {
    content: "\E04B"
}

.icon-29-twitter:before {
    content: "\E04D"
}

.icon-81-free-graduation-cap:before {
    content: "\E052"
}

.icon-126-droplet:before {
    content: "\E055"
}

.icon-84-flag:before {
    content: "\E056"
}

.icon-57-gauge:before {
    content: "\E057"
}

.icon-68-hourglass:before {
    content: "\E05A"
}

.icon-99-free-camera:before {
    content: "\E05E"
}

.icon-53-flow-tree:before {
    content: "\E009"
}

.icon-30-youtube:before {
    content: "\E00B"
}

.icon-22-free-star-half:before {
    content: "\E011"
}

.icon-26-linkedin:before {
    content: "6"
}

.icon-46-free-screen-desktop:before {
    content: "}"
}

.icon-27-pinterest-1:before {
    content: "\E05"
}

.icon-25-free-facebook:before {
    content: "J"
}

.icon-48-file-text:before {
    content: "\E003"
}

.icon-97-filmstrip:before {
    content: "X"
}

.icon-39-crop:before {
    content: "\E01E"
}

.icon-02-free-check-mark:before {
    content: "\E03B"
}

.icon-147-free-male:before {
    content: "g"
}

.icon-51-harddrive:before {
    content: "S"
}

.icon-86-science-laboratory:before {
    content: "a"
}

.icon-14-free-talk-chat:before {
    content: "c"
}

.icon-agriculture-01:before {
    content: "e"
}

.icon-77-awardplace-01:before {
    content: "f"
}

.icon-78-awardplace-02:before {
    content: "i"
}

.icon-79-awardplace-03:before {
    content: "j"
}

.icon-balloon-01:before {
    content: "k"
}

.icon-108-baseball-01:before {
    content: "n"
}

.icon-121-free-basketball-01:before {
    content: "p"
}

.icon-122-bike-01:before {
    content: "q"
}

.icon-141-binocles-01:before {
    content: "t"
}

.icon-136-bomb:before {
    content: "y"
}

.icon-150-bone:before {
    content: "z"
}

.icon-148-brain-01:before {
    content: "A"
}

.icon-154-carrot-01:before {
    content: "B"
}

.icon-149-cat-01:before {
    content: "C"
}

.icon-88-certificate-01:before {
    content: "D"
}

.icon-144-chess-01:before {
    content: "E"
}

.icon-82-crown-01:before {
    content: "F"
}

.icon-153-deer-01:before {
    content: "H"
}

.icon-67-doctor-01:before {
    content: "U"
}

.icon-66-doctor-hearth-01:before {
    content: "V"
}

.icon-enhancv-01:before {
    content: "0"
}

.icon-enhancv-02-fat:before {
    content: "1"
}

.icon-128-fire-01:before {
    content: "8"
}

.icon-107-football-01:before {
    content: "9"
}

.icon-124-golf:before {
    content: '"'
}

.icon-76-guitar-01:before {
    content: "\E330"
}

.icon-155-healty-01:before {
    content: "&"
}

.icon-92-hear-01:before {
    content: "'"
}

.icon-105-hiking-01:before {
    content: "*"
}

.icon-157-horse-01:before {
    content: ","
}

.icon-add-1:before {
    content: ";"
}

.icon-addsection-1:before {
    content: "\E333"
}

.icon-arrowdown-1:before {
    content: "^"
}

.icon-arrowleft-1:before {
    content: "`"
}

.icon-arrowup-1:before {
    content: "\E001"
}

.icon-close-1:before {
    content: "\E004"
}

.icon-colour:before {
    content: "\E00C"
}

.icon-dot-1:before {
    content: "-"
}

.icon-email-icon-1:before {
    content: "\E017"
}

.icon-layout-1:before {
    content: "\E01C"
}

.icon-lock1-v2-1:before {
    content: "\E028"
}

.icon-lock2-v2-1:before {
    content: "\E031"
}

.icon-158-luck-01:before {
    content: "\E038"
}

.icon-94-marketing-01:before {
    content: "\E039"
}

.icon-80-medal-01:before {
    content: "\E03A"
}

.icon-111-mountine-01:before {
    content: "\E03C"
}

.icon-91-new:before {
    content: "\E03D"
}

.icon-152-ninja-01:before {
    content: "\E03F"
}

.icon-63-paperplane-01:before {
    content: "\E040"
}

.icon-159-peace-01:before {
    content: "\E041"
}

.icon-76-piano-01:before {
    content: "\E042"
}

.icon-62-plan-01:before {
    content: "\E043"
}

.icon-61-free-project-01:before {
    content: "\E046"
}

.icon-156-robot-01:before {
    content: "\E047"
}

.icon-49-ruler-01:before {
    content: "\E049"
}

.icon-110-run-01:before {
    content: "\E04A"
}

.icon-85-science-01:before {
    content: "\E04C"
}

.icon-59-seo-01:before {
    content: "\E04E"
}

.icon-140-shoe-01:before {
    content: "\E04F"
}

.icon-123-skate-01:before {
    content: "\E050"
}

.icon-120-snowboard-01:before {
    content: "\E051"
}

.icon-119-soccer-01:before {
    content: "\E053"
}

.icon-138-superman-01:before {
    content: "\E054"
}

.icon-118-surf-01:before {
    content: "\E058"
}

.icon-114-swimming-01:before {
    content: "\E059"
}

.icon-137-sword-01:before {
    content: "\E05B"
}

.icon-112-table-tennis-01:before {
    content: "\E05C"
}

.icon-60-talk-01:before {
    content: "\E05D"
}

.icon-101-target-01:before {
    content: "\E05F"
}

.icon-115-tennis-01:before {
    content: "\E060"
}

.icon-71-translate-01:before {
    content: "\E061"
}

.icon-vezna-01:before {
    content: "\E062"
}

.icon-116-volleyball-01:before {
    content: "\E063"
}

.icon-19-volunteer-01:before {
    content: "\E064"
}

.icon-117-weight-01:before {
    content: "\E065"
}

.icon-127-winter-01:before {
    content: "\E066"
}

.icon-160-yinyung-01:before {
    content: "\E067"
}

.icon-113-yoga-01:before {
    content: "\E068"
}

.icon-enhancv-full-01:before {
    content: "/"
}

.icon-close-2:before {
    content: "<"
}

.icon-pin-map-2:before {
    content: "]"
}

.icon-email-01:before {
    content: "_"
}

.icon-facebook-squared:before {
    content: "\E334"
}

.icon-linkedin-square:before {
    content: "\\"
}

.icon-spinner-01:before {
    content: "\E002"
}

.icon-log-out:before {
    content: "\E00D"
}

.icon-log-in:before {
    content: "\E00E"
}

.icon-bookmark:before {
    content: "\E013"
}

.icon-user:before {
    content: "\E015"
}

.icon-car:before {
    content: "\E01A"
}

.icon-list-alt:before {
    content: "\E01B"
}

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

.icon-user-1:before {
    content: "\E02C"
}

.icon-icon-arrowright:before {
    content:"{"
}

.icon-delete-circle:before {
    content: "\E032"
}

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

.icon-paypal:before {
    content: "\E069"
}

.icon-university:before {
    content: "\E06C"
}

.icon-credit-card:before {
    content: "\E06A"
}

.icon-heart-empty:before {
    content: "\E06B"
}

.icon-flash:before {
    content: "\E06D"
}

.icon-information-circle:before {
    content: "\E06E"
}

.icon-angellist:before {
    content: "\E06F"
}

.icon-bitbucket:before {
    content: "\E070"
}

.icon-filckr:before {
    content: "\E071"
}

.icon-icon-tooltip-arrow:before {
    content: "\E037"
}

.icon-bell-two:before {
    content: "\E072"
}

.icon-circle:before {
    content: "\E073"
}

.icon-align-justify:before {
    content: "\E074"
}

.icon-trash:before {
    content: "\E077"
}

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

.icon-play:before {
    content: "\E079"
}

.icon-dribbble:before {
    content: "\E07A"
}

.icon-cog:before {
    content: "\E07B"
}

.icon-arrows:before {
    content: "\E07C"
}

.icon-icon-drag-02-01:before {
    content: "\E075"
}

.icon-angle-up:before {
    content: "\E07E"
}

.icon-angle-right:before {
    content: "\E07F"
}

.icon-angle-left:before {
    content: "\E080"
}

.icon-2man:before {
    content: "\E081"
}

.icon-06-free-cog-gear:before {
    content: "x"
}

.icon-caret-down-two:before {
    content: "\E084"
}

.icon-save-disk:before {
    content: "\E085"
}

.icon-share-square:before {
    content: "\E083"
}

.icon-user-plus:before {
    content: "\E086"
}

.icon-exclamation-circle:before {
    content: "\E087"
}

.icon-check-circle:before {
    content: "\E088"
}

.icon-linkedin-square-1:before {
    content: "\E08B"
}

.icon-info-circle:before {
    content: "\E08D"
}

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

.icon-social-google-plus:before {
    content: "\E08E"
}

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

.icon-download:before {
    content: "\E08F"
}

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

.icon-bookmarks:before {
    content: "\E091"
}

.icon-eye:before {
    content: "\E092"
}

.icon-files-o:before {
    content: "\E095"
}

.icon-doc-text:before {
    content: "\E096"
}

.icon-align-left-1:before {
    content: "\E097"
}

.icon-ios-eye-outline:before {
    content: "\E098"
}

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

.icon-page-copy:before {
    content: "\E09A"
}

.icon-clipboard:before {
    content: "\E09B"
}

.icon-ios-chatboxes-outline:before {
    content: "\E09C"
}

.icon-clipboard-1:before {
    content: "\E09D"
}

.icon-1man:before {
    content: "\E082"
}

.icon-contextual-menu:before {
    content: "\E09E"
}

.icon-cover-letter:before {
    content: "\E09F"
}

.icon-resume:before {
    content: "\E0A0"
}

.icon-eye-disabled:before {
    content: "\E0A1"
}

.icon-angle-down:before {
    content: "\E07D"
}

.icon-139-free-diamond-01:before {
    content: "P"
}

.icon-recycle:before {
    content: "\E0A7"
}

.icon-sort-alpha-asc:before {
    content: "\E0A8"
}

.icon-flag-goal:before {
    content: "\E0A9"
}

.icon-gears-setting:before {
    content: "\E0AA"
}

.icon-black-tie:before {
    content: "\E0AB"
}

.icon-child:before {
    content: "\E0AD"
}

.icon-headphone:before {
    content: "\E0AE"
}

.icon-planet:before {
    content: "\E0AF"
}

.icon-battery-charging:before {
    content: "\E0B0"
}

.icon-lightbulb:before {
    content: "\E0B1"
}

.icon-suitcase:before {
    content: "\E0B3"
}

.icon-rain:before {
    content: "\E0B4"
}

.icon-sun-fill:before {
    content: "\E0B5"
}

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

.icon-anchor-1:before {
    content: "\E0B2"
}

.icon-car-1:before {
    content: "\E0B6"
}

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

.icon-dice:before {
    content: "\E0B8"
}

.icon-dollar:before {
    content: "\E0B9"
}

.icon-handshake:before {
    content: "\E0BA"
}

.icon-holdingheart:before {
    content: "\E0BB"
}

.icon-mappinned:before {
    content: "\E0BC"
}

.icon-ribbon:before {
    content: "\E0BD"
}

.icon-volleyball:before {
    content: "\E0BE"
}

.icon-snow:before {
    content: "\E0BF"
}

.icon-robot:before {
    content: "\E0C0"
}

.icon-question:before {
    content: "\E0C2"
}

.icon-facebook-square:before {
    content: "\E08A"
}

.icon-align-left:before {
    content: "\E093"
}

.icon-google-plus-square:before {
    content: "\E089"
}

.icon-git-square:before {
    content: "\E0C3"
}

.icon-flickr:before {
    content: "\E0CA"
}

.icon-dribble:before {
    content: "\E0CB"
}

.icon-pinterest-square:before {
    content: "\E0CC"
}

.icon-pinterest:before {
    content: "\E0CD"
}

.icon-tumblr-square:before {
    content: "\E0CE"
}

.icon-tumblr:before {
    content: "\E0CF"
}

.icon-social-blogger:before {
    content: "\E0D0"
}

.icon-medium:before {
    content: "\E0D1"
}

.icon-social-medium:before {
    content: "\E0D2"
}

.icon-skype:before {
    content: "\E0D3"
}

.icon-skype-1:before {
    content: "\E0D4"
}

.icon-github-square:before {
    content: "\E0D5"
}

.icon-github:before {
    content: "\E0D6"
}

.icon-vk:before {
    content: "\E0D7"
}

.icon-renren:before {
    content: "\E0D8"
}

.icon-renren-1:before {
    content: "\E0D9"
}

.icon-youtube-square:before {
    content: "\E0DA"
}

.icon-youtube-play:before {
    content: "\E0DB"
}

.icon-weibo:before {
    content: "\E0DC"
}

.icon-reddit-square:before {
    content: "\E0DD"
}

.icon-social-reddit:before {
    content: "\E0DE"
}

.icon-reddit:before {
    content: "\E0DF"
}

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

.icon-plus:before {
    content: "\E076"
}

.icon-vimeo-square:before {
    content: "\E0F7"
}

.icon-vimeo:before {
    content: "\E0F8"
}

.icon-151-dog-01:before {
    content: "Z"
}

.icon-unlike:before {
    content: "@"
}

.icon-whatsapp:before {
    content: "\E012"
}

.icon-kaggle-brands:before {
    content: "\E0EA"
}

.icon-wordpress-alt:before {
    content: "\E0EB"
}

.icon-spotify:before {
    content: "\E0F9"
}

.icon-qq:before {
    content: "\E0FA"
}

.icon-weixin:before {
    content: "\E0FB"
}

.icon-viber-brands:before {
    content: "\E0FC"
}

.icon-wikipedia-w:before {
    content: "\E0FD"
}

.icon-stack-overflow:before {
    content: "\E0FE"
}

.icon-stack-exchange:before {
    content: "\E0FF"
}

.icon-soundcloud:before {
    content: "\E100"
}

.icon-slideshare:before {
    content: "\E101"
}

.icon-quora:before {
    content: "\E102"
}

.icon-cloud-upload:before {
    content: "\E103"
}

.icon-helpdesk:before {
    content: "\E0A2"
}

.icon-highschool:before {
    content: "\E0A3"
}

.icon-eye-slash:before {
    content: "\E0A4"
}

.icon-ellipsis-v:before {
    content: "\E0A5"
}

.icon-ic-honor:before {
    content: "\E0AC"
}

.icon-ic-flame:before {
    content: "\E0C1"
}

.icon-ic-rocket:before {
    content: "\E0C4"
}

.icon-savetimeicon:before {
    content: "\E0C5"
}

.icon-beaticon:before {
    content: "\E0C6"
}

.icon-ic-calm-face:before {
    content: "\E0C8"
}

.icon-ic-paper:before {
    content: "\E0E0"
}

.icon-ic-creative:before {
    content: "\E0E1"
}

.icon-joy-is-part:before {
    content: "\E0E2"
}

.icon-behance-square:before {
    content: "\E0E3"
}

.icon-ic-wave:before {
    content: "\E0E4"
}

.icon-real-estate:before {
    content: "\E0E5"
}

.icon-nurse:before {
    content: "\E0E6"
}

.icon-user-md:before {
    content: "\E0E7"
}

.icon-designer:before {
    content: "\E0E8"
}

.icon-teacher:before {
    content: "\E0E9"
}

.icon-ux:before {
    content: "\E0EC"
}

.icon-volunteer:before {
    content: "\E0ED"
}

.icon-research:before {
    content: "\E0EE"
}

.icon-sales:before {
    content: "\E0EF"
}

.icon-project-manager:before {
    content: "\E0F0"
}

.icon-executive:before {
    content: "\E0F1"
}

.icon-engineer:before {
    content: "\E0F2"
}

.icon-marketing:before {
    content: "\E0F3"
}

.icon-operations:before {
    content: "\E0F4"
}

.icon-it:before {
    content: "\E0F5"
}

.icon-translator:before {
    content: "\E0F6"
}

.icon-undergrad:before {
    content: "\E104"
}

.icon-student:before {
    content: "\E105"
}

.icon-graduation-cap:before {
    content: "\E106"
}

.icon-server:before {
    content: "\E107"
}

.icon-business:before {
    content: "\E108"
}

.icon-accountant:before {
    content: "\E109"
}

.icon-photographer:before {
    content: "\E10A"
}

.icon-ellipsis-h:before {
    content: "\E10B"
}

.icon-opera:before {
    content: "\E10C"
}

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

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

.icon-file-pdf-o:before {
    content: "\E10F"
}

.icon-document:before {
    content: "\E110"
}

.icon-social-500px:before {
    content: "\E0C9"
}

.icon-vcard:before {
    content: "\E111"
}

.icon-compress:before {
    content: "\E113"
}

.icon-casual:before {
    content: "\E114"
}

.icon-creative:before {
    content: "\E115"
}

.icon-academy:before {
    content: "\E116"
}

.icon-suitcase-1:before {
    content: "\E117"
}

.icon-bold:before {
    content: "\E118"
}

.icon-expand:before {
    content: "\E119"
}

.icon-tag-add:before {
    content: "\E11A"
}

.icon-download-1:before {
    content: "\E11B"
}

.icon-font:before {
    content: "\E11C"
}

.icon-43-free-clock:before {
    content: "\E11D"
}

.icon-italic:before {
    content: "\E11E"
}

.icon-file-text-o:before {
    content: "\E11F"
}

.icon-04-eye:before {
    content: "\E120"
}

.icon-rearrange-1:before {
    content: "\E121"
}

.icon-17-link:before {
    content: "\E122"
}

.icon-tag-remove:before {
    content: "\E123"
}

.icon-template:before {
    content: "\E124"
}

.icon-underline:before {
    content: "\E125"
}

.icon-undo:before {
    content: "r"
}

.icon-redo:before {
    content: "s"
}

[class*=" icon-"],
[class^=icon-],
[data-icon] {
    display: inline-block
}

@font-face {
    font-family: Inter UI;
    font-style: normal;
    font-weight: 400;
    src: url(/3ca46ee35e2e0a102cb63a64629ff935.woff) format("woff")
}

@font-face {
    font-family: Inter UI;
    font-style: normal;
    font-weight: 500;
    src: url(/86c6d121f1d396c123e9f2b0b18040a0.woff) format("woff")
}

@font-face {
    font-family: Inter UI;
    font-style: normal;
    font-weight: 600;
    src: url(/0a1242bedd6453e33ea8bfb1a7fb2af4.woff) format("woff")
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {

    *,
    :after,
    :before {
        color: #000 !important;
        text-shadow: none !important;
        background: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " ("attr(href) ")"
    }

    abbr[title]:after {
        content: " ("attr(title) ")"
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    .navbar {
        display: none
    }

    .btn>.caret,
    .dropup>.btn>.caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td,
    .table th {
        background-color: #fff !important
    }

    .table-bordered td,
    .table-bordered th {
        border: 1px solid #ddd !important
    }
}

:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family: Inter UI;
    font-size: 14px;
    line-height: 1.428571429;
    color: #384347;
    background-color: #fff
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #fff
}

a,
a:focus,
a:hover {
    text-decoration: none
}

a:focus,
a:hover {
    color: #e6e5e5
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    -webkit-border-radius: 9px;
    border-radius: 9px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.428571429;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    -webkit-border-radius: 50%;
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid hsla(210, 3%, 71%, .5)
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role=button] {
    cursor: pointer
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Rubik, sans-serif;
    font-weight: 300;
    line-height: 1.1;
    color: #384347
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
    font-weight: 400;
    line-height: 1;
    color: #777
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
    font-size: 65%
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
    font-size: 75%
}

.h1,
h1 {
    font-size: 68px
}

.h2,
h2 {
    font-size: 38px
}

.h3,
h3 {
    font-size: 32px
}

.h4,
h4 {
    font-size: 26px
}

.h5,
h5 {
    font-size: 22px
}

.h6,
h6 {
    font-size: 20px
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width:768px) {
    .lead {
        font-size: 21px
    }
}

.small,
small {
    font-size: 78%
}

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #ccc
}

.text-primary {
    color: #00c091
}

a.text-primary:focus,
a.text-primary:hover {
    color: #008d6a
}

.text-success {
    color: #00c091
}

a.text-success:focus,
a.text-success:hover {
    color: #008d6a
}

.text-info {
    color: #31708f
}

a.text-info:focus,
a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #f76e00
}

a.text-warning:focus,
a.text-warning:hover {
    color: #c45700
}

.text-danger {
    color: #ff576f
}

a.text-danger:focus,
a.text-danger:hover {
    color: #ff2443
}

.bg-primary {
    color: #fff;
    background-color: #00c091
}

a.bg-primary:focus,
a.bg-primary:hover {
    background-color: #008d6a
}

.bg-success {
    background-color: #caf3e9
}

a.bg-success:focus,
a.bg-success:hover {
    background-color: #a0ead8
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:focus,
a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:focus,
a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #ffcbd6
}

a.bg-danger:focus,
a.bg-danger:hover {
    background-color: #ff98ae
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #ccc
}

ol,
ul {
    margin-top: 0;
    margin-bottom: 10px
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

.list-inline,
.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dd,
dt {
    line-height: 1.428571429
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

.dl-horizontal dd:after,
.dl-horizontal dd:before {
    display: table;
    content: " "
}

.dl-horizontal dd:after {
    clear: both
}

@media (min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[data-original-title],
abbr[title] {
    cursor: help
}

.initialism {
    font-size: 90%
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #ccc
}

blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child {
    margin-bottom: 0
}

blockquote .small,
blockquote footer,
blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.428571429;
    color: #777
}

blockquote .small:before,
blockquote footer:before,
blockquote small:before {
    content: "\2014   \A0"
}

.blockquote-reverse,
blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    text-align: right;
    border-right: 5px solid #ccc;
    border-left: 0
}

.blockquote-reverse .small:before,
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
blockquote.pull-right .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before {
    content: ""
}

.blockquote-reverse .small:after,
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
blockquote.pull-right .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after {
    content: "\A0   \2014"
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.428571429
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, Courier New, monospace
}

code {
    color: #c7254e;
    background-color: #f9f2f4;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

code,
kbd {
    padding: 2px 4px;
    font-size: 90%
}

kbd {
    color: #fff;
    background-color: #333;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
    -webkit-box-shadow: none;
    box-shadow: none
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.428571429;
    color: #384347;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto
}

.container:after,
.container:before {
    display: table;
    content: " "
}

.container:after {
    clear: both
}

@media (min-width:768px) {
    .container {
        width: 740px
    }
}

@media (min-width:992px) {
    .container {
        width: 940px
    }
}

@media (min-width:1200px) {
    .container {
        width: 940px
    }
}

.container-fluid {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto
}

.container-fluid:after,
.container-fluid:before {
    display: table;
    content: " "
}

.container-fluid:after {
    clear: both
}

.row {
    margin-right: -10px;
    margin-left: -10px
}

.row:after,
.row:before {
    display: table;
    content: " "
}

.row:after {
    clear: both
}

.row-no-gutters {
    margin-right: 0;
    margin-left: 0
}

.row-no-gutters [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left
}

.col-xs-1 {
    width: 8.3333333333%
}

.col-xs-2 {
    width: 16.6666666667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.3333333333%
}

.col-xs-5 {
    width: 41.6666666667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.3333333333%
}

.col-xs-8 {
    width: 66.6666666667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.3333333333%
}

.col-xs-11 {
    width: 91.6666666667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.3333333333%
}

.col-xs-pull-2 {
    right: 16.6666666667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.3333333333%
}

.col-xs-pull-5 {
    right: 41.6666666667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.3333333333%
}

.col-xs-pull-8 {
    right: 66.6666666667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.3333333333%
}

.col-xs-pull-11 {
    right: 91.6666666667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.3333333333%
}

.col-xs-push-2 {
    left: 16.6666666667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.3333333333%
}

.col-xs-push-5 {
    left: 41.6666666667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.3333333333%
}

.col-xs-push-8 {
    left: 66.6666666667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.3333333333%
}

.col-xs-push-11 {
    left: 91.6666666667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.3333333333%
}

.col-xs-offset-2 {
    margin-left: 16.6666666667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.3333333333%
}

.col-xs-offset-5 {
    margin-left: 41.6666666667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.3333333333%
}

.col-xs-offset-8 {
    margin-left: 66.6666666667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.3333333333%
}

.col-xs-offset-11 {
    margin-left: 91.6666666667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media (min-width:768px) {

    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left
    }

    .col-sm-1 {
        width: 8.3333333333%
    }

    .col-sm-2 {
        width: 16.6666666667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.3333333333%
    }

    .col-sm-5 {
        width: 41.6666666667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.3333333333%
    }

    .col-sm-8 {
        width: 66.6666666667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.3333333333%
    }

    .col-sm-11 {
        width: 91.6666666667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-pull-1 {
        right: 8.3333333333%
    }

    .col-sm-pull-2 {
        right: 16.6666666667%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-4 {
        right: 33.3333333333%
    }

    .col-sm-pull-5 {
        right: 41.6666666667%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-7 {
        right: 58.3333333333%
    }

    .col-sm-pull-8 {
        right: 66.6666666667%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-10 {
        right: 83.3333333333%
    }

    .col-sm-pull-11 {
        right: 91.6666666667%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-push-1 {
        left: 8.3333333333%
    }

    .col-sm-push-2 {
        left: 16.6666666667%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-4 {
        left: 33.3333333333%
    }

    .col-sm-push-5 {
        left: 41.6666666667%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-7 {
        left: 58.3333333333%
    }

    .col-sm-push-8 {
        left: 66.6666666667%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-10 {
        left: 83.3333333333%
    }

    .col-sm-push-11 {
        left: 91.6666666667%
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-sm-offset-2 {
        margin-left: 16.6666666667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-sm-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-sm-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-sm-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:992px) {

    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left
    }

    .col-md-1 {
        width: 8.3333333333%
    }

    .col-md-2 {
        width: 16.6666666667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.3333333333%
    }

    .col-md-5 {
        width: 41.6666666667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.3333333333%
    }

    .col-md-8 {
        width: 66.6666666667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.3333333333%
    }

    .col-md-11 {
        width: 91.6666666667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-pull-1 {
        right: 8.3333333333%
    }

    .col-md-pull-2 {
        right: 16.6666666667%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-4 {
        right: 33.3333333333%
    }

    .col-md-pull-5 {
        right: 41.6666666667%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-7 {
        right: 58.3333333333%
    }

    .col-md-pull-8 {
        right: 66.6666666667%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-10 {
        right: 83.3333333333%
    }

    .col-md-pull-11 {
        right: 91.6666666667%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-push-1 {
        left: 8.3333333333%
    }

    .col-md-push-2 {
        left: 16.6666666667%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-4 {
        left: 33.3333333333%
    }

    .col-md-push-5 {
        left: 41.6666666667%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-7 {
        left: 58.3333333333%
    }

    .col-md-push-8 {
        left: 66.6666666667%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-10 {
        left: 83.3333333333%
    }

    .col-md-push-11 {
        left: 91.6666666667%
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-md-offset-2 {
        margin-left: 16.6666666667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-md-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-md-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-md-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:1200px) {

    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left
    }

    .col-lg-1 {
        width: 8.3333333333%
    }

    .col-lg-2 {
        width: 16.6666666667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.3333333333%
    }

    .col-lg-5 {
        width: 41.6666666667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.3333333333%
    }

    .col-lg-8 {
        width: 66.6666666667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.3333333333%
    }

    .col-lg-11 {
        width: 91.6666666667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-pull-1 {
        right: 8.3333333333%
    }

    .col-lg-pull-2 {
        right: 16.6666666667%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-4 {
        right: 33.3333333333%
    }

    .col-lg-pull-5 {
        right: 41.6666666667%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-7 {
        right: 58.3333333333%
    }

    .col-lg-pull-8 {
        right: 66.6666666667%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-10 {
        right: 83.3333333333%
    }

    .col-lg-pull-11 {
        right: 91.6666666667%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-push-1 {
        left: 8.3333333333%
    }

    .col-lg-push-2 {
        left: 16.6666666667%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.3333333333%
    }

    .col-lg-push-5 {
        left: 41.6666666667%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-7 {
        left: 58.3333333333%
    }

    .col-lg-push-8 {
        left: 66.6666666667%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-10 {
        left: 83.3333333333%
    }

    .col-lg-push-11 {
        left: 91.6666666667%
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-lg-offset-2 {
        margin-left: 16.6666666667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-lg-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-lg-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-lg-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }
}

table {
    background-color: transparent
}

table col[class*=col-] {
    position: static;
    display: table-column;
    float: none
}

table td[class*=col-],
table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #ccc
}

caption,
th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
    padding: 5px
}

.table-bordered,
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover,
.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active {
    background-color: #f5f5f5
}

.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr.active:hover>th,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover {
    background-color: #e8e8e8
}

.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>thead>tr>td.success,
.table>thead>tr>th.success {
    background-color: #caf3e9
}

.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr.success:hover>th,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover {
    background-color: #b5eee0
}

.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>thead>tr>td.info,
.table>thead>tr>th.info {
    background-color: #d9edf7
}

.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr.info:hover>th,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover {
    background-color: #c4e3f3
}

.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>thead>tr>td.warning,
.table>thead>tr>th.warning {
    background-color: #fcf8e3
}

.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr.warning:hover>th,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover {
    background-color: #faf2cc
}

.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>thead>tr>td.danger,
.table>thead>tr>th.danger {
    background-color: #ffcbd6
}

.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr.danger:hover>th,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover {
    background-color: #ffb2c2
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

@media screen and (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}

fieldset {
    min-width: 0;
    margin: 0
}

fieldset,
legend {
    padding: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #384347;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[type=checkbox],
input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal
}

fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox].disabled,
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=radio][disabled] {
    cursor: not-allowed
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple],
select[size] {
    height: auto
}

input[type=checkbox]:focus,
input[type=file]:focus,
input[type=radio]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    padding-top: 10px
}

.form-control,
output {
    display: block;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555
}

.form-control {
    width: 100%;
    height: 40px;
    padding: 9px 14px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #b3b3b3;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

.form-control:focus {
    border-color: #00c091;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 192, 145, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 192, 145, .6)
}

.form-control::-moz-placeholder {
    color: #b3b2b2;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #b3b2b2
}

.form-control::-webkit-input-placeholder {
    color: #b3b2b2
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #ccc;
    opacity: 1
}

.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    input[type=date].form-control,
    input[type=datetime-local].form-control,
    input[type=month].form-control,
    input[type=time].form-control {
        line-height: 40px
    }

    .input-group-sm>.input-group-btn>input.btn[type=date],
    .input-group-sm>.input-group-btn>input.btn[type=datetime-local],
    .input-group-sm>.input-group-btn>input.btn[type=month],
    .input-group-sm>.input-group-btn>input.btn[type=time],
    .input-group-sm>input.form-control[type=date],
    .input-group-sm>input.form-control[type=datetime-local],
    .input-group-sm>input.form-control[type=month],
    .input-group-sm>input.form-control[type=time],
    .input-group-sm>input.input-group-addon[type=date],
    .input-group-sm>input.input-group-addon[type=datetime-local],
    .input-group-sm>input.input-group-addon[type=month],
    .input-group-sm>input.input-group-addon[type=time],
    .input-group-sm input[type=date],
    .input-group-sm input[type=datetime-local],
    .input-group-sm input[type=month],
    .input-group-sm input[type=time],
    input[type=date].input-sm,
    input[type=datetime-local].input-sm,
    input[type=month].input-sm,
    input[type=time].input-sm {
        line-height: 28px
    }

    .input-group-lg>.input-group-btn>input.btn[type=date],
    .input-group-lg>.input-group-btn>input.btn[type=datetime-local],
    .input-group-lg>.input-group-btn>input.btn[type=month],
    .input-group-lg>.input-group-btn>input.btn[type=time],
    .input-group-lg>input.form-control[type=date],
    .input-group-lg>input.form-control[type=datetime-local],
    .input-group-lg>input.form-control[type=month],
    .input-group-lg>input.form-control[type=time],
    .input-group-lg>input.input-group-addon[type=date],
    .input-group-lg>input.input-group-addon[type=datetime-local],
    .input-group-lg>input.input-group-addon[type=month],
    .input-group-lg>input.input-group-addon[type=time],
    .input-group-lg input[type=date],
    .input-group-lg input[type=datetime-local],
    .input-group-lg input[type=month],
    .input-group-lg input[type=time],
    input[type=date].input-lg,
    input[type=datetime-local].input-lg,
    input[type=month].input-lg,
    input[type=time].input-lg {
        line-height: 50px
    }
}

.form-group {
    margin-bottom: 15px
}

.checkbox,
.radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.checkbox.disabled label,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .radio label {
    cursor: not-allowed
}

.checkbox label,
.radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.checkbox-inline input[type=checkbox],
.checkbox input[type=checkbox],
.radio-inline input[type=radio],
.radio input[type=radio] {
    position: absolute;
    margin-top: 4px\9;
    margin-left: -20px
}

.checkbox+.checkbox,
.radio+.radio {
    margin-top: -5px
}

.checkbox-inline,
.radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer
}

.checkbox-inline.disabled,
.radio-inline.disabled,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio-inline {
    cursor: not-allowed
}

.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px
}

.form-control-static {
    min-height: 34px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0
}

.form-control-static.input-lg,
.form-control-static.input-sm,
.input-group-lg>.form-control-static.form-control,
.input-group-lg>.form-control-static.input-group-addon,
.input-group-lg>.input-group-btn>.form-control-static.btn,
.input-group-sm>.form-control-static.form-control,
.input-group-sm>.form-control-static.input-group-addon,
.input-group-sm>.input-group-btn>.form-control-static.btn {
    padding-right: 0;
    padding-left: 0
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn,
.input-sm {
    height: 28px;
    padding: 5px 18px;
    font-size: 11px;
    line-height: 1.5;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.input-group-sm>.input-group-btn>select.btn,
.input-group-sm>select.form-control,
.input-group-sm>select.input-group-addon,
select.input-sm {
    height: 28px;
    line-height: 28px
}

.input-group-sm>.input-group-btn>select.btn[multiple],
.input-group-sm>.input-group-btn>textarea.btn,
.input-group-sm>select.form-control[multiple],
.input-group-sm>select.input-group-addon[multiple],
.input-group-sm>textarea.form-control,
.input-group-sm>textarea.input-group-addon,
select[multiple].input-sm,
textarea.input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 28px;
    padding: 5px 18px;
    font-size: 11px;
    line-height: 1.5;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.form-group-sm select.form-control {
    height: 28px;
    line-height: 28px
}

.form-group-sm select[multiple].form-control,
.form-group-sm textarea.form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 28px;
    min-height: 31px;
    padding: 6px 18px;
    font-size: 11px;
    line-height: 1.5
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn,
.input-lg {
    height: 50px;
    padding: 12px 24px;
    font-size: 18px;
    line-height: 1.3333333;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.input-group-lg>.input-group-btn>select.btn,
.input-group-lg>select.form-control,
.input-group-lg>select.input-group-addon,
select.input-lg {
    height: 50px;
    line-height: 50px
}

.input-group-lg>.input-group-btn>select.btn[multiple],
.input-group-lg>.input-group-btn>textarea.btn,
.input-group-lg>select.form-control[multiple],
.input-group-lg>select.input-group-addon[multiple],
.input-group-lg>textarea.form-control,
.input-group-lg>textarea.input-group-addon,
select[multiple].input-lg,
textarea.input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 50px;
    padding: 12px 24px;
    font-size: 18px;
    line-height: 1.3333333;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.form-group-lg select.form-control {
    height: 50px;
    line-height: 50px
}

.form-group-lg select[multiple].form-control,
.form-group-lg textarea.form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 50px;
    min-height: 38px;
    padding: 13px 24px;
    font-size: 18px;
    line-height: 1.3333333
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 50px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    pointer-events: none
}

.form-group-lg .form-control+.form-control-feedback,
.input-group-lg+.form-control-feedback,
.input-group-lg>.form-control+.form-control-feedback,
.input-group-lg>.input-group-addon+.form-control-feedback,
.input-group-lg>.input-group-btn>.btn+.form-control-feedback,
.input-lg+.form-control-feedback {
    width: 50px;
    height: 50px;
    line-height: 50px
}

.form-group-sm .form-control+.form-control-feedback,
.input-group-sm+.form-control-feedback,
.input-group-sm>.form-control+.form-control-feedback,
.input-group-sm>.input-group-addon+.form-control-feedback,
.input-group-sm>.input-group-btn>.btn+.form-control-feedback,
.input-sm+.form-control-feedback {
    width: 28px;
    height: 28px;
    line-height: 28px
}

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success.checkbox-inline label,
.has-success.checkbox label,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.radio-inline label,
.has-success.radio label {
    color: #00c091
}

.has-success .form-control {
    border-color: #00c091;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-success .form-control:focus {
    border-color: #008d6a;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #27ffca;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #27ffca
}

.has-success .input-group-addon {
    color: #00c091;
    background-color: #caf3e9;
    border-color: #00c091
}

.has-success .form-control-feedback {
    color: #00c091
}

.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning.checkbox-inline label,
.has-warning.checkbox label,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.radio-inline label,
.has-warning.radio label {
    color: #f76e00
}

.has-warning .form-control {
    border-color: #f76e00;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-warning .form-control:focus {
    border-color: #c45700;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ffa65e;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ffa65e
}

.has-warning .input-group-addon {
    color: #f76e00;
    background-color: #fcf8e3;
    border-color: #f76e00
}

.has-warning .form-control-feedback {
    color: #f76e00
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error.checkbox-inline label,
.has-error.checkbox label,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.radio-inline label,
.has-error.radio label {
    color: #ff576f
}

.has-error .form-control {
    border-color: #ff576f;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .form-control:focus {
    border-color: #ff2443;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ffbdc6;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ffbdc6
}

.has-error .input-group-addon {
    color: #ff576f;
    background-color: #ffcbd6;
    border-color: #ff576f
}

.has-error .form-control-feedback {
    color: #ff576f
}

.has-feedback label~.form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #70868e
}

@media (min-width:768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .form-control,
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn {
        width: auto
    }

    .form-inline .input-group>.form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox,
    .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox label,
    .form-inline .radio label {
        padding-left: 0
    }

    .form-inline .checkbox input[type=checkbox],
    .form-inline .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
    padding-top: 10px;
    margin-top: 0;
    margin-bottom: 0
}

.form-horizontal .checkbox,
.form-horizontal .radio {
    min-height: 30px
}

.form-horizontal .form-group {
    margin-right: -10px;
    margin-left: -10px
}

.form-horizontal .form-group:after,
.form-horizontal .form-group:before {
    display: table;
    content: " "
}

.form-horizontal .form-group:after {
    clear: both
}

@media (min-width:768px) {
    .form-horizontal .control-label {
        padding-top: 10px;
        margin-bottom: 0;
        text-align: right
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 10px
}

@media (min-width:768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 13px;
        font-size: 18px
    }
}

@media (min-width:768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 11px
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 9px 14px;
    font-size: 14px;
    line-height: 1.428571429;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn.focus,
.btn:focus,
.btn:hover {
    color: #8c7cdb;
    text-decoration: none
}

.btn.active,
.btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: .65;
    -webkit-box-shadow: none;
    box-shadow: none
}

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-default {
    color: #8c7cdb;
    background-color: #fff;
    border-color: #8c7cdb
}

.btn-default.focus,
.btn-default:focus {
    color: #8c7cdb;
    background-color: #e6e5e5;
    border-color: #432ea9
}

.btn-default:hover {
    color: #8c7cdb;
    background-color: #e6e5e5;
    border-color: #624cce
}

.btn-default.active,
.btn-default:active,
.open>.btn-default.dropdown-toggle {
    color: #8c7cdb;
    background-color: #e6e5e5;
    background-image: none;
    border-color: #624cce
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.btn-default.dropdown-toggle.focus,
.open>.btn-default.dropdown-toggle:focus,
.open>.btn-default.dropdown-toggle:hover {
    color: #8c7cdb;
    background-color: #d4d4d4;
    border-color: #432ea9
}

.btn-default.disabled.focus,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled].focus,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #8c7cdb
}

.btn-default .badge {
    color: #fff;
    background-color: #8c7cdb
}

.btn-primary {
    color: #fff;
    background-color: #00c091;
    border-color: #00c091
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #008d6a;
    border-color: #004131
}

.btn-primary:hover {
    color: #fff;
    background-color: #008d6a;
    border-color: #008363
}

.btn-primary.active,
.btn-primary:active,
.open>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #008d6a;
    background-image: none;
    border-color: #008363
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.btn-primary.dropdown-toggle.focus,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle:hover {
    color: #fff;
    background-color: #006950;
    border-color: #004131
}

.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #00c091;
    border-color: #00c091
}

.btn-primary .badge {
    color: #00c091;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #2dc08c;
    border-color: #28ab7d
}

.btn-success.focus,
.btn-success:focus {
    color: #fff;
    background-color: #23976e;
    border-color: #104432
}

.btn-success:hover {
    color: #fff;
    background-color: #23976e;
    border-color: #1d7a59
}

.btn-success.active,
.btn-success:active,
.open>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #23976e;
    background-image: none;
    border-color: #1d7a59
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.btn-success.dropdown-toggle.focus,
.open>.btn-success.dropdown-toggle:focus,
.open>.btn-success.dropdown-toggle:hover {
    color: #fff;
    background-color: #1d7a59;
    border-color: #104432
}

.btn-success.disabled.focus,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled].focus,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
    background-color: #2dc08c;
    border-color: #28ab7d
}

.btn-success .badge {
    color: #2dc08c;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info.focus,
.btn-info:focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info.active,
.btn-info:active,
.open>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    background-image: none;
    border-color: #269abc
}

.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open>.btn-info.dropdown-toggle.focus,
.open>.btn-info.dropdown-toggle:focus,
.open>.btn-info.dropdown-toggle:hover {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85
}

.btn-info.disabled.focus,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled].focus,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff
}

.btn-warning {
    border-color: #de6300
}

.btn-warning.focus,
.btn-warning:focus {
    color: #fff;
    background-color: #c45700;
    border-color: #5e2a00
}

.btn-warning:hover {
    color: #fff;
    background-color: #c45700;
    border-color: #a04700
}

.btn-warning.active,
.btn-warning:active,
.open>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #c45700;
    background-image: none;
    border-color: #a04700
}

.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open>.btn-warning.dropdown-toggle.focus,
.open>.btn-warning.dropdown-toggle:focus,
.open>.btn-warning.dropdown-toggle:hover {
    color: #fff;
    background-color: #a04700;
    border-color: #5e2a00
}

.btn-warning.disabled.focus,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled].focus,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
    border-color: #de6300
}

.btn-danger {
    color: #fff;
    background-color: #ff576f;
    border-color: #ff3e59
}

.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    background-color: #ff2443;
    border-color: #bd001b
}

.btn-danger:hover {
    color: #fff;
    background-color: #ff2443;
    border-color: #ff0025
}

.btn-danger.active,
.btn-danger:active,
.open>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #ff2443;
    background-image: none;
    border-color: #ff0025
}

.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open>.btn-danger.dropdown-toggle.focus,
.open>.btn-danger.dropdown-toggle:focus,
.open>.btn-danger.dropdown-toggle:hover {
    color: #fff;
    background-color: #ff0025;
    border-color: #bd001b
}

.btn-danger.disabled.focus,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled].focus,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
    background-color: #ff576f;
    border-color: #ff3e59
}

.btn-danger .badge {
    color: #ff576f;
    background-color: #fff
}

.btn-link {
    font-weight: 400;
    color: #fff;
    -webkit-border-radius: 0;
    border-radius: 0
}

.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
    border-color: transparent
}

.btn-link:focus,
.btn-link:hover {
    color: #e6e5e5;
    text-decoration: none;
    background-color: transparent
}

.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
    color: #777;
    text-decoration: none
}

.btn-group-lg>.btn,
.btn-lg {
    padding: 12px 24px;
    font-size: 18px;
    line-height: 1.3333333;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.btn-group-sm>.btn,
.btn-sm {
    padding: 5px 18px
}

.btn-group-sm>.btn,
.btn-group-xs>.btn,
.btn-sm,
.btn-xs {
    font-size: 11px;
    line-height: 1.5;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.btn-group-xs>.btn,
.btn-xs {
    padding: 1px 12px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 5px
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown,
.dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.428571429;
    color: #384347;
    white-space: nowrap
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #b7c3c7;
    text-decoration: none;
    background-color: transparent
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #00c091;
    outline: 0
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    color: #777
}

.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 11px;
    line-height: 1.428571429;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid\9
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    float: left
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
    z-index: 2
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar:after,
.btn-toolbar:before {
    display: table;
    content: " "
}

.btn-toolbar:after {
    clear: both
}

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
    float: left
}

.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
    margin-left: 5px
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    -webkit-border-radius: 0;
    border-radius: 0
}

.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group>.btn-group {
    float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    -webkit-border-radius: 0;
    border-radius: 0
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group>.btn+.dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px
}

.btn-group-lg.btn-group>.btn+.dropdown-toggle,
.btn-group>.btn-lg+.dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

.btn-group-lg>.btn .caret,
.btn-lg .caret {
    border-width: 5px 5px 0
}

.dropup .btn-group-lg>.btn .caret,
.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical>.btn-group:after,
.btn-group-vertical>.btn-group:before {
    display: table;
    content: " "
}

.btn-group-vertical>.btn-group:after {
    clear: both
}

.btn-group-vertical>.btn-group>.btn {
    float: none
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    -webkit-border-radius: 0;
    border-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    -webkit-border-radius: 0;
    border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified>.btn,
.btn-group-justified>.btn-group {
    display: table-cell;
    float: none;
    width: 1%
}

.btn-group-justified>.btn-group .btn {
    width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto
}

[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],
[data-toggle=buttons]>.btn-group>.btn input[type=radio],
[data-toggle=buttons]>.btn input[type=checkbox],
[data-toggle=buttons]>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*=col-] {
    float: none;
    padding-right: 0;
    padding-left: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group .form-control:focus {
    z-index: 3
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    -webkit-border-radius: 0;
    border-radius: 0
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 9px 14px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #ccc;
    border: 1px solid #b3b3b3;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.input-group-addon.input-sm,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.input-group-addon.btn {
    padding: 5px 18px;
    font-size: 11px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.input-group-addon.input-lg,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.input-group-addon.btn {
    padding: 12px 24px;
    font-size: 18px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.input-group-addon input[type=checkbox],
.input-group-addon input[type=radio] {
    margin-top: 0
}

.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group .form-control:first-child {
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group .form-control:last-child {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    font-size: 0;
    white-space: nowrap
}

.input-group-btn,
.input-group-btn>.btn {
    position: relative
}

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.input-group-btn>.btn:active,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:hover {
    z-index: 2
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
    margin-right: -1px
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: -1px
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav:after,
.nav:before {
    display: table;
    content: " "
}

.nav:after {
    clear: both
}

.nav>li,
.nav>li>a {
    position: relative;
    display: block
}

.nav>li>a {
    padding: 12px 15px
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: transparent
}

.nav>li.disabled>a {
    color: #777
}

.nav>li.disabled>a:focus,
.nav>li.disabled>a:hover {
    color: transparent;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: transparent;
    border-color: #fff
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.428571429;
    border: 1px solid transparent;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

.nav-tabs>li>a:hover {
    border-color: #ccc #ccc #ddd
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid;
    border-color: #ddd #ddd transparent
}

.nav-pills>li {
    float: left
}

.nav-pills>li>a {
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.nav-pills>li+li {
    margin-left: 2px
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    color: #00c091;
    background-color: transparent
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified,
.nav-tabs.nav-justified {
    width: 100%
}

.nav-justified>li,
.nav-tabs.nav-justified>li {
    float: none
}

.nav-justified>li>a,
.nav-tabs.nav-justified>li>a {
    margin-bottom: 5px;
    text-align: center
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width:768px) {

    .nav-justified>li,
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%
    }

    .nav-justified>li>a,
    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs-justified,
.nav-tabs.nav-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a,
.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:focus,
.nav-tabs-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover {
    border: 1px solid #ddd
}

@media (min-width:768px) {

    .nav-tabs-justified>li>a,
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        -webkit-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0
    }

    .nav-tabs-justified>.active>a,
    .nav-tabs-justified>.active>a:focus,
    .nav-tabs-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:focus,
    .nav-tabs.nav-justified>.active>a:hover {
        border-bottom-color: #fff
    }
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0
}

.navbar {
    position: relative;
    min-height: 60px;
    margin-bottom: 0;
    border: 1px solid transparent
}

.navbar:after,
.navbar:before {
    display: table;
    content: " "
}

.navbar:after {
    clear: both
}

@media (min-width:768px) {
    .navbar {
        -webkit-border-radius: 0;
        border-radius: 0
    }
}

.navbar-header:after,
.navbar-header:before {
    display: table;
    content: " "
}

.navbar-header:after {
    clear: both
}

@media (min-width:768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    padding-right: 10px;
    padding-left: 10px;
    overflow-x: visible;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .1);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse:after,
.navbar-collapse:before {
    display: table;
    content: " "
}

.navbar-collapse:after {
    clear: both
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width:768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse {
        padding-right: 0;
        padding-left: 0
    }
}

.navbar-fixed-bottom,
.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
    max-height: 340px
}

@media (max-device-width:480px) and (orientation:landscape) {

    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse {
        max-height: 200px
    }
}

@media (min-width:768px) {

    .navbar-fixed-bottom,
    .navbar-fixed-top {
        -webkit-border-radius: 0;
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header {
    margin-right: -10px;
    margin-left: -10px
}

@media (min-width:768px) {

    .container-fluid>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width:768px) {
    .navbar-static-top {
        -webkit-border-radius: 0;
        border-radius: 0
    }
}

.navbar-brand {
    float: left;
    height: 60px;
    padding: 20px 10px;
    font-size: 18px;
    line-height: 20px
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.navbar-brand>img {
    display: block
}

@media (min-width:768px) {

    .navbar>.container-fluid .navbar-brand,
    .navbar>.container .navbar-brand {
        margin-left: -10px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-right: 10px;
    margin-top: 13px;
    margin-bottom: 13px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    -webkit-border-radius: 1px;
    border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

@media (min-width:768px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: 10px -10px
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px
    }

    .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-nav .open .dropdown-menu>li>a:hover {
        background-image: none
    }
}

@media (min-width:768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav>li {
        float: left
    }

    .navbar-nav>li>a {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.navbar-form {
    padding: 10px;
    margin: 10px -10px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .1), 0 1px 0 hsla(0, 0%, 100%, .1);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .1), 0 1px 0 hsla(0, 0%, 100%, .1)
}

@media (min-width:768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .form-control-static {
        display: inline-block
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .navbar-form .input-group .form-control,
    .navbar-form .input-group .input-group-addon,
    .navbar-form .input-group .input-group-btn {
        width: auto
    }

    .navbar-form .input-group>.form-control {
        width: 100%
    }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .checkbox,
    .navbar-form .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .checkbox label,
    .navbar-form .radio label {
        padding-left: 0
    }

    .navbar-form .checkbox input[type=checkbox],
    .navbar-form .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width:767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }

    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    .navbar-form {
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu,
.navbar-nav>li>.dropdown-menu {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 10px;
    margin-bottom: 10px
}

.btn-group-sm>.navbar-btn.btn,
.navbar-btn.btn-sm {
    margin-top: 16px;
    margin-bottom: 16px
}

.btn-group-xs>.navbar-btn.btn,
.navbar-btn.btn-xs {
    margin-top: 19px;
    margin-bottom: 19px
}

.navbar-text {
    margin-top: 20px;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .navbar-text {
        float: left;
        margin-right: 10px;
        margin-left: 10px
    }
}

@media (min-width:768px) {
    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important;
        margin-right: -10px
    }

    .navbar-right~.navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #fff;
    border-color: transparent
}

.navbar-default .navbar-brand {
    color: #e6e6e6
}

.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
    color: #cdcccc;
    background-color: transparent
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-text {
    color: #384347
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #8c7cdb;
    background-color: transparent
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #b2b4b6;
    background-color: #eee
}

.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:focus,
.navbar-default .navbar-nav>.disabled>a:hover {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #b2b4b6;
    background-color: #eee
}

@media (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #384347
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #8c7cdb;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #b2b4b6;
        background-color: #eee
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-toggle {
    border-color: transparent
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: #f2f2f2
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #384347
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: transparent
}

.navbar-default .navbar-link {
    color: #384347
}

.navbar-default .navbar-link:hover {
    color: #8c7cdb
}

.navbar-default .btn-link {
    color: #384347
}

.navbar-default .btn-link:focus,
.navbar-default .btn-link:hover {
    color: #8c7cdb
}

.navbar-default .btn-link[disabled]:focus,
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:focus,
fieldset[disabled] .navbar-default .btn-link:hover {
    color: #ccc
}

.navbar-inverse {
    background-color: #fff;
    border-color: #e6e6e6
}

.navbar-inverse .navbar-brand {
    color: #65696d
}

.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav>li>a,
.navbar-inverse .navbar-text {
    color: #65696d
}

.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
    color: #384347;
    background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
    color: #384347;
    background-color: #e6e5e5
}

.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:focus,
.navbar-inverse .navbar-nav>.disabled>a:hover {
    color: #444;
    background-color: transparent
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
    color: #384347;
    background-color: #e6e5e5
}

@media (max-width:767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: #e6e6e6
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #e6e6e6
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #65696d
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #384347;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #384347;
        background-color: #e6e5e5
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-toggle {
    border-color: #555
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    background-color: #e6e5e5
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #555
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #ededed
}

.navbar-inverse .navbar-link {
    color: #65696d
}

.navbar-inverse .navbar-link:hover {
    color: #384347
}

.navbar-inverse .btn-link {
    color: #65696d
}

.navbar-inverse .btn-link:focus,
.navbar-inverse .btn-link:hover {
    color: #384347
}

.navbar-inverse .btn-link[disabled]:focus,
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover {
    color: #444
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    -webkit-border-radius: 35px;
    border-radius: 35px
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.btn-group-xs>.btn .badge,
.btn-xs .badge {
    top: 0;
    padding: 1px 5px
}

.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
    color: #fff;
    background-color: #fff
}

.list-group-item>.badge {
    float: right
}

.list-group-item>.badge+.badge {
    margin-right: 5px
}

.nav-pills>li>a>.badge {
    margin-left: 3px
}

a.badge:focus,
a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.alert {
    border: 1px solid transparent
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: 700
}

.alert>p,
.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 8px 15px20
}

.alert-dismissable .close,
.alert-dismissible .close {
    top: -2px;
    right: -21px
}

.alert-success {
    color: #00c091;
    background-color: #caf3e9;
    border-color: #fff
}

.alert-success hr {
    border-top-color: #f2f2f2
}

.alert-success .alert-link {
    color: #008d6a
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #fff
}

.alert-info hr {
    border-top-color: #f2f2f2
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    color: #f76e00;
    background-color: #fcf8e3;
    border-color: #fff
}

.alert-warning hr {
    border-top-color: #f2f2f2
}

.alert-warning .alert-link {
    color: #c45700
}

.alert-danger {
    color: #ff576f;
    background-color: #ffcbd6;
    border-color: #fff
}

.alert-danger hr {
    border-top-color: #f2f2f2
}

.alert-danger .alert-link {
    color: #ff2443
}

@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #e6e6e6;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 11px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #00c091;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    transition: width .6s ease
}

.progress-bar-striped,
.progress-striped .progress-bar {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
    background-size: 40px 40px
}

.progress-bar.active,
.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #2dc08c
}

.progress-striped .progress-bar-success {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
}

.progress-bar-warning {
    background-color: #f76e00
}

.progress-striped .progress-bar-danger,
.progress-striped .progress-bar-warning {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
}

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media,
.media-body {
    overflow: hidden;
    zoom: 1
}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

.media-object.img-thumbnail {
    max-width: none
}

.media-right,
.media>.pull-right {
    padding-left: 10px
}

.media-left,
.media>.pull-left {
    padding-right: 10px
}

.media-body,
.media-left,
.media-right {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-body {
    padding: 15px
}

.panel-body:after,
.panel-body:before {
    display: table;
    content: " "
}

.panel-body:after {
    clear: both
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px
}

.panel-heading>.dropdown .dropdown-toggle,
.panel-title {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px
}

.panel-title>.small,
.panel-title>.small>a,
.panel-title>a,
.panel-title>small,
.panel-title>small>a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.panel>.list-group,
.panel>.panel-collapse>.list-group {
    margin-bottom: 0
}

.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px
}

.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0
}

.list-group+.panel-footer,
.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0
}

.panel>.panel-collapse>.table,
.panel>.table,
.panel>.table-responsive>.table {
    margin-bottom: 0
}

.panel>.panel-collapse>.table caption,
.panel>.table-responsive>.table caption,
.panel>.table caption {
    padding-right: 15px;
    padding-left: 15px
}

.panel>.table-responsive:first-child>.table:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px
}

.panel>.table-responsive:last-child>.table:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child {
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
    border-top: 1px solid #ddd
}

.panel>.table>tbody:first-child>tr:first-child td,
.panel>.table>tbody:first-child>tr:first-child th {
    border-top: 0
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
    border: 0
}

.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
    border-left: 0
}

.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
    border-right: 0
}

.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
    border-bottom: 0
}

.panel>.table-responsive {
    margin-bottom: 0;
    border: 0
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.panel-group .panel+.panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default>.panel-heading {
    color: #384347;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd
}

.panel-default>.panel-heading .badge {
    color: #f5f5f5;
    background-color: #384347
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #00c091
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #00c091;
    border-color: #00c091
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #00c091
}

.panel-primary>.panel-heading .badge {
    color: #00c091;
    background-color: #fff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #00c091
}

.panel-success {
    border-color: #b5eed7
}

.panel-success>.panel-heading {
    color: #00c091;
    background-color: #caf3e9;
    border-color: #b5eed7
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #b5eed7
}

.panel-success>.panel-heading .badge {
    color: #caf3e9;
    background-color: #00c091
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #b5eed7
}

.panel-info {
    border-color: #bce8f1
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning>.panel-heading {
    color: #f76e00;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #faebcc
}

.panel-warning>.panel-heading .badge {
    color: #fcf8e3;
    background-color: #f76e00
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ffb2cf
}

.panel-danger>.panel-heading {
    color: #ff576f;
    background-color: #ffcbd6;
    border-color: #ffb2cf
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ffb2cf
}

.panel-danger>.panel-heading .badge {
    color: #ffcbd6;
    background-color: #ff576f
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ffb2cf
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2
}

.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.modal,
.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid hsla(0, 0%, 100%, 0);
    -webkit-border-radius: 9px;
    border-radius: 9px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #00bf93
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5
}

.modal-header {
    padding: 35px 40px;
    border-bottom: 1px solid #e6e6e6
}

.modal-header:after,
.modal-header:before {
    display: table;
    content: " "
}

.modal-header:after {
    clear: both
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.428571429
}

.modal-body {
    position: relative;
    padding: 35px 40px
}

.modal-footer {
    padding: 35px 40px;
    text-align: right;
    border-top: 1px solid #e6e6e6
}

.modal-footer:after,
.modal-footer:before {
    display: table;
    content: " "
}

.modal-footer:after {
    clear: both
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:768px) {
    .modal-dialog {
        width: 630px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }

    .modal-sm {
        width: 420px
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 820px
    }
}

.tooltip {
    position: absolute;
    z-index: 1050;
    display: block;
    font-family: Inter UI;
    font-style: normal;
    font-weight: 400;
    line-height: 1.428571429;
    line-break: auto;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    font-size: 11px;
    filter: alpha(opacity=0);
    opacity: 0
}

.tooltip.in {
    filter: alpha(opacity=90);
    opacity: .9
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -3px
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px
}

.tooltip.left {
    padding: 0 5px;
    margin-left: -3px
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #384347
}

.tooltip.top-left .tooltip-arrow {
    right: 5px
}

.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #384347
}

.tooltip.top-right .tooltip-arrow {
    left: 5px
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #384347
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #384347
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #384347
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #384347
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #384347
}

.tooltip-inner {
    max-width: 300px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #384347;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1020;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: Inter UI;
    font-style: normal;
    font-weight: 400;
    line-height: 1.428571429;
    line-break: auto;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    font-size: 14px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    -webkit-border-radius: 9px;
    border-radius: 9px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover>.arrow {
    border-width: 11px
}

.popover>.arrow,
.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover>.arrow:after {
    content: "";
    border-width: 10px
}

.popover.top>.arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0
}

.popover.top>.arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25);
    border-left-width: 0
}

.popover.right>.arrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0
}

.popover.bottom>.arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.popover.bottom>.arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25)
}

.popover.left>.arrow:after {
    right: 1px;
    bottom: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #fff
}

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0
}

.popover-content {
    padding: 9px 14px
}

.clearfix:after,
.clearfix:before {
    display: table;
    content: " "
}

.clearfix:after {
    clear: both
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
    display: none !important
}

@media (max-width:767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs,
    th.visible-xs {
        display: table-cell !important
    }
}

@media (max-width:767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm,
    th.visible-sm {
        display: table-cell !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md,
    th.visible-md {
        display: table-cell !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg,
    th.visible-lg {
        display: table-cell !important
    }
}

@media (min-width:1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print,
    th.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

.no-top {
    margin-top: 0 !important
}

.top-xty {
    margin-top: 3px
}

.top-ty {
    margin-top: 5px
}

.top-xs {
    margin-top: 10px
}

.top-sm {
    margin-top: 20px
}

.top-md {
    margin-top: 40px
}

.top-lg {
    margin-top: 60px
}

.no-bottom {
    margin-bottom: 0 !important
}

.bottom-xty {
    margin-bottom: 3px
}

.bottom-ty {
    margin-bottom: 5px
}

.bottom-xs {
    margin-bottom: 10px
}

.bottom-sm {
    margin-bottom: 20px
}

.bottom-md {
    margin-bottom: 40px
}

.bottom-lg {
    margin-bottom: 60px
}

.no-left {
    margin-left: 0 !important
}

.left-xty {
    margin-left: 3px
}

.left-ty {
    margin-left: 5px
}

.left-xs {
    margin-left: 10px
}

.left-sm {
    margin-left: 20px
}

.left-md {
    margin-left: 40px
}

.left-lg {
    margin-left: 60px
}

.no-right {
    margin-right: 0 !important
}

.right-xty {
    margin-right: 3px
}

.right-ty {
    margin-right: 5px
}

.right-xs {
    margin-right: 10px
}

.right-sm {
    margin-right: 20px
}

.right-md {
    margin-right: 40px
}

.right-lg {
    margin-right: 60px
}

.no-margin {
    margin: 0 !important
}

.m-0 {
    margin: 4px
}

.-m-0 {
    margin: -4px
}

.p-0 {
    padding: 4px
}

.m-top-0 {
    margin-top: 4px
}

.-m-top-0 {
    margin-top: -4px
}

.p-top-0 {
    padding-top: 4px
}

.m-bottom-0 {
    margin-bottom: 4px
}

.-m-bottom-0 {
    margin-bottom: -4px
}

.p-bottom-0 {
    padding-bottom: 4px
}

.m-left-0 {
    margin-left: 4px
}

.-m-left-0 {
    margin-left: -4px
}

.p-left-0 {
    padding-left: 4px
}

.m-right-0 {
    margin-right: 4px
}

.-m-right-0 {
    margin-right: -4px
}

.p-right-0 {
    padding-right: 4px
}

.m-1 {
    margin: 8px
}

.-m-1 {
    margin: -8px
}

.p-1 {
    padding: 8px
}

.m-top-1 {
    margin-top: 8px
}

.-m-top-1 {
    margin-top: -8px
}

.p-top-1 {
    padding-top: 8px
}

.m-bottom-1 {
    margin-bottom: 8px
}

.-m-bottom-1 {
    margin-bottom: -8px
}

.p-bottom-1 {
    padding-bottom: 8px
}

.m-left-1 {
    margin-left: 8px
}

.-m-left-1 {
    margin-left: -8px
}

.p-left-1 {
    padding-left: 8px
}

.m-right-1 {
    margin-right: 8px
}

.-m-right-1 {
    margin-right: -8px
}

.p-right-1 {
    padding-right: 8px
}

.m-2 {
    margin: 16px
}

.-m-2 {
    margin: -16px
}

.p-2 {
    padding: 16px
}

.m-top-2 {
    margin-top: 16px
}

.-m-top-2 {
    margin-top: -16px
}

.p-top-2 {
    padding-top: 16px
}

.m-bottom-2 {
    margin-bottom: 16px
}

.-m-bottom-2 {
    margin-bottom: -16px
}

.p-bottom-2 {
    padding-bottom: 16px
}

.m-left-2 {
    margin-left: 16px
}

.-m-left-2 {
    margin-left: -16px
}

.p-left-2 {
    padding-left: 16px
}

.m-right-2 {
    margin-right: 16px
}

.-m-right-2 {
    margin-right: -16px
}

.p-right-2 {
    padding-right: 16px
}

.m-3 {
    margin: 24px
}

.-m-3 {
    margin: -24px
}

.p-3 {
    padding: 24px
}

.m-top-3 {
    margin-top: 24px
}

.-m-top-3 {
    margin-top: -24px
}

.p-top-3 {
    padding-top: 24px
}

.m-bottom-3 {
    margin-bottom: 24px
}

.-m-bottom-3 {
    margin-bottom: -24px
}

.p-bottom-3 {
    padding-bottom: 24px
}

.m-left-3 {
    margin-left: 24px
}

.-m-left-3 {
    margin-left: -24px
}

.p-left-3 {
    padding-left: 24px
}

.m-right-3 {
    margin-right: 24px
}

.-m-right-3 {
    margin-right: -24px
}

.p-right-3 {
    padding-right: 24px
}

.m-4 {
    margin: 32px
}

.-m-4 {
    margin: -32px
}

.p-4 {
    padding: 32px
}

.m-top-4 {
    margin-top: 32px
}

.-m-top-4 {
    margin-top: -32px
}

.p-top-4 {
    padding-top: 32px
}

.m-bottom-4 {
    margin-bottom: 32px
}

.-m-bottom-4 {
    margin-bottom: -32px
}

.p-bottom-4 {
    padding-bottom: 32px
}

.m-left-4 {
    margin-left: 32px
}

.-m-left-4 {
    margin-left: -32px
}

.p-left-4 {
    padding-left: 32px
}

.m-right-4 {
    margin-right: 32px
}

.-m-right-4 {
    margin-right: -32px
}

.p-right-4 {
    padding-right: 32px
}

.m-5 {
    margin: 40px
}

.-m-5 {
    margin: -40px
}

.p-5 {
    padding: 40px
}

.m-top-5 {
    margin-top: 40px
}

.-m-top-5 {
    margin-top: -40px
}

.p-top-5 {
    padding-top: 40px
}

.m-bottom-5 {
    margin-bottom: 40px
}

.-m-bottom-5 {
    margin-bottom: -40px
}

.p-bottom-5 {
    padding-bottom: 40px
}

.m-left-5 {
    margin-left: 40px
}

.-m-left-5 {
    margin-left: -40px
}

.p-left-5 {
    padding-left: 40px
}

.m-right-5 {
    margin-right: 40px
}

.-m-right-5 {
    margin-right: -40px
}

.p-right-5 {
    padding-right: 40px
}

.m-6 {
    margin: 48px
}

.-m-6 {
    margin: -48px
}

.p-6 {
    padding: 48px
}

.m-top-6 {
    margin-top: 48px
}

.-m-top-6 {
    margin-top: -48px
}

.p-top-6 {
    padding-top: 48px
}

.m-bottom-6 {
    margin-bottom: 48px
}

.-m-bottom-6 {
    margin-bottom: -48px
}

.p-bottom-6 {
    padding-bottom: 48px
}

.m-left-6 {
    margin-left: 48px
}

.-m-left-6 {
    margin-left: -48px
}

.p-left-6 {
    padding-left: 48px
}

.m-right-6 {
    margin-right: 48px
}

.-m-right-6 {
    margin-right: -48px
}

.p-right-6 {
    padding-right: 48px
}

.m-7 {
    margin: 56px
}

.-m-7 {
    margin: -56px
}

.p-7 {
    padding: 56px
}

.m-top-7 {
    margin-top: 56px
}

.-m-top-7 {
    margin-top: -56px
}

.p-top-7 {
    padding-top: 56px
}

.m-bottom-7 {
    margin-bottom: 56px
}

.-m-bottom-7 {
    margin-bottom: -56px
}

.p-bottom-7 {
    padding-bottom: 56px
}

.m-left-7 {
    margin-left: 56px
}

.-m-left-7 {
    margin-left: -56px
}

.p-left-7 {
    padding-left: 56px
}

.m-right-7 {
    margin-right: 56px
}

.-m-right-7 {
    margin-right: -56px
}

.p-right-7 {
    padding-right: 56px
}

.m-8 {
    margin: 64px
}

.-m-8 {
    margin: -64px
}

.p-8 {
    padding: 64px
}

.m-top-8 {
    margin-top: 64px
}

.-m-top-8 {
    margin-top: -64px
}

.p-top-8 {
    padding-top: 64px
}

.m-bottom-8 {
    margin-bottom: 64px
}

.-m-bottom-8 {
    margin-bottom: -64px
}

.p-bottom-8 {
    padding-bottom: 64px
}

.m-left-8 {
    margin-left: 64px
}

.-m-left-8 {
    margin-left: -64px
}

.p-left-8 {
    padding-left: 64px
}

.m-right-8 {
    margin-right: 64px
}

.-m-right-8 {
    margin-right: -64px
}

.p-right-8 {
    padding-right: 64px
}

.m-9 {
    margin: 72px
}

.-m-9 {
    margin: -72px
}

.p-9 {
    padding: 72px
}

.m-top-9 {
    margin-top: 72px
}

.-m-top-9 {
    margin-top: -72px
}

.p-top-9 {
    padding-top: 72px
}

.m-bottom-9 {
    margin-bottom: 72px
}

.-m-bottom-9 {
    margin-bottom: -72px
}

.p-bottom-9 {
    padding-bottom: 72px
}

.m-left-9 {
    margin-left: 72px
}

.-m-left-9 {
    margin-left: -72px
}

.p-left-9 {
    padding-left: 72px
}

.m-right-9 {
    margin-right: 72px
}

.-m-right-9 {
    margin-right: -72px
}

.p-right-9 {
    padding-right: 72px
}

.m-10 {
    margin: 80px
}

.-m-10 {
    margin: -80px
}

.p-10 {
    padding: 80px
}

.m-top-10 {
    margin-top: 80px
}

.-m-top-10 {
    margin-top: -80px
}

.p-top-10 {
    padding-top: 80px
}

.m-bottom-10 {
    margin-bottom: 80px
}

.-m-bottom-10 {
    margin-bottom: -80px
}

.p-bottom-10 {
    padding-bottom: 80px
}

.m-left-10 {
    margin-left: 80px
}

.-m-left-10 {
    margin-left: -80px
}

.p-left-10 {
    padding-left: 80px
}

.m-right-10 {
    margin-right: 80px
}

.-m-right-10 {
    margin-right: -80px
}

.p-right-10 {
    padding-right: 80px
}

.m-11 {
    margin: 88px
}

.-m-11 {
    margin: -88px
}

.p-11 {
    padding: 88px
}

.m-top-11 {
    margin-top: 88px
}

.-m-top-11 {
    margin-top: -88px
}

.p-top-11 {
    padding-top: 88px
}

.m-bottom-11 {
    margin-bottom: 88px
}

.-m-bottom-11 {
    margin-bottom: -88px
}

.p-bottom-11 {
    padding-bottom: 88px
}

.m-left-11 {
    margin-left: 88px
}

.-m-left-11 {
    margin-left: -88px
}

.p-left-11 {
    padding-left: 88px
}

.m-right-11 {
    margin-right: 88px
}

.-m-right-11 {
    margin-right: -88px
}

.p-right-11 {
    padding-right: 88px
}

.m-12 {
    margin: 96px
}

.-m-12 {
    margin: -96px
}

.p-12 {
    padding: 96px
}

.m-top-12 {
    margin-top: 96px
}

.-m-top-12 {
    margin-top: -96px
}

.p-top-12 {
    padding-top: 96px
}

.m-bottom-12 {
    margin-bottom: 96px
}

.-m-bottom-12 {
    margin-bottom: -96px
}

.p-bottom-12 {
    padding-bottom: 96px
}

.m-left-12 {
    margin-left: 96px
}

.-m-left-12 {
    margin-left: -96px
}

.p-left-12 {
    padding-left: 96px
}

.m-right-12 {
    margin-right: 96px
}

.-m-right-12 {
    margin-right: -96px
}

.p-right-12 {
    padding-right: 96px
}

.m-no {
    margin: 0 !important
}

.p-no {
    padding: 0 !important
}

.m-auto {
    margin: auto
}

.m-top-no {
    margin-top: 0 !important
}

.p-top-no {
    padding-top: 0 !important
}

.m-top-auto {
    margin-top: auto
}

.m-bottom-no {
    margin-bottom: 0 !important
}

.p-bottom-no {
    padding-bottom: 0 !important
}

.m-bottom-auto {
    margin-bottom: auto
}

.m-left-no {
    margin-left: 0 !important
}

.p-left-no {
    padding-left: 0 !important
}

.m-left-auto {
    margin-left: auto
}

.m-right-no {
    margin-right: 0 !important
}

.p-right-no {
    padding-right: 0 !important
}

.m-right-auto {
    margin-right: auto
}

@media (max-width:480px) {
    .text-center-xs {
        text-align: center !important
    }

    .text-left-xs {
        text-align: left !important
    }

    .text-right-xs {
        text-align: right !important
    }

    .m-xs-no {
        margin: 0 !important
    }

    .p-xs-no {
        padding: 0 !important
    }

    .m-xs-0 {
        margin: 4px !important
    }

    .p-xs-0 {
        padding: 4px !important
    }

    .m-xs-top-0 {
        margin-top: 4px !important
    }

    .p-xs-top-0 {
        padding-top: 4px !important
    }

    .m-xs-bottom-0 {
        margin-bottom: 4px !important
    }

    .p-xs-bottom-0 {
        padding-bottom: 4px !important
    }

    .m-xs-left-0 {
        margin-left: 4px !important
    }

    .p-xs-left-0 {
        padding-left: 4px !important
    }

    .m-xs-right-0 {
        margin-right: 4px !important
    }

    .p-xs-right-0 {
        padding-right: 4px !important
    }

    .m-xs-1 {
        margin: 8px !important
    }

    .p-xs-1 {
        padding: 8px !important
    }

    .m-xs-top-1 {
        margin-top: 8px !important
    }

    .p-xs-top-1 {
        padding-top: 8px !important
    }

    .m-xs-bottom-1 {
        margin-bottom: 8px !important
    }

    .p-xs-bottom-1 {
        padding-bottom: 8px !important
    }

    .m-xs-left-1 {
        margin-left: 8px !important
    }

    .p-xs-left-1 {
        padding-left: 8px !important
    }

    .m-xs-right-1 {
        margin-right: 8px !important
    }

    .p-xs-right-1 {
        padding-right: 8px !important
    }

    .m-xs-2 {
        margin: 16px !important
    }

    .p-xs-2 {
        padding: 16px !important
    }

    .m-xs-top-2 {
        margin-top: 16px !important
    }

    .p-xs-top-2 {
        padding-top: 16px !important
    }

    .m-xs-bottom-2 {
        margin-bottom: 16px !important
    }

    .p-xs-bottom-2 {
        padding-bottom: 16px !important
    }

    .m-xs-left-2 {
        margin-left: 16px !important
    }

    .p-xs-left-2 {
        padding-left: 16px !important
    }

    .m-xs-right-2 {
        margin-right: 16px !important
    }

    .p-xs-right-2 {
        padding-right: 16px !important
    }

    .m-xs-3 {
        margin: 24px !important
    }

    .p-xs-3 {
        padding: 24px !important
    }

    .m-xs-top-3 {
        margin-top: 24px !important
    }

    .p-xs-top-3 {
        padding-top: 24px !important
    }

    .m-xs-bottom-3 {
        margin-bottom: 24px !important
    }

    .p-xs-bottom-3 {
        padding-bottom: 24px !important
    }

    .m-xs-left-3 {
        margin-left: 24px !important
    }

    .p-xs-left-3 {
        padding-left: 24px !important
    }

    .m-xs-right-3 {
        margin-right: 24px !important
    }

    .p-xs-right-3 {
        padding-right: 24px !important
    }

    .m-xs-4 {
        margin: 32px !important
    }

    .p-xs-4 {
        padding: 32px !important
    }

    .m-xs-top-4 {
        margin-top: 32px !important
    }

    .p-xs-top-4 {
        padding-top: 32px !important
    }

    .m-xs-bottom-4 {
        margin-bottom: 32px !important
    }

    .p-xs-bottom-4 {
        padding-bottom: 32px !important
    }

    .m-xs-left-4 {
        margin-left: 32px !important
    }

    .p-xs-left-4 {
        padding-left: 32px !important
    }

    .m-xs-right-4 {
        margin-right: 32px !important
    }

    .p-xs-right-4 {
        padding-right: 32px !important
    }

    .m-xs-5 {
        margin: 40px !important
    }

    .p-xs-5 {
        padding: 40px !important
    }

    .m-xs-top-5 {
        margin-top: 40px !important
    }

    .p-xs-top-5 {
        padding-top: 40px !important
    }

    .m-xs-bottom-5 {
        margin-bottom: 40px !important
    }

    .p-xs-bottom-5 {
        padding-bottom: 40px !important
    }

    .m-xs-left-5 {
        margin-left: 40px !important
    }

    .p-xs-left-5 {
        padding-left: 40px !important
    }

    .m-xs-right-5 {
        margin-right: 40px !important
    }

    .p-xs-right-5 {
        padding-right: 40px !important
    }

    .m-xs-6 {
        margin: 48px !important
    }

    .p-xs-6 {
        padding: 48px !important
    }

    .m-xs-top-6 {
        margin-top: 48px !important
    }

    .p-xs-top-6 {
        padding-top: 48px !important
    }

    .m-xs-bottom-6 {
        margin-bottom: 48px !important
    }

    .p-xs-bottom-6 {
        padding-bottom: 48px !important
    }

    .m-xs-left-6 {
        margin-left: 48px !important
    }

    .p-xs-left-6 {
        padding-left: 48px !important
    }

    .m-xs-right-6 {
        margin-right: 48px !important
    }

    .p-xs-right-6 {
        padding-right: 48px !important
    }

    .m-xs-7 {
        margin: 56px !important
    }

    .p-xs-7 {
        padding: 56px !important
    }

    .m-xs-top-7 {
        margin-top: 56px !important
    }

    .p-xs-top-7 {
        padding-top: 56px !important
    }

    .m-xs-bottom-7 {
        margin-bottom: 56px !important
    }

    .p-xs-bottom-7 {
        padding-bottom: 56px !important
    }

    .m-xs-left-7 {
        margin-left: 56px !important
    }

    .p-xs-left-7 {
        padding-left: 56px !important
    }

    .m-xs-right-7 {
        margin-right: 56px !important
    }

    .p-xs-right-7 {
        padding-right: 56px !important
    }

    .m-xs-8 {
        margin: 64px !important
    }

    .p-xs-8 {
        padding: 64px !important
    }

    .m-xs-top-8 {
        margin-top: 64px !important
    }

    .p-xs-top-8 {
        padding-top: 64px !important
    }

    .m-xs-bottom-8 {
        margin-bottom: 64px !important
    }

    .p-xs-bottom-8 {
        padding-bottom: 64px !important
    }

    .m-xs-left-8 {
        margin-left: 64px !important
    }

    .p-xs-left-8 {
        padding-left: 64px !important
    }

    .m-xs-right-8 {
        margin-right: 64px !important
    }

    .p-xs-right-8 {
        padding-right: 64px !important
    }

    .m-xs-9 {
        margin: 72px !important
    }

    .p-xs-9 {
        padding: 72px !important
    }

    .m-xs-top-9 {
        margin-top: 72px !important
    }

    .p-xs-top-9 {
        padding-top: 72px !important
    }

    .m-xs-bottom-9 {
        margin-bottom: 72px !important
    }

    .p-xs-bottom-9 {
        padding-bottom: 72px !important
    }

    .m-xs-left-9 {
        margin-left: 72px !important
    }

    .p-xs-left-9 {
        padding-left: 72px !important
    }

    .m-xs-right-9 {
        margin-right: 72px !important
    }

    .p-xs-right-9 {
        padding-right: 72px !important
    }

    .m-xs-10 {
        margin: 80px !important
    }

    .p-xs-10 {
        padding: 80px !important
    }

    .m-xs-top-10 {
        margin-top: 80px !important
    }

    .p-xs-top-10 {
        padding-top: 80px !important
    }

    .m-xs-bottom-10 {
        margin-bottom: 80px !important
    }

    .p-xs-bottom-10 {
        padding-bottom: 80px !important
    }

    .m-xs-left-10 {
        margin-left: 80px !important
    }

    .p-xs-left-10 {
        padding-left: 80px !important
    }

    .m-xs-right-10 {
        margin-right: 80px !important
    }

    .p-xs-right-10 {
        padding-right: 80px !important
    }

    .m-xs-11 {
        margin: 88px !important
    }

    .p-xs-11 {
        padding: 88px !important
    }

    .m-xs-top-11 {
        margin-top: 88px !important
    }

    .p-xs-top-11 {
        padding-top: 88px !important
    }

    .m-xs-bottom-11 {
        margin-bottom: 88px !important
    }

    .p-xs-bottom-11 {
        padding-bottom: 88px !important
    }

    .m-xs-left-11 {
        margin-left: 88px !important
    }

    .p-xs-left-11 {
        padding-left: 88px !important
    }

    .m-xs-right-11 {
        margin-right: 88px !important
    }

    .p-xs-right-11 {
        padding-right: 88px !important
    }

    .m-xs-12 {
        margin: 96px !important
    }

    .p-xs-12 {
        padding: 96px !important
    }

    .m-xs-top-12 {
        margin-top: 96px !important
    }

    .p-xs-top-12 {
        padding-top: 96px !important
    }

    .m-xs-bottom-12 {
        margin-bottom: 96px !important
    }

    .p-xs-bottom-12 {
        padding-bottom: 96px !important
    }

    .m-xs-left-12 {
        margin-left: 96px !important
    }

    .p-xs-left-12 {
        padding-left: 96px !important
    }

    .m-xs-right-12 {
        margin-right: 96px !important
    }

    .p-xs-right-12 {
        padding-right: 96px !important
    }

    .m-xs-top-no {
        margin-top: 0 !important
    }

    .m-xs-top-auto {
        margin-top: auto !important
    }

    .p-xs-top-no {
        padding-top: 0 !important
    }

    .m-xs-bottom-no {
        margin-bottom: 0 !important
    }

    .m-xs-bottom-auto {
        margin-bottom: auto !important
    }

    .p-xs-bottom-no {
        padding-bottom: 0 !important
    }

    .m-xs-left-no {
        margin-left: 0 !important
    }

    .m-xs-left-auto {
        margin-left: auto !important
    }

    .p-xs-left-no {
        padding-left: 0 !important
    }

    .m-xs-right-no {
        margin-right: 0 !important
    }

    .m-xs-right-auto {
        margin-right: auto !important
    }

    .p-xs-right-no {
        padding-right: 0 !important
    }
}

@media (max-width:768px) {
    .text-center-sm {
        text-align: center !important
    }

    .text-left-sm {
        text-align: left !important
    }

    .text-right-sm {
        text-align: right !important
    }

    .m-sm-no {
        margin: 0 !important
    }

    .p-sm-no {
        padding: 0 !important
    }

    .m-sm-0 {
        margin: 4px !important
    }

    .p-sm-0 {
        padding: 4px !important
    }

    .m-sm-top-0 {
        margin-top: 4px !important
    }

    .p-sm-top-0 {
        padding-top: 4px !important
    }

    .m-sm-bottom-0 {
        margin-bottom: 4px !important
    }

    .p-sm-bottom-0 {
        padding-bottom: 4px !important
    }

    .m-sm-left-0 {
        margin-left: 4px !important
    }

    .p-sm-left-0 {
        padding-left: 4px !important
    }

    .m-sm-right-0 {
        margin-right: 4px !important
    }

    .p-sm-right-0 {
        padding-right: 4px !important
    }

    .m-sm-1 {
        margin: 8px !important
    }

    .p-sm-1 {
        padding: 8px !important
    }

    .m-sm-top-1 {
        margin-top: 8px !important
    }

    .p-sm-top-1 {
        padding-top: 8px !important
    }

    .m-sm-bottom-1 {
        margin-bottom: 8px !important
    }

    .p-sm-bottom-1 {
        padding-bottom: 8px !important
    }

    .m-sm-left-1 {
        margin-left: 8px !important
    }

    .p-sm-left-1 {
        padding-left: 8px !important
    }

    .m-sm-right-1 {
        margin-right: 8px !important
    }

    .p-sm-right-1 {
        padding-right: 8px !important
    }

    .m-sm-2 {
        margin: 16px !important
    }

    .p-sm-2 {
        padding: 16px !important
    }

    .m-sm-top-2 {
        margin-top: 16px !important
    }

    .p-sm-top-2 {
        padding-top: 16px !important
    }

    .m-sm-bottom-2 {
        margin-bottom: 16px !important
    }

    .p-sm-bottom-2 {
        padding-bottom: 16px !important
    }

    .m-sm-left-2 {
        margin-left: 16px !important
    }

    .p-sm-left-2 {
        padding-left: 16px !important
    }

    .m-sm-right-2 {
        margin-right: 16px !important
    }

    .p-sm-right-2 {
        padding-right: 16px !important
    }

    .m-sm-3 {
        margin: 24px !important
    }

    .p-sm-3 {
        padding: 24px !important
    }

    .m-sm-top-3 {
        margin-top: 24px !important
    }

    .p-sm-top-3 {
        padding-top: 24px !important
    }

    .m-sm-bottom-3 {
        margin-bottom: 24px !important
    }

    .p-sm-bottom-3 {
        padding-bottom: 24px !important
    }

    .m-sm-left-3 {
        margin-left: 24px !important
    }

    .p-sm-left-3 {
        padding-left: 24px !important
    }

    .m-sm-right-3 {
        margin-right: 24px !important
    }

    .p-sm-right-3 {
        padding-right: 24px !important
    }

    .m-sm-4 {
        margin: 32px !important
    }

    .p-sm-4 {
        padding: 32px !important
    }

    .m-sm-top-4 {
        margin-top: 32px !important
    }

    .p-sm-top-4 {
        padding-top: 32px !important
    }

    .m-sm-bottom-4 {
        margin-bottom: 32px !important
    }

    .p-sm-bottom-4 {
        padding-bottom: 32px !important
    }

    .m-sm-left-4 {
        margin-left: 32px !important
    }

    .p-sm-left-4 {
        padding-left: 32px !important
    }

    .m-sm-right-4 {
        margin-right: 32px !important
    }

    .p-sm-right-4 {
        padding-right: 32px !important
    }

    .m-sm-5 {
        margin: 40px !important
    }

    .p-sm-5 {
        padding: 40px !important
    }

    .m-sm-top-5 {
        margin-top: 40px !important
    }

    .p-sm-top-5 {
        padding-top: 40px !important
    }

    .m-sm-bottom-5 {
        margin-bottom: 40px !important
    }

    .p-sm-bottom-5 {
        padding-bottom: 40px !important
    }

    .m-sm-left-5 {
        margin-left: 40px !important
    }

    .p-sm-left-5 {
        padding-left: 40px !important
    }

    .m-sm-right-5 {
        margin-right: 40px !important
    }

    .p-sm-right-5 {
        padding-right: 40px !important
    }

    .m-sm-6 {
        margin: 48px !important
    }

    .p-sm-6 {
        padding: 48px !important
    }

    .m-sm-top-6 {
        margin-top: 48px !important
    }

    .p-sm-top-6 {
        padding-top: 48px !important
    }

    .m-sm-bottom-6 {
        margin-bottom: 48px !important
    }

    .p-sm-bottom-6 {
        padding-bottom: 48px !important
    }

    .m-sm-left-6 {
        margin-left: 48px !important
    }

    .p-sm-left-6 {
        padding-left: 48px !important
    }

    .m-sm-right-6 {
        margin-right: 48px !important
    }

    .p-sm-right-6 {
        padding-right: 48px !important
    }

    .m-sm-7 {
        margin: 56px !important
    }

    .p-sm-7 {
        padding: 56px !important
    }

    .m-sm-top-7 {
        margin-top: 56px !important
    }

    .p-sm-top-7 {
        padding-top: 56px !important
    }

    .m-sm-bottom-7 {
        margin-bottom: 56px !important
    }

    .p-sm-bottom-7 {
        padding-bottom: 56px !important
    }

    .m-sm-left-7 {
        margin-left: 56px !important
    }

    .p-sm-left-7 {
        padding-left: 56px !important
    }

    .m-sm-right-7 {
        margin-right: 56px !important
    }

    .p-sm-right-7 {
        padding-right: 56px !important
    }

    .m-sm-8 {
        margin: 64px !important
    }

    .p-sm-8 {
        padding: 64px !important
    }

    .m-sm-top-8 {
        margin-top: 64px !important
    }

    .p-sm-top-8 {
        padding-top: 64px !important
    }

    .m-sm-bottom-8 {
        margin-bottom: 64px !important
    }

    .p-sm-bottom-8 {
        padding-bottom: 64px !important
    }

    .m-sm-left-8 {
        margin-left: 64px !important
    }

    .p-sm-left-8 {
        padding-left: 64px !important
    }

    .m-sm-right-8 {
        margin-right: 64px !important
    }

    .p-sm-right-8 {
        padding-right: 64px !important
    }

    .m-sm-9 {
        margin: 72px !important
    }

    .p-sm-9 {
        padding: 72px !important
    }

    .m-sm-top-9 {
        margin-top: 72px !important
    }

    .p-sm-top-9 {
        padding-top: 72px !important
    }

    .m-sm-bottom-9 {
        margin-bottom: 72px !important
    }

    .p-sm-bottom-9 {
        padding-bottom: 72px !important
    }

    .m-sm-left-9 {
        margin-left: 72px !important
    }

    .p-sm-left-9 {
        padding-left: 72px !important
    }

    .m-sm-right-9 {
        margin-right: 72px !important
    }

    .p-sm-right-9 {
        padding-right: 72px !important
    }

    .m-sm-10 {
        margin: 80px !important
    }

    .p-sm-10 {
        padding: 80px !important
    }

    .m-sm-top-10 {
        margin-top: 80px !important
    }

    .p-sm-top-10 {
        padding-top: 80px !important
    }

    .m-sm-bottom-10 {
        margin-bottom: 80px !important
    }

    .p-sm-bottom-10 {
        padding-bottom: 80px !important
    }

    .m-sm-left-10 {
        margin-left: 80px !important
    }

    .p-sm-left-10 {
        padding-left: 80px !important
    }

    .m-sm-right-10 {
        margin-right: 80px !important
    }

    .p-sm-right-10 {
        padding-right: 80px !important
    }

    .m-sm-11 {
        margin: 88px !important
    }

    .p-sm-11 {
        padding: 88px !important
    }

    .m-sm-top-11 {
        margin-top: 88px !important
    }

    .p-sm-top-11 {
        padding-top: 88px !important
    }

    .m-sm-bottom-11 {
        margin-bottom: 88px !important
    }

    .p-sm-bottom-11 {
        padding-bottom: 88px !important
    }

    .m-sm-left-11 {
        margin-left: 88px !important
    }

    .p-sm-left-11 {
        padding-left: 88px !important
    }

    .m-sm-right-11 {
        margin-right: 88px !important
    }

    .p-sm-right-11 {
        padding-right: 88px !important
    }

    .m-sm-12 {
        margin: 96px !important
    }

    .p-sm-12 {
        padding: 96px !important
    }

    .m-sm-top-12 {
        margin-top: 96px !important
    }

    .p-sm-top-12 {
        padding-top: 96px !important
    }

    .m-sm-bottom-12 {
        margin-bottom: 96px !important
    }

    .p-sm-bottom-12 {
        padding-bottom: 96px !important
    }

    .m-sm-left-12 {
        margin-left: 96px !important
    }

    .p-sm-left-12 {
        padding-left: 96px !important
    }

    .m-sm-right-12 {
        margin-right: 96px !important
    }

    .p-sm-right-12 {
        padding-right: 96px !important
    }

    .m-sm-top-no {
        margin-top: 0 !important
    }

    .m-sm-top-auto {
        margin-top: auto !important
    }

    .p-sm-top-no {
        padding-top: 0 !important
    }

    .m-sm-bottom-no {
        margin-bottom: 0 !important
    }

    .m-sm-bottom-auto {
        margin-bottom: auto !important
    }

    .p-sm-bottom-no {
        padding-bottom: 0 !important
    }

    .m-sm-left-no {
        margin-left: 0 !important
    }

    .m-sm-left-auto {
        margin-left: auto !important
    }

    .p-sm-left-no {
        padding-left: 0 !important
    }

    .m-sm-right-no {
        margin-right: 0 !important
    }

    .m-sm-right-auto {
        margin-right: auto !important
    }

    .p-sm-right-no {
        padding-right: 0 !important
    }
}

@media (max-width:992px) {
    .text-center-md {
        text-align: center !important
    }

    .text-left-md {
        text-align: left !important
    }

    .text-right-md {
        text-align: right !important
    }

    .m-md-no {
        margin: 0 !important
    }

    .p-md-no {
        padding: 0 !important
    }

    .m-md-0 {
        margin: 4px !important
    }

    .p-md-0 {
        padding: 4px !important
    }

    .m-md-top-0 {
        margin-top: 4px !important
    }

    .p-md-top-0 {
        padding-top: 4px !important
    }

    .m-md-bottom-0 {
        margin-bottom: 4px !important
    }

    .p-md-bottom-0 {
        padding-bottom: 4px !important
    }

    .m-md-left-0 {
        margin-left: 4px !important
    }

    .p-md-left-0 {
        padding-left: 4px !important
    }

    .m-md-right-0 {
        margin-right: 4px !important
    }

    .p-md-right-0 {
        padding-right: 4px !important
    }

    .m-md-1 {
        margin: 8px !important
    }

    .p-md-1 {
        padding: 8px !important
    }

    .m-md-top-1 {
        margin-top: 8px !important
    }

    .p-md-top-1 {
        padding-top: 8px !important
    }

    .m-md-bottom-1 {
        margin-bottom: 8px !important
    }

    .p-md-bottom-1 {
        padding-bottom: 8px !important
    }

    .m-md-left-1 {
        margin-left: 8px !important
    }

    .p-md-left-1 {
        padding-left: 8px !important
    }

    .m-md-right-1 {
        margin-right: 8px !important
    }

    .p-md-right-1 {
        padding-right: 8px !important
    }

    .m-md-2 {
        margin: 16px !important
    }

    .p-md-2 {
        padding: 16px !important
    }

    .m-md-top-2 {
        margin-top: 16px !important
    }

    .p-md-top-2 {
        padding-top: 16px !important
    }

    .m-md-bottom-2 {
        margin-bottom: 16px !important
    }

    .p-md-bottom-2 {
        padding-bottom: 16px !important
    }

    .m-md-left-2 {
        margin-left: 16px !important
    }

    .p-md-left-2 {
        padding-left: 16px !important
    }

    .m-md-right-2 {
        margin-right: 16px !important
    }

    .p-md-right-2 {
        padding-right: 16px !important
    }

    .m-md-3 {
        margin: 24px !important
    }

    .p-md-3 {
        padding: 24px !important
    }

    .m-md-top-3 {
        margin-top: 24px !important
    }

    .p-md-top-3 {
        padding-top: 24px !important
    }

    .m-md-bottom-3 {
        margin-bottom: 24px !important
    }

    .p-md-bottom-3 {
        padding-bottom: 24px !important
    }

    .m-md-left-3 {
        margin-left: 24px !important
    }

    .p-md-left-3 {
        padding-left: 24px !important
    }

    .m-md-right-3 {
        margin-right: 24px !important
    }

    .p-md-right-3 {
        padding-right: 24px !important
    }

    .m-md-4 {
        margin: 32px !important
    }

    .p-md-4 {
        padding: 32px !important
    }

    .m-md-top-4 {
        margin-top: 32px !important
    }

    .p-md-top-4 {
        padding-top: 32px !important
    }

    .m-md-bottom-4 {
        margin-bottom: 32px !important
    }

    .p-md-bottom-4 {
        padding-bottom: 32px !important
    }

    .m-md-left-4 {
        margin-left: 32px !important
    }

    .p-md-left-4 {
        padding-left: 32px !important
    }

    .m-md-right-4 {
        margin-right: 32px !important
    }

    .p-md-right-4 {
        padding-right: 32px !important
    }

    .m-md-5 {
        margin: 40px !important
    }

    .p-md-5 {
        padding: 40px !important
    }

    .m-md-top-5 {
        margin-top: 40px !important
    }

    .p-md-top-5 {
        padding-top: 40px !important
    }

    .m-md-bottom-5 {
        margin-bottom: 40px !important
    }

    .p-md-bottom-5 {
        padding-bottom: 40px !important
    }

    .m-md-left-5 {
        margin-left: 40px !important
    }

    .p-md-left-5 {
        padding-left: 40px !important
    }

    .m-md-right-5 {
        margin-right: 40px !important
    }

    .p-md-right-5 {
        padding-right: 40px !important
    }

    .m-md-6 {
        margin: 48px !important
    }

    .p-md-6 {
        padding: 48px !important
    }

    .m-md-top-6 {
        margin-top: 48px !important
    }

    .p-md-top-6 {
        padding-top: 48px !important
    }

    .m-md-bottom-6 {
        margin-bottom: 48px !important
    }

    .p-md-bottom-6 {
        padding-bottom: 48px !important
    }

    .m-md-left-6 {
        margin-left: 48px !important
    }

    .p-md-left-6 {
        padding-left: 48px !important
    }

    .m-md-right-6 {
        margin-right: 48px !important
    }

    .p-md-right-6 {
        padding-right: 48px !important
    }

    .m-md-7 {
        margin: 56px !important
    }

    .p-md-7 {
        padding: 56px !important
    }

    .m-md-top-7 {
        margin-top: 56px !important
    }

    .p-md-top-7 {
        padding-top: 56px !important
    }

    .m-md-bottom-7 {
        margin-bottom: 56px !important
    }

    .p-md-bottom-7 {
        padding-bottom: 56px !important
    }

    .m-md-left-7 {
        margin-left: 56px !important
    }

    .p-md-left-7 {
        padding-left: 56px !important
    }

    .m-md-right-7 {
        margin-right: 56px !important
    }

    .p-md-right-7 {
        padding-right: 56px !important
    }

    .m-md-8 {
        margin: 64px !important
    }

    .p-md-8 {
        padding: 64px !important
    }

    .m-md-top-8 {
        margin-top: 64px !important
    }

    .p-md-top-8 {
        padding-top: 64px !important
    }

    .m-md-bottom-8 {
        margin-bottom: 64px !important
    }

    .p-md-bottom-8 {
        padding-bottom: 64px !important
    }

    .m-md-left-8 {
        margin-left: 64px !important
    }

    .p-md-left-8 {
        padding-left: 64px !important
    }

    .m-md-right-8 {
        margin-right: 64px !important
    }

    .p-md-right-8 {
        padding-right: 64px !important
    }

    .m-md-9 {
        margin: 72px !important
    }

    .p-md-9 {
        padding: 72px !important
    }

    .m-md-top-9 {
        margin-top: 72px !important
    }

    .p-md-top-9 {
        padding-top: 72px !important
    }

    .m-md-bottom-9 {
        margin-bottom: 72px !important
    }

    .p-md-bottom-9 {
        padding-bottom: 72px !important
    }

    .m-md-left-9 {
        margin-left: 72px !important
    }

    .p-md-left-9 {
        padding-left: 72px !important
    }

    .m-md-right-9 {
        margin-right: 72px !important
    }

    .p-md-right-9 {
        padding-right: 72px !important
    }

    .m-md-10 {
        margin: 80px !important
    }

    .p-md-10 {
        padding: 80px !important
    }

    .m-md-top-10 {
        margin-top: 80px !important
    }

    .p-md-top-10 {
        padding-top: 80px !important
    }

    .m-md-bottom-10 {
        margin-bottom: 80px !important
    }

    .p-md-bottom-10 {
        padding-bottom: 80px !important
    }

    .m-md-left-10 {
        margin-left: 80px !important
    }

    .p-md-left-10 {
        padding-left: 80px !important
    }

    .m-md-right-10 {
        margin-right: 80px !important
    }

    .p-md-right-10 {
        padding-right: 80px !important
    }

    .m-md-11 {
        margin: 88px !important
    }

    .p-md-11 {
        padding: 88px !important
    }

    .m-md-top-11 {
        margin-top: 88px !important
    }

    .p-md-top-11 {
        padding-top: 88px !important
    }

    .m-md-bottom-11 {
        margin-bottom: 88px !important
    }

    .p-md-bottom-11 {
        padding-bottom: 88px !important
    }

    .m-md-left-11 {
        margin-left: 88px !important
    }

    .p-md-left-11 {
        padding-left: 88px !important
    }

    .m-md-right-11 {
        margin-right: 88px !important
    }

    .p-md-right-11 {
        padding-right: 88px !important
    }

    .m-md-12 {
        margin: 96px !important
    }

    .p-md-12 {
        padding: 96px !important
    }

    .m-md-top-12 {
        margin-top: 96px !important
    }

    .p-md-top-12 {
        padding-top: 96px !important
    }

    .m-md-bottom-12 {
        margin-bottom: 96px !important
    }

    .p-md-bottom-12 {
        padding-bottom: 96px !important
    }

    .m-md-left-12 {
        margin-left: 96px !important
    }

    .p-md-left-12 {
        padding-left: 96px !important
    }

    .m-md-right-12 {
        margin-right: 96px !important
    }

    .p-md-right-12 {
        padding-right: 96px !important
    }

    .m-md-top-no {
        margin-top: 0 !important
    }

    .m-md-top-auto {
        margin-top: auto !important
    }

    .p-md-top-no {
        padding-top: 0 !important
    }

    .m-md-bottom-no {
        margin-bottom: 0 !important
    }

    .m-md-bottom-auto {
        margin-bottom: auto !important
    }

    .p-md-bottom-no {
        padding-bottom: 0 !important
    }

    .m-md-left-no {
        margin-left: 0 !important
    }

    .m-md-left-auto {
        margin-left: auto !important
    }

    .p-md-left-no {
        padding-left: 0 !important
    }

    .m-md-right-no {
        margin-right: 0 !important
    }

    .m-md-right-auto {
        margin-right: auto !important
    }

    .p-md-right-no {
        padding-right: 0 !important
    }
}

@media (max-width:1200px) {
    .text-center-lg {
        text-align: center !important
    }

    .text-left-lg {
        text-align: left !important
    }

    .text-right-lg {
        text-align: right !important
    }

    .m-lg-no {
        margin: 0 !important
    }

    .p-lg-no {
        padding: 0 !important
    }

    .m-lg-0 {
        margin: 4px !important
    }

    .p-lg-0 {
        padding: 4px !important
    }

    .m-lg-top-0 {
        margin-top: 4px !important
    }

    .p-lg-top-0 {
        padding-top: 4px !important
    }

    .m-lg-bottom-0 {
        margin-bottom: 4px !important
    }

    .p-lg-bottom-0 {
        padding-bottom: 4px !important
    }

    .m-lg-left-0 {
        margin-left: 4px !important
    }

    .p-lg-left-0 {
        padding-left: 4px !important
    }

    .m-lg-right-0 {
        margin-right: 4px !important
    }

    .p-lg-right-0 {
        padding-right: 4px !important
    }

    .m-lg-1 {
        margin: 8px !important
    }

    .p-lg-1 {
        padding: 8px !important
    }

    .m-lg-top-1 {
        margin-top: 8px !important
    }

    .p-lg-top-1 {
        padding-top: 8px !important
    }

    .m-lg-bottom-1 {
        margin-bottom: 8px !important
    }

    .p-lg-bottom-1 {
        padding-bottom: 8px !important
    }

    .m-lg-left-1 {
        margin-left: 8px !important
    }

    .p-lg-left-1 {
        padding-left: 8px !important
    }

    .m-lg-right-1 {
        margin-right: 8px !important
    }

    .p-lg-right-1 {
        padding-right: 8px !important
    }

    .m-lg-2 {
        margin: 16px !important
    }

    .p-lg-2 {
        padding: 16px !important
    }

    .m-lg-top-2 {
        margin-top: 16px !important
    }

    .p-lg-top-2 {
        padding-top: 16px !important
    }

    .m-lg-bottom-2 {
        margin-bottom: 16px !important
    }

    .p-lg-bottom-2 {
        padding-bottom: 16px !important
    }

    .m-lg-left-2 {
        margin-left: 16px !important
    }

    .p-lg-left-2 {
        padding-left: 16px !important
    }

    .m-lg-right-2 {
        margin-right: 16px !important
    }

    .p-lg-right-2 {
        padding-right: 16px !important
    }

    .m-lg-3 {
        margin: 24px !important
    }

    .p-lg-3 {
        padding: 24px !important
    }

    .m-lg-top-3 {
        margin-top: 24px !important
    }

    .p-lg-top-3 {
        padding-top: 24px !important
    }

    .m-lg-bottom-3 {
        margin-bottom: 24px !important
    }

    .p-lg-bottom-3 {
        padding-bottom: 24px !important
    }

    .m-lg-left-3 {
        margin-left: 24px !important
    }

    .p-lg-left-3 {
        padding-left: 24px !important
    }

    .m-lg-right-3 {
        margin-right: 24px !important
    }

    .p-lg-right-3 {
        padding-right: 24px !important
    }

    .m-lg-4 {
        margin: 32px !important
    }

    .p-lg-4 {
        padding: 32px !important
    }

    .m-lg-top-4 {
        margin-top: 32px !important
    }

    .p-lg-top-4 {
        padding-top: 32px !important
    }

    .m-lg-bottom-4 {
        margin-bottom: 32px !important
    }

    .p-lg-bottom-4 {
        padding-bottom: 32px !important
    }

    .m-lg-left-4 {
        margin-left: 32px !important
    }

    .p-lg-left-4 {
        padding-left: 32px !important
    }

    .m-lg-right-4 {
        margin-right: 32px !important
    }

    .p-lg-right-4 {
        padding-right: 32px !important
    }

    .m-lg-5 {
        margin: 40px !important
    }

    .p-lg-5 {
        padding: 40px !important
    }

    .m-lg-top-5 {
        margin-top: 40px !important
    }

    .p-lg-top-5 {
        padding-top: 40px !important
    }

    .m-lg-bottom-5 {
        margin-bottom: 40px !important
    }

    .p-lg-bottom-5 {
        padding-bottom: 40px !important
    }

    .m-lg-left-5 {
        margin-left: 40px !important
    }

    .p-lg-left-5 {
        padding-left: 40px !important
    }

    .m-lg-right-5 {
        margin-right: 40px !important
    }

    .p-lg-right-5 {
        padding-right: 40px !important
    }

    .m-lg-6 {
        margin: 48px !important
    }

    .p-lg-6 {
        padding: 48px !important
    }

    .m-lg-top-6 {
        margin-top: 48px !important
    }

    .p-lg-top-6 {
        padding-top: 48px !important
    }

    .m-lg-bottom-6 {
        margin-bottom: 48px !important
    }

    .p-lg-bottom-6 {
        padding-bottom: 48px !important
    }

    .m-lg-left-6 {
        margin-left: 48px !important
    }

    .p-lg-left-6 {
        padding-left: 48px !important
    }

    .m-lg-right-6 {
        margin-right: 48px !important
    }

    .p-lg-right-6 {
        padding-right: 48px !important
    }

    .m-lg-7 {
        margin: 56px !important
    }

    .p-lg-7 {
        padding: 56px !important
    }

    .m-lg-top-7 {
        margin-top: 56px !important
    }

    .p-lg-top-7 {
        padding-top: 56px !important
    }

    .m-lg-bottom-7 {
        margin-bottom: 56px !important
    }

    .p-lg-bottom-7 {
        padding-bottom: 56px !important
    }

    .m-lg-left-7 {
        margin-left: 56px !important
    }

    .p-lg-left-7 {
        padding-left: 56px !important
    }

    .m-lg-right-7 {
        margin-right: 56px !important
    }

    .p-lg-right-7 {
        padding-right: 56px !important
    }

    .m-lg-8 {
        margin: 64px !important
    }

    .p-lg-8 {
        padding: 64px !important
    }

    .m-lg-top-8 {
        margin-top: 64px !important
    }

    .p-lg-top-8 {
        padding-top: 64px !important
    }

    .m-lg-bottom-8 {
        margin-bottom: 64px !important
    }

    .p-lg-bottom-8 {
        padding-bottom: 64px !important
    }

    .m-lg-left-8 {
        margin-left: 64px !important
    }

    .p-lg-left-8 {
        padding-left: 64px !important
    }

    .m-lg-right-8 {
        margin-right: 64px !important
    }

    .p-lg-right-8 {
        padding-right: 64px !important
    }

    .m-lg-9 {
        margin: 72px !important
    }

    .p-lg-9 {
        padding: 72px !important
    }

    .m-lg-top-9 {
        margin-top: 72px !important
    }

    .p-lg-top-9 {
        padding-top: 72px !important
    }

    .m-lg-bottom-9 {
        margin-bottom: 72px !important
    }

    .p-lg-bottom-9 {
        padding-bottom: 72px !important
    }

    .m-lg-left-9 {
        margin-left: 72px !important
    }

    .p-lg-left-9 {
        padding-left: 72px !important
    }

    .m-lg-right-9 {
        margin-right: 72px !important
    }

    .p-lg-right-9 {
        padding-right: 72px !important
    }

    .m-lg-10 {
        margin: 80px !important
    }

    .p-lg-10 {
        padding: 80px !important
    }

    .m-lg-top-10 {
        margin-top: 80px !important
    }

    .p-lg-top-10 {
        padding-top: 80px !important
    }

    .m-lg-bottom-10 {
        margin-bottom: 80px !important
    }

    .p-lg-bottom-10 {
        padding-bottom: 80px !important
    }

    .m-lg-left-10 {
        margin-left: 80px !important
    }

    .p-lg-left-10 {
        padding-left: 80px !important
    }

    .m-lg-right-10 {
        margin-right: 80px !important
    }

    .p-lg-right-10 {
        padding-right: 80px !important
    }

    .m-lg-11 {
        margin: 88px !important
    }

    .p-lg-11 {
        padding: 88px !important
    }

    .m-lg-top-11 {
        margin-top: 88px !important
    }

    .p-lg-top-11 {
        padding-top: 88px !important
    }

    .m-lg-bottom-11 {
        margin-bottom: 88px !important
    }

    .p-lg-bottom-11 {
        padding-bottom: 88px !important
    }

    .m-lg-left-11 {
        margin-left: 88px !important
    }

    .p-lg-left-11 {
        padding-left: 88px !important
    }

    .m-lg-right-11 {
        margin-right: 88px !important
    }

    .p-lg-right-11 {
        padding-right: 88px !important
    }

    .m-lg-12 {
        margin: 96px !important
    }

    .p-lg-12 {
        padding: 96px !important
    }

    .m-lg-top-12 {
        margin-top: 96px !important
    }

    .p-lg-top-12 {
        padding-top: 96px !important
    }

    .m-lg-bottom-12 {
        margin-bottom: 96px !important
    }

    .p-lg-bottom-12 {
        padding-bottom: 96px !important
    }

    .m-lg-left-12 {
        margin-left: 96px !important
    }

    .p-lg-left-12 {
        padding-left: 96px !important
    }

    .m-lg-right-12 {
        margin-right: 96px !important
    }

    .p-lg-right-12 {
        padding-right: 96px !important
    }

    .m-lg-top-no {
        margin-top: 0 !important
    }

    .m-lg-top-auto {
        margin-top: auto !important
    }

    .p-lg-top-no {
        padding-top: 0 !important
    }

    .m-lg-bottom-no {
        margin-bottom: 0 !important
    }

    .m-lg-bottom-auto {
        margin-bottom: auto !important
    }

    .p-lg-bottom-no {
        padding-bottom: 0 !important
    }

    .m-lg-left-no {
        margin-left: 0 !important
    }

    .m-lg-left-auto {
        margin-left: auto !important
    }

    .p-lg-left-no {
        padding-left: 0 !important
    }

    .m-lg-right-no {
        margin-right: 0 !important
    }

    .m-lg-right-auto {
        margin-right: auto !important
    }

    .p-lg-right-no {
        padding-right: 0 !important
    }
}

@media (max-width:480px) {

    .Grid--column-centered-xs,
    .Grid--column-xs {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .Grid--column-centered-xs {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
}

@media (max-width:768px) {

    .Grid--column-centered-xs,
    .Grid--column-sm {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .Grid--column-centered-xs {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
}

@media (max-width:992px) {

    .Grid--column-centered-xs,
    .Grid--column-md {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .Grid--column-centered-xs {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
}

@media (max-width:1200px) {

    .Grid--column-centered-xs,
    .Grid--column-lg {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .Grid--column-centered-xs {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
}

.alert {
    padding: 8px 15px;
    margin-bottom: 20px;
    border: 5px solid #fff;
    -webkit-border-radius: 45px;
    border-radius: 45px;
    -webkit-box-shadow: 0 0 2px 0 rgba(83, 83, 83, .5);
    box-shadow: 0 0 2px 0 rgba(83, 83, 83, .5);
    font-size: 15px;
    position: fixed;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 50px;
    z-index: 1060 !important
}

.alert>i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    position: relative;
    top: 1px
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: 0;
    right: 0;
    color: inherit;
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    margin-left: 10px
}

.alert-dismissable .close:focus,
.alert-dismissable .close:hover,
.alert-dismissible .close:focus,
.alert-dismissible .close:hover {
    opacity: .5
}

@-webkit-keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@-webkit-keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@-webkit-keyframes jello {
    11.1% {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes jello {
    11.1% {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes swing {

    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-transform-origin: top center;
        transform-origin: top center
    }

    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {

    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-transform-origin: top center;
        transform-origin: top center
    }

    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    10%,
    20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    10%,
    20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(1turn) scale(.95);
        transform: perspective(400px) rotateY(1turn) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scale(1);
        transform: perspective(400px) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(1turn) scale(.95);
        transform: perspective(400px) rotateY(1turn) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scale(1);
        transform: perspective(400px) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@-webkit-keyframes flipInX {
    0% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    to {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg)
    }
}

@keyframes flipInX {
    0% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    to {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg)
    }
}

@-webkit-keyframes flipInY {
    0% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg)
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }

    to {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg)
    }
}

@keyframes flipInY {
    0% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg)
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }

    to {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg)
    }
}

@-webkit-keyframes flipOutX {
    0% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg)
    }

    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }
}

@keyframes flipOutX {
    0% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg)
    }

    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }
}

@-webkit-keyframes flipOutY {
    0% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg)
    }

    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg)
    }
}

@keyframes flipOutY {
    0% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg)
    }

    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg)
    }
}

@-webkit-keyframes lightSpeedIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg)
    }

    80% {
        opacity: 1;
        -webkit-transform: translateX(0) skewX(-15deg);
        transform: translateX(0) skewX(-15deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0) skewX(0deg);
        transform: translateX(0) skewX(0deg)
    }
}

@keyframes lightSpeedIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg)
    }

    80% {
        opacity: 1;
        -webkit-transform: translateX(0) skewX(-15deg);
        transform: translateX(0) skewX(-15deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0) skewX(0deg);
        transform: translateX(0) skewX(0deg)
    }
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) skewX(0deg);
        transform: translateX(0) skewX(0deg)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg)
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) skewX(0deg);
        transform: translateX(0) skewX(0deg)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg)
    }
}

@-webkit-keyframes rotateIn {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    to {
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
}

@keyframes rotateIn {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    to {
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    to {
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }
}

@keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    to {
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }
}

@-webkit-keyframes rotateInDownRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    to {
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }
}

@keyframes rotateInDownRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    to {
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    to {
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }
}

@keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    to {
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }
}

@-webkit-keyframes rotateInUpRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    to {
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }
}

@keyframes rotateInUpRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    to {
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left
    }

    20%,
    60% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left
    }

    40% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left
    }

    80% {
        opacity: 1;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        transform-origin: top left
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(700px);
        transform: translateY(700px)
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left
    }

    20%,
    60% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left
    }

    40% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left
    }

    80% {
        opacity: 1;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        transform-origin: top left
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(700px);
        transform: translateY(700px)
    }
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes zoomInDown {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
    }
}

@keyframes zoomInDown {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
    }
}

@-webkit-keyframes zoomInLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0)
    }
}

@keyframes zoomInLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0)
    }
}

@-webkit-keyframes zoomInRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
    }
}

@keyframes zoomInRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
    }
}

@-webkit-keyframes zoomInUp {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
    }
}

@keyframes zoomInUp {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
    }
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes zoomOutDown {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
}

@keyframes zoomOutDown {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@-webkit-keyframes zoomOutUp {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
}

@keyframes zoomOutUp {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
}

.btn,
a,
button {
    -webkit-transition: color .2s ease-out, background-color .2s ease-out, opacity .2s ease-out, border-color .2s ease-out;
    transition: color .2s ease-out, background-color .2s ease-out, opacity .2s ease-out, border-color .2s ease-out;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@-webkit-keyframes shake {

    0%,
    to {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

    20%,
    60% {
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px)
    }

    40%,
    80% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
}

@keyframes shake {

    0%,
    to {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

    20%,
    60% {
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px)
    }

    40%,
    80% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
}

@-webkit-keyframes wobble {

    0%,
    to {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

    20%,
    60% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px)
    }

    40%,
    80% {
        -webkit-transform: translate(2px, 2px);
        transform: translate(2px, 2px)
    }
}

@keyframes wobble {

    0%,
    to {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

    20%,
    60% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px)
    }

    40%,
    80% {
        -webkit-transform: translate(2px, 2px);
        transform: translate(2px, 2px)
    }
}

.animated.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.zoomIn,
.animated.zoomOut {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

.animated.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
    -webkit-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.fadeIn,
.animated.fadeOut {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

.animated.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.delay-0-1 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.animated.delay-1 {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.animated.delay-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.animated.delay-3 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.animated-hover.fadeIn,
.animated-hover .fadeIn {
    opacity: 0
}

.animated-hover.rotate,
.animated-hover .rotate {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

.animated-hover:hover.zoomIn,
.animated-hover:hover .zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated-hover:hover.fadeIn,
.animated-hover:hover .fadeIn,
.animated-hover:hover.zoomIn,
.animated-hover:hover .zoomIn {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

.animated-hover:hover.fadeIn,
.animated-hover:hover .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated-hover:hover .shake {
    -webkit-animation-name: shake;
    animation-name: shake;
    -webkit-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

.animated-hover:hover.rotate,
.animated-hover:hover .rotate {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

.animated-hover:hover .wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
    -webkit-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

.animated-hover:hover[disabled] .shake,
.animated-hover:hover[disabled] .wobble,
.animated-hover:hover[disabled] .zoomIn {
    -webkit-transition: none;
    transition: none;
    -webkit-animation: none;
    animation: none
}

.fa-spin {
    -webkit-animation: fa-spin 1s linear infinite;
    animation: fa-spin 1s linear infinite
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.responsive-transition {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    width: 100%
}

.responsive-transition-item {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    border: 0;
    right: 0
}

.loading-balls {
    position: relative;
    -webkit-animation: loader10 .4s ease infinite alternate;
    animation: loader10 .4s ease infinite alternate;
    -webkit-animation-delay: .16s;
    animation-delay: .16s;
    top: 50%;
    margin: -27px auto 0
}

.loading-balls,
.loading-balls:after,
.loading-balls:before {
    width: 18px;
    height: 18px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.loading-balls:after,
.loading-balls:before {
    content: "";
    position: absolute;
    -webkit-animation: loader10 .4s ease infinite alternate;
    animation: loader10 .4s ease infinite alternate
}

.loading-balls:before {
    left: -28px;
    -webkit-animation-delay: .08s;
    animation-delay: .08s
}

.loading-balls:after {
    right: -28px;
    -webkit-animation-delay: .24s;
    animation-delay: .24s
}

@-webkit-keyframes loader10 {
    0% {
        -webkit-box-shadow: 0 22px 0 -18px #00c091;
        box-shadow: 0 22px 0 -18px #00c091
    }

    to {
        -webkit-box-shadow: 0 22px 0 0 #00c091;
        box-shadow: 0 22px 0 0 #00c091
    }
}

.loading-balls-sm {
    width: 14px;
    height: 14px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    -webkit-animation: loader10 .4s ease infinite alternate;
    animation: loader10 .4s ease infinite alternate;
    -webkit-animation-delay: .16s;
    animation-delay: .16s;
    top: 50%;
    margin: -21px auto 0
}

.loading-balls-sm:after,
.loading-balls-sm:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: loader10 .4s ease infinite alternate;
    animation: loader10 .4s ease infinite alternate
}

.loading-balls-sm:before {
    left: -22px;
    -webkit-animation-delay: .08s;
    animation-delay: .08s
}

.loading-balls-sm:after {
    right: -22px;
    -webkit-animation-delay: .24s;
    animation-delay: .24s
}

@keyframes loader10 {
    0% {
        -webkit-box-shadow: 0 18px 0 -14px #00c091;
        box-shadow: 0 18px 0 -14px #00c091
    }

    to {
        -webkit-box-shadow: 0 18px 0 0 #00c091;
        box-shadow: 0 18px 0 0 #00c091
    }
}

button:focus {
    outline: 0
}

fieldset[disabled] .btn,
fieldset[disabled] .btn.active.focus,
fieldset[disabled] .btn.active:focus,
fieldset[disabled] .btn.focus,
fieldset[disabled] .btn.focus:hover,
fieldset[disabled] .btn:active,
fieldset[disabled] .btn:focus,
fieldset[disabled] .btn:focus:hover,
fieldset[disabled] .btn:hover {
    opacity: .2
}

.btn.btn-text-left {
    text-align: left
}

.btn-transparent {
    border: 0;
    background: transparent
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.focus,
.btn-primary.focus:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:focus:hover,
.btn-primary:hover {
    border-color: #008363
}

.btn-default.focus,
.btn-default:focus {
    background-color: #fff
}

.btn-default.focus:hover,
.btn-default.selected,
.btn-default:focus:hover,
.btn-default:hover,
.btn-default:not(.btn-selectable):active {
    background-color: #fff;
    border-color: #00c091;
    color: #00c091;
    opacity: 1 !important
}

.btn-default.btn-selectable:active {
    background-color: #fff
}

.btn-purple {
    color: #fff;
    background-color: #8c7cdb;
    border-color: transparent
}

.btn-purple.focus,
.btn-purple:focus,
.btn-purple:hover {
    color: #fff;
    background-color: #624cce;
    border-color: transparent
}

.btn-purple.disabled,
.btn-purple[disabled],
fieldset[disabled] .btn-purple {
    opacity: .5;
    color: #fff;
    background-color: #8c7cdb;
    border-color: transparent
}

.btn-purple.disabled.focus,
.btn-purple.disabled:focus,
.btn-purple.disabled:hover,
.btn-purple[disabled].focus,
.btn-purple[disabled]:focus,
.btn-purple[disabled]:hover,
fieldset[disabled] .btn-purple.focus,
fieldset[disabled] .btn-purple:focus,
fieldset[disabled] .btn-purple:hover {
    color: #fff;
    background-color: #8c7cdb;
    border-color: transparent
}

.btn-purple.active,
.btn-purple:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-default-purple,
.btn-purple .badge {
    color: #8c7cdb;
    background-color: #fff
}

.btn-default-purple {
    border-color: #8c7cdb
}

.btn-default-purple.focus,
.btn-default-purple:focus,
.btn-default-purple:hover {
    color: #384347;
    background-color: #fff;
    border-color: #384347
}

.btn-default-purple.disabled,
.btn-default-purple[disabled],
fieldset[disabled] .btn-default-purple {
    opacity: .5;
    color: #8c7cdb;
    background-color: #fff;
    border-color: #8c7cdb
}

.btn-default-purple.disabled.focus,
.btn-default-purple.disabled:focus,
.btn-default-purple.disabled:hover,
.btn-default-purple[disabled].focus,
.btn-default-purple[disabled]:focus,
.btn-default-purple[disabled]:hover,
fieldset[disabled] .btn-default-purple.focus,
fieldset[disabled] .btn-default-purple:focus,
fieldset[disabled] .btn-default-purple:hover {
    color: #8c7cdb;
    background-color: #fff;
    border-color: #8c7cdb
}

.btn-default-purple.active,
.btn-default-purple:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-default-purple .badge {
    color: #fff;
    background-color: #8c7cdb
}

.btn-default-green {
    color: #00c091;
    background-color: #fff;
    border-color: #00c091
}

.btn-default-green.focus,
.btn-default-green:focus,
.btn-default-green:hover {
    color: #384347;
    background-color: #fff;
    border-color: #384347
}

.btn-default-green.disabled,
.btn-default-green[disabled],
fieldset[disabled] .btn-default-green {
    opacity: .5;
    color: #00c091;
    background-color: #fff;
    border-color: #00c091
}

.btn-default-green.disabled.focus,
.btn-default-green.disabled:focus,
.btn-default-green.disabled:hover,
.btn-default-green[disabled].focus,
.btn-default-green[disabled]:focus,
.btn-default-green[disabled]:hover,
fieldset[disabled] .btn-default-green.focus,
fieldset[disabled] .btn-default-green:focus,
fieldset[disabled] .btn-default-green:hover {
    color: #00c091;
    background-color: #fff;
    border-color: #00c091
}

.btn-default-green.active,
.btn-default-green:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-default-green .badge {
    color: #fff;
    background-color: #00c091
}

.btn-default-gray {
    color: #000;
    background-color: #fff;
    border-color: #ccc
}

.btn-default-gray.focus,
.btn-default-gray:focus,
.btn-default-gray:hover {
    color: #384347;
    background-color: #fff;
    border-color: #384347
}

.btn-default-gray.disabled,
.btn-default-gray[disabled],
fieldset[disabled] .btn-default-gray {
    opacity: .5;
    color: #000;
    background-color: #fff;
    border-color: #ccc
}

.btn-default-gray.disabled.focus,
.btn-default-gray.disabled:focus,
.btn-default-gray.disabled:hover,
.btn-default-gray[disabled].focus,
.btn-default-gray[disabled]:focus,
.btn-default-gray[disabled]:hover,
fieldset[disabled] .btn-default-gray.focus,
fieldset[disabled] .btn-default-gray:focus,
fieldset[disabled] .btn-default-gray:hover {
    color: #000;
    background-color: #fff;
    border-color: #ccc
}

.btn-default-gray.active,
.btn-default-gray:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-default-gray .badge {
    color: #fff;
    background-color: #000
}

.btn.btn-icon {
    padding-left: 13px;
    padding-right: 13px
}

.btn.btn-icon i {
    font-size: 18px;
    vertical-align: -5px;
    line-height: 14px;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.btn.btn-icon i.btn-icon-left {
    margin-left: -3px;
    margin-right: 6px
}

.btn.btn-icon i.btn-icon-right {
    margin-right: -3px;
    margin-left: 4px;
    float: right
}

.btn.btn-icon i.btn-icon-single {
    margin-right: -3px;
    margin-left: -3px
}

.btn-group-lg>.btn.btn-icon,
.btn.btn-icon.btn-lg {
    padding-left: 16px;
    padding-right: 16px;
    font-size: 14px;
    font-weight: 400
}

.btn-group-lg>.btn.btn-icon i,
.btn.btn-icon.btn-lg i {
    font-size: 20px
}

.btn-group-sm>.btn.btn-icon,
.btn.btn-icon.btn-sm {
    padding-left: 7px;
    padding-right: 7px
}

.btn-light {
    color: #fff;
    background-color: #00c091;
    border-color: hsla(0, 0%, 100%, .5)
}

.btn-light.focus,
.btn-light:focus,
.btn-light:hover {
    color: #fff;
    background-color: rgba(0, 192, 145, .7);
    border-color: #fff
}

.btn-light.disabled,
.btn-light[disabled],
fieldset[disabled] .btn-light {
    opacity: .5;
    color: #fff;
    background-color: #00c091;
    border-color: hsla(0, 0%, 100%, .5)
}

.btn-light.disabled.focus,
.btn-light.disabled:focus,
.btn-light.disabled:hover,
.btn-light[disabled].focus,
.btn-light[disabled]:focus,
.btn-light[disabled]:hover,
fieldset[disabled] .btn-light.focus,
fieldset[disabled] .btn-light:focus,
fieldset[disabled] .btn-light:hover {
    color: #fff;
    background-color: #00c091;
    border-color: hsla(0, 0%, 100%, .5)
}

.btn-light.active,
.btn-light:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-light .badge {
    color: #00c091;
    background-color: #fff
}

.btn-static-light {
    display: inline-block;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    background-color: #00c091;
    border: 1px solid hsla(0, 0%, 100%, .5);
    color: #fff;
    white-space: nowrap;
    padding: 9px 14px;
    font-size: 14px;
    line-height: 1.428571429;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.btn-static-light i {
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
}

.btn-light-primary {
    color: #00c091;
    background-color: #fff;
    border-color: #00c091
}

.btn-light-primary.focus,
.btn-light-primary:focus,
.btn-light-primary:hover {
    color: #00c091;
    background-color: hsla(0, 0%, 100%, .5);
    border-color: #00c091
}

.btn-light-primary.disabled,
.btn-light-primary[disabled],
fieldset[disabled] .btn-light-primary {
    opacity: .5;
    color: #00c091;
    background-color: #fff;
    border-color: #00c091
}

.btn-light-primary.disabled.focus,
.btn-light-primary.disabled:focus,
.btn-light-primary.disabled:hover,
.btn-light-primary[disabled].focus,
.btn-light-primary[disabled]:focus,
.btn-light-primary[disabled]:hover,
fieldset[disabled] .btn-light-primary.focus,
fieldset[disabled] .btn-light-primary:focus,
fieldset[disabled] .btn-light-primary:hover {
    color: #00c091;
    background-color: #fff;
    border-color: #00c091
}

.btn-light-primary.active,
.btn-light-primary:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-light-primary .badge {
    color: #fff;
    background-color: #00c091
}

.btn-white-primary {
    color: #384347;
    background-color: #fff;
    border-color: #fff
}

.btn-white-primary.focus,
.btn-white-primary:focus,
.btn-white-primary:hover {
    color: #384347;
    background-color: hsla(0, 0%, 100%, .8);
    border-color: hsla(0, 0%, 100%, .8)
}

.btn-white-primary.disabled,
.btn-white-primary[disabled],
fieldset[disabled] .btn-white-primary {
    opacity: .5;
    color: #384347;
    background-color: #fff;
    border-color: #fff
}

.btn-white-primary.disabled.focus,
.btn-white-primary.disabled:focus,
.btn-white-primary.disabled:hover,
.btn-white-primary[disabled].focus,
.btn-white-primary[disabled]:focus,
.btn-white-primary[disabled]:hover,
fieldset[disabled] .btn-white-primary.focus,
fieldset[disabled] .btn-white-primary:focus,
fieldset[disabled] .btn-white-primary:hover {
    color: #384347;
    background-color: #fff;
    border-color: #fff
}

.btn-white-primary.active,
.btn-white-primary:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-white-primary .badge {
    color: #fff;
    background-color: #384347
}

.btn-padded {
    padding: 9px 30px
}

.btn-facebook {
    color: #3b5998;
    background-color: #fff;
    border-color: #b3b3b3
}

.btn-facebook.focus,
.btn-facebook:focus {
    color: #3b5998;
    background-color: #e6e5e5;
    border-color: #737373
}

.btn-facebook:hover {
    color: #3b5998;
    background-color: #e6e5e5;
    border-color: #949494
}

.btn-facebook.active,
.btn-facebook:active,
.open>.btn-facebook.dropdown-toggle {
    color: #3b5998;
    background-color: #e6e5e5;
    background-image: none;
    border-color: #949494
}

.btn-facebook.active.focus,
.btn-facebook.active:focus,
.btn-facebook.active:hover,
.btn-facebook:active.focus,
.btn-facebook:active:focus,
.btn-facebook:active:hover,
.open>.btn-facebook.dropdown-toggle.focus,
.open>.btn-facebook.dropdown-toggle:focus,
.open>.btn-facebook.dropdown-toggle:hover {
    color: #3b5998;
    background-color: #d4d4d4;
    border-color: #737373
}

.btn-facebook.disabled.focus,
.btn-facebook.disabled:focus,
.btn-facebook.disabled:hover,
.btn-facebook[disabled].focus,
.btn-facebook[disabled]:focus,
.btn-facebook[disabled]:hover,
fieldset[disabled] .btn-facebook.focus,
fieldset[disabled] .btn-facebook:focus,
fieldset[disabled] .btn-facebook:hover {
    background-color: #fff;
    border-color: #b3b3b3
}

.btn-facebook .badge {
    color: #fff;
    background-color: #3b5998
}

.btn-promo {
    color: #fff;
    background-color: #e7762e;
    border-color: #e7762e
}

.btn-promo.focus,
.btn-promo:focus {
    color: #fff;
    background-color: #cb5d17;
    border-color: #863e0f
}

.btn-promo:hover {
    color: #fff;
    background-color: #cb5d17;
    border-color: #c25916
}

.btn-promo.active,
.btn-promo:active,
.open>.btn-promo.dropdown-toggle {
    color: #fff;
    background-color: #cb5d17;
    background-image: none;
    border-color: #c25916
}

.btn-promo.active.focus,
.btn-promo.active:focus,
.btn-promo.active:hover,
.btn-promo:active.focus,
.btn-promo:active:focus,
.btn-promo:active:hover,
.open>.btn-promo.dropdown-toggle.focus,
.open>.btn-promo.dropdown-toggle:focus,
.open>.btn-promo.dropdown-toggle:hover {
    color: #fff;
    background-color: #ab4e14;
    border-color: #863e0f
}

.btn-promo.disabled.focus,
.btn-promo.disabled:focus,
.btn-promo.disabled:hover,
.btn-promo[disabled].focus,
.btn-promo[disabled]:focus,
.btn-promo[disabled]:hover,
fieldset[disabled] .btn-promo.focus,
fieldset[disabled] .btn-promo:focus,
fieldset[disabled] .btn-promo:hover {
    background-color: #e7762e;
    border-color: #e7762e
}

.btn-promo .badge {
    color: #e7762e;
    background-color: #fff
}

.btn-promo-light {
    color: #384347;
    background-color: #fff;
    border-color: #8c7cdb
}

.btn-promo-light.focus,
.btn-promo-light:focus,
.btn-promo-light:hover {
    color: #e7762e;
    background-color: #fff;
    border-color: #e7762e
}

.btn-promo-light.disabled,
.btn-promo-light[disabled],
fieldset[disabled] .btn-promo-light {
    opacity: .5;
    color: #384347;
    background-color: #fff;
    border-color: #8c7cdb
}

.btn-promo-light.disabled.focus,
.btn-promo-light.disabled:focus,
.btn-promo-light.disabled:hover,
.btn-promo-light[disabled].focus,
.btn-promo-light[disabled]:focus,
.btn-promo-light[disabled]:hover,
fieldset[disabled] .btn-promo-light.focus,
fieldset[disabled] .btn-promo-light:focus,
fieldset[disabled] .btn-promo-light:hover {
    color: #384347;
    background-color: #fff;
    border-color: #8c7cdb
}

.btn-promo-light.active,
.btn-promo-light:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-promo-light .badge {
    color: #fff;
    background-color: #384347
}

.btn-messenger {
    color: #fff;
    background-color: #01b7ff;
    border-color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#01b7ff), to(#007efe)) !important;
    background: linear-gradient(180deg, #01b7ff, #007efe) !important
}

.btn-messenger.focus,
.btn-messenger:focus {
    color: #fff;
    background-color: #0093cd;
    border-color: #bfbfbf
}

.btn-messenger:hover {
    color: #fff;
    background-color: #0093cd;
    border-color: #e0e0e0
}

.btn-messenger.active,
.btn-messenger:active,
.open>.btn-messenger.dropdown-toggle {
    color: #fff;
    background-color: #0093cd;
    background-image: none;
    border-color: #e0e0e0
}

.btn-messenger.active.focus,
.btn-messenger.active:focus,
.btn-messenger.active:hover,
.btn-messenger:active.focus,
.btn-messenger:active:focus,
.btn-messenger:active:hover,
.open>.btn-messenger.dropdown-toggle.focus,
.open>.btn-messenger.dropdown-toggle:focus,
.open>.btn-messenger.dropdown-toggle:hover {
    color: #fff;
    background-color: #0079a9;
    border-color: #bfbfbf
}

.btn-messenger.disabled.focus,
.btn-messenger.disabled:focus,
.btn-messenger.disabled:hover,
.btn-messenger[disabled].focus,
.btn-messenger[disabled]:focus,
.btn-messenger[disabled]:hover,
fieldset[disabled] .btn-messenger.focus,
fieldset[disabled] .btn-messenger:focus,
fieldset[disabled] .btn-messenger:hover {
    background-color: #01b7ff;
    border-color: #fff
}

.btn-messenger .badge {
    color: #01b7ff;
    background-color: #fff
}

.btn-messenger.active.focus,
.btn-messenger.active:focus,
.btn-messenger.focus,
.btn-messenger:active.focus,
.btn-messenger:active:focus,
.btn-messenger:focus,
.btn-messenger:hover {
    border-color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#01b7ff), to(#007efe)) !important;
    background: linear-gradient(180deg, #01b7ff, #007efe) !important
}

.btn-twitter {
    color: #fff;
    background-color: #5eaade;
    border-color: #5eaade
}

.btn-twitter.focus,
.btn-twitter:focus {
    color: #fff;
    background-color: #3494d5;
    border-color: #206a9c
}

.btn-twitter:hover {
    color: #fff;
    background-color: #3494d5;
    border-color: #2b8fd3
}

.btn-twitter.active,
.btn-twitter:active,
.open>.btn-twitter.dropdown-toggle {
    color: #fff;
    background-color: #3494d5;
    background-image: none;
    border-color: #2b8fd3
}

.btn-twitter.active.focus,
.btn-twitter.active:focus,
.btn-twitter.active:hover,
.btn-twitter:active.focus,
.btn-twitter:active:focus,
.btn-twitter:active:hover,
.open>.btn-twitter.dropdown-toggle.focus,
.open>.btn-twitter.dropdown-toggle:focus,
.open>.btn-twitter.dropdown-toggle:hover {
    color: #fff;
    background-color: #2781be;
    border-color: #206a9c
}

.btn-twitter.disabled.focus,
.btn-twitter.disabled:focus,
.btn-twitter.disabled:hover,
.btn-twitter[disabled].focus,
.btn-twitter[disabled]:focus,
.btn-twitter[disabled]:hover,
fieldset[disabled] .btn-twitter.focus,
fieldset[disabled] .btn-twitter:focus,
fieldset[disabled] .btn-twitter:hover {
    background-color: #5eaade;
    border-color: #5eaade
}

.btn-twitter .badge {
    color: #5eaade;
    background-color: #fff
}

.btn-gplus {
    color: #dd4b39;
    background-color: #fff;
    border-color: #b3b3b3
}

.btn-gplus.focus,
.btn-gplus:focus {
    color: #dd4b39;
    background-color: #e6e5e5;
    border-color: #737373
}

.btn-gplus:hover {
    color: #dd4b39;
    background-color: #e6e5e5;
    border-color: #949494
}

.btn-gplus.active,
.btn-gplus:active,
.open>.btn-gplus.dropdown-toggle {
    color: #dd4b39;
    background-color: #e6e5e5;
    background-image: none;
    border-color: #949494
}

.btn-gplus.active.focus,
.btn-gplus.active:focus,
.btn-gplus.active:hover,
.btn-gplus:active.focus,
.btn-gplus:active:focus,
.btn-gplus:active:hover,
.open>.btn-gplus.dropdown-toggle.focus,
.open>.btn-gplus.dropdown-toggle:focus,
.open>.btn-gplus.dropdown-toggle:hover {
    color: #dd4b39;
    background-color: #d4d4d4;
    border-color: #737373
}

.btn-gplus.disabled.focus,
.btn-gplus.disabled:focus,
.btn-gplus.disabled:hover,
.btn-gplus[disabled].focus,
.btn-gplus[disabled]:focus,
.btn-gplus[disabled]:hover,
fieldset[disabled] .btn-gplus.focus,
fieldset[disabled] .btn-gplus:focus,
fieldset[disabled] .btn-gplus:hover {
    background-color: #fff;
    border-color: #b3b3b3
}

.btn-gplus .badge {
    color: #fff;
    background-color: #dd4b39
}

.btn-gplus-inverted {
    color: #dd4b39;
    background-color: #fff;
    border-color: #dd4b39
}

.btn-gplus-inverted.focus,
.btn-gplus-inverted:focus {
    color: #dd4b39;
    background-color: #e6e5e5;
    border-color: #802216
}

.btn-gplus-inverted:hover {
    color: #dd4b39;
    background-color: #e6e5e5;
    border-color: #b93120
}

.btn-gplus-inverted.active,
.btn-gplus-inverted:active,
.open>.btn-gplus-inverted.dropdown-toggle {
    color: #dd4b39;
    background-color: #e6e5e5;
    background-image: none;
    border-color: #b93120
}

.btn-gplus-inverted.active.focus,
.btn-gplus-inverted.active:focus,
.btn-gplus-inverted.active:hover,
.btn-gplus-inverted:active.focus,
.btn-gplus-inverted:active:focus,
.btn-gplus-inverted:active:hover,
.open>.btn-gplus-inverted.dropdown-toggle.focus,
.open>.btn-gplus-inverted.dropdown-toggle:focus,
.open>.btn-gplus-inverted.dropdown-toggle:hover {
    color: #dd4b39;
    background-color: #d4d4d4;
    border-color: #802216
}

.btn-gplus-inverted.disabled.focus,
.btn-gplus-inverted.disabled:focus,
.btn-gplus-inverted.disabled:hover,
.btn-gplus-inverted[disabled].focus,
.btn-gplus-inverted[disabled]:focus,
.btn-gplus-inverted[disabled]:hover,
fieldset[disabled] .btn-gplus-inverted.focus,
fieldset[disabled] .btn-gplus-inverted:focus,
fieldset[disabled] .btn-gplus-inverted:hover {
    background-color: #fff;
    border-color: #dd4b39
}

.btn-gplus-inverted .badge {
    color: #fff;
    background-color: #dd4b39
}

.btn-instagram {
    color: #fff;
    background-color: #333;
    border-color: #333
}

.btn-instagram.focus,
.btn-instagram:focus {
    color: #fff;
    background-color: #1a1919;
    border-color: #000
}

.btn-instagram:hover {
    color: #fff;
    background-color: #1a1919;
    border-color: #141414
}

.btn-instagram.active,
.btn-instagram:active,
.open>.btn-instagram.dropdown-toggle {
    color: #fff;
    background-color: #1a1919;
    background-image: none;
    border-color: #141414
}

.btn-instagram.active.focus,
.btn-instagram.active:focus,
.btn-instagram.active:hover,
.btn-instagram:active.focus,
.btn-instagram:active:focus,
.btn-instagram:active:hover,
.open>.btn-instagram.dropdown-toggle.focus,
.open>.btn-instagram.dropdown-toggle:focus,
.open>.btn-instagram.dropdown-toggle:hover {
    color: #fff;
    background-color: #080808;
    border-color: #000
}

.btn-instagram.disabled.focus,
.btn-instagram.disabled:focus,
.btn-instagram.disabled:hover,
.btn-instagram[disabled].focus,
.btn-instagram[disabled]:focus,
.btn-instagram[disabled]:hover,
fieldset[disabled] .btn-instagram.focus,
fieldset[disabled] .btn-instagram:focus,
fieldset[disabled] .btn-instagram:hover {
    background-color: #333;
    border-color: #333
}

.btn-instagram .badge {
    color: #333;
    background-color: #fff
}

.btn-linkedin {
    color: #2578b5;
    background-color: #fff;
    border-color: #b3b3b3
}

.btn-linkedin.focus,
.btn-linkedin:focus {
    color: #2578b5;
    background-color: #e6e5e5;
    border-color: #737373
}

.btn-linkedin:hover {
    color: #2578b5;
    background-color: #e6e5e5;
    border-color: #949494
}

.btn-linkedin.active,
.btn-linkedin:active,
.open>.btn-linkedin.dropdown-toggle {
    color: #2578b5;
    background-color: #e6e5e5;
    background-image: none;
    border-color: #949494
}

.btn-linkedin.active.focus,
.btn-linkedin.active:focus,
.btn-linkedin.active:hover,
.btn-linkedin:active.focus,
.btn-linkedin:active:focus,
.btn-linkedin:active:hover,
.open>.btn-linkedin.dropdown-toggle.focus,
.open>.btn-linkedin.dropdown-toggle:focus,
.open>.btn-linkedin.dropdown-toggle:hover {
    color: #2578b5;
    background-color: #d4d4d4;
    border-color: #737373
}

.btn-linkedin.disabled.focus,
.btn-linkedin.disabled:focus,
.btn-linkedin.disabled:hover,
.btn-linkedin[disabled].focus,
.btn-linkedin[disabled]:focus,
.btn-linkedin[disabled]:hover,
fieldset[disabled] .btn-linkedin.focus,
fieldset[disabled] .btn-linkedin:focus,
fieldset[disabled] .btn-linkedin:hover {
    background-color: #fff;
    border-color: #b3b3b3
}

.btn-linkedin .badge {
    color: #fff;
    background-color: #2578b5
}

.btn-link:active,
.btn-link:focus,
.btn-link:hover {
    opacity: .5
}

.btn-link-inverted {
    color: #384347;
    -webkit-border-radius: 0;
    border-radius: 0
}

.btn-link-inverted,
.btn-link-inverted.active,
.btn-link-inverted:active,
.btn-link-inverted[disabled],
fieldset[disabled] .btn-link-inverted {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link-inverted,
.btn-link-inverted:active,
.btn-link-inverted:focus,
.btn-link-inverted:hover {
    border-color: transparent
}

.btn-link-inverted:focus,
.btn-link-inverted:hover {
    color: #7e929a;
    text-decoration: none;
    background-color: transparent
}

.btn-link-inverted[disabled]:focus,
.btn-link-inverted[disabled]:hover,
fieldset[disabled] .btn-link-inverted:focus,
fieldset[disabled] .btn-link-inverted:hover {
    color: #777;
    text-decoration: none
}

.btn-link-underline {
    text-decoration: underline
}

.btn-link-inline {
    margin: -10px -15px;
    vertical-align: baseline
}

.btn-link-inverted.btn-text {
    color: inherit;
    padding: 0
}

.btn-text-block {
    display: block;
    padding-left: 0;
    padding-right: 0
}

.btn-muted-link {
    color: #65696d;
    -webkit-border-radius: 0;
    border-radius: 0
}

.btn-muted-link,
.btn-muted-link.active,
.btn-muted-link:active,
.btn-muted-link[disabled],
fieldset[disabled] .btn-muted-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-muted-link,
.btn-muted-link:active,
.btn-muted-link:focus,
.btn-muted-link:hover {
    border-color: transparent
}

.btn-muted-link:focus,
.btn-muted-link:hover {
    color: #999;
    text-decoration: none;
    background-color: transparent
}

.btn-muted-link[disabled]:focus,
.btn-muted-link[disabled]:hover,
fieldset[disabled] .btn-muted-link:focus,
fieldset[disabled] .btn-muted-link:hover {
    color: #777;
    text-decoration: none
}

.btn-primary-link {
    color: #00c091;
    -webkit-border-radius: 0;
    border-radius: 0
}

.btn-primary-link,
.btn-primary-link.active,
.btn-primary-link:active,
.btn-primary-link[disabled],
fieldset[disabled] .btn-primary-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-primary-link,
.btn-primary-link:active,
.btn-primary-link:focus,
.btn-primary-link:hover {
    border-color: transparent
}

.btn-primary-link:focus,
.btn-primary-link:hover {
    color: #005a44;
    text-decoration: none;
    background-color: transparent
}

.btn-primary-link[disabled]:focus,
.btn-primary-link[disabled]:hover,
fieldset[disabled] .btn-primary-link:focus,
fieldset[disabled] .btn-primary-link:hover {
    color: #777;
    text-decoration: none
}

.btn-underline {
    font-weight: 500;
    color: #384347
}

.btn-underline:focus,
.btn-underline:hover {
    color: #384347;
    text-decoration: underline
}

.btn-email {
    color: #fff;
    background-color: #00c091;
    border-color: #00c091;
    text-indent: 0
}

.btn-email.focus,
.btn-email:focus {
    color: #fff;
    background-color: #008d6a;
    border-color: #004131
}

.btn-email:hover {
    color: #fff;
    background-color: #008d6a;
    border-color: #008363
}

.btn-email.active,
.btn-email:active,
.open>.btn-email.dropdown-toggle {
    color: #fff;
    background-color: #008d6a;
    background-image: none;
    border-color: #008363
}

.btn-email.active.focus,
.btn-email.active:focus,
.btn-email.active:hover,
.btn-email:active.focus,
.btn-email:active:focus,
.btn-email:active:hover,
.open>.btn-email.dropdown-toggle.focus,
.open>.btn-email.dropdown-toggle:focus,
.open>.btn-email.dropdown-toggle:hover {
    color: #fff;
    background-color: #006950;
    border-color: #004131
}

.btn-email.disabled.focus,
.btn-email.disabled:focus,
.btn-email.disabled:hover,
.btn-email[disabled].focus,
.btn-email[disabled]:focus,
.btn-email[disabled]:hover,
fieldset[disabled] .btn-email.focus,
fieldset[disabled] .btn-email:focus,
fieldset[disabled] .btn-email:hover {
    background-color: #00c091;
    border-color: #00c091
}

.btn-email .badge {
    color: #00c091;
    background-color: #fff
}

.btn-group-lg>.btn,
.btn-lg {
    font-weight: 500;
    font-family: Rubik, sans-serif
}

.btn-xlg {
    padding: 15px 25px;
    font-size: 14px;
    line-height: 25px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.btn-group-lg>.btn .badge,
.btn-lg .badge {
    padding: 5px 7px;
    margin-left: 13px;
    margin-right: -5px;
    vertical-align: -1px
}

.btn-group-lg>.btn .badge .icon,
.btn-lg .badge .icon {
    font-size: 16px
}

.btn-primary .text-muted {
    color: #ccc
}

.btn-promo-code {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc
}

.btn-promo-code.focus,
.btn-promo-code:focus {
    color: #fff;
    background-color: #b3b2b2;
    border-color: #8c8c8c
}

.btn-promo-code:hover {
    color: #fff;
    background-color: #b3b2b2;
    border-color: #adadad
}

.btn-promo-code.active,
.btn-promo-code:active,
.open>.btn-promo-code.dropdown-toggle {
    color: #fff;
    background-color: #b3b2b2;
    background-image: none;
    border-color: #adadad
}

.btn-promo-code.active.focus,
.btn-promo-code.active:focus,
.btn-promo-code.active:hover,
.btn-promo-code:active.focus,
.btn-promo-code:active:focus,
.btn-promo-code:active:hover,
.open>.btn-promo-code.dropdown-toggle.focus,
.open>.btn-promo-code.dropdown-toggle:focus,
.open>.btn-promo-code.dropdown-toggle:hover {
    color: #fff;
    background-color: #a1a1a1;
    border-color: #8c8c8c
}

.btn-promo-code.disabled.focus,
.btn-promo-code.disabled:focus,
.btn-promo-code.disabled:hover,
.btn-promo-code[disabled].focus,
.btn-promo-code[disabled]:focus,
.btn-promo-code[disabled]:hover,
fieldset[disabled] .btn-promo-code.focus,
fieldset[disabled] .btn-promo-code:focus,
fieldset[disabled] .btn-promo-code:hover {
    background-color: #ccc;
    border-color: #ccc
}

.btn-promo-code .badge {
    color: #ccc;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #f76e00;
    border-color: transparent
}

.btn-warning.focus,
.btn-warning:focus,
.btn-warning:hover {
    color: #fff;
    background-color: rgba(247, 110, 0, .7);
    border-color: transparent
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning {
    opacity: .5;
    color: #fff;
    background-color: #f76e00;
    border-color: transparent
}

.btn-warning.disabled.focus,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled].focus,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
    color: #fff;
    background-color: #f76e00;
    border-color: transparent
}

.btn-warning.active,
.btn-warning:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-warning .badge {
    color: #f76e00;
    background-color: #fff
}

.btn-danger-light {
    font-weight: 400 !important;
    color: #384347;
    background-color: #fff;
    border-color: #8c7cdb
}

.btn-danger-light.focus,
.btn-danger-light:focus,
.btn-danger-light:hover {
    color: #ff576f;
    background-color: #fff;
    border-color: #ff576f
}

.btn-danger-light.disabled,
.btn-danger-light[disabled],
fieldset[disabled] .btn-danger-light {
    opacity: .5;
    color: #384347;
    background-color: #fff;
    border-color: #8c7cdb
}

.btn-danger-light.disabled.focus,
.btn-danger-light.disabled:focus,
.btn-danger-light.disabled:hover,
.btn-danger-light[disabled].focus,
.btn-danger-light[disabled]:focus,
.btn-danger-light[disabled]:hover,
fieldset[disabled] .btn-danger-light.focus,
fieldset[disabled] .btn-danger-light:focus,
fieldset[disabled] .btn-danger-light:hover {
    color: #384347;
    background-color: #fff;
    border-color: #8c7cdb
}

.btn-danger-light.active,
.btn-danger-light:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-danger-light .badge {
    color: #fff;
    background-color: #384347
}

.btn-muted {
    color: #384347;
    background-color: #e6e6e6;
    border-color: #e6e6e6
}

.btn-muted.focus,
.btn-muted:focus {
    color: #384347;
    background-color: #cdcccc;
    border-color: #a6a6a6
}

.btn-muted:hover {
    color: #384347;
    background-color: #cdcccc;
    border-color: #c7c7c7
}

.btn-muted.active,
.btn-muted:active,
.open>.btn-muted.dropdown-toggle {
    color: #384347;
    background-color: #cdcccc;
    background-image: none;
    border-color: #c7c7c7
}

.btn-muted.active.focus,
.btn-muted.active:focus,
.btn-muted.active:hover,
.btn-muted:active.focus,
.btn-muted:active:focus,
.btn-muted:active:hover,
.open>.btn-muted.dropdown-toggle.focus,
.open>.btn-muted.dropdown-toggle:focus,
.open>.btn-muted.dropdown-toggle:hover {
    color: #384347;
    background-color: #bbb;
    border-color: #a6a6a6
}

.btn-muted.disabled.focus,
.btn-muted.disabled:focus,
.btn-muted.disabled:hover,
.btn-muted[disabled].focus,
.btn-muted[disabled]:focus,
.btn-muted[disabled]:hover,
fieldset[disabled] .btn-muted.focus,
fieldset[disabled] .btn-muted:focus,
fieldset[disabled] .btn-muted:hover {
    background-color: #e6e6e6;
    border-color: #e6e6e6
}

.btn-muted .badge {
    color: #e6e6e6;
    background-color: #384347
}

.btn {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    will-change: opacity
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn i {
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
}

.btn.btn-light.active.focus,
.btn.btn-light.active:focus,
.btn.btn-light.focus,
.btn.btn-light:active,
.btn.btn-light:focus,
.btn.btn-primary.active.focus,
.btn.btn-primary.active:focus,
.btn.btn-primary.focus,
.btn.btn-primary:active,
.btn.btn-primary:focus,
.btn.btn-promo-code.active.focus,
.btn.btn-promo-code.active:focus,
.btn.btn-promo-code.focus,
.btn.btn-promo-code:active,
.btn.btn-promo-code:focus,
.btn.btn-purple.active.focus,
.btn.btn-purple.active:focus,
.btn.btn-purple.focus,
.btn.btn-purple:active,
.btn.btn-purple:focus,
.btn.btn-warning.active.focus,
.btn.btn-warning.active:focus,
.btn.btn-warning.focus,
.btn.btn-warning:active,
.btn.btn-warning:focus,
.btn.btn-white-primary.active.focus,
.btn.btn-white-primary.active:focus,
.btn.btn-white-primary.focus,
.btn.btn-white-primary:active,
.btn.btn-white-primary:focus {
    opacity: .45
}

.disabled,
.disabled.active.focus,
.disabled.active:focus,
.disabled.focus,
.disabled.focus:hover,
.disabled:active,
.disabled:focus,
.disabled:focus:hover,
.disabled:hover,
.inactive,
.inactive.active.focus,
.inactive.active:focus,
.inactive.focus,
.inactive.focus:hover,
.inactive:active,
.inactive:focus,
.inactive:focus:hover,
.inactive:hover,
[disabled],
[disabled].active.focus,
[disabled].active:focus,
[disabled].focus,
[disabled].focus:hover,
[disabled]:active,
[disabled]:focus,
[disabled]:focus:hover,
[disabled]:hover {
    opacity: .2 !important;
    cursor: not-allowed !important
}

.btn-loading {
    position: relative;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

.btn-loading,
.btn-loading:hover {
    color: transparent !important
}

.btn-loading:after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-animation: fa-spin 1s linear infinite;
    animation: fa-spin 1s linear infinite;
    border: 2px solid #fff;
    border-left-color: transparent;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: -10px 0 0 -10px
}

.btn-group-xs>.btn,
.btn-xs {
    padding: 2px 10px
}

.btn-group-sm>.btn,
.btn-sm {
    font-size: 14px;
    padding: 4px 12px;
    line-height: 20px
}

.btn-gray {
    background: #f2f2f2;
    border: 1px solid #e6e6e6;
    color: #65696d
}

.input-group-custom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: no-wrap;
    -ms-flex-wrap: no-wrap;
    flex-wrap: no-wrap
}

.input-group-custom .form-control {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.input-group-custom .form-control.control-left {
    padding-right: 12px;
    border-right: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.input-group-custom .form-control.control-right {
    padding-left: 12px;
    border-left: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.input-group-custom .form-control:focus+.input-group-icon {
    border-color: #00c091;
    color: #00c091
}

.input-group-custom .input-group-icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #fff;
    color: #ccc;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.428571429;
    text-align: center;
    border: 1px solid #b3b3b3;
    -webkit-transition: border-color .15s ease-in-out, color .15s ease-in-out;
    transition: border-color .15s ease-in-out, color .15s ease-in-out
}

.input-group-custom .input-group-icon>i {
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
}

.input-group-custom .input-group-icon>i.icon-lock1-v2-1 {
    -webkit-transform: translateY(2px) scale(2);
    transform: translateY(2px) scale(2);
    height: 14px
}

.input-group-custom .input-group-icon.icon-left {
    padding-right: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    border-right: 0;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.input-group-custom .input-group-icon.icon-right {
    height: 40px;
    padding-left: 0;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    border-left: 0;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.has-error .input-group-custom .form-control:focus+.input-group-icon,
.has-error .input-group-custom .input-group-icon {
    border-color: #ff576f;
    color: #ff576f
}

.navbar-sticky {
    z-index: 1030;
    background: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0 0 2px 0 rgba(83, 83, 83, .5);
    box-shadow: 0 0 2px 0 rgba(83, 83, 83, .5);
    width: 100%
}

.form-control {
    color: #384347;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.form-control,
.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-control:focus {
    outline: 0
}

.form-control[disabled],
.form-control[readonly],
.form-control fieldset[disabled] .form-control {
    background-color: transparent;
    opacity: .6;
    cursor: not-allowed
}

.form-control-dynamic {
    height: auto
}

.form-group-lg .form-control {
    font-size: 14px !important;
    padding: 16px
}

.has-feedback-right {
    position: relative
}

.has-feedback-right .form-control {
    padding-right: 36px
}

.has-feedback-right .form-group-lg,
.has-feedback-right .input-group-lg,
.has-feedback-right .input-group-lg>.form-control,
.has-feedback-right .input-group-lg>.input-group-addon,
.has-feedback-right .input-group-lg>.input-group-btn>.btn,
.has-feedback-right .input-lg {
    padding-right: 45px
}

.has-feedback-right .form-group-sm,
.has-feedback-right .input-group-sm,
.has-feedback-right .input-group-sm>.form-control,
.has-feedback-right .input-group-sm>.input-group-addon,
.has-feedback-right .input-group-sm>.input-group-btn>.btn,
.has-feedback-right .input-sm {
    padding-right: 26px
}

.has-feedback-right .form-control:focus+.form-control-feedback-left {
    color: #00c091
}

.form-control-feedback-right {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 44px;
    text-align: center;
    pointer-events: none;
    font-size: 18px;
    color: #ccc
}

.has-feedback-left {
    position: relative
}

.has-feedback-left .form-control {
    padding-left: 36px
}

.has-feedback-left .form-group-lg,
.has-feedback-left .input-group-lg,
.has-feedback-left .input-group-lg>.form-control,
.has-feedback-left .input-group-lg>.input-group-addon,
.has-feedback-left .input-group-lg>.input-group-btn>.btn,
.has-feedback-left .input-lg {
    padding-left: 45px
}

.has-feedback-left .form-group-sm,
.has-feedback-left .input-group-sm,
.has-feedback-left .input-group-sm>.form-control,
.has-feedback-left .input-group-sm>.input-group-addon,
.has-feedback-left .input-group-sm>.input-group-btn>.btn,
.has-feedback-left .input-sm {
    padding-left: 26px
}

.has-feedback-left .form-control:focus+.form-control-feedback-left {
    color: #00c091
}

.form-control-feedback-left {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 44px;
    text-align: center;
    pointer-events: none;
    font-size: 18px;
    color: #ccc
}

.form-group-lg .form-control+.form-control-feedback-left,
.input-group-lg+.form-control-feedback-left,
.input-group-lg>.form-control+.form-control-feedback-left,
.input-group-lg>.input-group-addon+.form-control-feedback-left,
.input-group-lg>.input-group-btn>.btn+.form-control-feedback-left,
.input-lg+.form-control-feedback-left {
    width: 50px;
    height: 50px;
    line-height: 58px;
    font-size: 14px !important
}

.form-group-sm .form-control+.form-control-feedback-left,
.input-group-sm+.form-control-feedback-left,
.input-group-sm>.form-control+.form-control-feedback-left,
.input-group-sm>.input-group-addon+.form-control-feedback-left,
.input-group-sm>.input-group-btn>.btn+.form-control-feedback-left,
.input-sm+.form-control-feedback-left {
    width: 28px;
    height: 28px;
    line-height: 34px
}

.has-feedback-left label~.form-control-feedback-left {
    top: 26px
}

.form-group-lg .form-control+.form-control-feedback-right,
.input-group-lg+.form-control-feedback-right,
.input-group-lg>.form-control+.form-control-feedback-right,
.input-group-lg>.input-group-addon+.form-control-feedback-right,
.input-group-lg>.input-group-btn>.btn+.form-control-feedback-right,
.input-lg+.form-control-feedback-right {
    width: 50px;
    height: 50px;
    line-height: 58px;
    font-size: 14px !important
}

.form-group-sm .form-control+.form-control-feedback-right,
.input-group-sm+.form-control-feedback-right,
.input-group-sm>.form-control+.form-control-feedback-right,
.input-group-sm>.input-group-addon+.form-control-feedback-right,
.input-group-sm>.input-group-btn>.btn+.form-control-feedback-right,
.input-sm+.form-control-feedback-right {
    width: 28px;
    height: 28px;
    line-height: 34px
}

.has-feedback-right label~.form-control-feedback-right {
    top: 26px
}

textarea.form-control {
    padding: 30px 25px;
    resize: none;
    width: 100%;
    margin: 0;
    display: inline-block;
    overflow-wrap: break-word;
    white-space: pre-wrap;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none
}

fieldset[disabled] .form-control {
    background-color: transparent;
    opacity: .6;
    cursor: not-allowed
}

.form-control::-webkit-input-placeholder {
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.form-control::-moz-placeholder {
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.form-control::-ms-input-placeholder {
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.form-control::placeholder {
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.has-feedback select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.has-feedback select.form-control::-ms-expand {
    display: none
}

label {
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.has-feedback label~.form-control-feedback {
    top: 26px;
    width: 45px
}

.form-control-feedback.icon-arrowdown-1 {
    line-height: 44px
}

.input-group-addon {
    background-color: transparent;
    color: #b3b3b3
}

.form-group {
    margin-bottom: 16px
}

.form-group .form-control i,
.form-group label i {
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

.Grid-form .form-group {
    margin-bottom: 0
}

.form-control-image {
    background-size: cover;
    background-position: 50%;
    height: 42px;
    width: 42px;
    border: 1px solid #b3b3b3;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0
}

.form-control-image.form-control-image-block {
    display: block;
    width: auto
}

.checkbox input[type=checkbox] {
    opacity: 0;
    width: auto
}

.checkbox input[type=checkbox]+.custom-input {
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    width: 20px;
    height: 20px;
    position: absolute;
    font-size: 12px;
    line-height: 20px;
    margin: -1px 0 0 -26px
}

.checkbox input[type=checkbox]+.custom-input:after {
    font-family: fontawsomeenhancv;
    content: "\E03B";
    position: absolute;
    color: #fff;
    opacity: 0;
    top: -1px;
    left: 3px;
    -webkit-transition: opacity .15s ease-out;
    transition: opacity .15s ease-out
}

.checkbox input[type=checkbox]:checked+.custom-input {
    background-color: #00c091
}

.checkbox input[type=checkbox]:checked+.custom-input:after {
    opacity: 1
}

.checkbox label {
    padding-left: 26px;
    cursor: pointer
}

.checkbox label.text-sm {
    font-size: 14px
}

.checkbox input[type=checkbox][disabled]+.custom-input,
form[disabled] .checkbox input[type=checkbox]+.custom-input {
    border-color: #65696d
}

.checkbox input[type=checkbox][disabled]+.custom-input:after,
form[disabled] .checkbox input[type=checkbox]+.custom-input:after {
    background-color: #65696d
}

.btn-input {
    position: absolute;
    top: 29px;
    right: 4px;
    padding: 5px 12px
}

.modal-dialog,
_:-ms-lang(x) {
    height: 100%
}

.modal-dialog {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 0;
    margin-bottom: 0
}

.modal-dialog:focus {
    outline: 0 none
}

.modal-dialog .modal-header-empty .close {
    position: absolute;
    right: 24px;
    top: 24px;
    z-index: 1
}

@media (min-width:768px) {
    .modal-dialog.modal-xlg-custom {
        width: 980px
    }
}

@media (min-width:992px) {
    .modal-dialog.modal-xlg-custom {
        width: 980px
    }
}

@media (min-width:1200px) {
    .modal-dialog.modal-xlg-custom {
        width: 980px
    }
}

@media (min-width:768px) {
    .modal-dialog.modal-lg-custom {
        width: 752px
    }
}

@media (min-width:992px) {
    .modal-dialog.modal-lg-custom {
        width: 752px
    }
}

@media (min-width:1200px) {
    .modal-dialog.modal-lg-custom.modal-lg-custom-wider {
        width: 900px
    }
}

@media (min-width:768px) {
    .modal-dialog.modal-md-custom {
        width: 560px
    }
}

@media (min-width:992px) {
    .modal-dialog.modal-md-custom {
        width: 560px
    }
}

@media (min-width:1200px) {
    .modal-dialog.modal-md-custom {
        width: 560px
    }
}

@media (min-width:768px) {
    .modal-dialog.modal-sm-custom {
        width: 368px
    }
}

@media (min-width:992px) {
    .modal-dialog.modal-sm-custom {
        width: 368px
    }
}

@media (min-width:1200px) {
    .modal-dialog.modal-sm-custom {
        width: 368px
    }
}

@media (min-width:768px) {
    .modal-dialog.modal-lg-limited {
        width: 100%
    }
}

@media (min-width:992px) {
    .modal-dialog.modal-lg-limited {
        width: 752px
    }
}

@media (min-width:992px) {
    .modal-dialog.modal-lg-limited .modal-content {
        max-height: 600px;
        min-height: 600px
    }
}

.modal-dialog.modal-lg-custom .modal-header,
.modal-dialog.modal-md-custom .modal-header,
.modal-dialog.modal-sm-custom .modal-header {
    padding: 24px;
    border-bottom: 1px solid #e6e6e6
}

.modal-dialog.modal-lg-custom .modal-body,
.modal-dialog.modal-md-custom .modal-body,
.modal-dialog.modal-sm-custom .modal-body {
    padding: 32px
}

.modal-dialog.modal-lg-custom .modal-footer,
.modal-dialog.modal-md-custom .modal-footer,
.modal-dialog.modal-sm-custom .modal-footer {
    padding: 24px
}

@media (max-width:767px) {

    .modal-dialog.modal-lg-custom .modal-footer,
    .modal-dialog.modal-md-custom .modal-footer,
    .modal-dialog.modal-sm-custom .modal-footer {
        padding: 16px
    }
}

.modal-dialog .close {
    color: #384347;
    width: 16px;
    height: 16px;
    font-size: 16px;
    opacity: 1;
    margin-top: 3px
}

.modal-dialog .close>i {
    width: 100%;
    height: 100%
}

.modal-dialog .close:active,
.modal-dialog .close:hover {
    opacity: .5
}

.modal-dialog .modal-title {
    color: #b2b4b6;
    font-size: 18px;
    font-weight: 400;
    font-family: Inter UI;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.modal-dialog .modal-body,
.modal-dialog .modal-footer,
.modal-dialog .modal-header {
    border: 0;
    padding: 40px
}

.modal-dialog .modal-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.modal-dialog .modal-header .back-button {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.modal-dialog .modal-header .back-button i {
    height: 18px;
    line-height: 18px;
    display: block
}

.modal-dialog .modal-header .modal-title {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.modal-dialog .modal-header .close {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    margin-top: 0
}

.modal-dialog .modal-content {
    overflow: auto;
    position: relative;
    z-index: 2;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-shadow: 0 0 2px 0 rgba(77, 77, 77, .16);
    box-shadow: 0 0 2px 0 rgba(77, 77, 77, .16)
}

.modal-dialog .modal-content,
.modal-dialog .modal-content .modal-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.modal-dialog .modal-content .modal-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center
}

.modal-dialog .modal-content .modal-body .image-editor-view {
    padding-bottom: 40px
}

.modal-dialog .modal-content .modal-body .image-editor-view .avatar-panel {
    margin-top: 0
}

.modal-dialog .modal-content .modal-body.modal-body-top {
    -webkit-box-pack: normal;
    -webkit-justify-content: normal;
    -ms-flex-pack: normal;
    justify-content: normal
}

.modal-dialog .modal-content .modal-body .image-editor-editor {
    padding-bottom: 40px
}

.modal-dialog .modal-hero {
    text-align: center;
    font-size: 41px;
    color: #a6a6a6
}

.modal-dialog .modal-hero .modal-hero-circle,
.modal-dialog .modal-hero .modal-hero-square {
    border: 2px solid #a6a6a6;
    display: inline-block;
    padding: 18px;
    width: 85px;
    height: 85px
}

.modal-dialog .modal-hero .modal-hero-circle .entries-logo,
.modal-dialog .modal-hero .modal-hero-square .entries-logo {
    font-size: 33px
}

.modal-dialog .modal-hero .modal-hero-square {
    -webkit-border-radius: 15px;
    border-radius: 15px
}

.modal-dialog .modal-hero .modal-hero-circle {
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.modal-dialog .modal-with-icon-text {
    line-height: 19px
}

.modal-dialog .modal-additional {
    position: relative;
    bottom: 20px;
    background-color: #e6e6e6;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 50px 40px 30px;
    z-index: 1;
    border: 1px solid transparent;
    width: -webkit-calc(100% - 2px);
    width: calc(100% - 2px);
    margin: 0 auto
}

.modal-dialog .modal-additional,
.modal-dialog .modal-additional a {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.modal-dialog .modal-additional a {
    color: #384347;
    font-size: 14px;
    text-decoration: none;
    font-weight: 400;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.modal-dialog .modal-additional a:focus,
.modal-dialog .modal-additional a:hover {
    opacity: .6
}

.modal-dialog .modal-additional a:active {
    opacity: .3
}

.modal-dialog .modal-additional a>b {
    font-weight: 700
}

.modal-dialog .separator-right {
    border-right: 1px solid #e6e6e6
}

.modal-dialog .separator-left {
    border-left: 1px solid #e6e6e6
}

.modal-dialog .separator-bottom {
    border-bottom: 1px solid #e6e6e6
}

.modal-dialog .separator-top {
    border-top: 1px solid #e6e6e6
}

@media (max-width:991px) {
    .modal-dialog .modal-content {
        min-height: 100vh;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-none: none
    }

    .modal-body {
        padding: 16px !important
    }
}

.modal-backdrop {
    background: rgba(71, 68, 90, .93) !important
}

.modal-sm.modal-with-icon .modal-hero {
    padding: 20px 0;
    margin: 0
}

.modal-sm.modal-with-icon p {
    padding: 20px 0 15px;
    margin: 0
}

.modal-sm .modal-content {
    min-height: 420px
}

.modal-sm .modal-body {
    padding-top: 0;
    padding-bottom: 0
}

.modal-md .modal-content {
    min-height: 420px
}

.modal-plain .modal-header {
    border-bottom: 0 !important
}

.modal-plain .modal-body>div {
    max-width: 527px;
    text-align: center;
    padding-top: 32px;
    padding-bottom: 24px
}

.modal-plain .modal-body>div p {
    font-size: 16px;
    line-height: 28px
}

.modal-plain .modal-body>div a {
    color: #8c7cdb;
    font-weight: 700
}

.modal-mobile {
    margin: 0;
    padding: 0
}

.modal-mobile .modal-content {
    border: none;
    margin: 0;
    height: 100vh;
    padding-top: 72px;
    min-height: 0
}

.modal-mobile .modal-mobile-title {
    height: 72px;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    border-bottom: 1px solid #ccc;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000
}

.modal-mobile .modal-mobile-title .btn-toolbox-main {
    background: transparent;
    border: 0
}

@media (max-width:767px) {
    .modal-dialog {
        margin: 0 !important
    }
}

.progress {
    margin-top: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 8px;
    margin-bottom: 5px
}

.progress-onboarding .progress-bar {
    background-color: #009ee8
}

.progress-fading {
    background: transparent
}

.progress-bar {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.progress-bar-promo {
    background-color: #e7762e
}

.progress-bar-danger {
    background-color: #ff576f
}

.progress-bar-promo-fading {
    background: -webkit-gradient(linear, left top, right top, from(#e7762e), to(rgba(231, 118, 46, 0)));
    background: linear-gradient(90deg, #e7762e, rgba(231, 118, 46, 0))
}

.progress-bar-inverse {
    float: right
}

.tooltip {
    opacity: 1 !important
}

.tooltip-inner {
    padding: 16px;
    font-size: 14px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: left;
    white-space: nowrap
}

.tooltip.multiline .tooltip-inner {
    width: 272px !important;
    white-space: normal
}

.hidden-tooltip {
    z-index: -1;
    visibility: hidden !important;
    position: fixed
}

.popover {
    will-change: left, top
}

.table-rounded {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e6e6e6;
    border-collapse: separate
}

.table-rounded>tbody>tr:first-child>td,
.table-rounded>tfoot>tr:first-child>td,
.table-rounded>thead>tr:first-child>td {
    border-top: none
}

.table-rounded>thead+tbody>tr:first-child>td {
    border-top: 1px solid #e6e6e6
}

.table-no-border>tbody>tr>td,
.table-no-border>tfoot>tr>td,
.table-no-border>thead>tr>td {
    border-top: none
}

.table-last-right tbody>tr>td:last-child,
.table-last-right tfoot>tr>td:last-child,
.table-last-right thead>tr>td:last-child {
    text-align: right
}

.gray-1,
.gray-2,
.gray-3,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 .text-lg,
.text-light,
.text-line-through,
.text-md,
.text-primary,
.text-promo,
.text-underline,
h1,
h2,
h3,
h4,
h5,
h6 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.h5,
.h-text,
h5 {
    font-family: Inter UI
}

.h4,
h4 {
    line-height: 32px
}

.initialism,
.text-uppercase {
    text-transform: uppercase
}

.text-xlg {
    font-size: 19px;
    font-weight: 300;
    line-height: 23px
}

.text-lg {
    font-size: 18px;
    font-weight: 300
}

.text-md-big {
    font-size: 16px
}

.text-md {
    font-size: 14px
}

.text-sm {
    font-size: 12px
}

.text-xs {
    font-size: 10px
}

.text-line-through {
    text-decoration: line-through
}

.text-underline {
    text-decoration: underline
}

.text-green {
    color: #00c091 !important
}

.text-light {
    font-weight: 300
}

.text-normal {
    font-weight: 400
}

.text-bold {
    font-weight: 700
}

.text-promo {
    color: #e7762e
}

.text-purple {
    color: #8c7cdb
}

.text-purple:hover {
    color: #a9a0d6 !important
}

.text-info {
    color: #5bc0de
}

.text-white {
    color: #fff
}

.text-antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.striked-text {
    text-decoration: line-through;
    -webkit-text-decoration-color: #b2b4b6;
    text-decoration-color: #b2b4b6
}

.feature-link {
    font-weight: 600
}

.feature-link,
.feature-link:hover {
    color: #8c7cdb;
    text-decoration: none
}

.transparent-text {
    opacity: 0
}

.gray-1 {
    color: #b2b4b6
}

.gray-2 {
    color: #65696d
}

.gray-3 {
    color: #384347
}

.gray-base {
    color: #000
}

.text-left-important {
    text-align: left !important
}

.row.row-sm {
    margin-right: -3px;
    margin-left: -2px
}

.row.row-sm:after,
.row.row-sm:before {
    display: table;
    content: " "
}

.row.row-sm:after {
    clear: both
}

.row.row-sm .col-lg-1,
.row.row-sm .col-lg-2,
.row.row-sm .col-lg-3,
.row.row-sm .col-lg-4,
.row.row-sm .col-lg-5,
.row.row-sm .col-lg-6,
.row.row-sm .col-lg-7,
.row.row-sm .col-lg-8,
.row.row-sm .col-lg-9,
.row.row-sm .col-lg-10,
.row.row-sm .col-lg-11,
.row.row-sm .col-lg-12,
.row.row-sm .col-md-1,
.row.row-sm .col-md-2,
.row.row-sm .col-md-3,
.row.row-sm .col-md-4,
.row.row-sm .col-md-5,
.row.row-sm .col-md-6,
.row.row-sm .col-md-7,
.row.row-sm .col-md-8,
.row.row-sm .col-md-9,
.row.row-sm .col-md-10,
.row.row-sm .col-md-11,
.row.row-sm .col-md-12,
.row.row-sm .col-sm-1,
.row.row-sm .col-sm-2,
.row.row-sm .col-sm-3,
.row.row-sm .col-sm-4,
.row.row-sm .col-sm-5,
.row.row-sm .col-sm-6,
.row.row-sm .col-sm-7,
.row.row-sm .col-sm-8,
.row.row-sm .col-sm-9,
.row.row-sm .col-sm-10,
.row.row-sm .col-sm-11,
.row.row-sm .col-sm-12,
.row.row-sm .col-xs-1,
.row.row-sm .col-xs-2,
.row.row-sm .col-xs-3,
.row.row-sm .col-xs-4,
.row.row-sm .col-xs-5,
.row.row-sm .col-xs-6,
.row.row-sm .col-xs-7,
.row.row-sm .col-xs-8,
.row.row-sm .col-xs-9,
.row.row-sm .col-xs-10,
.row.row-sm .col-xs-11,
.row.row-sm .col-xs-12 {
    padding-left: 3px;
    padding-right: 2px
}

.container {
    max-width: 100% !important
}

.inline-block {
    display: inline-block
}

.relative {
    position: relative
}

.height-100 {
    min-height: 100%
}

.nav-stacked a {
    color: #384347
}

.nav-stacked a:hover {
    color: #8c7cdb
}

.nav-stacked a.active {
    color: #b2b4b6
}

.nav-pills.nav-rounded {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1
}

.nav-pills.nav-rounded>li {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #384347;
    margin: 0 !important;
    display: inline-block;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.nav-pills.nav-rounded>li>a {
    display: block;
    text-align: center;
    padding: 9px 12px;
    color: inherit !important;
    position: relative
}

.nav-pills.nav-rounded>li>a.condensed {
    padding: 9px 5px
}

.nav-pills.nav-rounded>li>a>.notifications-circle {
    display: inline-block;
    position: absolute;
    top: -10px;
    right: 15px;
    width: 20px;
    height: 20px;
    background-color: #ff576f;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 11px;
    line-height: 21px;
    text-indent: -2px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-variant: normal;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .4)
}

.nav-pills.nav-rounded>li>a>.notifications-circle.big {
    width: 30px;
    height: 30px;
    top: -19px;
    right: 10px;
    line-height: 30px
}

.nav-pills.nav-rounded>li+li {
    border-left: 1px solid #e6e6e6
}

.nav-pills.nav-rounded>li.active {
    background-color: #00c091;
    border-color: #00c091;
    color: #fff
}

.nav-pills.nav-rounded>li.active,
.nav-pills.nav-rounded>li.active+li {
    border-left: none
}

.nav-pills.nav-rounded>li:first-child {
    -webkit-border-top-left-radius: 35px;
    border-top-left-radius: 35px;
    -webkit-border-bottom-left-radius: 35px;
    border-bottom-left-radius: 35px
}

.nav-pills.nav-rounded>li:last-child {
    -webkit-border-top-right-radius: 35px;
    border-top-right-radius: 35px;
    -webkit-border-bottom-right-radius: 35px;
    border-bottom-right-radius: 35px
}

ul.icons-list {
    list-style: none;
    padding: 0
}

ul.icons-list li {
    position: relative;
    margin-bottom: 3px;
    float: left;
    width: 27%;
    margin-left: 6.3%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

ul.icons-list li>i:first-child {
    position: absolute;
    top: 3px;
    vertical-align: middle;
    left: -20px
}

ul.icons-list li .tooltip-icon .icon {
    line-height: 12px;
    vertical-align: middle
}

.panel {
    border: 0
}

.panel.panel-light {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 2px 0 rgba(77, 77, 77, .16);
    box-shadow: 0 0 2px 0 rgba(77, 77, 77, .16)
}

.panel.panel-light .panel-body {
    padding: 32px
}

.panel.panel-light.panel-light-sm .panel-body {
    padding: 16px
}

@media (max-width:767px) {
    .panel.panel-light {
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-bottom: 1px solid #e6e6e6
    }

    .panel.panel-light .panel-body {
        padding: 16px
    }
}

.panel.panel-gray {
    background: #fafafa;
    padding: 32px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    border-radius: 0
}

/*!
 * Flexgrid.css by axiomzen.co - github.com/axiomzen/flexgrid.css
 * License - MIT
 */
.Grid {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    list-style: none;
    margin: 0;
    padding: 0
}

.Grid,
.Grid--column {
    -webkit-box-direction: normal
}

.Grid--column {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.Grid--alignStart {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.Grid--alignEnd {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.Grid--alignCenter {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.Grid--justifyCenter {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.Grid--justifyEnd {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.Grid--spaceBetween {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Grid--spaceAround {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.Grid-cell {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.Grid-cell--auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.Grid-cell--xs {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:480px) {
    .Grid-cell--xs {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.Grid-cell--auto-xs {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:480px) {
    .Grid-cell--auto-xs {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}

.Grid-cell--xs-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.3333333333%;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.Grid-cell--xs-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.Grid-cell--xs-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.Grid-cell--xs-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.Grid-cell--xs-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.Grid-cell--xs-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.Grid-cell--xs-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333333333%;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.Grid-cell--xs-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.Grid-cell--xs-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.Grid-cell--xs-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.Grid-cell--xs-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.6666666667%;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.Grid-cell--xs-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:480px) {
    .Grid-cell--xs-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .Grid-cell--xs-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .Grid-cell--xs-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .Grid-cell--xs-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .Grid-cell--xs-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .Grid-cell--xs-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .Grid-cell--xs-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .Grid-cell--xs-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .Grid-cell--xs-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .Grid-cell--xs-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .Grid-cell--xs-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .Grid-cell--xs-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:480px) {
    .Grid-cell--xs-offset-0 {
        margin-left: 0
    }

    .Grid-cell--xs-offset-1 {
        margin-left: 8.3333333333%
    }

    .Grid-cell--xs-offset-2 {
        margin-left: 16.6666666667%
    }

    .Grid-cell--xs-offset-3 {
        margin-left: 25%
    }

    .Grid-cell--xs-offset-4 {
        margin-left: 33.3333333333%
    }

    .Grid-cell--xs-offset-5 {
        margin-left: 41.6666666667%
    }

    .Grid-cell--xs-offset-6 {
        margin-left: 50%
    }

    .Grid-cell--xs-offset-7 {
        margin-left: 58.3333333333%
    }

    .Grid-cell--xs-offset-8 {
        margin-left: 66.6666666667%
    }

    .Grid-cell--xs-offset-9 {
        margin-left: 75%
    }

    .Grid-cell--xs-offset-10 {
        margin-left: 83.3333333333%
    }

    .Grid-cell--xs-offset-11 {
        margin-left: 91.6666666667%
    }

    .Grid-cell--xs-offset-12 {
        margin-left: 100%
    }
}

.Grid-cell--sm {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:768px) {
    .Grid-cell--sm {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.Grid-cell--auto-sm {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:768px) {
    .Grid-cell--auto-sm {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}

@media (min-width:768px) {
    .Grid-cell--sm-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .Grid-cell--sm-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .Grid-cell--sm-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .Grid-cell--sm-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .Grid-cell--sm-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .Grid-cell--sm-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .Grid-cell--sm-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .Grid-cell--sm-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .Grid-cell--sm-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .Grid-cell--sm-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .Grid-cell--sm-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .Grid-cell--sm-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:768px) {
    .Grid-cell--sm-offset-0 {
        margin-left: 0
    }

    .Grid-cell--sm-offset-1 {
        margin-left: 8.3333333333%
    }

    .Grid-cell--sm-offset-2 {
        margin-left: 16.6666666667%
    }

    .Grid-cell--sm-offset-3 {
        margin-left: 25%
    }

    .Grid-cell--sm-offset-4 {
        margin-left: 33.3333333333%
    }

    .Grid-cell--sm-offset-5 {
        margin-left: 41.6666666667%
    }

    .Grid-cell--sm-offset-6 {
        margin-left: 50%
    }

    .Grid-cell--sm-offset-7 {
        margin-left: 58.3333333333%
    }

    .Grid-cell--sm-offset-8 {
        margin-left: 66.6666666667%
    }

    .Grid-cell--sm-offset-9 {
        margin-left: 75%
    }

    .Grid-cell--sm-offset-10 {
        margin-left: 83.3333333333%
    }

    .Grid-cell--sm-offset-11 {
        margin-left: 91.6666666667%
    }

    .Grid-cell--sm-offset-12 {
        margin-left: 100%
    }
}

.Grid-cell--md {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:992px) {
    .Grid-cell--md {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.Grid-cell--auto-md {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:992px) {
    .Grid-cell--auto-md {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}

@media (min-width:992px) {
    .Grid-cell--md-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .Grid-cell--md-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .Grid-cell--md-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .Grid-cell--md-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .Grid-cell--md-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .Grid-cell--md-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .Grid-cell--md-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .Grid-cell--md-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .Grid-cell--md-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .Grid-cell--md-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .Grid-cell--md-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .Grid-cell--md-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:992px) {
    .Grid-cell--md-offset-0 {
        margin-left: 0
    }

    .Grid-cell--md-offset-1 {
        margin-left: 8.3333333333%
    }

    .Grid-cell--md-offset-2 {
        margin-left: 16.6666666667%
    }

    .Grid-cell--md-offset-3 {
        margin-left: 25%
    }

    .Grid-cell--md-offset-4 {
        margin-left: 33.3333333333%
    }

    .Grid-cell--md-offset-5 {
        margin-left: 41.6666666667%
    }

    .Grid-cell--md-offset-6 {
        margin-left: 50%
    }

    .Grid-cell--md-offset-7 {
        margin-left: 58.3333333333%
    }

    .Grid-cell--md-offset-8 {
        margin-left: 66.6666666667%
    }

    .Grid-cell--md-offset-9 {
        margin-left: 75%
    }

    .Grid-cell--md-offset-10 {
        margin-left: 83.3333333333%
    }

    .Grid-cell--md-offset-11 {
        margin-left: 91.6666666667%
    }

    .Grid-cell--md-offset-12 {
        margin-left: 100%
    }
}

.Grid-cell--lg {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:1200px) {
    .Grid-cell--lg {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.Grid-cell--auto-lg {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:1200px) {
    .Grid-cell--auto-lg {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}

@media (min-width:1200px) {
    .Grid-cell--lg-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .Grid-cell--lg-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .Grid-cell--lg-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .Grid-cell--lg-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .Grid-cell--lg-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .Grid-cell--lg-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .Grid-cell--lg-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .Grid-cell--lg-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .Grid-cell--lg-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .Grid-cell--lg-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .Grid-cell--lg-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .Grid-cell--lg-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:1200px) {
    .Grid-cell--lg-offset-0 {
        margin-left: 0
    }

    .Grid-cell--lg-offset-1 {
        margin-left: 8.3333333333%
    }

    .Grid-cell--lg-offset-2 {
        margin-left: 16.6666666667%
    }

    .Grid-cell--lg-offset-3 {
        margin-left: 25%
    }

    .Grid-cell--lg-offset-4 {
        margin-left: 33.3333333333%
    }

    .Grid-cell--lg-offset-5 {
        margin-left: 41.6666666667%
    }

    .Grid-cell--lg-offset-6 {
        margin-left: 50%
    }

    .Grid-cell--lg-offset-7 {
        margin-left: 58.3333333333%
    }

    .Grid-cell--lg-offset-8 {
        margin-left: 66.6666666667%
    }

    .Grid-cell--lg-offset-9 {
        margin-left: 75%
    }

    .Grid-cell--lg-offset-10 {
        margin-left: 83.3333333333%
    }

    .Grid-cell--lg-offset-11 {
        margin-left: 91.6666666667%
    }

    .Grid-cell--lg-offset-12 {
        margin-left: 100%
    }
}

.Grid--gutter-xs {
    margin-top: -4px;
    margin-left: -4px
}

.Grid--gutter-xs>[class^=Grid-cell] {
    padding-top: 4px;
    padding-left: 4px
}

.Grid--gutter-sm {
    margin-top: -8px;
    margin-left: -8px
}

.Grid--gutter-sm>[class^=Grid-cell] {
    padding-top: 8px;
    padding-left: 8px
}

.Grid--gutter-md {
    margin-top: -16px;
    margin-left: -16px
}

.Grid--gutter-md>[class^=Grid-cell] {
    padding-top: 16px;
    padding-left: 16px
}

.Grid--gutter-lg {
    margin-top: -24px;
    margin-left: -24px
}

.Grid--gutter-lg>[class^=Grid-cell] {
    padding-top: 24px;
    padding-left: 24px
}

.Grid--gutter-xl {
    margin-top: -32px;
    margin-left: -32px
}

.Grid--gutter-xl>[class^=Grid-cell] {
    padding-top: 32px;
    padding-left: 32px
}

.Grid--gutter-xxl {
    margin-top: -40px;
    margin-left: -40px
}

.Grid--gutter-xxl>[class^=Grid-cell] {
    padding-top: 40px;
    padding-left: 40px
}

.Grid--gutter-xxxl {
    margin-top: -48px;
    margin-left: -48px
}

.Grid--gutter-xxxl>[class^=Grid-cell] {
    padding-top: 48px;
    padding-left: 48px
}

.Grid-cell-body {
    height: 100%
}

@-webkit-keyframes shake-bottom-tooltip {

    10%,
    90% {
        -webkit-transform: translate3d(-1px, 100%, 0);
        transform: translate3d(-1px, 100%, 0)
    }

    20%,
    80% {
        -webkit-transform: translate3d(2px, 100%, 0);
        transform: translate3d(2px, 100%, 0)
    }

    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-4px, 100%, 0);
        transform: translate3d(-4px, 100%, 0)
    }

    40%,
    60% {
        -webkit-transform: translate3d(4px, 100%, 0);
        transform: translate3d(4px, 100%, 0)
    }
}

@keyframes shake-bottom-tooltip {

    10%,
    90% {
        -webkit-transform: translate3d(-1px, 100%, 0);
        transform: translate3d(-1px, 100%, 0)
    }

    20%,
    80% {
        -webkit-transform: translate3d(2px, 100%, 0);
        transform: translate3d(2px, 100%, 0)
    }

    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-4px, 100%, 0);
        transform: translate3d(-4px, 100%, 0)
    }

    40%,
    60% {
        -webkit-transform: translate3d(4px, 100%, 0);
        transform: translate3d(4px, 100%, 0)
    }
}

.shake-bottom-tooltip {
    -webkit-animation: shake-bottom-tooltip .82s cubic-bezier(.36, .07, .19, .97) both;
    animation: shake-bottom-tooltip .82s cubic-bezier(.36, .07, .19, .97) both;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

@-webkit-keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    33.3% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px)
    }

    49.95% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }

    66.6% {
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    33.3% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px)
    }

    49.95% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }

    66.6% {
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes hvr-icon-down {

    25%,
    75% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }

    0%,
    50% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes hvr-icon-down {

    25%,
    75% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }

    0%,
    50% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes hvr-icon-push {
    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

@keyframes hvr-icon-push {
    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fade-in {
    -webkit-animation: fade-in .2s forwards !important;
    animation: fade-in .2s forwards !important
}

@-webkit-keyframes half-fade-in {
    0% {
        opacity: .65
    }

    to {
        opacity: 1
    }
}

@keyframes half-fade-in {
    0% {
        opacity: .65
    }

    to {
        opacity: 1
    }
}

.half-fade-in {
    -webkit-animation: half-fade-in .2s forwards !important;
    animation: half-fade-in .2s forwards !important
}

.half-fade-in-delayed {
    -webkit-animation: half-fade-in .3s .5s forwards !important;
    animation: half-fade-in .3s .5s forwards !important
}

@-webkit-keyframes logoAnimation {
    to {
        stroke-dashoffset: 0px;
        stroke-width: 0px;
        fill: #00c091
    }
}

@keyframes logoAnimation {
    to {
        stroke-dashoffset: 0px;
        stroke-width: 0px;
        fill: #00c091
    }
}

@-webkit-keyframes grow {
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes grow {
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes fade-in-grow {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
}

@keyframes fade-in-grow {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
}

@-webkit-keyframes spinner {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spinner {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.slideInLeft-appear {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate(-100%);
    transform: translate(-100%)
}

.slideInLeft-appear.slideInLeft-appear-active {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: cubic-bezier(.175, .665, .32, 1);
    transition-timing-function: cubic-bezier(.175, .665, .32, 1);
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.slideInLeft-enter {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate(-20%);
    transform: translate(-20%)
}

.slideInLeft-enter.slideInLeft-enter-active {
    -webkit-transition: opacity .5s linear, -webkit-transform .5s cubic-bezier(0, 0, 0, .995);
    transition: opacity .5s linear, -webkit-transform .5s cubic-bezier(0, 0, 0, .995);
    transition: opacity .5s linear, transform .5s cubic-bezier(0, 0, 0, .995);
    transition: opacity .5s linear, transform .5s cubic-bezier(0, 0, 0, .995), -webkit-transform .5s cubic-bezier(0, 0, 0, .995);
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.slideInLeft-enter.slideInLeft-enter-active,
.slideInLeft-leave {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.slideInLeft-leave {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity .5s linear, -webkit-transform .5s cubic-bezier(.995, 0, 0, 0);
    transition: opacity .5s linear, -webkit-transform .5s cubic-bezier(.995, 0, 0, 0);
    transition: opacity .5s linear, transform .5s cubic-bezier(.995, 0, 0, 0);
    transition: opacity .5s linear, transform .5s cubic-bezier(.995, 0, 0, 0), -webkit-transform .5s cubic-bezier(.995, 0, 0, 0)
}

.slideInLeft-leave.slideInLeft-leave-active {
    opacity: 0;
    -webkit-transform: translate(20%);
    transform: translate(20%)
}

.slideInRight-appear {
    opacity: .01;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate(20%);
    transform: translate(20%)
}

.slideInRight-appear.slideInRight-appear-active {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: opacity .5s linear, -webkit-transform .5s cubic-bezier(0, 0, 0, .995);
    transition: opacity .5s linear, -webkit-transform .5s cubic-bezier(0, 0, 0, .995);
    transition: opacity .5s linear, transform .5s cubic-bezier(0, 0, 0, .995);
    transition: opacity .5s linear, transform .5s cubic-bezier(0, 0, 0, .995), -webkit-transform .5s cubic-bezier(0, 0, 0, .995);
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.slideInRight-enter {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate(20%);
    transform: translate(20%)
}

.slideInRight-enter.slideInRight-enter-active {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: opacity .5s linear, -webkit-transform .5s cubic-bezier(0, 0, 0, .995);
    transition: opacity .5s linear, -webkit-transform .5s cubic-bezier(0, 0, 0, .995);
    transition: opacity .5s linear, transform .5s cubic-bezier(0, 0, 0, .995);
    transition: opacity .5s linear, transform .5s cubic-bezier(0, 0, 0, .995), -webkit-transform .5s cubic-bezier(0, 0, 0, .995);
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.slideInRight-leave {
    opacity: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: opacity .5s linear, -webkit-transform .5s cubic-bezier(.995, 0, 0, 0);
    transition: opacity .5s linear, -webkit-transform .5s cubic-bezier(.995, 0, 0, 0);
    transition: opacity .5s linear, transform .5s cubic-bezier(.995, 0, 0, 0);
    transition: opacity .5s linear, transform .5s cubic-bezier(.995, 0, 0, 0), -webkit-transform .5s cubic-bezier(.995, 0, 0, 0)
}

.slideInRight-leave.slideInRight-leave-active {
    opacity: 0;
    -webkit-transform: translate(-20%);
    transform: translate(-20%)
}

.slideFadeLeft-appear,
.slideFadeLeft-enter,
.slideFadeLeft-leave,
.slideFadeRight-appear,
.slideFadeRight-enter,
.slideFadeRight-leave {
    -webkit-transition: opacity .3s ease-in, -webkit-transform .3s ease-in;
    transition: opacity .3s ease-in, -webkit-transform .3s ease-in;
    transition: opacity .3s ease-in, transform .3s ease-in;
    transition: opacity .3s ease-in, transform .3s ease-in, -webkit-transform .3s ease-in
}

.slideFadeRight-enter {
    opacity: 0;
    -webkit-transform: translateX(25%);
    transform: translateX(25%)
}

.slideFadeRight-enter.slideFadeRight-enter-active,
.slideFadeRight-leave {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.slideFadeRight-leave.slideFadeRight-leave-active {
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%);
    opacity: 0
}

.slideFadeRight-appear {
    opacity: 0;
    -webkit-transform: translateX(25%);
    transform: translateX(25%)
}

.slideFadeRight-appear.slideFadeRight-appear-active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.slideFadeLeft-enter {
    opacity: 0;
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%)
}

.slideFadeLeft-enter.slideFadeLeft-enter-active,
.slideFadeLeft-leave {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.slideFadeLeft-leave.slideFadeLeft-leave-active {
    -webkit-transform: translateX(25%);
    transform: translateX(25%);
    opacity: 0
}

.slideFadeLeft-appear {
    opacity: 0;
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%)
}

.slideFadeLeft-appear.slideFadeLeft-appear-active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeout {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeout {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.modal-backdrop {
    -webkit-animation: fadein .2s forwards;
    animation: fadein .2s forwards;
    will-change: opacity
}

.modal-backdrop-fade {
    -webkit-animation: fadeout .2s forwards;
    animation: fadeout .2s forwards;
    will-change: opacity
}

@-webkit-keyframes modal-showin {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes modal-showin {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes modal-showout {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes modal-showout {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.modal-content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-animation: modal-showin .2s forwards;
    animation: modal-showin .2s forwards;
    will-change: transform, opacity
}

.modal-hidden .modal-content {
    -webkit-animation: modal-showout .2s forwards !important;
    animation: modal-showout .2s forwards !important
}

@-webkit-keyframes forward-ease-in {
    0% {
        opacity: .3;
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes forward-ease-in {
    0% {
        opacity: .3;
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.forward-ease-in {
    position: relative;
    -webkit-animation: forward-ease-in .3s ease-out forwards !important;
    animation: forward-ease-in .3s ease-out forwards !important
}

.resume-removed-item {
    overflow: hidden;
    -webkit-transition: height .25s, background .25s;
    transition: height .25s, background .25s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    background: rgba(0, 192, 142, .3)
}

.resume-overlay-fadein {
    -webkit-animation: fadein .4s ease-out forwards !important;
    animation: fadein .4s ease-out forwards !important
}

.resume-overlay-fadeout {
    -webkit-animation: fadeout .4s ease-out forwards !important;
    animation: fadeout .4s ease-out forwards !important
}

@keyframes bounce {
    1% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    40% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

    60% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    75% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

    85% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.bounce {
    position: relative;
    will-change: top;
    -webkit-animation: bounce .4s alternate forwards;
    animation: bounce .4s alternate forwards
}

@-webkit-keyframes move-down {
    0% {
        opacity: .4;
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes move-down {
    0% {
        opacity: .4;
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.move-down {
    will-change: top, opacity;
    -webkit-animation: move-down .3s alternate forwards;
    animation: move-down .3s alternate forwards
}

.move-down-slow {
    will-change: top, opacity;
    -webkit-animation: move-down 1s alternate forwards;
    animation: move-down 1s alternate forwards
}

@-webkit-keyframes left-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes left-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

.left-in {
    -webkit-animation: left-in .3s;
    animation: left-in .3s
}

@-webkit-keyframes right-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes right-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.right-in {
    -webkit-animation: right-in .3s;
    animation: right-in .3s
}

::-webkit-input-placeholder {
    opacity: 1 !important
}

.unselectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

body,
html {
    scroll-behavior: smooth
}

body {
    background: #f3f3f3;
    background-attachment: fixed;
    background-repeat: repeat
}

body.global-loading {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none
}

body.overflow-hidden,
body.overflow-hidden-popover {
    overflow: hidden
}

p {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.close {
    opacity: .4 !important
}

.app {
    min-height: 100%;
    width: 100%
}

.app .app-inner {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.app:not(.resume-editor-page) .app-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

@media screen and (min-width:768px) and (max-width:1050px) {
    .resume-editor-page {
        min-width: 1050px
    }
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .app-item {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.app-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    min-height: 100vh
}

.vertical-align {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.scrollarea {
    height: 100%
}

.disable-overflow {
    overflow: hidden
}

.clearfix {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.hidden,
.hide {
    display: none !important
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    opacity: .35
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    opacity: .35
}

input:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
    opacity: .35
}

input:focus::placeholder,
textarea:focus::placeholder {
    opacity: .35
}

.notification-block {
    color: #ff576f;
    font-family: Inter UI;
    font-size: 12px;
    line-height: 20px
}

.round {
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.intercom-launcher-button {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 0 !important;
    margin-bottom: 400px !important
}

#intercom-container {
    z-index: 1039 !important
}

#content.is-mobile,
body.is-mobile {
    overflow: hidden
}

@media (max-width:900px) {
    body {
        min-width: 300px !important
    }
}

.form-fields .-input-group,
form .-input-group {
    min-width: 280px;
    margin-bottom: 40px;
    position: relative
}

.form-fields .-input-group:last-child,
form .-input-group:last-child {
    margin: 0
}

.form-fields .-input-group label,
form .-input-group label {
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.form-fields .-input-group.search-input .input-group-custom .input-group-icon .icon-delete-circle,
form .-input-group.search-input .input-group-custom .input-group-icon .icon-delete-circle {
    color: #ccc;
    cursor: pointer;
    -webkit-transition: color .3 ease-in-out;
    transition: color .3 ease-in-out
}

.form-fields .-input-group.search-input .input-group-custom .input-group-icon .icon-delete-circle:active,
.form-fields .-input-group.search-input .input-group-custom .input-group-icon .icon-delete-circle:hover,
form .-input-group.search-input .input-group-custom .input-group-icon .icon-delete-circle:active,
form .-input-group.search-input .input-group-custom .input-group-icon .icon-delete-circle:hover {
    color: #384347
}

.lock-icon {
    color: #fff;
    background-color: #384347;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    font-size: 13px;
    text-align: center
}

.lock-icon:before,
.lock-icon>i:before {
    display: block;
    height: 100%;
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

.vertical-center-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.link-underlined {
    text-decoration: underline;
    -webkit-transition: opacity .35s ease-in-out;
    transition: opacity .35s ease-in-out
}

.link-underlined:active,
.link-underlined:focus,
.link-underlined:hover {
    opacity: .7;
    text-decoration: underline
}

.panel-completed {
    padding-top: 50px;
    padding-bottom: 50px
}

.panel-completed .btn-download {
    min-width: 270px
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.not-allowed {
    cursor: not-allowed !important
}

.no-pointer {
    cursor: default !important
}

.no-clicks {
    pointer-events: none
}

.circle-bg-icon {
    line-height: 41px;
    background-color: hsla(0, 0%, 87%, .52);
    display: inline-block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    vertical-align: 0;
    margin-bottom: -10px;
    color: #fff
}

.circle-bg-icon i.fa-spin {
    line-height: 12px
}

.inline-loading-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff
}

.avatar {
    image-rendering: optimizeQuality;
    -ms-interpolation-mode: nearest-neighbor
}

.opacity-text {
    opacity: .6
}

.icon-60x60 {
    width: 60px;
    height: 60px;
    font-size: 40px
}

.icon-60x60,
.icon-60x60:before {
    line-height: 60px
}

.icon-40x40 {
    width: 40px;
    height: 40px
}

.icon-40x40,
.icon-40x40:before {
    line-height: 40px
}

.cursor-pointer {
    cursor: pointer
}

.locked-feature .modal-footer a:hover {
    color: #b2b4b6;
    text-decoration: underline
}

.locked-feature .modal-body {
    padding-bottom: 0 !important
}

.locked-feature .locked-feature-icon-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.locked-feature .locked-feature-icon-wrapper .modal-hero {
    margin-top: 24px;
    margin-bottom: 24px
}

.float-right {
    float: right
}

.btn-round {
    -webkit-border-radius: 100px;
    border-radius: 100px
}

.modal-backdrop-animate-enter {
    opacity: 0;
    -webkit-transition: opacity .3s cubic-bezier(0, .99, .345, 1);
    transition: opacity .3s cubic-bezier(0, .99, .345, 1)
}

.modal-backdrop-animate-enter.modal-backdrop-animate-enter-active {
    opacity: 1
}

.modal-backdrop-animate-leave {
    opacity: 1;
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in
}

.modal-backdrop-animate-leave.modal-backdrop-animate-leave-active {
    opacity: 0
}

.menu-slideout-animate-enter {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: opacity .3s cubic-bezier(0, .99, .345, 1), -webkit-transform .3s cubic-bezier(0, .99, .345, 1);
    transition: opacity .3s cubic-bezier(0, .99, .345, 1), -webkit-transform .3s cubic-bezier(0, .99, .345, 1);
    transition: transform .3s cubic-bezier(0, .99, .345, 1), opacity .3s cubic-bezier(0, .99, .345, 1);
    transition: transform .3s cubic-bezier(0, .99, .345, 1), opacity .3s cubic-bezier(0, .99, .345, 1), -webkit-transform .3s cubic-bezier(0, .99, .345, 1)
}

.menu-slideout-animate-enter.menu-slideout-animate-enter-active,
.menu-slideout-animate-leave {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.menu-slideout-animate-leave {
    -webkit-transition: opacity .2s ease-out, -webkit-transform .2s ease-out;
    transition: opacity .2s ease-out, -webkit-transform .2s ease-out;
    transition: transform .2s ease-out, opacity .2s ease-out;
    transition: transform .2s ease-out, opacity .2s ease-out, -webkit-transform .2s ease-out
}

.menu-slideout-animate-leave.menu-slideout-animate-leave-active {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.modal-animate-appear {
    opacity: 0
}

.modal-animate-appear.modal-animate-appear-active {
    opacity: 1;
    -webkit-transition: opacity .3s ease-out .1s;
    transition: opacity .3s ease-out .1s
}

.modal-animate-enter {
    opacity: 0
}

.modal-animate-enter.modal-animate-enter-active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .3s ease-out .1s;
    transition: opacity .3s ease-out .1s
}

.modal-animate-leave {
    opacity: 1
}

.modal-animate-leave.modal-animate-leave-active {
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

@-webkit-keyframes global-toaster-show {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
        opacity: .2
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes global-toaster-show {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
        opacity: .2
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.toaster--global {
    -webkit-animation: global-toaster-show .15s ease-in forwards !important;
    animation: global-toaster-show .15s ease-in forwards !important;
    display: inline-block;
    max-width: 700px;
    margin: 0 auto;
    padding: 12px 16px;
    -webkit-box-shadow: 0 0 2px 0 rgba(83, 83, 83, .5);
    box-shadow: 0 0 2px 0 rgba(83, 83, 83, .5);
    font-size: 12px
}

.toaster--global--wrapper {
    position: fixed;
    top: 32px;
    left: 16px;
    right: 16px;
    z-index: 10000;
    text-align: center
}

.toaster--global--close {
    position: relative;
    top: 1px;
    cursor: pointer
}

.toaster--global--success {
    border: 1px solid #62d0aa;
    background-color: #d5f2e8
}

.toaster--global--warning {
    border: 1px solid #fed8a7;
    background-color: #fff0dc
}

.toaster--global--error {
    border: 1px solid #ffabb7;
    background-color: #ffeef0
}

.checkout-locked-modal .mixed-overlay-main,
.checkout-locked-modal .modal-content {
    min-height: 815px
}

.checkout-locked-modal .mixed-overlay-container {
    padding: 0 0 0 16px
}

.checkout-locked-modal .close {
    position: absolute;
    top: 8px;
    right: 12px;
    z-index: 10
}

.checkout-locked-modal .mixed-overlay-left {
    padding: 0 40px
}

.checkout-locked-modal .text-purple {
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    cursor: pointer
}

.checkout-locked-modal .text-purple:hover {
    color: #8c7cdb;
    opacity: .5
}

.checkout-locked-modal .see-other-plans {
    font-size: 16px;
    color: #8c7cdb;
    padding: 16px;
    background: rgba(140, 124, 219, .01);
    border: 1px solid rgba(140, 124, 219, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.checkout-locked-modal .see-other-plans .text-purple {
    font-size: 14px !important
}

.checkout-locked-modal .see-other-plans:hover {
    background: #fff
}

.checkout-locked-modal .pro-text {
    font-size: 14px;
    background: #00c091;
    padding: 2px 8px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    position: relative;
    top: -6px
}

.checkout-locked-modal .left-title {
    line-height: 42px
}

.checkout-locked-modal .sub-title {
    color: #8c7cdb
}

.checkout-locked-modal .pro-benefit {
    font-size: 18px
}

.checkout-locked-modal .pro-benefit .icon {
    position: relative;
    top: 2px
}

.checkout-locked-modal .pricing-container {
    background: rgba(140, 124, 219, .05);
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
    -webkit-border-radius: 9px;
    border-radius: 9px;
    border: 1px solid rgba(140, 124, 219, .1);
    padding: 16px
}

.checkout-locked-modal .pricing-container:hover {
    background: #fff
}

.checkout-locked-modal .pricing-container .price-cents,
.checkout-locked-modal .pricing-container .price-currency,
.checkout-locked-modal .pricing-container .price-months,
.checkout-locked-modal .pricing-container .price-value {
    font-family: Rubik, sans-serif;
    font-weight: 500
}

.checkout-locked-modal .pricing-container .price-cents,
.checkout-locked-modal .pricing-container .price-currency {
    font-size: 16px;
    padding-top: 2px
}

.checkout-locked-modal .pricing-container .price-months,
.checkout-locked-modal .pricing-container .price-value {
    font-size: 22px
}

.checkout-locked-modal .pricing-container .price-description {
    margin-top: 8px;
    color: #b2b4b6
}

.checkout-locked-modal .pricing-container .additional-text {
    font-size: 10px;
    padding: 4px 8px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin-left: 8px;
    color: #fff;
    background: #00c091
}

.checkout-locked-modal .pricing-container .additional-text--popular {
    background: #ff576f !important
}

.checkout-locked-modal .pricing-container.stand-by {
    min-height: 180px;
    padding-left: 60px
}

.checkout-locked-modal .pricing-container.stand-by .price-currency {
    font-size: 36px
}

.checkout-locked-modal .pricing-container.stand-by .price-months,
.checkout-locked-modal .pricing-container.stand-by .price-value {
    font-size: 64px
}

.checkout-locked-modal .pricing-container.stand-by .price-cents {
    font-size: 40px
}

.checkout-locked-modal .pricing-container.stand-by .price-description {
    color: #afb4b5 !important
}

.checkout-locked-modal .radio-btn {
    width: 20px;
    height: 20px;
    background: transparent;
    border: 1px solid #b2b4b6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.checkout-locked-modal .selected-plan .pricing-container {
    background: #fff
}

.checkout-locked-modal .selected-plan .pricing-container .price-description {
    color: #65696d
}

.checkout-locked-modal .selected-plan .radio-btn {
    border: 2px solid #00c091 !important
}

.checkout-locked-modal .selected-plan .radio-btn .radio-btn-inside {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #00c091
}

.checkout-locked-modal.with-resume .locked-resume-preview {
    margin-bottom: 8px !important
}

.checkout-popup-complete .mixed-overlay-left {
    padding-left: 100px;
    padding-top: 180px
}

.checkout-popup-complete .title {
    font-size: 38px;
    font-weight: 500
}

.checkout-popup-complete .description {
    font-size: 20px
}

.checkout-popup-complete .checkout-complete-image {
    width: 100%
}

@media screen and (min-width:1200px) {
    .checkout-popup-complete .checkout-complete-image {
        width: 380px;
        margin-left: -20px
    }
}

@media screen and (min-width:992px) {
    .checkout-popup-complete .checkout-complete-image {
        width: 280px;
        margin-left: -30px
    }

    .checkout-popup-complete .mixed-overlay-left {
        padding-left: 80px;
        padding-top: 140px
    }
}

@media screen and (max-width:767px) {
    .checkout-popup-complete .checkout-complete-image {
        width: 260px;
        margin-left: -10px
    }

    .checkout-popup-complete .mixed-overlay-left {
        padding-left: 0;
        padding-top: 10px
    }
}

@media screen and (min-width:1200px) {
    .checkout-locked-modal {
        min-width: 1100px
    }

    .checkout-locked-modal .mixed-overlay-left {
        margin-top: 112px !important
    }

    .checkout-popup-complete .mixed-overlay-left {
        margin-top: 56px !important
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .checkout-locked-modal {
        min-width: 910px
    }

    .checkout-locked-modal .mixed-overlay-left {
        margin-top: 112px !important
    }

    .checkout-popup-complete .mixed-overlay-left {
        margin-top: 56px !important
    }
}

@media screen and (max-width:991px) {
    .checkout-locked-modal .modal-content {
        min-height: 0 !important
    }

    .checkout-locked-modal .mixed-overlay-left {
        padding: 0
    }

    .checkout-locked-modal .mixed-overlay-left .left-overlay-cell {
        padding-left: 0 !important
    }
}

@media screen and (max-width:767px) {
    .checkout-locked-modal .mixed-overlay-container {
        padding: 0 16px !important
    }
}

.locked-resume-preview {
    width: 209px;
    height: 300px;
    margin-bottom: 50px
}

.locked-resume-preview .dashboard-item--preview {
    width: 209px;
    -webkit-box-shadow: 0 0 20px 7px rgba(77, 77, 77, .16) !important;
    box-shadow: 0 0 20px 7px rgba(77, 77, 77, .16) !important
}

.centered-preview .locked-resume-preview {
    margin: 0 auto 50px
}

.resume-layout-default.resume-layout-small .award-item>.inner,
.resume-layout-default.resume-layout-small .passion-item>.inner,
.resume-layout-default.resume-layout-small .talent-item>.inner {
    margin-bottom: 8px !important
}

.resume-layout-default.resume-layout-small .education-item .gpa-value {
    font-size: 14px !important;
    width: auto !important;
    min-width: 20px
}

.resume-layout-default.resume-layout-small .education-item-gpa-container {
    width: 70px !important
}

.resume-layout-default.resume-layout-small .resume-header .photo {
    width: 125px !important;
    height: 125px !important
}

.resume-layout-default.resume-layout-small .resume-header .name {
    font-size: 38px !important;
    line-height: 42px !important
}

.resume-layout-default.resume-layout-small .resume-header .title {
    font-size: 19px !important;
    line-height: 23px !important
}

.resume-layout-default.resume-layout-small .resume-header-with-photo .resume-header-col.resume-header-col-left {
    min-height: 125px !important
}

.resume-layout-default.resume-layout-small .resume-section .resume-section-text {
    font-size: 22px !important;
    line-height: 27px !important
}

.resume-layout-default.resume-layout-small .experience-item .btn-resume-data,
.resume-layout-default.resume-layout-small .experience-item .item-url .text-field {
    line-height: 14px !important
}

.resume-layout-default.resume-layout-small .activity-item .item-degree,
.resume-layout-default.resume-layout-small .activity-item .item-position,
.resume-layout-default.resume-layout-small .activity-item .item-role,
.resume-layout-default.resume-layout-small .activity-item .item-title,
.resume-layout-default.resume-layout-small .education-item .item-degree,
.resume-layout-default.resume-layout-small .education-item .item-position,
.resume-layout-default.resume-layout-small .education-item .item-role,
.resume-layout-default.resume-layout-small .education-item .item-title,
.resume-layout-default.resume-layout-small .experience-item .item-degree,
.resume-layout-default.resume-layout-small .experience-item .item-position,
.resume-layout-default.resume-layout-small .experience-item .item-role,
.resume-layout-default.resume-layout-small .experience-item .item-title,
.resume-layout-default.resume-layout-small .publication-item .item-degree,
.resume-layout-default.resume-layout-small .publication-item .item-position,
.resume-layout-default.resume-layout-small .publication-item .item-role,
.resume-layout-default.resume-layout-small .publication-item .item-title,
.resume-layout-default.resume-layout-small .technologies-item .item-degree,
.resume-layout-default.resume-layout-small .technologies-item .item-position,
.resume-layout-default.resume-layout-small .technologies-item .item-role,
.resume-layout-default.resume-layout-small .technologies-item .item-title,
.resume-layout-default.resume-layout-small .volunteer-item .item-degree,
.resume-layout-default.resume-layout-small .volunteer-item .item-position,
.resume-layout-default.resume-layout-small .volunteer-item .item-role,
.resume-layout-default.resume-layout-small .volunteer-item .item-title {
    font-size: 18px !important;
    line-height: 22px !important
}

.resume-layout-default.resume-layout-small .activity-item .item-edition,
.resume-layout-default.resume-layout-small .activity-item .item-institution,
.resume-layout-default.resume-layout-small .activity-item .item-workplace,
.resume-layout-default.resume-layout-small .education-item .item-edition,
.resume-layout-default.resume-layout-small .education-item .item-institution,
.resume-layout-default.resume-layout-small .education-item .item-workplace,
.resume-layout-default.resume-layout-small .experience-item .item-edition,
.resume-layout-default.resume-layout-small .experience-item .item-institution,
.resume-layout-default.resume-layout-small .experience-item .item-workplace,
.resume-layout-default.resume-layout-small .publication-item .item-edition,
.resume-layout-default.resume-layout-small .publication-item .item-institution,
.resume-layout-default.resume-layout-small .publication-item .item-workplace,
.resume-layout-default.resume-layout-small .technologies-item .item-edition,
.resume-layout-default.resume-layout-small .technologies-item .item-institution,
.resume-layout-default.resume-layout-small .technologies-item .item-workplace,
.resume-layout-default.resume-layout-small .volunteer-item .item-edition,
.resume-layout-default.resume-layout-small .volunteer-item .item-institution,
.resume-layout-default.resume-layout-small .volunteer-item .item-workplace {
    line-height: 16px !important;
    font-size: 14px !important
}

.resume-layout-default.resume-layout-small .activity-item .item-bullet,
.resume-layout-default.resume-layout-small .activity-item .item-description,
.resume-layout-default.resume-layout-small .education-item .item-bullet,
.resume-layout-default.resume-layout-small .education-item .item-description,
.resume-layout-default.resume-layout-small .experience-item .item-bullet,
.resume-layout-default.resume-layout-small .experience-item .item-description,
.resume-layout-default.resume-layout-small .publication-item .item-bullet,
.resume-layout-default.resume-layout-small .publication-item .item-description,
.resume-layout-default.resume-layout-small .technologies-item .item-bullet,
.resume-layout-default.resume-layout-small .technologies-item .item-description,
.resume-layout-default.resume-layout-small .volunteer-item .item-bullet,
.resume-layout-default.resume-layout-small .volunteer-item .item-description {
    font-size: 12px !important;
    line-height: 15px !important
}

.resume-layout-default.resume-layout-small .activity-item .tags,
.resume-layout-default.resume-layout-small .education-item .tags,
.resume-layout-default.resume-layout-small .experience-item .tags,
.resume-layout-default.resume-layout-small .publication-item .tags,
.resume-layout-default.resume-layout-small .technologies-item .tags,
.resume-layout-default.resume-layout-small .volunteer-item .tags {
    line-height: 16px !important
}

.resume-layout-default.resume-layout-small .summary-item .editable-field {
    font-size: 14px !important
}

.resume-layout-default.resume-layout-small .achievement-item .achievement-item-description,
.resume-layout-default.resume-layout-small .day-of-my-life-item .day-of-my-life-labels .day-of-my-life-title,
.resume-layout-default.resume-layout-small .editable-field-sm {
    font-size: 12px !important
}

.resume-layout-default.resume-layout-small .achievement-item .achievement-item-title,
.resume-layout-default.resume-layout-small .language-item .language-item-name {
    line-height: 18.5px !important
}

.resume-layout-default.resume-layout-small .achievement-item .achievement-item-description {
    line-height: 15px !important
}

.resume-layout-default.resume-layout-small .language-item .language-item-level-text {
    line-height: 16px !important
}

.resume-layout-default.resume-layout-small .talent-item .talent-item-title {
    font-size: 15px !important;
    line-height: 18.5px;
    font-weight: 700 !important
}

.resume-layout-default.resume-layout-small .quote-item-quote {
    font-size: 15px !important
}

.resume-layout-newcondensed.resume-layout-small .education-item-gpa .separator {
    font-size: 12px !important;
    vertical-align: text-top !important
}

.resume-layout-newcondensed.resume-layout-small .education-item .gpa-value {
    font-size: 12px !important;
    width: auto !important;
    min-width: 20px
}

.resume-layout-newcondensed.resume-layout-small .activity-item .item-degree,
.resume-layout-newcondensed.resume-layout-small .activity-item .item-position,
.resume-layout-newcondensed.resume-layout-small .activity-item .item-role,
.resume-layout-newcondensed.resume-layout-small .activity-item .item-title,
.resume-layout-newcondensed.resume-layout-small .education-item .item-degree,
.resume-layout-newcondensed.resume-layout-small .education-item .item-position,
.resume-layout-newcondensed.resume-layout-small .education-item .item-role,
.resume-layout-newcondensed.resume-layout-small .education-item .item-title,
.resume-layout-newcondensed.resume-layout-small .experience-item .item-degree,
.resume-layout-newcondensed.resume-layout-small .experience-item .item-position,
.resume-layout-newcondensed.resume-layout-small .experience-item .item-role,
.resume-layout-newcondensed.resume-layout-small .experience-item .item-title,
.resume-layout-newcondensed.resume-layout-small .publication-item .item-degree,
.resume-layout-newcondensed.resume-layout-small .publication-item .item-position,
.resume-layout-newcondensed.resume-layout-small .publication-item .item-role,
.resume-layout-newcondensed.resume-layout-small .publication-item .item-title,
.resume-layout-newcondensed.resume-layout-small .technologies-item .item-degree,
.resume-layout-newcondensed.resume-layout-small .technologies-item .item-position,
.resume-layout-newcondensed.resume-layout-small .technologies-item .item-role,
.resume-layout-newcondensed.resume-layout-small .technologies-item .item-title,
.resume-layout-newcondensed.resume-layout-small .volunteer-item .item-degree,
.resume-layout-newcondensed.resume-layout-small .volunteer-item .item-position,
.resume-layout-newcondensed.resume-layout-small .volunteer-item .item-role,
.resume-layout-newcondensed.resume-layout-small .volunteer-item .item-title {
    font-size: 15px !important;
    line-height: 20px !important
}

.resume-layout-newcondensed.resume-layout-small .activity-item .item-edition,
.resume-layout-newcondensed.resume-layout-small .activity-item .item-institution,
.resume-layout-newcondensed.resume-layout-small .activity-item .item-workplace,
.resume-layout-newcondensed.resume-layout-small .education-item .item-edition,
.resume-layout-newcondensed.resume-layout-small .education-item .item-institution,
.resume-layout-newcondensed.resume-layout-small .education-item .item-workplace,
.resume-layout-newcondensed.resume-layout-small .experience-item .item-edition,
.resume-layout-newcondensed.resume-layout-small .experience-item .item-institution,
.resume-layout-newcondensed.resume-layout-small .experience-item .item-workplace,
.resume-layout-newcondensed.resume-layout-small .publication-item .item-edition,
.resume-layout-newcondensed.resume-layout-small .publication-item .item-institution,
.resume-layout-newcondensed.resume-layout-small .publication-item .item-workplace,
.resume-layout-newcondensed.resume-layout-small .technologies-item .item-edition,
.resume-layout-newcondensed.resume-layout-small .technologies-item .item-institution,
.resume-layout-newcondensed.resume-layout-small .technologies-item .item-workplace,
.resume-layout-newcondensed.resume-layout-small .volunteer-item .item-edition,
.resume-layout-newcondensed.resume-layout-small .volunteer-item .item-institution,
.resume-layout-newcondensed.resume-layout-small .volunteer-item .item-workplace {
    font-size: 13px !important;
    line-height: 17px !important
}

.resume-layout-newcondensed.resume-layout-small .activity-item .item-description,
.resume-layout-newcondensed.resume-layout-small .education-item .item-description,
.resume-layout-newcondensed.resume-layout-small .experience-item .item-description,
.resume-layout-newcondensed.resume-layout-small .publication-item .item-description,
.resume-layout-newcondensed.resume-layout-small .technologies-item .item-description,
.resume-layout-newcondensed.resume-layout-small .volunteer-item .item-description {
    font-size: 12px !important;
    margin-top: 3px !important;
    line-height: 16px !important
}

.resume-layout-newcondensed.resume-layout-small .activity-item .item-bullet,
.resume-layout-newcondensed.resume-layout-small .education-item .item-bullet,
.resume-layout-newcondensed.resume-layout-small .experience-item .item-bullet,
.resume-layout-newcondensed.resume-layout-small .publication-item .item-bullet,
.resume-layout-newcondensed.resume-layout-small .technologies-item .item-bullet,
.resume-layout-newcondensed.resume-layout-small .volunteer-item .item-bullet {
    font-size: 12px !important;
    line-height: 16px !important
}

.resume-layout-newcondensed.resume-layout-small .achievement-item .achievement-item-description,
.resume-layout-newcondensed.resume-layout-small .day-of-my-life-item .day-of-my-life-labels .day-of-my-life-title,
.resume-layout-newcondensed.resume-layout-small .editable-field-sm,
.resume-layout-newcondensed.resume-layout-small .summary-item .editable-field {
    font-size: 12px !important
}

.resume-layout-newcondensed.resume-layout-small .quote-item-quote {
    font-size: 14px !important
}

.resume-layout-condensed.resume-layout-small .quote-item-quote {
    font-size: 15px !important
}

.resume-layout-condensed.resume-layout-small .resume-header .name {
    font-size: 28px !important;
    line-height: 37px !important
}

.resume-layout-condensed.resume-layout-small .resume-header .title {
    font-size: 16px !important;
    line-height: 21px !important
}

.resume-layout-condensed.resume-layout-small .resume-item-holder:after {
    display: none !important
}

.resume-layout-condensed.resume-layout-small .activity-item .item-degree,
.resume-layout-condensed.resume-layout-small .activity-item .item-position,
.resume-layout-condensed.resume-layout-small .activity-item .item-role,
.resume-layout-condensed.resume-layout-small .activity-item .item-title,
.resume-layout-condensed.resume-layout-small .education-item .item-degree,
.resume-layout-condensed.resume-layout-small .education-item .item-position,
.resume-layout-condensed.resume-layout-small .education-item .item-role,
.resume-layout-condensed.resume-layout-small .education-item .item-title,
.resume-layout-condensed.resume-layout-small .experience-item .item-degree,
.resume-layout-condensed.resume-layout-small .experience-item .item-position,
.resume-layout-condensed.resume-layout-small .experience-item .item-role,
.resume-layout-condensed.resume-layout-small .experience-item .item-title,
.resume-layout-condensed.resume-layout-small .publication-item .item-degree,
.resume-layout-condensed.resume-layout-small .publication-item .item-position,
.resume-layout-condensed.resume-layout-small .publication-item .item-role,
.resume-layout-condensed.resume-layout-small .publication-item .item-title,
.resume-layout-condensed.resume-layout-small .technologies-item .item-degree,
.resume-layout-condensed.resume-layout-small .technologies-item .item-position,
.resume-layout-condensed.resume-layout-small .technologies-item .item-role,
.resume-layout-condensed.resume-layout-small .technologies-item .item-title,
.resume-layout-condensed.resume-layout-small .volunteer-item .item-degree,
.resume-layout-condensed.resume-layout-small .volunteer-item .item-position,
.resume-layout-condensed.resume-layout-small .volunteer-item .item-role,
.resume-layout-condensed.resume-layout-small .volunteer-item .item-title {
    font-size: 15px !important;
    line-height: 20px !important
}

.resume-layout-condensed.resume-layout-small .activity-item .item-edition,
.resume-layout-condensed.resume-layout-small .activity-item .item-institution,
.resume-layout-condensed.resume-layout-small .activity-item .item-workplace,
.resume-layout-condensed.resume-layout-small .education-item .item-edition,
.resume-layout-condensed.resume-layout-small .education-item .item-institution,
.resume-layout-condensed.resume-layout-small .education-item .item-workplace,
.resume-layout-condensed.resume-layout-small .experience-item .item-edition,
.resume-layout-condensed.resume-layout-small .experience-item .item-institution,
.resume-layout-condensed.resume-layout-small .experience-item .item-workplace,
.resume-layout-condensed.resume-layout-small .publication-item .item-edition,
.resume-layout-condensed.resume-layout-small .publication-item .item-institution,
.resume-layout-condensed.resume-layout-small .publication-item .item-workplace,
.resume-layout-condensed.resume-layout-small .technologies-item .item-edition,
.resume-layout-condensed.resume-layout-small .technologies-item .item-institution,
.resume-layout-condensed.resume-layout-small .technologies-item .item-workplace,
.resume-layout-condensed.resume-layout-small .volunteer-item .item-edition,
.resume-layout-condensed.resume-layout-small .volunteer-item .item-institution,
.resume-layout-condensed.resume-layout-small .volunteer-item .item-workplace {
    font-size: 13px !important;
    line-height: 16px !important
}

.resume-layout-condensed.resume-layout-small .activity-item .item-bullet,
.resume-layout-condensed.resume-layout-small .activity-item .item-description,
.resume-layout-condensed.resume-layout-small .education-item .item-bullet,
.resume-layout-condensed.resume-layout-small .education-item .item-description,
.resume-layout-condensed.resume-layout-small .experience-item .item-bullet,
.resume-layout-condensed.resume-layout-small .experience-item .item-description,
.resume-layout-condensed.resume-layout-small .publication-item .item-bullet,
.resume-layout-condensed.resume-layout-small .publication-item .item-description,
.resume-layout-condensed.resume-layout-small .technologies-item .item-bullet,
.resume-layout-condensed.resume-layout-small .technologies-item .item-description,
.resume-layout-condensed.resume-layout-small .volunteer-item .item-bullet,
.resume-layout-condensed.resume-layout-small .volunteer-item .item-description {
    font-size: 12px !important;
    line-height: 16px !important
}

.resume-layout-condensed.resume-layout-small .achievement-item .achievement-item-description,
.resume-layout-condensed.resume-layout-small .day-of-my-life-item .day-of-my-life-labels .day-of-my-life-title,
.resume-layout-condensed.resume-layout-small .editable-field-sm {
    font-size: 12px !important
}

.resume-vertical-timeline .resume-section .resume-section-text {
    border-bottom: none !important
}

.resume-vertical-timeline .resume-item-holder:after {
    content: unset !important
}

.resume-margins-1 .editable-field-highlights {
    margin-top: 0 !important
}

.resume-margins-1 .resume-renderer-two-column {
    padding-top: 6px
}

.resume-margins-1 .resume-item-holder .item-object {
    padding: 6px 12px
}

.resume-margins-1 .resume-renderer-two-column:first-child {
    padding-right: 12px !important
}

.resume-margins-1 .resume-header .with-icon {
    padding-bottom: 2px !important
}

.resume-margins-1 .resume-header .resume-header-title-placeholder {
    margin-bottom: 2px !important
}

.resume-margins-1 .resume-header .with-icon-container {
    margin-top: 0 !important
}

.resume-margins-1 .with-icon {
    padding-right: 12px !important
}

.resume-margins-1 .activity-item .item-description,
.resume-margins-1 .activity-item .item-description.editable-field-highlights,
.resume-margins-1 .activity-item .item-edition,
.resume-margins-1 .activity-item .item-institution,
.resume-margins-1 .activity-item .item-workplace,
.resume-margins-1 .education-item .item-description,
.resume-margins-1 .education-item .item-description.editable-field-highlights,
.resume-margins-1 .education-item .item-edition,
.resume-margins-1 .education-item .item-institution,
.resume-margins-1 .education-item .item-workplace,
.resume-margins-1 .experience-item .item-description,
.resume-margins-1 .experience-item .item-description.editable-field-highlights,
.resume-margins-1 .experience-item .item-edition,
.resume-margins-1 .experience-item .item-institution,
.resume-margins-1 .experience-item .item-workplace,
.resume-margins-1 .publication-item .item-description,
.resume-margins-1 .publication-item .item-description.editable-field-highlights,
.resume-margins-1 .publication-item .item-edition,
.resume-margins-1 .publication-item .item-institution,
.resume-margins-1 .publication-item .item-workplace,
.resume-margins-1 .technologies-item .item-description,
.resume-margins-1 .technologies-item .item-description.editable-field-highlights,
.resume-margins-1 .technologies-item .item-edition,
.resume-margins-1 .technologies-item .item-institution,
.resume-margins-1 .technologies-item .item-workplace,
.resume-margins-1 .volunteer-item .item-description,
.resume-margins-1 .volunteer-item .item-description.editable-field-highlights,
.resume-margins-1 .volunteer-item .item-edition,
.resume-margins-1 .volunteer-item .item-institution,
.resume-margins-1 .volunteer-item .item-workplace {
    margin-top: 0 !important
}

.resume-margins-1 .achievement-item,
.resume-margins-1 .address-item,
.resume-margins-1 .award-item,
.resume-margins-1 .course-item,
.resume-margins-1 .language-item,
.resume-margins-1 .passion-item,
.resume-margins-1 .reference-item,
.resume-margins-1 .social-item,
.resume-margins-1 .talent-item,
.resume-margins-1 .technologies-item {
    padding: 6px 12px !important
}

.resume-margins-1 .certificate-item .certificate-item-issuer {
    padding-top: 0 !important
}

.resume-margins-1 .achievement-item-description,
.resume-margins-1 .bullet-content-wrapper,
.resume-margins-1 .language-item-level-text,
.resume-margins-1 .with-icon-container {
    margin-top: 0 !important
}

.resume-margins-1 .resume-section-text-container {
    margin: 6px 0 0 12px !important;
    padding-right: 12px !important
}

.resume-margins-1 .resume-header {
    padding: 6px 12px !important
}

.resume-margins-1 .resume-item-holder:after {
    left: 12px !important;
    right: 12px !important
}

.resume-margins-1 .resume-section {
    padding-bottom: 12px !important
}

.resume-margins-2 .editable-field-highlights {
    margin-top: 0 !important
}

.resume-margins-2 .resume-renderer-two-column {
    padding-top: 8px
}

.resume-margins-2 .resume-item-holder .item-object {
    padding: 8px 16px
}

.resume-margins-2 .resume-renderer-two-column:first-child {
    padding-right: 16px !important
}

.resume-margins-2 .resume-header .with-icon {
    padding-bottom: 4px !important
}

.resume-margins-2 .resume-header .resume-header-title-placeholder {
    margin-bottom: 4px !important
}

.resume-margins-2 .resume-header .with-icon-container {
    margin-top: 0 !important
}

.resume-margins-2 .with-icon {
    padding-right: 14px !important
}

.resume-margins-2 .activity-item .item-description,
.resume-margins-2 .activity-item .item-edition,
.resume-margins-2 .activity-item .item-institution,
.resume-margins-2 .activity-item .item-workplace,
.resume-margins-2 .education-item .item-description,
.resume-margins-2 .education-item .item-edition,
.resume-margins-2 .education-item .item-institution,
.resume-margins-2 .education-item .item-workplace,
.resume-margins-2 .experience-item .item-description,
.resume-margins-2 .experience-item .item-edition,
.resume-margins-2 .experience-item .item-institution,
.resume-margins-2 .experience-item .item-workplace,
.resume-margins-2 .publication-item .item-description,
.resume-margins-2 .publication-item .item-edition,
.resume-margins-2 .publication-item .item-institution,
.resume-margins-2 .publication-item .item-workplace,
.resume-margins-2 .technologies-item .item-description,
.resume-margins-2 .technologies-item .item-edition,
.resume-margins-2 .technologies-item .item-institution,
.resume-margins-2 .technologies-item .item-workplace,
.resume-margins-2 .volunteer-item .item-description,
.resume-margins-2 .volunteer-item .item-edition,
.resume-margins-2 .volunteer-item .item-institution,
.resume-margins-2 .volunteer-item .item-workplace {
    margin-top: 2px !important
}

.resume-margins-2 .activity-item .item-description.editable-field-highlights,
.resume-margins-2 .education-item .item-description.editable-field-highlights,
.resume-margins-2 .experience-item .item-description.editable-field-highlights,
.resume-margins-2 .publication-item .item-description.editable-field-highlights,
.resume-margins-2 .technologies-item .item-description.editable-field-highlights,
.resume-margins-2 .volunteer-item .item-description.editable-field-highlights {
    margin-top: 0 !important
}

.resume-margins-2 .achievement-item,
.resume-margins-2 .address-item,
.resume-margins-2 .award-item,
.resume-margins-2 .course-item,
.resume-margins-2 .language-item,
.resume-margins-2 .passion-item,
.resume-margins-2 .reference-item,
.resume-margins-2 .social-item,
.resume-margins-2 .talent-item,
.resume-margins-2 .technologies-item {
    padding: 8px 16px !important
}

.resume-margins-2 .certificate-item .certificate-item-issuer {
    padding-top: 2px !important
}

.resume-margins-2 .achievement-item-description,
.resume-margins-2 .bullet-content-wrapper,
.resume-margins-2 .language-item-level-text,
.resume-margins-2 .with-icon-container {
    margin-top: 2px !important
}

.resume-margins-2 .resume-section-text-container {
    margin: 8px 0 0 16px !important;
    padding-right: 16px !important
}

.resume-margins-2 .resume-header {
    padding: 8px 16px !important
}

.resume-margins-2 .resume-item-holder:after {
    left: 16px !important;
    right: 16px !important
}

.resume-margins-2 .resume-section {
    padding-bottom: 14px !important
}

.resume-margins-3 .editable-field-highlights {
    margin-top: 0 !important
}

.resume-margins-3 .resume-renderer-two-column {
    padding-top: 16px
}

.resume-margins-3 .resume-item-holder .item-object {
    padding: 16px
}

.resume-margins-3 .resume-renderer-two-column:first-child {
    padding-right: 16px !important
}

.resume-margins-3 .resume-header .with-icon {
    padding-bottom: 6px !important
}

.resume-margins-3 .resume-header .resume-header-title-placeholder {
    margin-bottom: 6px !important
}

.resume-margins-3 .resume-header .with-icon-container {
    margin-top: 0 !important
}

.resume-margins-3 .with-icon {
    padding-right: 16px !important
}

.resume-margins-3 .activity-item .item-description,
.resume-margins-3 .activity-item .item-edition,
.resume-margins-3 .activity-item .item-institution,
.resume-margins-3 .activity-item .item-workplace,
.resume-margins-3 .education-item .item-description,
.resume-margins-3 .education-item .item-edition,
.resume-margins-3 .education-item .item-institution,
.resume-margins-3 .education-item .item-workplace,
.resume-margins-3 .experience-item .item-description,
.resume-margins-3 .experience-item .item-edition,
.resume-margins-3 .experience-item .item-institution,
.resume-margins-3 .experience-item .item-workplace,
.resume-margins-3 .publication-item .item-description,
.resume-margins-3 .publication-item .item-edition,
.resume-margins-3 .publication-item .item-institution,
.resume-margins-3 .publication-item .item-workplace,
.resume-margins-3 .technologies-item .item-description,
.resume-margins-3 .technologies-item .item-edition,
.resume-margins-3 .technologies-item .item-institution,
.resume-margins-3 .technologies-item .item-workplace,
.resume-margins-3 .volunteer-item .item-description,
.resume-margins-3 .volunteer-item .item-edition,
.resume-margins-3 .volunteer-item .item-institution,
.resume-margins-3 .volunteer-item .item-workplace {
    margin-top: 4px !important
}

.resume-margins-3 .activity-item .item-description.editable-field-highlights,
.resume-margins-3 .education-item .item-description.editable-field-highlights,
.resume-margins-3 .experience-item .item-description.editable-field-highlights,
.resume-margins-3 .publication-item .item-description.editable-field-highlights,
.resume-margins-3 .technologies-item .item-description.editable-field-highlights,
.resume-margins-3 .volunteer-item .item-description.editable-field-highlights {
    margin-top: 0 !important
}

.resume-margins-3 .achievement-item,
.resume-margins-3 .address-item,
.resume-margins-3 .award-item,
.resume-margins-3 .course-item,
.resume-margins-3 .language-item,
.resume-margins-3 .passion-item,
.resume-margins-3 .reference-item,
.resume-margins-3 .social-item,
.resume-margins-3 .talent-item,
.resume-margins-3 .technologies-item {
    padding: 10px 16px !important
}

.resume-margins-3 .certificate-item .certificate-item-issuer {
    padding-top: 4px !important
}

.resume-margins-3 .achievement-item-description,
.resume-margins-3 .bullet-content-wrapper,
.resume-margins-3 .language-item-level-text,
.resume-margins-3 .with-icon-container {
    margin-top: 4px !important
}

.resume-margins-3 .resume-section-text-container {
    margin: 16px 0 0 16px !important;
    padding-right: 16px !important
}

.resume-margins-3 .resume-header {
    padding: 16px !important
}

.resume-margins-3 .resume-item-holder:after {
    left: 16px !important;
    right: 16px !important
}

.resume-margins-3 .resume-section {
    padding-bottom: 16px !important
}

.resume-margins-4 .editable-field-highlights {
    margin-top: 0 !important
}

.resume-margins-4 .resume-renderer-two-column {
    padding-top: 16px
}

.resume-margins-4 .resume-item-holder .item-object {
    padding: 16px 24px
}

.resume-margins-4 .resume-renderer-two-column:first-child {
    padding-right: 24px !important
}

.resume-margins-4 .resume-header .with-icon {
    padding-bottom: 8px !important
}

.resume-margins-4 .resume-header .resume-header-title-placeholder {
    margin-bottom: 8px !important
}

.resume-margins-4 .resume-header .with-icon-container {
    margin-top: 0 !important
}

.resume-margins-4 .with-icon {
    padding-right: 18px !important
}

.resume-margins-4 .activity-item .item-description,
.resume-margins-4 .activity-item .item-edition,
.resume-margins-4 .activity-item .item-institution,
.resume-margins-4 .activity-item .item-workplace,
.resume-margins-4 .education-item .item-description,
.resume-margins-4 .education-item .item-edition,
.resume-margins-4 .education-item .item-institution,
.resume-margins-4 .education-item .item-workplace,
.resume-margins-4 .experience-item .item-description,
.resume-margins-4 .experience-item .item-edition,
.resume-margins-4 .experience-item .item-institution,
.resume-margins-4 .experience-item .item-workplace,
.resume-margins-4 .publication-item .item-description,
.resume-margins-4 .publication-item .item-edition,
.resume-margins-4 .publication-item .item-institution,
.resume-margins-4 .publication-item .item-workplace,
.resume-margins-4 .technologies-item .item-description,
.resume-margins-4 .technologies-item .item-edition,
.resume-margins-4 .technologies-item .item-institution,
.resume-margins-4 .technologies-item .item-workplace,
.resume-margins-4 .volunteer-item .item-description,
.resume-margins-4 .volunteer-item .item-edition,
.resume-margins-4 .volunteer-item .item-institution,
.resume-margins-4 .volunteer-item .item-workplace {
    margin-top: 6px !important
}

.resume-margins-4 .activity-item .item-description.editable-field-highlights,
.resume-margins-4 .education-item .item-description.editable-field-highlights,
.resume-margins-4 .experience-item .item-description.editable-field-highlights,
.resume-margins-4 .publication-item .item-description.editable-field-highlights,
.resume-margins-4 .technologies-item .item-description.editable-field-highlights,
.resume-margins-4 .volunteer-item .item-description.editable-field-highlights {
    margin-top: 0 !important
}

.resume-margins-4 .achievement-item,
.resume-margins-4 .address-item,
.resume-margins-4 .award-item,
.resume-margins-4 .course-item,
.resume-margins-4 .language-item,
.resume-margins-4 .passion-item,
.resume-margins-4 .reference-item,
.resume-margins-4 .social-item,
.resume-margins-4 .talent-item,
.resume-margins-4 .technologies-item {
    padding: 12px 24px !important
}

.resume-margins-4 .certificate-item .certificate-item-issuer {
    padding-top: 6px !important
}

.resume-margins-4 .achievement-item-description,
.resume-margins-4 .bullet-content-wrapper,
.resume-margins-4 .language-item-level-text,
.resume-margins-4 .with-icon-container {
    margin-top: 6px !important
}

.resume-margins-4 .resume-section-text-container {
    margin: 16px 0 0 24px !important;
    padding-right: 24px !important
}

.resume-margins-4 .resume-header {
    padding: 16px 24px !important
}

.resume-margins-4 .resume-item-holder:after {
    left: 24px !important;
    right: 24px !important
}

.resume-margins-4 .resume-section {
    padding-bottom: 18px !important
}

.resume-margins-5 .editable-field-highlights {
    margin-top: 0 !important
}

.resume-margins-5 .resume-renderer-two-column {
    padding-top: 24px
}

.resume-margins-5 .resume-item-holder .item-object {
    padding: 24px 32px
}

.resume-margins-5 .resume-renderer-two-column:first-child {
    padding-right: 32px !important
}

.resume-margins-5 .resume-header .with-icon {
    padding-bottom: 10px !important
}

.resume-margins-5 .resume-header .resume-header-title-placeholder {
    margin-bottom: 10px !important
}

.resume-margins-5 .resume-header .with-icon-container {
    margin-top: 0 !important
}

.resume-margins-5 .with-icon {
    padding-right: 20px !important
}

.resume-margins-5 .activity-item .item-description,
.resume-margins-5 .activity-item .item-edition,
.resume-margins-5 .activity-item .item-institution,
.resume-margins-5 .activity-item .item-workplace,
.resume-margins-5 .education-item .item-description,
.resume-margins-5 .education-item .item-edition,
.resume-margins-5 .education-item .item-institution,
.resume-margins-5 .education-item .item-workplace,
.resume-margins-5 .experience-item .item-description,
.resume-margins-5 .experience-item .item-edition,
.resume-margins-5 .experience-item .item-institution,
.resume-margins-5 .experience-item .item-workplace,
.resume-margins-5 .publication-item .item-description,
.resume-margins-5 .publication-item .item-edition,
.resume-margins-5 .publication-item .item-institution,
.resume-margins-5 .publication-item .item-workplace,
.resume-margins-5 .technologies-item .item-description,
.resume-margins-5 .technologies-item .item-edition,
.resume-margins-5 .technologies-item .item-institution,
.resume-margins-5 .technologies-item .item-workplace,
.resume-margins-5 .volunteer-item .item-description,
.resume-margins-5 .volunteer-item .item-edition,
.resume-margins-5 .volunteer-item .item-institution,
.resume-margins-5 .volunteer-item .item-workplace {
    margin-top: 8px !important
}

.resume-margins-5 .activity-item .item-description.editable-field-highlights,
.resume-margins-5 .education-item .item-description.editable-field-highlights,
.resume-margins-5 .experience-item .item-description.editable-field-highlights,
.resume-margins-5 .publication-item .item-description.editable-field-highlights,
.resume-margins-5 .technologies-item .item-description.editable-field-highlights,
.resume-margins-5 .volunteer-item .item-description.editable-field-highlights {
    margin-top: 0 !important
}

.resume-margins-5 .achievement-item,
.resume-margins-5 .address-item,
.resume-margins-5 .award-item,
.resume-margins-5 .course-item,
.resume-margins-5 .language-item,
.resume-margins-5 .passion-item,
.resume-margins-5 .reference-item,
.resume-margins-5 .social-item,
.resume-margins-5 .talent-item,
.resume-margins-5 .technologies-item {
    padding: 14px 32px !important
}

.resume-margins-5 .certificate-item .certificate-item-issuer {
    padding-top: 8px !important
}

.resume-margins-5 .achievement-item-description,
.resume-margins-5 .bullet-content-wrapper,
.resume-margins-5 .language-item-level-text,
.resume-margins-5 .with-icon-container {
    margin-top: 8px !important
}

.resume-margins-5 .resume-section-text-container {
    margin: 24px 0 0 32px !important;
    padding-right: 32px !important
}

.resume-margins-5 .resume-header {
    padding: 24px 32px !important
}

.resume-margins-5 .resume-item-holder:after {
    left: 32px !important;
    right: 32px !important
}

.resume-margins-5 .resume-section {
    padding-bottom: 20px !important
}

.resume-layout-minimal .achievement-item,
.resume-layout-minimal .address-item,
.resume-layout-minimal .award-item,
.resume-layout-minimal .course-item,
.resume-layout-minimal .language-item,
.resume-layout-minimal .passion-item,
.resume-layout-minimal .reference-item,
.resume-layout-minimal .social-item,
.resume-layout-minimal .talent-item,
.resume-layout-minimal .technologies-item {
    padding-top: 12px !important;
    padding-bottom: 12px !important
}

.resume-layout-minimal .language-item-level-text {
    margin-top: 0 !important
}

.resume-margins-0 .resume-layout-condensed .resume-item-holder .item-object {
    padding: 6px 15px 0
}

.resume-margins-0 .resume-layout-condensed .resume-header {
    padding: 8px 15px;
    margin-bottom: 19px
}

.resume-margins-0 .resume-layout-condensed .resume-header .with-icon-container {
    margin-top: 3px
}

.resume-margins-0 .resume-layout-condensed .with-icon {
    padding-right: 13px
}

.resume-margins-0 .resume-layout-condensed .activity-item .item-workplace,
.resume-margins-0 .resume-layout-condensed .education-item .item-workplace,
.resume-margins-0 .resume-layout-condensed .experience-item .item-workplace,
.resume-margins-0 .resume-layout-condensed .publication-item .item-workplace,
.resume-margins-0 .resume-layout-condensed .technologies-item .item-workplace,
.resume-margins-0 .resume-layout-condensed .volunteer-item .item-workplace {
    margin-top: 0 !important
}

.resume-margins-0 .resume-layout-condensed.resume-layout-small .resume-header {
    margin-bottom: 0 !important
}

.resume-margins-0 .resume-layout-condensed.resume-layout-small .activity-item .item-edition,
.resume-margins-0 .resume-layout-condensed.resume-layout-small .activity-item .item-institution,
.resume-margins-0 .resume-layout-condensed.resume-layout-small .activity-item .item-workplace,
.resume-margins-0 .resume-layout-condensed.resume-layout-small .activity-item .with-icon-container,
.resume-margins-0 .resume-layout-condensed.resume-layout-small .education-item .item-edition,
.resume-margins-0 .resume-layout-condensed.resume-layout-small .education-item .item-institution,
.resume-margins-0 .resume-layout-condensed.resume-layout-small .education-item .item-workplace,
.resume-margins-0 .resume-layout-condensed.resume-layout-small .education-item .with-icon-container,
.resume-margins-0 .resume-layout-condensed.resume-layout-small .experience-item .item-edition,
.resume-margins-0 .resume-layout-condensed.resume-layout-small .experience-item .item-institution,
.resume-margins-0 .resume-layout-condensed.resume-layout-small .experience-item .item-workplace,
.resume-margins-0 .resume-layout-condensed.resume-layout-small .experience-item .with-icon-container,
.resume-margins-0 .resume-layout-condensed.resume-layout-small .publication-item .item-edition,
.resume-margins-0 .resume-layout-condensed.resume-layout-small .publication-item .item-institution,
.resume-margins-0 .resume-layout-condensed.resume-layout-small .publication-item .item-workplace,
.resume-margins-0 .resume-layout-condensed.resume-layout-small .publication-item .with-icon-container,
.resume-margins-0 .resume-layout-condensed.resume-layout-small .technologies-item .item-edition,
.resume-margins-0 .resume-layout-condensed.resume-layout-small .technologies-item .item-institution,
.resume-margins-0 .resume-layout-condensed.resume-layout-small .technologies-item .item-workplace,
.resume-margins-0 .resume-layout-condensed.resume-layout-small .volunteer-item .item-edition,
.resume-margins-0 .resume-layout-condensed.resume-layout-small .volunteer-item .item-institution,
.resume-margins-0 .resume-layout-condensed.resume-layout-small .volunteer-item .item-workplace,
.resume-margins-0 .resume-layout-condensed.resume-layout-small .volunteer-item .with-icon-container {
    margin-top: 0 !important
}

.resume-margins-0 .resume-layout-condensed.resume-layout-small .activity-item .item-description,
.resume-margins-0 .resume-layout-condensed.resume-layout-small .education-item .item-description,
.resume-margins-0 .resume-layout-condensed.resume-layout-small .experience-item .item-description,
.resume-margins-0 .resume-layout-condensed.resume-layout-small .publication-item .item-description,
.resume-margins-0 .resume-layout-condensed.resume-layout-small .technologies-item .item-description,
.resume-margins-0 .resume-layout-condensed.resume-layout-small .volunteer-item .item-description {
    margin-top: 3px !important
}

.resume-margins-0 .resume-layout-condensed.resume-layout-small .activity-item .item-description.editable-field-highlights,
.resume-margins-0 .resume-layout-condensed.resume-layout-small .education-item .item-description.editable-field-highlights,
.resume-margins-0 .resume-layout-condensed.resume-layout-small .experience-item .item-description.editable-field-highlights,
.resume-margins-0 .resume-layout-condensed.resume-layout-small .publication-item .item-description.editable-field-highlights,
.resume-margins-0 .resume-layout-condensed.resume-layout-small .technologies-item .item-description.editable-field-highlights,
.resume-margins-0 .resume-layout-condensed.resume-layout-small .volunteer-item .item-description.editable-field-highlights {
    margin-top: 0 !important
}

.resume-margins-0 .resume-layout-condensed.resume-layout-small .bullet-dot {
    margin-right: 0 !important
}

.resume-margins-0 .resume-layout-condensed.resume-layout-small .resume-section {
    padding-bottom: 0 !important
}

.resume-margins-0 .resume-layout-condensed.resume-layout-small .resume-section .resume-section-container {
    margin-bottom: 0 !important
}

.resume-margins-0 .resume-layout-condensed .achievement-item>.inner {
    padding-bottom: 7px !important
}

.resume-margins-0 .resume-layout-condensed .achievement-item-description {
    padding: 0;
    margin: 0
}

.resume-margins-0 .resume-layout-condensed .activity-item .item-edition,
.resume-margins-0 .resume-layout-condensed .activity-item .item-institution,
.resume-margins-0 .resume-layout-condensed .activity-item .item-workplace,
.resume-margins-0 .resume-layout-condensed .education-item .item-edition,
.resume-margins-0 .resume-layout-condensed .education-item .item-institution,
.resume-margins-0 .resume-layout-condensed .education-item .item-workplace,
.resume-margins-0 .resume-layout-condensed .experience-item .item-edition,
.resume-margins-0 .resume-layout-condensed .experience-item .item-institution,
.resume-margins-0 .resume-layout-condensed .experience-item .item-workplace,
.resume-margins-0 .resume-layout-condensed .publication-item .item-edition,
.resume-margins-0 .resume-layout-condensed .publication-item .item-institution,
.resume-margins-0 .resume-layout-condensed .publication-item .item-workplace,
.resume-margins-0 .resume-layout-condensed .technologies-item .item-edition,
.resume-margins-0 .resume-layout-condensed .technologies-item .item-institution,
.resume-margins-0 .resume-layout-condensed .technologies-item .item-workplace,
.resume-margins-0 .resume-layout-condensed .volunteer-item .item-edition,
.resume-margins-0 .resume-layout-condensed .volunteer-item .item-institution,
.resume-margins-0 .resume-layout-condensed .volunteer-item .item-workplace {
    margin-top: 3px
}

.resume-margins-0 .resume-layout-condensed .activity-item .item-description,
.resume-margins-0 .resume-layout-condensed .education-item .item-description,
.resume-margins-0 .resume-layout-condensed .experience-item .item-description,
.resume-margins-0 .resume-layout-condensed .publication-item .item-description,
.resume-margins-0 .resume-layout-condensed .technologies-item .item-description,
.resume-margins-0 .resume-layout-condensed .volunteer-item .item-description {
    margin-top: 5px
}

.resume-margins-0 .resume-layout-condensed .activity-item .item-description.editable-field-highlights,
.resume-margins-0 .resume-layout-condensed .education-item .item-description.editable-field-highlights,
.resume-margins-0 .resume-layout-condensed .experience-item .item-description.editable-field-highlights,
.resume-margins-0 .resume-layout-condensed .publication-item .item-description.editable-field-highlights,
.resume-margins-0 .resume-layout-condensed .technologies-item .item-description.editable-field-highlights,
.resume-margins-0 .resume-layout-condensed .volunteer-item .item-description.editable-field-highlights {
    margin-top: 0 !important
}

.resume-margins-0 .resume-layout-condensed .resume-item-holder .item-object.language-item {
    padding: 4px 15px 0
}

.resume-margins-0 .resume-layout-newcondensed .resume-item-holder .item-object {
    padding: 8px 15px
}

.resume-margins-0 .resume-layout-newcondensed .resume-header {
    padding: 8px 15px 0;
    margin-bottom: 8px
}

.resume-margins-0 .resume-layout-newcondensed .resume-header .name {
    margin-bottom: 5px
}

.resume-margins-0 .resume-layout-newcondensed .resume-header .title {
    margin-bottom: 24px
}

.resume-margins-0 .resume-layout-newcondensed.resume-layout-small .bullet-content-wrapper {
    margin-top: 0 !important
}

.resume-margins-0 .resume-layout-newcondensed.resume-layout-small .resume-section .resume-section-text-container {
    margin: 4px 15px 0 !important
}

.resume-margins-0 .resume-layout-newcondensed.resume-layout-small .activity-item .item-edition,
.resume-margins-0 .resume-layout-newcondensed.resume-layout-small .activity-item .item-institution,
.resume-margins-0 .resume-layout-newcondensed.resume-layout-small .activity-item .item-workplace,
.resume-margins-0 .resume-layout-newcondensed.resume-layout-small .activity-item .with-icon-container,
.resume-margins-0 .resume-layout-newcondensed.resume-layout-small .education-item .item-edition,
.resume-margins-0 .resume-layout-newcondensed.resume-layout-small .education-item .item-institution,
.resume-margins-0 .resume-layout-newcondensed.resume-layout-small .education-item .item-workplace,
.resume-margins-0 .resume-layout-newcondensed.resume-layout-small .education-item .with-icon-container,
.resume-margins-0 .resume-layout-newcondensed.resume-layout-small .experience-item .item-edition,
.resume-margins-0 .resume-layout-newcondensed.resume-layout-small .experience-item .item-institution,
.resume-margins-0 .resume-layout-newcondensed.resume-layout-small .experience-item .item-workplace,
.resume-margins-0 .resume-layout-newcondensed.resume-layout-small .experience-item .with-icon-container,
.resume-margins-0 .resume-layout-newcondensed.resume-layout-small .publication-item .item-edition,
.resume-margins-0 .resume-layout-newcondensed.resume-layout-small .publication-item .item-institution,
.resume-margins-0 .resume-layout-newcondensed.resume-layout-small .publication-item .item-workplace,
.resume-margins-0 .resume-layout-newcondensed.resume-layout-small .publication-item .with-icon-container,
.resume-margins-0 .resume-layout-newcondensed.resume-layout-small .technologies-item .item-edition,
.resume-margins-0 .resume-layout-newcondensed.resume-layout-small .technologies-item .item-institution,
.resume-margins-0 .resume-layout-newcondensed.resume-layout-small .technologies-item .item-workplace,
.resume-margins-0 .resume-layout-newcondensed.resume-layout-small .volunteer-item .item-edition,
.resume-margins-0 .resume-layout-newcondensed.resume-layout-small .volunteer-item .item-institution,
.resume-margins-0 .resume-layout-newcondensed.resume-layout-small .volunteer-item .item-workplace,
.resume-margins-0 .resume-layout-newcondensed.resume-layout-small .volunteer-item .with-icon-container {
    margin-top: 0 !important
}

.resume-margins-0 .resume-layout-newcondensed.resume-layout-small .bullet-dot {
    margin-right: 0 !important
}

.resume-margins-0 .resume-layout-newcondensed.resume-layout-small .resume-section {
    padding-bottom: 0 !important
}

.resume-margins-0 .resume-layout-newcondensed.resume-layout-small .resume-section .resume-section-container {
    margin-bottom: 0 !important
}

.resume-margins-0 .resume-layout-newcondensed .activity-item .item-workplace,
.resume-margins-0 .resume-layout-newcondensed .education-item .item-workplace,
.resume-margins-0 .resume-layout-newcondensed .experience-item .item-workplace,
.resume-margins-0 .resume-layout-newcondensed .publication-item .item-workplace,
.resume-margins-0 .resume-layout-newcondensed .technologies-item .item-workplace,
.resume-margins-0 .resume-layout-newcondensed .volunteer-item .item-workplace {
    margin-top: 0
}

.resume-margins-0 .resume-layout-newcondensed .activity-item .item-description,
.resume-margins-0 .resume-layout-newcondensed .education-item .item-description,
.resume-margins-0 .resume-layout-newcondensed .experience-item .item-description,
.resume-margins-0 .resume-layout-newcondensed .publication-item .item-description,
.resume-margins-0 .resume-layout-newcondensed .technologies-item .item-description,
.resume-margins-0 .resume-layout-newcondensed .volunteer-item .item-description {
    margin-top: 5px
}

.resume-margins-0 .resume-layout-newcondensed .activity-item .item-description.editable-field-highlights,
.resume-margins-0 .resume-layout-newcondensed .education-item .item-description.editable-field-highlights,
.resume-margins-0 .resume-layout-newcondensed .experience-item .item-description.editable-field-highlights,
.resume-margins-0 .resume-layout-newcondensed .publication-item .item-description.editable-field-highlights,
.resume-margins-0 .resume-layout-newcondensed .technologies-item .item-description.editable-field-highlights,
.resume-margins-0 .resume-layout-newcondensed .volunteer-item .item-description.editable-field-highlights {
    margin-top: 0 !important
}

.resume-margins-0 .resume-layout-newcondensed .achievement-item-description,
.resume-margins-0 .resume-layout-newcondensed .award-item-description,
.resume-margins-0 .resume-layout-newcondensed .passion-item-description,
.resume-margins-0 .resume-layout-newcondensed .talent-item-description {
    margin-top: 3px
}

.resume-margins-0 .resume-layout-default.resume-layout-small .resume-item-holder .item-object.achievement-item>.inner {
    padding-bottom: 15.5px !important
}

.resume-margins-0 .resume-layout-default.resume-layout-small .education-item .education-item-gpa {
    padding-left: 8px
}

.resume-margins-0 .resume-layout-default.resume-layout-small .header-info-container {
    margin-top: 12px !important
}

.resume-margins-0 .resume-layout-default.resume-layout-small .activity-item .item-edition,
.resume-margins-0 .resume-layout-default.resume-layout-small .activity-item .item-institution,
.resume-margins-0 .resume-layout-default.resume-layout-small .activity-item .item-workplace,
.resume-margins-0 .resume-layout-default.resume-layout-small .education-item .item-edition,
.resume-margins-0 .resume-layout-default.resume-layout-small .education-item .item-institution,
.resume-margins-0 .resume-layout-default.resume-layout-small .education-item .item-workplace,
.resume-margins-0 .resume-layout-default.resume-layout-small .experience-item .item-edition,
.resume-margins-0 .resume-layout-default.resume-layout-small .experience-item .item-institution,
.resume-margins-0 .resume-layout-default.resume-layout-small .experience-item .item-workplace,
.resume-margins-0 .resume-layout-default.resume-layout-small .publication-item .item-edition,
.resume-margins-0 .resume-layout-default.resume-layout-small .publication-item .item-institution,
.resume-margins-0 .resume-layout-default.resume-layout-small .publication-item .item-workplace,
.resume-margins-0 .resume-layout-default.resume-layout-small .technologies-item .item-edition,
.resume-margins-0 .resume-layout-default.resume-layout-small .technologies-item .item-institution,
.resume-margins-0 .resume-layout-default.resume-layout-small .technologies-item .item-workplace,
.resume-margins-0 .resume-layout-default.resume-layout-small .volunteer-item .item-edition,
.resume-margins-0 .resume-layout-default.resume-layout-small .volunteer-item .item-institution,
.resume-margins-0 .resume-layout-default.resume-layout-small .volunteer-item .item-workplace {
    margin-top: 3px
}

.resume-margins-0 .resume-layout-default.resume-layout-small .activity-item .item-description,
.resume-margins-0 .resume-layout-default.resume-layout-small .education-item .item-description,
.resume-margins-0 .resume-layout-default.resume-layout-small .experience-item .item-description,
.resume-margins-0 .resume-layout-default.resume-layout-small .publication-item .item-description,
.resume-margins-0 .resume-layout-default.resume-layout-small .technologies-item .item-description,
.resume-margins-0 .resume-layout-default.resume-layout-small .volunteer-item .item-description {
    margin-top: 3px !important
}

.resume-margins-0 .resume-layout-default.resume-layout-small .activity-item .item-description.editable-field-highlights,
.resume-margins-0 .resume-layout-default.resume-layout-small .education-item .item-description.editable-field-highlights,
.resume-margins-0 .resume-layout-default.resume-layout-small .experience-item .item-description.editable-field-highlights,
.resume-margins-0 .resume-layout-default.resume-layout-small .publication-item .item-description.editable-field-highlights,
.resume-margins-0 .resume-layout-default.resume-layout-small .technologies-item .item-description.editable-field-highlights,
.resume-margins-0 .resume-layout-default.resume-layout-small .volunteer-item .item-description.editable-field-highlights {
    margin-top: 0 !important
}

.resume-margins-0 .resume-layout-default.resume-layout-small .resume-item-holder .item-object {
    padding: 8px 15px 0 !important
}

.resume-margins-0 .resume-layout-default.resume-layout-small .resume-header {
    padding-bottom: 5px !important
}

.resume-margins-0 .resume-layout-default.resume-layout-small .resume-item-holder .item-object>.inner {
    padding-bottom: 8px !important
}

.resume-margins-0 .resume-layout-default.resume-layout-small .resume-section {
    padding-bottom: 0 !important
}

.resume-margins-0 .resume-layout-default.resume-layout-small .bullet-content-wrapper {
    margin-top: 0 !important
}

.resume-margins-0 .activity-item .item-edition,
.resume-margins-0 .activity-item .item-institution,
.resume-margins-0 .activity-item .item-workplace,
.resume-margins-0 .activity-item .with-icon-container,
.resume-margins-0 .bullet-content-wrapper,
.resume-margins-0 .education-item .item-edition,
.resume-margins-0 .education-item .item-institution,
.resume-margins-0 .education-item .item-workplace,
.resume-margins-0 .education-item .with-icon-container,
.resume-margins-0 .experience-item .item-edition,
.resume-margins-0 .experience-item .item-institution,
.resume-margins-0 .experience-item .item-workplace,
.resume-margins-0 .experience-item .with-icon-container,
.resume-margins-0 .publication-item .item-edition,
.resume-margins-0 .publication-item .item-institution,
.resume-margins-0 .publication-item .item-workplace,
.resume-margins-0 .publication-item .with-icon-container,
.resume-margins-0 .technologies-item .item-edition,
.resume-margins-0 .technologies-item .item-institution,
.resume-margins-0 .technologies-item .item-workplace,
.resume-margins-0 .volunteer-item .item-edition,
.resume-margins-0 .volunteer-item .item-institution,
.resume-margins-0 .volunteer-item .item-workplace,
.resume-margins-0 .volunteer-item .with-icon-container {
    margin-top: 3px
}

.resume-margins-0 .activity-item .item-description,
.resume-margins-0 .education-item .item-description,
.resume-margins-0 .experience-item .item-description,
.resume-margins-0 .publication-item .item-description,
.resume-margins-0 .technologies-item .item-description,
.resume-margins-0 .volunteer-item .item-description {
    margin-top: 5px
}

.resume-margins-0 .activity-item .item-description.editable-field-highlights,
.resume-margins-0 .education-item .item-description.editable-field-highlights,
.resume-margins-0 .experience-item .item-description.editable-field-highlights,
.resume-margins-0 .publication-item .item-description.editable-field-highlights,
.resume-margins-0 .technologies-item .item-description.editable-field-highlights,
.resume-margins-0 .volunteer-item .item-description.editable-field-highlights {
    margin-top: 0 !important
}

.resume-margins-0 .language-item .language-item-level-text {
    margin-top: 4px
}

.resume-margins-0 .with-icon {
    padding-right: 16px
}

.resume-margins-0 .resume-header {
    padding: 15px
}

.resume-margins-0 .resume-header .with-icon {
    padding-bottom: 7px
}

.resume-margins-0 .resume-section .resume-section-text-container {
    margin: 10px 0 0 15px;
    padding-right: 10px
}

.resume-margins-0 .resume-item-holder .item-object>.inner {
    padding-bottom: 15px
}

.resume-margins-0 .education-item .education-item-gpa {
    padding-left: 15px
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.full-width-field {
    display: block;
    width: 100%
}

@-webkit-keyframes item-appear {
    0% {
        max-height: 0;
        overflow: hidden
    }

    99% {
        max-height: 100px
    }

    to {
        max-height: 1000000px;
        overflow: auto
    }
}

@keyframes item-appear {
    0% {
        max-height: 0;
        overflow: hidden
    }

    99% {
        max-height: 100px
    }

    to {
        max-height: 1000000px;
        overflow: auto
    }
}

.item-appear {
    -webkit-animation: item-appear .3s forwards;
    animation: item-appear .3s forwards
}

.resume-renderer {
    width: 940px;
    line-height: normal
}

.resume-renderer .resume-first-color:focus::-webkit-input-placeholder,
.resume-renderer .resume-first-color input:focus::-webkit-input-placeholder {
    opacity: .2 !important
}

.resume-renderer .resume-first-color:focus:-moz-placeholder,
.resume-renderer .resume-first-color:focus::-moz-placeholder,
.resume-renderer .resume-first-color input:focus:-moz-placeholder,
.resume-renderer .resume-first-color input:focus::-moz-placeholder {
    opacity: .2 !important
}

.resume-renderer .resume-first-color:focus:-ms-input-placeholder,
.resume-renderer .resume-first-color input:focus:-ms-input-placeholder {
    opacity: .2 !important
}

.resume-renderer .resume-second-color:focus::-webkit-input-placeholder,
.resume-renderer .resume-second-color input:focus::-webkit-input-placeholder {
    opacity: .2 !important
}

.resume-renderer .resume-second-color:focus:-moz-placeholder,
.resume-renderer .resume-second-color:focus::-moz-placeholder,
.resume-renderer .resume-second-color input:focus:-moz-placeholder,
.resume-renderer .resume-second-color input:focus::-moz-placeholder {
    opacity: .2 !important
}

.resume-renderer .resume-second-color:focus:-ms-input-placeholder,
.resume-renderer .resume-second-color input:focus:-ms-input-placeholder {
    opacity: .2 !important
}

.resume-renderer .powered-by-link {
    position: absolute;
    left: 75px;
    bottom: 50px;
    font-size: 11px
}

.resume-renderer .resume-footer {
    font-size: 11px
}

.resume-renderer .resume-footer .enhancv-link {
    position: absolute;
    bottom: 50px;
    left: 60px;
    right: 280px
}

.resume-renderer .resume-footer .powered-by {
    position: absolute;
    bottom: 49px;
    right: 75px
}

.resume-renderer .resume-footer .powered-by-container {
    display: table
}

.resume-renderer .resume-footer .powered-by .powered-by-logo {
    width: 110px;
    display: table-cell;
    z-index: 8
}

.resume-renderer .resume-footer .powered-by .powered-by-logo .icon {
    font-size: 100px
}

.resume-renderer .resume-footer .powered-by .powered-by-logo .icon:before {
    position: absolute;
    bottom: -42px
}

.resume-renderer .resume-footer .powered-by .verified-by {
    padding-right: 8px;
    line-height: 15.7143px;
    display: block;
    width: 80px
}

.resume-renderer .resume-footer:hover .removebrand-tooltip {
    display: block
}

.resume-renderer .resume-section {
    padding-bottom: 20px
}

.resume-renderer .resume-section .resume-section-container {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid transparent
}

.resume-renderer .resume-section .resume-section-container.editable:hover {
    border: 1px solid #60d5ba
}

.resume-renderer .resume-section.resume-section-selected {
    position: relative;
    z-index: 20;
    background: #fff;
    -webkit-transition: background .3s;
    transition: background .3s;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.resume-renderer .resume-section.resume-section-selected .item-object,
.resume-renderer .resume-section.resume-section-selected .resume-section-container.editable {
    border: 1px solid transparent !important
}

.resume-renderer .resume-section .resume-section-text-container [contenteditable][placeholder]:empty:before {
    opacity: 1 !important
}

.resume-renderer .resume-section .resume-section-text-container [contenteditable][placeholder]:empty:focus:before {
    opacity: .5 !important
}

.resume-renderer .resume-section .resume-section-text {
    display: block;
    margin: 0;
    border-bottom: 3px solid #000;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 33px;
    font-weight: 700
}

.resume-renderer .resume-section .moveable-items {
    position: relative;
    top: -1px
}

.resume-renderer .moveable-items .item-object {
    cursor: move
}

.resume-renderer .dragged-section .popover-wrap {
    display: none
}

.resume-renderer .dragged-section .selected-resume-item {
    background: none;
    -webkit-transition: none;
    transition: none
}

.resume-renderer .dragged-section .draggable-hover {
    background: #b2b4b6 !important;
    opacity: .3;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.resume-renderer .dragged-section .draggable-hover>div {
    opacity: 0
}

.resume-renderer.cover-letter .resume-item-holder .item-object>.inner {
    border-bottom: none
}

.resume-renderer.cover-letter .resume-item-holder:after {
    display: none !important
}

.resume-item-holder {
    position: relative;
    top: -1px;
    -webkit-transition: height .3s;
    transition: height .3s
}

.resume-item-holder .item-object {
    padding: 15px 15px 0;
    color: #384347;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid transparent
}

.resume-item-holder .item-object>.inner {
    position: relative;
    top: 1px
}

.resume-item-holder .item-object .padded-item-content {
    padding-left: 40px
}

.resume-item-holder:after {
    content: " ";
    bottom: 0;
    left: 15px;
    right: 15px;
    border-bottom: 1px dashed #ccc;
    position: absolute
}

.resume-item-holder .skill-item .inner {
    padding-bottom: 5px
}

.resume-item-holder.editable.selected-resume-item .item-object,
.resume-item-holder.editable:hover .item-object {
    border: 1px solid #60d5ba
}

.resume-item-holder.selected-resume-item {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    z-index: 20;
    background: #fff;
    -webkit-transition: background .3s;
    transition: background .3s
}

.resume-item-holder.hide-separating-border:after {
    display: none
}

.resume-renderer-page {
    height: 1329px;
    padding: 60px;
    page-break-after: always;
    position: relative;
    background-color: #fff
}

.resume-renderer-page.letter-size {
    height: 1216px !important
}

.resume-renderer-page .colored-header-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 200px;
    z-index: 1
}

.resume-renderer-page .colored-header-background.with-photo {
    height: 240px
}

.resume-renderer-page.browser-resume-page {
    background-color: #fff
}

.resume-renderer-page .resume-background-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.resume-renderer-page .resume-page-wrapper {
    position: relative
}

.resume-renderer-page .resume-page-wrapper .editable-field-wrapper a {
    color: inherit !important
}

.resume-page-title {
    color: #000;
    font-family: Roboto, Arial, Helvetica, Noto Sans Devanagari, Noto Sans CJK SC Thin, Noto Sans SC, Noto Sans Hebrew, sans-serif;
    font-weight: 300;
    text-align: center;
    margin-top: 0;
    margin-bottom: 40px;
    font-size: 18px
}

.resume-page-title .text {
    position: relative
}

.resume-page-title .text:after,
.resume-page-title .text:before {
    content: " ";
    background-color: #000;
    height: 1px;
    display: block;
    position: absolute;
    top: 11px;
    width: 40px
}

.resume-page-title .text:before {
    left: -70px
}

.resume-page-title .text:after {
    right: -70px
}

.resume-renderer-one-column {
    width: 100%
}

.resume-renderer-one-column .AchievementSection .resume-item-holder,
.resume-renderer-one-column .CertificateSection .resume-item-holder,
.resume-renderer-one-column .TalentSection .resume-item-holder {
    width: 50%;
    display: inline-block;
    vertical-align: top
}

.resume-renderer-one-column .AwardSection .resume-item-holder,
.resume-renderer-one-column .CourseSection .resume-item-holder,
.resume-renderer-one-column .LanguageSection .resume-item-holder,
.resume-renderer-one-column .PassionSection .resume-item-holder,
.resume-renderer-one-column .SkillSection .resume-item-holder,
.resume-renderer-one-column .SocialSection .resume-item-holder {
    width: 33.3%;
    display: inline-block;
    vertical-align: top
}

.resume-renderer-two-column {
    float: left;
    width: 50%;
    min-height: 1px
}

.resume-renderer-two-column:first-child {
    width: 60%;
    padding-right: 15px
}

.resume-renderer-two-column:first-child .AwardSection .resume-item-holder,
.resume-renderer-two-column:first-child .CourseSection .resume-item-holder,
.resume-renderer-two-column:first-child .LanguageSection .resume-item-holder,
.resume-renderer-two-column:first-child .PassionSection .resume-item-holder,
.resume-renderer-two-column:first-child .SkillSection .resume-item-holder,
.resume-renderer-two-column:first-child .SocialSection .resume-item-holder {
    width: 50%;
    display: inline-block;
    vertical-align: top
}

.resume-renderer-two-column:nth-child(2) {
    width: 40%
}

.resume-renderer-three-column {
    float: left;
    width: 33%;
    min-height: 1px
}

.resume-renderer-three-column:first-child {
    width: 33%;
    padding-right: 8px
}

.resume-renderer-three-column:nth-child(2) {
    width: 33%;
    padding-right: 4px;
    padding-left: 4px
}

.resume-renderer-three-column:nth-child(3) {
    width: 33%;
    padding-left: 8px
}

.resume-no-hover .item-object,
.resume-no-hover .resume-header,
.resume-no-hover .resume-section-container {
    background: transparent !important
}

.item-no-popover .popover-container {
    display: none
}

.resume-layout-condensed .resume-section .moveable-items {
    top: 0
}

.resume-layout-condensed .resume-section .resume-section-text {
    border-bottom: none;
    font-size: 11px;
    line-height: 16px;
    font-weight: 400;
    color: #65696d
}

.resume-layout-condensed .resume-item-holder .item-object>.inner {
    padding-bottom: 6px;
    border-bottom: 0;
    top: 0
}

.resume-layout-newcondensed .resume-section .moveable-items {
    top: 0
}

.resume-layout-newcondensed .resume-section .resume-section-container {
    margin-bottom: 8px
}

.resume-layout-newcondensed .resume-section .resume-section-text {
    color: #65696d;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    border-bottom: 2px solid hsla(210, 4%, 41%, .5)
}

.resume-layout-newcondensed .resume-section .resume-section-text::-webkit-input-placeholder {
    color: #65696d !important
}

.resume-layout-newcondensed .resume-section .resume-section-text::-moz-placeholder {
    color: #65696d !important
}

.resume-layout-newcondensed .resume-section .resume-section-text::-ms-input-placeholder {
    color: #65696d !important
}

.resume-layout-newcondensed .resume-section .resume-section-text::placeholder {
    color: #65696d !important
}

.resume-layout-newcondensed .resume-item-holder .item-object>.inner {
    padding-bottom: 0;
    border-bottom: 0;
    top: 0
}

.resume-item-icon.onboarding-focus-point:after {
    margin-top: -5px
}

#resume-null.is-placeholder .resume-section .education-item-gpa,
#resume-null.is-placeholder .resume-section .inner {
    border-color: transparent
}

#resume-null.is-placeholder .resume-section .slider-component-dot {
    background-color: transparent !important
}

#resume-null.is-placeholder .resume-section .bullet-dot,
#resume-null.is-placeholder .resume-section .editable-field,
#resume-null.is-placeholder .resume-section .editable-field::-webkit-input-placeholder,
#resume-null.is-placeholder .resume-section .education-item-gpa .separator,
#resume-null.is-placeholder .resume-section .resume-item-icon i,
#resume-null.is-placeholder .resume-section .with-icon i,
#resume-null.is-placeholder .resume-section .with-icon span {
    color: transparent !important
}

#resume-null.is-placeholder .resume-section .bullet-dot,
#resume-null.is-placeholder .resume-section .editable-field,
#resume-null.is-placeholder .resume-section .editable-field::-moz-placeholder,
#resume-null.is-placeholder .resume-section .education-item-gpa .separator,
#resume-null.is-placeholder .resume-section .resume-item-icon i,
#resume-null.is-placeholder .resume-section .with-icon i,
#resume-null.is-placeholder .resume-section .with-icon span {
    color: transparent !important
}

#resume-null.is-placeholder .resume-section .bullet-dot,
#resume-null.is-placeholder .resume-section .editable-field,
#resume-null.is-placeholder .resume-section .editable-field::-ms-input-placeholder,
#resume-null.is-placeholder .resume-section .education-item-gpa .separator,
#resume-null.is-placeholder .resume-section .resume-item-icon i,
#resume-null.is-placeholder .resume-section .with-icon i,
#resume-null.is-placeholder .resume-section .with-icon span {
    color: transparent !important
}

#resume-null.is-placeholder .resume-section .bullet-dot,
#resume-null.is-placeholder .resume-section .editable-field,
#resume-null.is-placeholder .resume-section .editable-field::placeholder,
#resume-null.is-placeholder .resume-section .education-item-gpa .separator,
#resume-null.is-placeholder .resume-section .resume-item-icon i,
#resume-null.is-placeholder .resume-section .with-icon i,
#resume-null.is-placeholder .resume-section .with-icon span {
    color: transparent !important
}

#resume-null.is-placeholder .resume-header .editable-field.name::-webkit-input-placeholder,
#resume-null.is-placeholder .resume-header .editable-field.title::-webkit-input-placeholder {
    opacity: .2 !important
}

#resume-null.is-placeholder .resume-header .editable-field.name::-moz-placeholder,
#resume-null.is-placeholder .resume-header .editable-field.title::-moz-placeholder {
    opacity: .2 !important
}

#resume-null.is-placeholder .resume-header .editable-field.name::-ms-input-placeholder,
#resume-null.is-placeholder .resume-header .editable-field.title::-ms-input-placeholder {
    opacity: .2 !important
}

#resume-null.is-placeholder .resume-header .editable-field.name::placeholder,
#resume-null.is-placeholder .resume-header .editable-field.title::placeholder {
    opacity: .2 !important
}

#resume-null.is-placeholder .photo-container .photo {
    background: #f3f3f3 !important
}

#resume-null.is-placeholder .resume-header-items {
    pointer-events: none
}

#resume-null.is-placeholder .resume-header-items .editable-field,
#resume-null.is-placeholder .resume-header-items i {
    color: transparent !important
}

#resume-null.is-placeholder .resume-section {
    pointer-events: none
}

#resume-null.is-placeholder .resume-section .resume-section-text {
    border-color: #f3f3f3 !important
}

#resume-null.is-placeholder .resume-section .editable-field,
#resume-null.is-placeholder .resume-section .resume-item-icon,
#resume-null.is-placeholder .resume-section .with-icon-container i {
    position: relative
}

#resume-null.is-placeholder .resume-section .editable-field:after,
#resume-null.is-placeholder .resume-section .resume-item-icon:after,
#resume-null.is-placeholder .resume-section .with-icon-container i:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #f3f3f3
}

#resume-null.is-placeholder .item-object .editable-field:after {
    height: 13px
}

#resume-null.is-placeholder .resume-renderer-two-column:first-child .resume-section-text:after {
    height: 22px;
    width: 175px
}

#resume-null.is-placeholder .resume-renderer-two-column:first-child .inner .editable-field-wrapper:first-child .editable-field:after {
    width: 32%
}

#resume-null.is-placeholder .resume-renderer-two-column:first-child .inner .editable-field-wrapper:nth-child(2) .editable-field:after {
    width: 29%
}

#resume-null.is-placeholder .resume-renderer-two-column:first-child .inner .media .media-body .editable-field:after {
    width: 79%
}

#resume-null.is-placeholder .resume-renderer-two-column:first-child .inner .with-icon-container i {
    width: 63px
}

#resume-null.is-placeholder .resume-renderer-two-column:first-child .inner .editable-field-xs:after {
    display: none
}

#resume-null.is-placeholder .resume-renderer-two-column:nth-child(2) .resume-section-text:after {
    height: 22px;
    width: 75%
}

#resume-null.is-placeholder .resume-renderer-two-column:nth-child(2) .inner>div:first-child .editable-field:after {
    width: 85%
}

#resume-null.is-placeholder .resume-renderer-two-column:nth-child(2) .inner>div:nth-child(2) .editable-field:after {
    width: 70%
}

#resume-null.is-placeholder .resume-renderer-two-column:nth-child(2) .resume-item-icon:after {
    top: 2px
}

.resume-layout-newcondensed .activity-item .item-bullet,
.resume-layout-newcondensed .education-item .item-bullet,
.resume-layout-newcondensed .experience-item .item-bullet,
.resume-layout-newcondensed .publication-item .item-bullet,
.resume-layout-newcondensed .technologies-item .item-bullet,
.resume-layout-newcondensed .volunteer-item .item-bullet {
    font-size: 12px;
    line-height: 16px
}

.resume-layout-newcondensed .activity-item .item-edition,
.resume-layout-newcondensed .activity-item .item-institution,
.resume-layout-newcondensed .activity-item .item-workplace,
.resume-layout-newcondensed .education-item .item-edition,
.resume-layout-newcondensed .education-item .item-institution,
.resume-layout-newcondensed .education-item .item-workplace,
.resume-layout-newcondensed .experience-item .item-edition,
.resume-layout-newcondensed .experience-item .item-institution,
.resume-layout-newcondensed .experience-item .item-workplace,
.resume-layout-newcondensed .publication-item .item-edition,
.resume-layout-newcondensed .publication-item .item-institution,
.resume-layout-newcondensed .publication-item .item-workplace,
.resume-layout-newcondensed .technologies-item .item-edition,
.resume-layout-newcondensed .technologies-item .item-institution,
.resume-layout-newcondensed .technologies-item .item-workplace,
.resume-layout-newcondensed .volunteer-item .item-edition,
.resume-layout-newcondensed .volunteer-item .item-institution,
.resume-layout-newcondensed .volunteer-item .item-workplace {
    line-height: 20px
}

.resume-layout-newcondensed .activity-item .item-description,
.resume-layout-newcondensed .education-item .item-description,
.resume-layout-newcondensed .experience-item .item-description,
.resume-layout-newcondensed .publication-item .item-description,
.resume-layout-newcondensed .technologies-item .item-description,
.resume-layout-newcondensed .volunteer-item .item-description {
    line-height: 17px
}

.resume-layout-condensed .activity-item .item-degree,
.resume-layout-condensed .activity-item .item-position,
.resume-layout-condensed .activity-item .item-role,
.resume-layout-condensed .activity-item .item-title,
.resume-layout-condensed .education-item .item-degree,
.resume-layout-condensed .education-item .item-position,
.resume-layout-condensed .education-item .item-role,
.resume-layout-condensed .education-item .item-title,
.resume-layout-condensed .experience-item .item-degree,
.resume-layout-condensed .experience-item .item-position,
.resume-layout-condensed .experience-item .item-role,
.resume-layout-condensed .experience-item .item-title,
.resume-layout-condensed .publication-item .item-degree,
.resume-layout-condensed .publication-item .item-position,
.resume-layout-condensed .publication-item .item-role,
.resume-layout-condensed .publication-item .item-title,
.resume-layout-condensed .technologies-item .item-degree,
.resume-layout-condensed .technologies-item .item-position,
.resume-layout-condensed .technologies-item .item-role,
.resume-layout-condensed .technologies-item .item-title,
.resume-layout-condensed .volunteer-item .item-degree,
.resume-layout-condensed .volunteer-item .item-position,
.resume-layout-condensed .volunteer-item .item-role,
.resume-layout-condensed .volunteer-item .item-title {
    line-height: 28px
}

.resume-layout-condensed .resume-item-holder:after,
.resume-layout-newcondensed .resume-item-holder:after {
    display: none !important
}

.resume-layout-minimal .tags .tag {
    padding: 0 !important;
    border-bottom: 0 !important;
    margin: 0 !important
}

.resume-layout-minimal .tags .tag:after {
    content: "\B7";
    font-size: 20px;
    padding: 3px;
    vertical-align: sub;
    color: #b2b4b6
}

.resume-layout-minimal .tags .tag .editable-field-wrapper:last-child .tag:after {
    content: "";
    padding: 0
}

.resume-layout-minimal .education-item-gpa-container-small {
    border: 0 !important
}

.resume-layout-minimal .resume-header .name {
    font-weight: 700 !important
}

.resume-layout-high-performer .resume-renderer-two-column:first-child {
    width: 70%
}

.resume-layout-high-performer .resume-renderer-two-column:nth-child(2) {
    width: 30%
}

.editable-field {
    padding: 0;
    border: 0;
    resize: none;
    width: 100%;
    outline: none;
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    min-height: 10px;
    background: transparent;
    overflow-wrap: break-word;
    word-wrap: break-word;
    white-space: pre-wrap;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    position: relative;
    z-index: 1;
    word-break: break-word;
    letter-spacing: normal
}

.editable-field:focus {
    outline: none
}

.editable-field-wrapper {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.editable-field-wrapper .autocomplete {
    position: absolute;
    opacity: .3;
    top: 0;
    z-index: -1
}

.editable-field-wrapper-inline {
    display: inline-block
}

.editable-field-highlights-inline {
    padding: 3px 0
}

.editable-field-highlights {
    position: absolute !important;
    color: transparent !important;
    margin: 0 !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0
}

.editable-field-highlights mark {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #ffd7dc;
    color: transparent;
    padding: 0 2px;
    margin-left: -2px;
    margin-right: -2px
}

input.editable-field {
    overflow-x: initial !important
}

a.editable-field {
    word-wrap: break-word;
    word-break: break-all
}

.editable-field input {
    outline: none;
    border: none;
    background-color: transparent
}

.date-range-label,
.editable-field::-webkit-input-placeholder,
.editable-field input::-webkit-input-placeholder,
[contenteditable][placeholder]:empty:before {
    opacity: .5 !important
}

.date-range-label,
.editable-field::-moz-placeholder,
.editable-field input::-moz-placeholder,
[contenteditable][placeholder]:empty:before {
    opacity: .5 !important
}

.date-range-label,
.editable-field::-ms-input-placeholder,
.editable-field input::-ms-input-placeholder,
[contenteditable][placeholder]:empty:before {
    opacity: .5 !important
}

.date-range-label,
.editable-field::placeholder,
.editable-field input::placeholder,
[contenteditable][placeholder]:empty:before {
    opacity: .5 !important
}

.editable-field:focus::-webkit-input-placeholder,
.editable-field input:focus::-webkit-input-placeholder,
[contenteditable][placeholder]:empty:focus:before {
    opacity: .2 !important
}

.editable-field:focus::-moz-placeholder,
.editable-field input:focus::-moz-placeholder,
[contenteditable][placeholder]:empty:focus:before {
    opacity: .2 !important
}

.editable-field:focus::-ms-input-placeholder,
.editable-field input:focus::-ms-input-placeholder,
[contenteditable][placeholder]:empty:focus:before {
    opacity: .2 !important
}

.editable-field:focus::placeholder,
.editable-field input:focus::placeholder,
[contenteditable][placeholder]:empty:focus:before {
    opacity: .2 !important
}

.resume-section-text-container .editable-field::-webkit-input-placeholder,
.resume-section-text-container .editable-field input::-webkit-input-placeholder {
    opacity: 1 !important
}

.resume-section-text-container .editable-field::-moz-placeholder,
.resume-section-text-container .editable-field input::-moz-placeholder {
    opacity: 1 !important
}

.resume-section-text-container .editable-field::-ms-input-placeholder,
.resume-section-text-container .editable-field input::-ms-input-placeholder {
    opacity: 1 !important
}

.resume-section-text-container .editable-field::placeholder,
.resume-section-text-container .editable-field input::placeholder {
    opacity: 1 !important
}

.empty-date span {
    opacity: .5 !important
}

.editable-field-xs {
    font-size: 11px
}

.editable-field-sm {
    font-size: 13px
}

.editable-field-muted {
    color: #384347
}

.item-object .with-icon-container .with-icon.btn-link.btn-resume-data {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-font-smoothing: initial;
    -moz-osx-font-smoothing: initial
}

.resume-layout-condensed .editable-field {
    line-height: 1.35
}

.resume-layout-condensed .item-object .with-icon-container .with-icon .icon {
    font-size: 11px;
    margin-right: 5px;
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
}

.resume-layout-condensed .item-object .with-icon-container .with-icon .editable-field {
    line-height: normal
}

.resume-layout-condensed .with-icon.btn-link.btn-resume-data,
.resume-layout-condensed .with-icon .editable-field {
    color: #65696d
}

.resume-layout-condensed .with-icon .editable-field input {
    min-width: 100%
}

.resume-layout-newcondensed .editable-field {
    line-height: 1.35;
    color: #384347
}

.resume-layout-newcondensed .editable-field-sm {
    font-size: 12px
}

.resume-layout-newcondensed .item-object .with-icon-container .with-icon .editable-field {
    line-height: normal
}

.resume-layout-newcondensed .with-icon.btn-link.btn-resume-data,
.resume-layout-newcondensed .with-icon .editable-field {
    color: #65696d
}

.resume-layout-newcondensed .with-icon .editable-field input {
    min-width: 100%
}

.resume-layout-newcondensed .item-url {
    margin-top: 8px;
    margin-left: 2px
}

.resume-layout-newcondensed .item-url .icon {
    margin-right: 6px
}

.resume-layout-newcondensed .item-url .editable-field {
    color: #b9b9b9;
    font-size: 12px
}

.resume-layout-newcondensed .date-range-label,
.resume-layout-newcondensed .editable-field::-webkit-input-placeholder,
.resume-layout-newcondensed .editable-field input::-webkit-input-placeholder {
    color: #65696d !important
}

.resume-layout-newcondensed .date-range-label,
.resume-layout-newcondensed .editable-field::-moz-placeholder,
.resume-layout-newcondensed .editable-field input::-moz-placeholder {
    color: #65696d !important
}

.resume-layout-newcondensed .date-range-label,
.resume-layout-newcondensed .editable-field::-ms-input-placeholder,
.resume-layout-newcondensed .editable-field input::-ms-input-placeholder {
    color: #65696d !important
}

.resume-layout-newcondensed .date-range-label,
.resume-layout-newcondensed .editable-field::placeholder,
.resume-layout-newcondensed .editable-field input::placeholder {
    color: #65696d !important
}

.with-icon-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.with-icon-container .item-stretch {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.with-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 0
}

.with-icon .icon {
    color: #555;
    margin-right: 1px;
    font-size: 12px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 14px
}

.with-icon .editable-field {
    padding-left: 2px
}

.with-icon a {
    color: inherit
}

.resume-layout-condensed .with-icon-container .with-icon {
    width: auto !important
}

.resume-layout-condensed .with-icon-container .item-stretch {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.resume-layout-newcondensed .with-icon-container .with-icon {
    width: auto !important
}

.resume-layout-newcondensed .with-icon-container .with-icon .icon {
    height: 13px;
    color: #65696d
}

.resume-layout-newcondensed .with-icon-container .item-stretch {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.resume-header-selected .resume-header {
    border: 1px solid #60d5ba;
    position: relative;
    z-index: 20;
    background: #fff;
    -webkit-transition: background .3s;
    transition: background .3s
}

.resume-header {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid transparent
}

.resume-header.editable:hover {
    border: 1px solid #60d5ba
}

.resume-header .photo {
    vertical-align: top;
    display: inline-block;
    height: 150px;
    width: 150px;
    float: right;
    -webkit-transition: -webkit-border-radius .3s linear;
    transition: -webkit-border-radius .3s linear;
    transition: border-radius .3s linear;
    transition: border-radius .3s linear, -webkit-border-radius .3s linear;
    background-size: cover;
    background-repeat: no-repeat;
    image-rendering: optimizeQuality;
    -ms-interpolation-mode: nearest-neighbor;
    z-index: 1
}

.resume-header .photo:hover .photo-button-container {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.resume-header .editable.photo {
    cursor: pointer
}

.resume-header .photo-round {
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.resume-header .photo-rect {
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.resume-header .name {
    font-size: 42px;
    line-height: 50px;
    font-weight: 700 !important
}

.resume-header .uppercase-name {
    text-transform: uppercase
}

.resume-header .title {
    font-size: 21px;
    line-height: 25px;
    font-weight: 700 !important
}

.resume-header .with-icon .editable-field {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    margin-left: 1px
}

.resume-header .with-icon {
    width: 33%
}

.resume-header .with-icon .icon {
    margin-right: 4px;
    z-index: 1
}

.move-left-info-data .name,
.resume-header-with-photo .name {
    display: inline-block;
    vertical-align: top;
    max-width: 610px
}

.move-left-info-data .with-icon,
.resume-header-with-photo .with-icon {
    width: 50% !important
}

@media screen and (max-width:768px) {

    .move-left-info-data .with-icon,
    .resume-header-with-photo .with-icon {
        width: 100% !important
    }
}

.move-left-info-data .resume-header-col,
.resume-header-with-photo .resume-header-col {
    float: left
}

.move-left-info-data .resume-header-col.resume-header-col-left,
.resume-header-with-photo .resume-header-col.resume-header-col-left {
    width: 75%;
    min-height: 150px;
    padding-right: 15px
}

.move-left-info-data .resume-header-col.resume-header-col-right,
.resume-header-with-photo .resume-header-col.resume-header-col-right {
    width: 25%;
    padding-left: 15px
}

.resume-layout-default-colored .resume-header .photo {
    width: 125px;
    height: 125px
}

.resume-header-no-photo .photo-container {
    display: none
}

.resume-layout-condensed .resume-header-with-photo .resume-header-col.resume-header-col-left {
    width: 82%;
    min-height: 124px
}

.resume-layout-condensed .resume-header-with-photo .resume-header-col.resume-header-col-right {
    width: 18%
}

.resume-layout-condensed .resume-header .name {
    font-weight: 400 !important;
    font-size: 31px;
    line-height: 41px
}

.resume-layout-condensed .resume-header .title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400 !important
}

.resume-layout-condensed .resume-header .photo {
    width: 124px;
    height: 124px
}

.resume-layout-condensed .resume-header .with-icon-container {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.resume-layout-condensed .resume-header .with-icon-container .with-icon .icon {
    margin-right: 5px;
    font-size: 11px;
    color: #555 !important;
    height: 14px
}

.resume-layout-condensed .resume-header .with-icon-container .with-icon .editable-field {
    font-size: 12px;
    color: #65696d;
    font-weight: 400
}

.resume-layout-newcondensed .resume-header-with-photo .resume-header-col.resume-header-col-left {
    width: 82%;
    min-height: 116px
}

.resume-layout-newcondensed .resume-header-with-photo .resume-header-col.resume-header-col-right {
    width: 18%
}

.resume-layout-newcondensed .resume-header .name {
    font-weight: 500 !important;
    font-size: 34px;
    line-height: 45px
}

.resume-layout-newcondensed .resume-header .title {
    color: #65696d !important;
    font-size: 16px;
    line-height: 21px;
    font-weight: 400 !important
}

.resume-layout-newcondensed .resume-header .photo {
    width: 108px;
    height: 108px
}

.resume-layout-newcondensed .resume-header .with-icon-container {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.resume-layout-newcondensed .resume-header .with-icon-container .with-icon .icon {
    color: #b9b9b9 !important;
    margin-right: 3px;
    margin-left: 5px
}

.resume-layout-newcondensed .resume-header .with-icon-container .with-icon .editable-field {
    font-size: 13px;
    color: #384347;
    font-weight: 400 !important;
    line-height: 15px
}

.move-left-info-data .resume-header-items {
    text-align: right
}

.move-left-info-data .resume-header-items .editable-field-wrapper {
    width: 100% !important
}

.move-left-info-data .resume-header-col.resume-header-col-left {
    min-height: unset !important
}

.quote-item .quote-item-quote {
    font-size: 18px;
    font-style: italic
}

.quote-item .editable-field-wrapper {
    width: 100%
}

.quote-item .quote-item-author {
    color: #384347;
    font-size: 13px;
    position: relative;
    margin-top: 5px;
    text-align: right
}

.resume-layout-newcondensed .quote-item-quote {
    font-weight: 400;
    font-size: 15px
}

.resume-layout-newcondensed .quote-item-author {
    font-size: 12px;
    margin-top: 0
}

.award-item .award-item-icon {
    width: 30px;
    float: left;
    text-align: center;
    line-height: 15px;
    position: relative;
    margin-right: 10px;
    margin-bottom: -11px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.award-item .award-item-icon i {
    font-size: 25px
}

.award-item .award-item-icon.editable {
    cursor: pointer
}

.award-item .award-item-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.award-item .award-item-title {
    font-size: 15px;
    position: relative;
    font-weight: 700;
    top: 2px
}

.award-item .award-item-description {
    font-size: 13px;
    color: #384347
}

.resume-layout-condensed .award-item .award-item-icon {
    width: 22px;
    line-height: 11px;
    padding: 4px 4px 4px 0;
    margin-bottom: 0;
    margin-right: 5px
}

.resume-layout-condensed .award-item .award-item-icon i {
    font-size: 16px
}

.resume-layout-condensed .award-item .award-item-content {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.resume-layout-condensed .award-item .award-item-title {
    font-size: 14px;
    font-weight: 400;
    top: 0
}

.resume-layout-condensed .award-item .award-item-description {
    color: #65696d
}

.icon-with-analyzer-error {
    position: relative
}

.icon-with-analyzer-error .icon {
    position: relative;
    z-index: 1
}

.icon-with-analyzer-error:after {
    content: "";
    z-index: 0;
    position: absolute;
    top: -2px;
    left: -2px;
    bottom: 6px;
    right: -2px;
    background-color: #ffbdc6
}

.resume-layout-condensed .icon-with-analyzer-error:after,
.resume-layout-newcondensed .icon-with-analyzer-error:after {
    top: 0;
    bottom: 0
}

.address-item-content {
    display: block
}

.address-item .address-item-contacts,
.address-item .address-item-date {
    line-height: 20px
}

.address-item-contacts {
    font-size: 12px
}

.address-item-date {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 24px
}

.resume-layout-condensed .address-item-date,
.resume-layout-newcondensed .address-item-date {
    font-weight: 400
}

.course-item .course-item-title {
    font-weight: 700;
    font-size: 15px
}

.course-item .course-item-description {
    padding-top: 4px;
    font-size: 13px;
    color: #384347
}

.resume-renderer-two-column:first-child .resume-item-holder:nth-child(odd) .course-item.item-object {
    padding-right: 5px
}

.resume-renderer-two-column:first-child .resume-item-holder:nth-child(2n) .course-item.item-object {
    padding-left: 5px
}

.resume-layout-condensed .course-item .course-item-title {
    font-weight: 400
}

.resume-layout-condensed .course-item .course-item-description {
    color: #65696d
}

.resume-layout-newcondensed .course-item .course-item-title {
    font-weight: 400
}

.certificate-item .certificate-item-title {
    font-weight: 700;
    font-size: 15px
}

.certificate-item .certificate-item-issuer {
    padding-top: 4px;
    font-size: 13px;
    color: #384347
}

.resume-layout-condensed .certificate-item .certificate-item-title,
.resume-layout-newcondensed .certificate-item .certificate-item-title {
    font-weight: 400
}

.language-item {
    padding-bottom: 10px
}

.language-item .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.language-item .language-item-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    vertical-align: top
}

.language-item .language-item-content .language-item-name {
    font-weight: 700;
    font-size: 15px
}

.language-item .language-item-content .language-item-level-text {
    font-size: 13px;
    color: #65696d
}

.language-item .slider-component-nopadding .slider-component {
    padding-top: 0 !important
}

.language-item .language-item-slider {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.language-item.full-width .inner {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.language-item.full-width .language-item-content,
.language-item.full-width .language-item-slider {
    width: 100% !important
}

.language-item.full-width .language-item-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.language-item.full-width .language-item-content .language-item-name {
    width: 95%
}

.language-item.full-width .language-item-content .language-item-level-text {
    text-align: right
}

.language-item.full-width .language-item-slider .slider-component {
    padding-top: 0
}

.language-item.full-width .language-item-slider .slider-component .slider-container {
    padding-bottom: 5px
}

.slider-component .slider-container {
    cursor: pointer;
    min-width: 95px
}

.resume-renderer-two-column:first-child .resume-item-holder:nth-child(odd) .language-item.item-object {
    padding-right: 5px
}

.resume-renderer-two-column:first-child .resume-item-holder:nth-child(2n) .language-item.item-object {
    padding-left: 5px
}

.resume-layout-condensed .resume-section.LanguageSection .moveable-items {
    margin-top: 4px
}

.resume-layout-condensed .resume-item-holder .item-object.language-item>.inner {
    padding-bottom: 3px
}

.resume-layout-condensed .resume-item-holder .item-object.language-item .language-item-slider {
    width: 25%
}

.resume-layout-condensed .resume-item-holder .item-object.language-item .language-item-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.resume-layout-condensed .resume-item-holder .item-object.language-item .language-item-content .language-item-name {
    width: auto;
    display: block !important;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 14px;
    font-weight: 400
}

.resume-layout-condensed .resume-item-holder .item-object.language-item .language-item-content .language-item-name input {
    min-width: 100%
}

.resume-layout-condensed .resume-item-holder .item-object.language-item .language-item-content .language-item-name input::-webkit-input-placeholder {
    font-weight: 400
}

.resume-layout-condensed .resume-item-holder .item-object.language-item .language-item-content .language-item-name input::-moz-placeholder {
    font-weight: 400
}

.resume-layout-condensed .resume-item-holder .item-object.language-item .language-item-content .language-item-name input::-ms-input-placeholder {
    font-weight: 400
}

.resume-layout-condensed .resume-item-holder .item-object.language-item .language-item-content .language-item-name input::placeholder {
    font-weight: 400
}

.resume-layout-condensed .resume-item-holder .item-object.language-item .language-item-content .language-item-level-text {
    text-align: right;
    font-size: 12px;
    margin-top: 0;
    margin-right: 7px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    width: auto
}

.resume-layout-newcondensed .resume-item-holder .item-object.language-item .language-item-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.resume-layout-newcondensed .resume-item-holder .item-object.language-item .language-item-content .language-item-name {
    width: auto;
    display: block !important;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 14px;
    font-weight: 400
}

.resume-layout-newcondensed .resume-item-holder .item-object.language-item .language-item-content .language-item-name input {
    min-width: 100%
}

.resume-layout-newcondensed .resume-item-holder .item-object.language-item .language-item-content .language-item-name input::-webkit-input-placeholder {
    font-weight: 400
}

.resume-layout-newcondensed .resume-item-holder .item-object.language-item .language-item-content .language-item-name input::-moz-placeholder {
    font-weight: 400
}

.resume-layout-newcondensed .resume-item-holder .item-object.language-item .language-item-content .language-item-name input::-ms-input-placeholder {
    font-weight: 400
}

.resume-layout-newcondensed .resume-item-holder .item-object.language-item .language-item-content .language-item-name input::placeholder {
    font-weight: 400
}

.resume-layout-newcondensed .resume-item-holder .item-object.language-item .language-item-content .language-item-level-text {
    text-align: right;
    font-size: 12px;
    margin-top: 0;
    margin-right: 7px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    width: auto
}

.resume-layout-newcondensed .resume-item-holder .item-object.language-item .language-item-slider {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: auto
}

.resume-layout-newcondensed .resume-item-holder .item-object.language-item .language-item-slider .slider-component-hazard .slider-container,
.resume-layout-newcondensed .resume-item-holder .item-object.language-item .language-item-slider .slider-component-slider .slider-container {
    padding: 2px 0 4px;
    min-width: unset
}

.resume-layout-newcondensed .resume-item-holder .item-object.language-item .language-item-slider .slider-component-hazard .slider,
.resume-layout-newcondensed .resume-item-holder .item-object.language-item .language-item-slider .slider-component-slider .slider {
    width: 48px
}

.resume-layout-minimal .resume-item-holder .item-object.language-item>.inner {
    padding-bottom: 0
}

.slider-component {
    text-align: right
}

.slider-component.editable {
    cursor: pointer
}

.slider-component .inner {
    position: relative;
    border: none !important
}

.slider-component .inner .handle {
    display: none
}

.slider-component .dot-wrap {
    float: left
}

.slider-component:after {
    clear: both
}

.slider-component.slider-component-burger .slider,
.slider-component.slider-component-hazard .slider,
.slider-component.slider-component-slider .slider,
.slider-component.slider-component-thin .slider {
    width: 95%;
    width: calc(100% - 6px);
    width: -webkit-calc(100% - 6px);
    margin-left: 3px;
    height: 16px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-color: #65696d;
    position: relative
}

.slider-component.slider-component-burger .slider .inner,
.slider-component.slider-component-hazard .slider .inner,
.slider-component.slider-component-slider .slider .inner,
.slider-component.slider-component-thin .slider .inner {
    z-index: 10;
    height: 100%;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.slider-component.slider-component-burger.editable,
.slider-component.slider-component-hazard.editable,
.slider-component.slider-component-slider.editable,
.slider-component.slider-component-thin.editable {
    cursor: pointer
}

.slider-component .slider-container {
    padding: 5px 0
}

.slider-component.slider-component-thin .slider {
    height: 6px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.slider-component.slider-component-thin .slider .inner {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding-bottom: 6px !important
}

.slider-component.slider-component-dots {
    text-align: right;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.slider-component.slider-component-dots .dot-wrap {
    float: none;
    padding-top: 2px
}

.slider-component.slider-component-dots .dot-wrap .slider-component-dot {
    width: 16px;
    height: 16px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #65696d;
    margin: 0 2px;
    display: inline-block
}

.slider-component.slider-component-dots.editable .dot-wrap .slider-component-dot {
    cursor: pointer
}

.slider-component.slider-component-lines {
    float: right
}

.slider-component.slider-component-lines .dot-wrap {
    padding-right: 6px;
    width: 12px
}

.slider-component.slider-component-lines .dot-wrap .slider-component-dot {
    width: 6px;
    height: 30px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #65696d;
    display: inline-block
}

.slider-component.slider-component-lines.editable .dot-wrap .slider-component-dot {
    cursor: pointer
}

.slider-component.slider-component-lolly .slider-container {
    padding: 10px 0
}

.slider-component.slider-component-lolly .slider-container .slider {
    height: 6px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #ccc
}

.slider-component.slider-component-lolly .slider-container .slider .inner {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding-bottom: 6px !important;
    background-color: #65696d
}

.slider-component.slider-component-lolly .slider-container .slider .inner .handle {
    position: absolute;
    right: -7px;
    bottom: -4px;
    width: 14px;
    height: 14px;
    display: block;
    background-color: #00c091;
    -webkit-border-radius: 7px;
    border-radius: 7px
}

.slider-component.slider-component-dashed {
    padding: 10px 0
}

.slider-component.slider-component-dashed .dot-wrap {
    padding-right: 4px;
    width: 10%
}

.slider-component.slider-component-dashed .dot-wrap .slider-component-dot {
    display: block;
    float: left;
    width: 100%;
    background-color: #65696d;
    height: 6px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.slider-component.slider-component-dashed.editable .dot-wrap .slider-component-dot {
    cursor: pointer
}

.slider-component.slider-component-burger .slider {
    background-color: transparent
}

.slider-component.slider-component-burger .slider .inner {
    opacity: .85
}

.slider-component.slider-component-burger .slider:before {
    position: absolute;
    left: 5px;
    content: " ";
    width: 95%;
    width: calc(100% - 10px);
    width: -webkit-calc(100% - 10px);
    height: 3px;
    top: 7px;
    display: block;
    -webkit-border-radius: 1.5px;
    border-radius: 1.5px;
    background-color: #000;
    z-index: 9
}

.slider-component.slider-component-hazard .slider-container,
.slider-component.slider-component-slider .slider-container {
    width: 104px;
    float: right
}

.lower-lines .slider-component-lines .slider-component-dot {
    height: 23px !important
}

.resume-layout-condensed .lower-lines .slider-component-lines .slider-component-dot {
    height: 18px !important
}

.resume-layout-condensed .slider-component.slider-component-dots .dot-wrap .slider-component-dot {
    width: 12px;
    height: 12px
}

.resume-layout-condensed .slider-component.slider-component-dots .dot-wrap.small-column {
    margin-left: -1px;
    padding-top: 0
}

.resume-layout-condensed .slider-component.slider-component-dots .dot-wrap.small-column .slider-component-dot {
    width: 8px;
    height: 8px
}

.resume-layout-condensed .slider-component.slider-component-burger .slider,
.resume-layout-condensed .slider-component.slider-component-hazard .slider,
.resume-layout-condensed .slider-component.slider-component-slider .slider {
    height: 10px
}

.resume-layout-condensed .slider-component.slider-component-hazard .slider-container,
.resume-layout-condensed .slider-component.slider-component-slider .slider-container {
    width: unset !important
}

.resume-layout-condensed .slider-component.slider-component-lines .dot-wrap.small-column {
    width: 10px
}

.resume-layout-condensed .slider-component.slider-component-thin .slider {
    height: 6px
}

.resume-layout-condensed .slider-component.slider-component-burger .slider:before {
    top: 4px
}

.resume-layout-newcondensed .lower-lines .slider-component-lines .slider-component-dot {
    height: 18px !important
}

.resume-layout-newcondensed .slider-component.slider-component-dots .dot-wrap .slider-component-dot {
    width: 6px;
    height: 6px;
    margin-bottom: 4px
}

.resume-layout-newcondensed .slider-component.slider-component-slider .slider-container {
    min-width: 100%
}

.resume-layout-newcondensed .slider-component.slider-component-hazard .slider-container,
.resume-layout-newcondensed .slider-component.slider-component-slider .slider-container {
    width: unset !important
}

.resume-layout-newcondensed .slider-component.slider-component-burger .slider,
.resume-layout-newcondensed .slider-component.slider-component-hazard .slider,
.resume-layout-newcondensed .slider-component.slider-component-slider .slider {
    height: 8px;
    background-color: #ccc
}

.resume-layout-newcondensed .slider-component.slider-component-burger .slider:before,
.resume-layout-newcondensed .slider-component.slider-component-hazard .slider:before,
.resume-layout-newcondensed .slider-component.slider-component-slider .slider:before {
    top: 3px !important;
    left: 5px
}

.resume-layout-newcondensed .slider-component.slider-component-lines .dot-wrap {
    width: 8px;
    margin-bottom: 1px
}

.resume-layout-newcondensed .slider-component.slider-component-lines .dot-wrap .small-column {
    width: 10px
}

.resume-layout-newcondensed .slider-component.slider-component-lines .slider-component-dot {
    height: 12px !important;
    width: 4px
}

.resume-layout-newcondensed .slider-component.slider-component-thin .slider {
    height: 6px;
    background-color: #ccc
}

.resume-layout-newcondensed .slider-component.slider-component-burger .slider:before {
    top: 4px
}

.resume-layout-newcondensed .slider-component.slider-component-burger .resume-before-background:before {
    background-color: #ccc !important
}

.resume-layout-newcondensed .slider-component.slider-component-dashed .slider-component-dot,
.resume-layout-newcondensed .slider-component.slider-component-dots .slider-component-dot,
.resume-layout-newcondensed .slider-component.slider-component-lines .slider-component-dot {
    background-color: #ccc
}

.day-of-my-life-item .doughnut-wrapper {
    margin: 0 auto;
    width: 200px
}

.day-of-my-life-item .day-of-my-life-labels .day-of-my-life-labels-item {
    display: block;
    overflow: hidden
}

.day-of-my-life-item .day-of-my-life-labels .day-of-my-life-title {
    font-size: 14px;
    display: inline-block;
    color: #384347
}

.day-of-my-life-item .day-of-my-life-labels .day-of-my-life-field-container {
    float: left;
    width: 85%;
    width: calc(100% - 30px);
    width: -webkit-calc(100% - 30px)
}

.day-of-my-life-item .day-of-my-life-labels .day-of-my-life-label {
    float: left;
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    background: #000;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 5px
}

.resume-renderer-two-column:first-child .chart-wrapper,
.resume-renderer-two-column:first-child .day-of-my-life-labels {
    width: 50% !important;
    display: inline-block;
    vertical-align: top
}

.resume-renderer-two-column:first-child .day-of-my-life-labels {
    padding-left: 16px;
    padding-top: 20px
}

.resume-renderer-one-column .chart-wrapper,
.resume-renderer-one-column .day-of-my-life-labels {
    width: 50% !important;
    display: inline-block;
    vertical-align: top
}

.resume-renderer-one-column .day-of-my-life-labels {
    padding-top: 20px
}

.resume-layout-condensed .resume-item-holder .item-object.day-of-my-life-item {
    padding: 2px 15px 0
}

.resume-layout-condensed .resume-item-holder .item-object.day-of-my-life-item>.inner {
    padding-bottom: 0
}

.resume-layout-condensed .resume-item-holder .item-object.day-of-my-life-item .chart-wrapper {
    padding-top: 0
}

.resume-layout-condensed .resume-item-holder .item-object.day-of-my-life-item .day-of-my-life-labels {
    padding-top: 15px
}

.resume-layout-condensed .resume-item-holder .item-object.day-of-my-life-item .day-of-my-life-labels .day-of-my-life-label {
    width: 18px;
    height: 18px;
    font-size: 11px;
    line-height: 18px
}

.resume-layout-condensed .resume-item-holder .item-object.day-of-my-life-item .day-of-my-life-labels .day-of-my-life-title {
    font-size: 13px
}

.resume-layout-newcondensed .resume-item-holder .item-object.day-of-my-life-item {
    padding: 2px 15px 0
}

.resume-layout-newcondensed .resume-item-holder .item-object.day-of-my-life-item>.inner {
    padding-bottom: 0
}

.resume-layout-newcondensed .resume-item-holder .item-object.day-of-my-life-item .chart-wrapper {
    padding-top: 0
}

.resume-layout-newcondensed .resume-item-holder .item-object.day-of-my-life-item .day-of-my-life-labels {
    padding-top: 15px
}

.resume-layout-newcondensed .resume-item-holder .item-object.day-of-my-life-item .day-of-my-life-labels .day-of-my-life-label {
    width: 18px;
    height: 18px;
    font-size: 11px;
    line-height: 18px
}

.resume-layout-newcondensed .resume-item-holder .item-object.day-of-my-life-item .day-of-my-life-labels .day-of-my-life-title {
    font-size: 13px;
    color: #65696d
}

.resume-layout-newcondensed .resume-item-holder .item-object.day-of-my-life-item .day-of-my-life-labels .day-of-my-life-label {
    background-color: #65696d !important
}

.resume-layout-newcondensed .resume-item-holder .item-object.day-of-my-life-item .resume-gray-fill {
    fill: #65696d
}

.resume-layout-newcondensed .resume-item-holder .item-object.day-of-my-life-item .resume-gray-stroke {
    stroke: #65696d !important
}

.doughnut-chart {
    cursor: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.doughnut-chart .pie-separator-big.hover,
.doughnut-chart .pie-separator-big:active,
.doughnut-chart .pie-separator-big:hover {
    cursor: move;
    stroke: rgba(0, 0, 0, .3)
}

.btn.btn-resume-data {
    padding-top: 0;
    padding-left: 0;
    text-align: left;
    white-space: normal;
    -webkit-border-radius: 0;
    border-radius: 0;
    line-height: normal;
    color: #384347;
    background-color: transparent;
    border-color: transparent
}

.btn.btn-resume-data.focus,
.btn.btn-resume-data:focus,
.btn.btn-resume-data:hover {
    color: #4e5e64;
    background-color: transparent;
    border-color: transparent
}

.btn.btn-resume-data.disabled,
.btn.btn-resume-data[disabled],
fieldset[disabled] .btn.btn-resume-data {
    opacity: .5;
    color: #384347;
    background-color: transparent;
    border-color: transparent
}

.btn.btn-resume-data.disabled.focus,
.btn.btn-resume-data.disabled:focus,
.btn.btn-resume-data.disabled:hover,
.btn.btn-resume-data[disabled].focus,
.btn.btn-resume-data[disabled]:focus,
.btn.btn-resume-data[disabled]:hover,
fieldset[disabled] .btn.btn-resume-data.focus,
fieldset[disabled] .btn.btn-resume-data:focus,
fieldset[disabled] .btn.btn-resume-data:hover {
    color: #384347;
    background-color: transparent;
    border-color: transparent
}

.btn.btn-resume-data.active,
.btn.btn-resume-data:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn.btn-resume-data .badge {
    color: transparent;
    background-color: #384347
}

.btn.btn-resume-data i {
    margin-right: 5px
}

.media-left.media-left-sm {
    padding-right: 2px;
    color: #384347
}

.media-left.media-left-xs {
    padding-right: 4px;
    font-size: 11px
}

.activity-item .item-degree,
.activity-item .item-position,
.activity-item .item-role,
.activity-item .item-title,
.education-item .item-degree,
.education-item .item-position,
.education-item .item-role,
.education-item .item-title,
.experience-item .item-degree,
.experience-item .item-position,
.experience-item .item-role,
.experience-item .item-title,
.publication-item .item-degree,
.publication-item .item-position,
.publication-item .item-role,
.publication-item .item-title,
.technologies-item .item-degree,
.technologies-item .item-position,
.technologies-item .item-role,
.technologies-item .item-title,
.volunteer-item .item-degree,
.volunteer-item .item-position,
.volunteer-item .item-role,
.volunteer-item .item-title {
    font-size: 21px;
    line-height: 25px
}

.activity-item .item-author,
.activity-item .item-description,
.activity-item .item-edition,
.activity-item .item-institution,
.activity-item .item-table--field,
.activity-item .item-workplace,
.education-item .item-author,
.education-item .item-description,
.education-item .item-edition,
.education-item .item-institution,
.education-item .item-table--field,
.education-item .item-workplace,
.experience-item .item-author,
.experience-item .item-description,
.experience-item .item-edition,
.experience-item .item-institution,
.experience-item .item-table--field,
.experience-item .item-workplace,
.publication-item .item-author,
.publication-item .item-description,
.publication-item .item-edition,
.publication-item .item-institution,
.publication-item .item-table--field,
.publication-item .item-workplace,
.technologies-item .item-author,
.technologies-item .item-description,
.technologies-item .item-edition,
.technologies-item .item-institution,
.technologies-item .item-table--field,
.technologies-item .item-workplace,
.volunteer-item .item-author,
.volunteer-item .item-description,
.volunteer-item .item-edition,
.volunteer-item .item-institution,
.volunteer-item .item-table--field,
.volunteer-item .item-workplace {
    color: #384347
}

.activity-item .item-edition,
.activity-item .item-institution,
.activity-item .item-workplace,
.education-item .item-edition,
.education-item .item-institution,
.education-item .item-workplace,
.experience-item .item-edition,
.experience-item .item-institution,
.experience-item .item-workplace,
.publication-item .item-edition,
.publication-item .item-institution,
.publication-item .item-workplace,
.technologies-item .item-edition,
.technologies-item .item-institution,
.technologies-item .item-workplace,
.volunteer-item .item-edition,
.volunteer-item .item-institution,
.volunteer-item .item-workplace {
    font-size: 15px;
    line-height: 18px;
    font-weight: 700
}

.activity-item .item-description,
.activity-item .item-table--field,
.education-item .item-description,
.education-item .item-table--field,
.experience-item .item-description,
.experience-item .item-table--field,
.publication-item .item-description,
.publication-item .item-table--field,
.technologies-item .item-description,
.technologies-item .item-table--field,
.volunteer-item .item-description,
.volunteer-item .item-table--field {
    font-size: 13px;
    line-height: 16px;
    position: relative
}

.activity-item .item-bullet,
.education-item .item-bullet,
.experience-item .item-bullet,
.publication-item .item-bullet,
.technologies-item .item-bullet,
.volunteer-item .item-bullet {
    font-size: 13px;
    line-height: 16px
}

.resume-layout-condensed .btn.btn-resume-data {
    min-width: 0;
    line-height: normal
}

.resume-layout-condensed .activity-item .item-edition,
.resume-layout-condensed .activity-item .item-institution,
.resume-layout-condensed .activity-item .item-workplace,
.resume-layout-condensed .education-item .item-edition,
.resume-layout-condensed .education-item .item-institution,
.resume-layout-condensed .education-item .item-workplace,
.resume-layout-condensed .experience-item .item-edition,
.resume-layout-condensed .experience-item .item-institution,
.resume-layout-condensed .experience-item .item-workplace,
.resume-layout-condensed .publication-item .item-edition,
.resume-layout-condensed .publication-item .item-institution,
.resume-layout-condensed .publication-item .item-workplace,
.resume-layout-condensed .technologies-item .item-edition,
.resume-layout-condensed .technologies-item .item-institution,
.resume-layout-condensed .technologies-item .item-workplace,
.resume-layout-condensed .volunteer-item .item-edition,
.resume-layout-condensed .volunteer-item .item-institution,
.resume-layout-condensed .volunteer-item .item-workplace {
    line-height: 18px;
    font-size: 14px;
    font-weight: 400
}

.resume-layout-condensed .activity-item .item-workplace,
.resume-layout-condensed .education-item .item-workplace,
.resume-layout-condensed .experience-item .item-workplace,
.resume-layout-condensed .publication-item .item-workplace,
.resume-layout-condensed .technologies-item .item-workplace,
.resume-layout-condensed .volunteer-item .item-workplace {
    margin-top: 0
}

.resume-layout-condensed .activity-item .item-description,
.resume-layout-condensed .education-item .item-description,
.resume-layout-condensed .experience-item .item-description,
.resume-layout-condensed .publication-item .item-description,
.resume-layout-condensed .technologies-item .item-description,
.resume-layout-condensed .volunteer-item .item-description {
    font-size: 13px;
    line-height: 17px;
    position: relative;
    color: #384347
}

.resume-layout-condensed .activity-item .item-bullet,
.resume-layout-condensed .education-item .item-bullet,
.resume-layout-condensed .experience-item .item-bullet,
.resume-layout-condensed .publication-item .item-bullet,
.resume-layout-condensed .technologies-item .item-bullet,
.resume-layout-condensed .volunteer-item .item-bullet {
    font-size: 13px;
    line-height: 17px
}

.full-width {
    width: 100%;
    margin: auto
}

.resume-layout-newcondensed .icon-close-2 {
    font-size: 10px !important
}

.resume-layout-newcondensed .icon-with-circle {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #f1f1f1;
    width: 40px;
    height: 40px
}

.resume-layout-newcondensed .icon-with-circle i {
    font-size: 18px !important;
    margin: 11px 10px 10px 11px
}

.resume-layout-newcondensed .font-size-12 {
    font-size: 12px !important
}

.resume-layout-newcondensed .activity-item .item-degree,
.resume-layout-newcondensed .activity-item .item-position,
.resume-layout-newcondensed .activity-item .item-role,
.resume-layout-newcondensed .activity-item .item-title,
.resume-layout-newcondensed .education-item .item-degree,
.resume-layout-newcondensed .education-item .item-position,
.resume-layout-newcondensed .education-item .item-role,
.resume-layout-newcondensed .education-item .item-title,
.resume-layout-newcondensed .experience-item .item-degree,
.resume-layout-newcondensed .experience-item .item-position,
.resume-layout-newcondensed .experience-item .item-role,
.resume-layout-newcondensed .experience-item .item-title,
.resume-layout-newcondensed .publication-item .item-degree,
.resume-layout-newcondensed .publication-item .item-position,
.resume-layout-newcondensed .publication-item .item-role,
.resume-layout-newcondensed .publication-item .item-title,
.resume-layout-newcondensed .technologies-item .item-degree,
.resume-layout-newcondensed .technologies-item .item-position,
.resume-layout-newcondensed .technologies-item .item-role,
.resume-layout-newcondensed .technologies-item .item-title,
.resume-layout-newcondensed .volunteer-item .item-degree,
.resume-layout-newcondensed .volunteer-item .item-position,
.resume-layout-newcondensed .volunteer-item .item-role,
.resume-layout-newcondensed .volunteer-item .item-title {
    line-height: 24px;
    font-size: 18px
}

.resume-layout-newcondensed .activity-item .item-author,
.resume-layout-newcondensed .activity-item .item-description,
.resume-layout-newcondensed .activity-item .item-edition,
.resume-layout-newcondensed .activity-item .item-institution,
.resume-layout-newcondensed .activity-item .item-workplace,
.resume-layout-newcondensed .education-item .item-author,
.resume-layout-newcondensed .education-item .item-description,
.resume-layout-newcondensed .education-item .item-edition,
.resume-layout-newcondensed .education-item .item-institution,
.resume-layout-newcondensed .education-item .item-workplace,
.resume-layout-newcondensed .experience-item .item-author,
.resume-layout-newcondensed .experience-item .item-description,
.resume-layout-newcondensed .experience-item .item-edition,
.resume-layout-newcondensed .experience-item .item-institution,
.resume-layout-newcondensed .experience-item .item-workplace,
.resume-layout-newcondensed .publication-item .item-author,
.resume-layout-newcondensed .publication-item .item-description,
.resume-layout-newcondensed .publication-item .item-edition,
.resume-layout-newcondensed .publication-item .item-institution,
.resume-layout-newcondensed .publication-item .item-workplace,
.resume-layout-newcondensed .technologies-item .item-author,
.resume-layout-newcondensed .technologies-item .item-description,
.resume-layout-newcondensed .technologies-item .item-edition,
.resume-layout-newcondensed .technologies-item .item-institution,
.resume-layout-newcondensed .technologies-item .item-workplace,
.resume-layout-newcondensed .volunteer-item .item-author,
.resume-layout-newcondensed .volunteer-item .item-description,
.resume-layout-newcondensed .volunteer-item .item-edition,
.resume-layout-newcondensed .volunteer-item .item-institution,
.resume-layout-newcondensed .volunteer-item .item-workplace {
    color: #384347
}

.resume-layout-newcondensed .activity-item .item-description,
.resume-layout-newcondensed .activity-item .item-edition,
.resume-layout-newcondensed .activity-item .item-institution,
.resume-layout-newcondensed .activity-item .item-workplace,
.resume-layout-newcondensed .education-item .item-description,
.resume-layout-newcondensed .education-item .item-edition,
.resume-layout-newcondensed .education-item .item-institution,
.resume-layout-newcondensed .education-item .item-workplace,
.resume-layout-newcondensed .experience-item .item-description,
.resume-layout-newcondensed .experience-item .item-edition,
.resume-layout-newcondensed .experience-item .item-institution,
.resume-layout-newcondensed .experience-item .item-workplace,
.resume-layout-newcondensed .publication-item .item-description,
.resume-layout-newcondensed .publication-item .item-edition,
.resume-layout-newcondensed .publication-item .item-institution,
.resume-layout-newcondensed .publication-item .item-workplace,
.resume-layout-newcondensed .technologies-item .item-description,
.resume-layout-newcondensed .technologies-item .item-edition,
.resume-layout-newcondensed .technologies-item .item-institution,
.resume-layout-newcondensed .technologies-item .item-workplace,
.resume-layout-newcondensed .volunteer-item .item-description,
.resume-layout-newcondensed .volunteer-item .item-edition,
.resume-layout-newcondensed .volunteer-item .item-institution,
.resume-layout-newcondensed .volunteer-item .item-workplace {
    font-weight: 400
}

.resume-layout-newcondensed .achievement-item>.inner,
.resume-layout-newcondensed .award-item>.inner,
.resume-layout-newcondensed .passion-item>.inner,
.resume-layout-newcondensed .talent-item>.inner {
    padding-bottom: 2px !important
}

.resume-layout-newcondensed .achievement-item .achievement-item-content,
.resume-layout-newcondensed .achievement-item .award-item-content,
.resume-layout-newcondensed .achievement-item .passion-item-content,
.resume-layout-newcondensed .achievement-item .talent-item-content,
.resume-layout-newcondensed .award-item .achievement-item-content,
.resume-layout-newcondensed .award-item .award-item-content,
.resume-layout-newcondensed .award-item .passion-item-content,
.resume-layout-newcondensed .award-item .talent-item-content,
.resume-layout-newcondensed .passion-item .achievement-item-content,
.resume-layout-newcondensed .passion-item .award-item-content,
.resume-layout-newcondensed .passion-item .passion-item-content,
.resume-layout-newcondensed .passion-item .talent-item-content,
.resume-layout-newcondensed .talent-item .achievement-item-content,
.resume-layout-newcondensed .talent-item .award-item-content,
.resume-layout-newcondensed .talent-item .passion-item-content,
.resume-layout-newcondensed .talent-item .talent-item-content {
    text-align: unset;
    -webkit-box-align: unset;
    -webkit-align-items: unset
}

.resume-layout-newcondensed .achievement-item .achievement-item-icon,
.resume-layout-newcondensed .achievement-item .award-item-icon,
.resume-layout-newcondensed .achievement-item .passion-item-icon,
.resume-layout-newcondensed .achievement-item .talent-item-icon,
.resume-layout-newcondensed .award-item .achievement-item-icon,
.resume-layout-newcondensed .award-item .award-item-icon,
.resume-layout-newcondensed .award-item .passion-item-icon,
.resume-layout-newcondensed .award-item .talent-item-icon,
.resume-layout-newcondensed .passion-item .achievement-item-icon,
.resume-layout-newcondensed .passion-item .award-item-icon,
.resume-layout-newcondensed .passion-item .passion-item-icon,
.resume-layout-newcondensed .passion-item .talent-item-icon,
.resume-layout-newcondensed .talent-item .achievement-item-icon,
.resume-layout-newcondensed .talent-item .award-item-icon,
.resume-layout-newcondensed .talent-item .passion-item-icon,
.resume-layout-newcondensed .talent-item .talent-item-icon {
    width: 40px;
    margin-bottom: 0
}

.resume-layout-newcondensed .achievement-item .achievement-item-title,
.resume-layout-newcondensed .achievement-item .award-item-title,
.resume-layout-newcondensed .achievement-item .passion-item-title,
.resume-layout-newcondensed .achievement-item .talent-item-title,
.resume-layout-newcondensed .award-item .achievement-item-title,
.resume-layout-newcondensed .award-item .award-item-title,
.resume-layout-newcondensed .award-item .passion-item-title,
.resume-layout-newcondensed .award-item .talent-item-title,
.resume-layout-newcondensed .passion-item .achievement-item-title,
.resume-layout-newcondensed .passion-item .award-item-title,
.resume-layout-newcondensed .passion-item .passion-item-title,
.resume-layout-newcondensed .passion-item .talent-item-title,
.resume-layout-newcondensed .talent-item .achievement-item-title,
.resume-layout-newcondensed .talent-item .award-item-title,
.resume-layout-newcondensed .talent-item .passion-item-title,
.resume-layout-newcondensed .talent-item .talent-item-title {
    font-size: 15px;
    font-weight: 400;
    top: 0
}

.resume-layout-newcondensed .achievement-item .achievement-item-description,
.resume-layout-newcondensed .achievement-item .award-item-description,
.resume-layout-newcondensed .achievement-item .passion-item-description,
.resume-layout-newcondensed .achievement-item .talent-item-description,
.resume-layout-newcondensed .award-item .achievement-item-description,
.resume-layout-newcondensed .award-item .award-item-description,
.resume-layout-newcondensed .award-item .passion-item-description,
.resume-layout-newcondensed .award-item .talent-item-description,
.resume-layout-newcondensed .passion-item .achievement-item-description,
.resume-layout-newcondensed .passion-item .award-item-description,
.resume-layout-newcondensed .passion-item .passion-item-description,
.resume-layout-newcondensed .passion-item .talent-item-description,
.resume-layout-newcondensed .talent-item .achievement-item-description,
.resume-layout-newcondensed .talent-item .award-item-description,
.resume-layout-newcondensed .talent-item .passion-item-description,
.resume-layout-newcondensed .talent-item .talent-item-description {
    font-size: 12px;
    padding-top: 0;
    margin-bottom: 0
}

.resume-vertical-timeline .vertical-timeline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 300px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.resume-vertical-timeline .vertical-timeline-items {
    width: auto;
    display: inline-block;
    padding-right: 24px
}

.resume-vertical-timeline .vertical-timeline-items .icon {
    display: none !important
}

.resume-vertical-timeline .vertical-timeline-items .date-range-text,
.resume-vertical-timeline .vertical-timeline-items .location-text {
    word-break: break-word;
    font-size: 15px
}

.resume-vertical-timeline .vertical-timeline-items .btn-resume-data.btn-link.with-icon {
    padding-right: 0 !important
}

.resume-vertical-timeline .vertical-timeline-line {
    position: absolute;
    right: 0;
    top: 4px
}

.resume-vertical-timeline .vertical-timeline-line .line {
    border-left: 1px solid #b2b4b6;
    margin-left: 3px
}

.resume-vertical-timeline .vertical-timeline-line .bullet-circle {
    height: 7px;
    width: 7px;
    background-color: #000;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block
}

.bullet-dot {
    margin-top: 3px;
    color: #65696d
}

.resume-layout-newcondensed .bullet-dot {
    color: #384347;
    font-size: 6px;
    margin-left: 2px;
    margin-right: 8px
}

.resume-section.skills .resume-item-holder .item-object .inner {
    border: none
}

.resume-section.skills>div:last-child .resume-item-holder>.inner {
    border-bottom: 1px dashed #ccc
}

.resume-renderer .resume-item-holder.selected-resume-item .item-object.skill-item.skill-item-text .inner {
    background-color: hsla(210, 3%, 71%, .5)
}

.skill-item {
    display: inline-block;
    width: 100%
}

.skill-item .skill-item-name {
    width: 100%;
    display: block;
    font-size: 15px;
    font-weight: 700
}

.skill-item .slider-component {
    width: 100%;
    display: inline-block;
    vertical-align: top
}

.skill-item.skill-item-text {
    padding: 0 15px 15px 0 !important
}

.skill-item.skill-item-text .inner {
    padding: 7px !important;
    border: 1px solid #6d6d6d !important
}

.skill-item.skill-item-text .inner .skill-item-name {
    width: auto;
    display: inline-block
}

.skill-item.skill-item-text .inner .slider-component {
    display: none
}

.resume-renderer-two-column:first-child .resume-item-holder:nth-child(odd) .skill-item.item-object {
    padding-right: 5px
}

.resume-renderer-two-column:first-child .resume-item-holder:nth-child(2n) .skill-item.item-object {
    padding-left: 5px
}

.resume-renderer-two-column:nth-child(2) .skill-item.item-object {
    width: 100%
}

.resume-layout-condensed .skill-item .skill-item-name,
.resume-layout-newcondensed .skill-item .skill-item-name {
    font-weight: 400
}

.resume-layout-newcondensed .skill-item .slider .inner .resume-first-background {
    background-color: red !important
}

.resume-layout-newcondensed .skill-item .slider-component-burger,
.resume-layout-newcondensed .skill-item .slider-component-dashed,
.resume-layout-newcondensed .skill-item .slider-component-hazard,
.resume-layout-newcondensed .skill-item .slider-component-lolly {
    padding-bottom: 5px
}

.resume-layout-newcondensed .skill-item .slider-component-burger .slider-container,
.resume-layout-newcondensed .skill-item .slider-component-dashed .slider-container,
.resume-layout-newcondensed .skill-item .slider-component-hazard .slider-container,
.resume-layout-newcondensed .skill-item .slider-component-lolly .slider-container {
    padding: 10px 0 0
}

.talent-item .talent-item-icon {
    width: 30px;
    float: left;
    text-align: center;
    line-height: 15px;
    position: relative;
    margin-right: 10px;
    margin-bottom: -7px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.talent-item .talent-item-icon i {
    font-size: 25px
}

.talent-item .talent-item-icon.editable {
    cursor: pointer
}

.talent-item .talent-item-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.talent-item .talent-item-title {
    font-size: 21px
}

.talent-item .talent-item-description {
    padding-top: 4px;
    font-size: 13px;
    color: #384347
}

.resume-layout-condensed .talent-item .talent-item-icon {
    width: 22px;
    line-height: 11px;
    padding: 4px 4px 4px 0;
    margin-bottom: 0;
    margin-right: 5px
}

.resume-layout-condensed .talent-item .talent-item-icon i {
    font-size: 16px
}

.resume-layout-condensed .talent-item .talent-item-content {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.resume-layout-condensed .talent-item .talent-item-title {
    font-size: 14px;
    font-weight: 400
}

.resume-layout-condensed .talent-item .talent-item-description {
    color: #65696d
}

.achievement-item .achievement-item-icon {
    width: 30px;
    text-align: center;
    line-height: 15px;
    position: relative;
    margin-right: 10px;
    margin-bottom: -13px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-bottom: 3px
}

.achievement-item .achievement-item-icon i {
    font-size: 25px
}

.achievement-item .achievement-item-icon.editable {
    cursor: pointer
}

.achievement-item .achievement-item-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.achievement-item .achievement-item-title {
    font-size: 15px;
    color: #000;
    font-weight: 700;
    position: relative;
    top: 2px;
    padding-bottom: 3px
}

.achievement-item .achievement-item-description {
    padding-top: 2px;
    font-size: 13px;
    color: #384347
}

.resume-layout-condensed .achievement-item .achievement-item-icon {
    width: 22px;
    line-height: 11px;
    padding: 4px 4px 4px 0;
    margin-bottom: 0;
    margin-right: 5px
}

.resume-layout-condensed .achievement-item .achievement-item-icon i {
    font-size: 16px
}

.resume-layout-condensed .achievement-item .achievement-item-content {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.resume-layout-condensed .achievement-item .achievement-item-title {
    font-size: 14px;
    font-weight: 400;
    top: 0
}

.resume-layout-condensed .achievement-item .achievement-item-description {
    color: #65696d
}

.technologies-item .item-title {
    margin-bottom: 10px
}

.resume-layout-condensed .resume-item-holder .technologies-item .tag {
    color: #333 !important;
    padding: 4px 8px;
    font-size: 13px;
    font-weight: 700
}

.resume-layout-newcondensed .resume-item-holder .technologies-item {
    padding-bottom: 0
}

.resume-layout-newcondensed .resume-item-holder .technologies-item .tag {
    color: #333 !important;
    padding: 4px 8px;
    font-size: 13px;
    font-weight: 400
}

.resume-layout-newcondensed .resume-item-holder .technologies-item .item-title {
    margin-bottom: 0
}

.tags {
    margin: 0 -5px
}

.tags .tag {
    border: 1px solid transparent;
    border-bottom-color: #a9a9a9;
    padding: 5px 8px;
    background: transparent;
    min-width: 20px;
    margin: 5px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    display: inline-block
}

.tags .tag:focus {
    outline: none
}

.tags .tag.surrounding-border {
    border: 1px solid #a9a9a9
}

.calculating-elem {
    white-space: pre-wrap;
    font-size: 14px;
    font-weight: 700
}

.education-item .inner {
    display: table;
    width: 100%
}

.education-item .mobile-gpa-icon {
    background: #2f80ed;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 4px 6px;
    display: inline-block
}

.education-item .mobile-gpa-content {
    display: inline-block;
    margin-left: 8px
}

.education-item .mobile-gpa-content .gpa-value {
    position: relative;
    top: 5px
}

.education-item .mobile-gpa-content .editable-field-wrapper {
    margin-top: 0 !important
}

.education-item .education-item-gpa,
.education-item .education-item-not-gpa {
    display: inline-block
}

.education-item .education-item-gpa-container {
    width: 100px;
    display: table-cell;
    vertical-align: middle
}

.education-item .education-item-not-gpa {
    width: auto;
    display: table-cell;
    padding-right: 20px
}

.education-item .education-item-gpa {
    padding-left: 12px;
    border-left: 1px solid #65696d;
    font-size: 15px
}

.education-item .education-item-gpa .editable-field {
    display: inline-block;
    width: 35px;
    height: 20px !important;
    color: #65696d;
    text-align: center
}

.education-item .education-item-gpa .separator {
    position: relative;
    vertical-align: top
}

.education-item .education-item-gpa .bold {
    color: #00c091;
    font-weight: 700
}

.education-item .education-item-gpa,
.education-item .education-item-gpa .gpa-text-wrapper {
    color: #65696d;
    font-weight: 400
}

.education-item .education-item-gpa .gpa-text-wrapper {
    font-size: 11px;
    margin-top: 0;
    margin-bottom: 5px;
    text-align: center;
    -webkit-font-smoothing: auto
}

.education-item .education-item-gpa-container-small {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 1px 5px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
    height: 22px;
    margin-top: -1px;
    color: #65696d
}

.education-item .education-item-gpa-container-small .education-item-gpa-title {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.education-item .education-item-gpa-container-small .separator {
    display: inline-block;
    vertical-align: middle
}

.education-item .education-item-gpa-container-small .editable-field {
    display: inline-block;
    vertical-align: middle;
    width: auto
}

.education-item .education-item-gpa-container-small .editable-field input {
    background-color: transparent
}

.resume-layout-condensed .education-item .with-icon-container .with-icon {
    padding-bottom: 2px
}

.resume-layout-condensed .education-item .item-degree {
    font-weight: 400
}

.resume-layout-newcondensed .education-item .education-item-not-gpa {
    padding-right: 0 !important
}

.resume-layout-newcondensed .education-item .education-item-not-gpa .item-institution {
    padding-right: 4px
}

.resume-layout-newcondensed .education-item .education-item-gpa {
    border-left-color: #f1f1f1;
    padding-left: 12px
}

.resume-layout-newcondensed .education-item .education-item-gpa .editable-field {
    text-align: unset
}

.resume-layout-newcondensed .education-item .education-item-gpa .gpa-text-wrapper {
    text-align: left;
    margin-top: 8px;
    margin-bottom: -6px;
    margin-left: 0
}

.resume-layout-newcondensed .education-item .education-item-gpa-container-left {
    display: inline-block
}

.resume-layout-newcondensed .education-item .education-item-gpa-container-left .separator {
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px
}

.resume-layout-newcondensed .education-item .education-item-gpa-container-left .editable-field {
    display: inline-block;
    vertical-align: middle;
    width: auto
}

.resume-layout-newcondensed .education-item .education-item-gpa-container-left [contenteditable].text-field {
    overflow: unset
}

.resume-vertical-timeline .education-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.resume-vertical-timeline .education-item .inner {
    width: auto;
    padding-left: 24px
}

.resume-vertical-timeline .education-item .education-item-gpa-container-small {
    border: none;
    padding: 0
}

.resume-vertical-timeline .education-item .education-item-gpa-container-small .editable-field,
.resume-vertical-timeline .education-item .education-item-gpa-container-small .separator {
    font-size: 12px
}

.resume-layout-multicolumn .education-item .item-institution {
    margin-top: 0 !important
}

.resume-layout-multicolumn .education-item .education-item-gpa-container-small {
    border: none;
    padding: 6px 0 0
}

.resume-layout-multicolumn .education-item .btn-resume-data .editable-field-xs {
    margin-bottom: -1px
}

.resume-layout-condensed .experience-item .item-position {
    font-weight: 400
}

.resume-layout-condensed .experience-item .with-icon-container .editable-field-wrapper {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.resume-layout-condensed .experience-item .with-icon-container .item-workplace {
    width: auto !important;
    padding-right: 13px
}

.resume-vertical-timeline .experience-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.resume-vertical-timeline .experience-item .inner {
    padding-left: 24px
}

.resume-layout-multicolumn .experience-item .item-url {
    margin-left: 0;
    margin-top: 2px
}

.resume-layout-multicolumn .experience-item .item-workplace {
    margin-top: 0 !important
}

.resume-layout-multicolumn .experience-item .with-icon-container .btn-resume-data,
.resume-layout-multicolumn .experience-item .with-icon-container .item-stretch {
    margin: 1px 0
}

.resume-layout-multicolumn .experience-item .with-icon-container .btn-resume-data .editable-field-xs {
    margin-bottom: -1px
}

.item-table {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.item-table--field-container {
    height: 1px;
    min-height: 1px
}

.item-table--field-container .item-table--field-border {
    margin: 0 0 -1px -1px;
    z-index: 1;
    position: relative;
    border: 1px solid #e7e7e7;
    height: -webkit-calc(100% + 1px);
    height: calc(100% + 1px)
}

.item-table--row-btns-container {
    background: none !important
}

.item-table--row-btns-container .row-move {
    right: -1px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.item-table--row-btns-container .row-move .icon {
    display: block;
    color: #fff;
    height: 8px;
    position: relative;
    top: -webkit-calc(50% - 10px);
    top: calc(50% - 10px);
    left: -webkit-calc(50% - 6px);
    left: calc(50% - 6px);
    cursor: pointer
}

.item-table--row-btns-container .row-move .icon:first-child {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    top: -webkit-calc(50% - 6px);
    top: calc(50% - 6px)
}

@media (max-width:767px) {
    .item-table--row-btns-container .row-move .icon:first-child {
        top: -webkit-calc(50% - 8px);
        top: calc(50% - 8px)
    }

    .item-table--row-btns-container .row-move .icon:last-child {
        top: -webkit-calc(50% - 6px);
        top: calc(50% - 6px)
    }
}

.item-table--row-btns-container .row-move .icon .disable,
.item-table--row-btns-container .row-move .icon:hover {
    opacity: .3
}

.item-table--row-btns-container .row-delete {
    left: -1px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.item-table--row-btns-container .row-delete .close {
    float: left;
    top: -webkit-calc(50% - 6px);
    top: calc(50% - 6px);
    left: -webkit-calc(50% - 6px);
    left: calc(50% - 6px)
}

.item-table--row-btns-container .row-delete,
.item-table--row-btns-container .row-move {
    height: -webkit-calc(100% + 1px);
    height: calc(100% + 1px);
    background: #00c091;
    top: 0;
    width: 21px;
    position: absolute;
    display: none
}

.item-table--col-btns-container .close,
.item-table--row-btns-container .close {
    position: relative;
    font-size: 12px;
    color: #fff;
    opacity: 1 !important;
    text-shadow: none !important
}

.item-table--col-btns-container {
    position: absolute;
    left: 0;
    width: -webkit-calc(100% + 1px);
    width: calc(100% + 1px);
    height: 19px;
    left: -1px;
    background: #00c091;
    color: #fff
}

.item-table--col-btns-container.col-move {
    top: -19px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px
}

.item-table--col-btns-container.col-move .icon {
    cursor: pointer
}

.item-table--col-btns-container.col-move .icon:first-child {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.item-table--col-btns-container.col-move .icon:last-child {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.item-table--col-btns-container.col-move .icon:hover {
    opacity: .3
}

@media (max-width:767px) {
    .item-table--col-btns-container.col-move .icon:first-child {
        margin-right: 16px
    }
}

.item-table--col-btns-container.col-delete {
    bottom: -19px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.item-table--col-btns-container .close {
    top: 3px
}

.item-table--row:hover .item-table--row-btns-container .row-delete,
.item-table--row:hover .item-table--row-btns-container .row-move {
    display: block
}

.item-table--row:hover .item-table--field-container .item-table--field-border {
    border: 1px solid #00c091;
    z-index: 2
}

.item-table--row:first-child td {
    background: #f3f3f3
}

.item-table--row:first-child:hover .item-table--field-container .item-table--field-border {
    border: 1px solid #e7e7e7;
    z-index: 2
}

.item-table--row:first-child:hover .item-table--field-container.item-table--active-border .item-table--field-border {
    border: 1px solid #00c091 !important;
    z-index: 3
}

.item-table--row:last-child .row-move .icon:last-child,
.item-table--row:nth-child(2) .row-move .icon:first-child {
    opacity: .3
}

.item-table--field {
    line-height: 18px;
    padding: 4px 8px;
    min-width: 100% !important
}

.item-table--container .btn-add-col,
.item-table--container .btn-add-row {
    width: 14px;
    height: 14px;
    position: absolute;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 2px;
    display: none;
    z-index: 4
}

.item-table--container .btn-add-col .icon,
.item-table--container .btn-add-row .icon {
    font-size: 12px;
    position: relative;
    top: -2px;
    left: -4%
}

.item-table--container .btn-add-row {
    bottom: -7px;
    left: -webkit-calc(50% - 7px);
    left: calc(50% - 7px)
}

.item-table--container .btn-add-col {
    right: -7px;
    top: 6px
}

.item-table--container:hover {
    -webkit-box-shadow: 0 1px rgba(30, 191, 146, .25);
    box-shadow: 0 1px rgba(30, 191, 146, .25)
}

.item-table--container:hover .btn-add-col,
.item-table--container:hover .btn-add-row {
    display: block
}

.item-table--active-border .item-table--field-border {
    border: 1px solid #00c091 !important;
    z-index: 3
}

.resume-renderer-two-column:first-child .item-table--field-container {
    min-width: 100px
}

.resume-renderer-two-column:nth-child(2) .item-table--field-container {
    min-width: 46px
}

.mobile-items .experience-item-table {
    overflow-x: scroll;
    height: 100%;
    padding-bottom: 24px;
    margin-top: 8px
}

.mobile-items .experience-item-table .item-table--container {
    margin: 24px 16px;
    min-width: 524px
}

.mobile-items .experience-item-table .item-table--container .item-table--field-container {
    min-width: 100px
}

.publication-item .item-author {
    font-size: 13px;
    position: relative;
    margin-top: 5px;
    font-style: italic
}

a .item-object.social-item {
    cursor: pointer !important
}

.social-item .social-item-icon {
    width: 30px;
    float: left;
    text-align: center;
    line-height: 15px;
    position: relative;
    margin-right: 10px;
    margin-bottom: -11px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.social-item .social-item-icon i {
    font-size: 25px
}

.social-item .social-item-icon.editable {
    cursor: pointer
}

.social-item .social-item-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.social-item .social-item-title {
    font-size: 15px;
    color: #000;
    font-weight: 700;
    position: relative;
    top: 2px;
    margin-bottom: 4px
}

.social-item .social-item-link {
    font-size: 13px;
    color: #384347 !important;
    position: relative
}

.social-item .empty-field {
    min-height: 18px
}

.social-item .container-min-height,
.social-item .title-hidden .editable-field-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.social-item .container-min-height {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 40px
}

.social-item .full-width {
    width: 100% !important;
    margin: auto
}

.resume-renderer-two-column:first-child .resume-item-holder:nth-child(odd) .social-item.item-object {
    padding-right: 5px
}

.resume-renderer-two-column:first-child .resume-item-holder:nth-child(2n) .social-item.item-object {
    padding-left: 5px
}

.resume-layout-newcondensed .social-item .social-item-icon {
    margin-bottom: 0;
    width: 40px
}

.resume-layout-newcondensed .social-item .social-item-title {
    font-weight: 400
}

.resume-layout-condensed .social-item .social-item-icon {
    width: 22px;
    line-height: 11px;
    padding: 4px 4px 4px 0;
    margin-bottom: 0;
    margin-right: 5px
}

.resume-layout-condensed .social-item .social-item-icon i {
    font-size: 16px
}

.resume-layout-condensed .social-item .social-item-content {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.resume-layout-condensed .social-item .social-item-title {
    font-size: 14px;
    font-weight: 400;
    top: 0
}

.resume-layout-condensed .social-item .social-item-link {
    color: #65696d
}

.summary-item .editable-field {
    color: #384347;
    font-size: 15px
}

.resume-layout-condensed .summary-item .editable-field {
    font-size: 13px
}

.cover-letter .summary-item .editable-field {
    text-align: justify;
    white-space: inherit !important
}

.resume-renderer-two-column:nth-child(2) .BookSection .resume-item-holder {
    width: 50%;
    display: inline-block;
    vertical-align: top
}

.resume-renderer-one-column .book-item .inner {
    overflow: hidden
}

.resume-renderer-one-column .book-item .inner .books-item-image-container {
    width: 50%;
    float: left
}

.resume-renderer-one-column .book-item .inner .books-item-information {
    overflow: hidden;
    padding-left: 15px
}

.resume-renderer-one-column .book-item .inner .books-item-title {
    margin-top: 0 !important
}

.BookSection .resume-item-holder {
    width: 33.33%;
    display: inline-block;
    vertical-align: top
}

.book-item .books-item-author,
.book-item .books-item-title {
    font-size: 15px;
    margin-top: 10px
}

.book-item .books-item-title {
    font-weight: 700
}

.book-item .books-item-image {
    width: 100%;
    padding-bottom: 133%;
    background-color: #ccc;
    position: relative;
    border: 1px solid #a3a3a3;
    image-rendering: optimizeQuality;
    -ms-interpolation-mode: nearest-neighbor;
    background-size: 101% 101%;
    background-position: 50%;
    background-repeat: no-repeat
}

.book-item .books-item-image .book-item-image-circle {
    width: 48px;
    height: 48px;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    border: 2px solid #fff;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -24px auto 0;
    text-align: center;
    line-height: 48px;
    color: #fff;
    cursor: pointer
}

.book-item .star-wrap {
    position: absolute;
    display: inline-block;
    font-size: 21px;
    right: 10px;
    top: -6px;
    z-index: 1;
    overflow: hidden
}

.resume-layout-condensed .BookSection .resume-item-holder .books-item-author {
    font-size: 13px
}

.resume-layout-condensed .BookSection .resume-item-holder .books-item-title {
    font-size: 14px;
    font-weight: 400
}

.resume-layout-newcondensed .BookSection .resume-item-holder .book-item .books-item-title {
    font-weight: 400
}

.resume-layout-newcondensed .BookSection .resume-item-holder .book-item .books-item-author {
    font-size: 12px;
    margin-top: 2px
}

.resume-layout-multicolumn .BookSection .resume-item-holder {
    width: 50%
}

.passion-item .passion-item-icon {
    width: 30px;
    float: left;
    text-align: center;
    line-height: 15px;
    position: relative;
    margin-right: 10px;
    margin-bottom: -11px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.passion-item .passion-item-icon i {
    font-size: 25px
}

.passion-item .passion-item-icon.editable {
    cursor: pointer
}

.passion-item .passion-item-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.passion-item .passion-item-title {
    font-size: 15px;
    color: #000;
    font-weight: 700;
    position: relative;
    top: 2px
}

.passion-item .passion-item-description {
    padding-top: 4px;
    font-size: 13px;
    color: #384347
}

.resume-renderer-two-column:first-child .resume-item-holder:nth-child(odd) .passion-item.item-object {
    padding-right: 5px
}

.resume-renderer-two-column:first-child .resume-item-holder:nth-child(2n) .passion-item.item-object {
    padding-left: 5px
}

.resume-layout-condensed .passion-item .passion-item-icon {
    width: 22px;
    line-height: 11px;
    padding: 4px 4px 4px 0;
    margin-bottom: 0;
    margin-right: 5px
}

.resume-layout-condensed .passion-item .passion-item-icon i {
    font-size: 16px
}

.resume-layout-condensed .passion-item .passion-item-content {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.resume-layout-condensed .passion-item .passion-item-title {
    font-size: 14px;
    font-weight: 400;
    top: 0
}

.resume-layout-condensed .passion-item .passion-item-description {
    color: #65696d
}

.reference-item .reference-item-name {
    font-weight: 700;
    font-size: 15px
}

.reference-item .reference-item-contact {
    padding-top: 4px;
    font-size: 13px;
    color: #384347
}

.resume-layout-condensed .reference-item .reference-item-name,
.resume-layout-newcondensed .reference-item .reference-item-name {
    font-weight: 400
}

[contenteditable].text-field {
    overflow: hidden;
    min-width: 2px
}

[contenteditable]:hover {
    cursor: text
}

[contenteditable]:focus {
    outline: 0 none
}

[contenteditable][placeholder]:empty:before {
    content: attr(placeholder)
}

[contenteditable][placeholder]:focus:before {
    opacity: .5
}

[contenteditable].inline-input {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap
}

.enhancv-online-profile [contenteditable].text-field {
    overflow: initial;
    display: inline-block;
    max-width: 100%
}

.enhancv-online-profile [contenteditable][placeholder]:empty:before {
    opacity: .5
}

.modal-standby-preview {
    width: inherit;
    position: relative;
    padding-top: 100px
}

.modal-standby-preview .close-button {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10
}

.modal-standby-preview .close-button .close {
    color: #fff
}

.modal-standby-preview .resume-details-wrapper {
    width: 100%;
    position: relative
}

.modal-standby-preview .resume-details {
    padding: 10px 30px;
    background-color: #f3f5fa;
    position: fixed;
    bottom: 0;
    height: 80px;
    width: inherit;
    z-index: 10;
    -webkit-box-shadow: 0 0 9px 3px rgba(0, 0, 0, .075);
    box-shadow: 0 0 9px 3px rgba(0, 0, 0, .075)
}

.modal-standby-preview .resume-details .btn,
.modal-standby-preview .resume-details .resume-title {
    font-weight: 400
}

@media (max-width:767px) {
    .modal-standby-preview {
        padding-top: 40px !important
    }

    .modal-standby-preview .resume-details {
        width: 100%
    }
}

@media (max-width:540px) {
    .modal-standby-preview .resume-title-container {
        display: none !important
    }

    .modal-standby-preview .resume-buttons-container {
        width: 100% !important;
        max-width: 100% !important;
        -webkit-box-flex: 0 !important;
        -webkit-flex: 0 0 100% !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        text-align: center !important
    }
}

.plan-bounce-promo .content-wrapper {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.plan-bounce-promo .content-wrapper h6 {
    color: #7063af;
    margin-bottom: 32px;
    font-weight: 500;
    margin-top: 0
}

.plan-bounce-promo .content-wrapper h2 {
    font-family: Rubik;
    font-weight: 500;
    font-size: 42px;
    line-height: 46px;
    margin: 0 auto;
    color: #00c091
}

.plan-bounce-promo .content-wrapper h2.wider-version {
    font-family: Rubik;
    font-weight: 400;
    font-size: 36px;
    line-height: 46px;
    max-width: 470px
}

.plan-bounce-promo .content-wrapper div {
    margin-top: 32px
}

.plan-bounce-promo .content-wrapper .description {
    margin-left: auto;
    margin-right: auto;
    max-width: 476px;
    font-size: 16px;
    line-height: 27px
}

.plan-bounce-promo .btn {
    width: 320px;
    height: 50px
}

.add-section-sidebar {
    max-height: 598px;
    overflow: auto;
    -ms-overflow-style: scrollbar;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 12px -3px rgba(0, 0, 0, .3);
    box-shadow: 0 0 12px -3px rgba(0, 0, 0, .3)
}

@media (max-width:768px) {
    .add-section-sidebar {
        position: relative;
        top: 24px
    }
}

.add-section-example {
    height: 100%;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden;
    padding: 16px 24px
}

.add-section-example-title {
    font-size: 20px;
    font-weight: 700;
    border-bottom: 1px solid #e6e6e6;
    font-family: Rubik;
    padding-bottom: 2px
}

.add-section-example-title .icon-lock {
    position: relative;
    top: 3px
}

.add-section-example-description {
    min-height: 80px
}

.add-section-example .modal-close-btn {
    position: absolute;
    top: 16px;
    right: 22px
}

.add-section-example-container {
    height: 48%;
    width: 100%;
    padding: 0 16px;
    border-bottom: 1px solid #e6e6e6
}

.add-section-example-container .example {
    -webkit-transform: scale(.6) translate(-92px, -19%);
    transform: scale(.6) translate(-92px, -19%);
    position: relative;
    height: 300px
}

.add-section-example-container .example-border {
    height: 200px;
    width: 300px;
    border: 1px solid #e6e6e6;
    margin: 16px auto auto
}

.add-section-example-container .example-border .fix-top {
    -webkit-transform: scale(.6) translate(-92px, -35%);
    transform: scale(.6) translate(-92px, -35%)
}

.add-section-example-container .add-section-pagination-arrow.left {
    position: absolute;
    left: 16px;
    top: 100px
}

.add-section-example-container .add-section-pagination-arrow.right {
    position: absolute;
    right: 24px;
    top: 100px
}

.add-section-example .btn-section {
    max-width: 170px;
    margin: 16px auto auto
}

.add-section-example .btn-danger {
    background-color: #ed6372
}

.add-section-example .btn-danger:hover {
    opacity: .6
}

.add-section-example .add-section-pagination {
    margin-top: 0 !important
}

.add-section-mobile .add-section-sidebar {
    max-height: 100% !important;
    top: 0 !important
}

.add-section-mobile .add-section-sidebar .add-section-list li {
    font-size: 16px;
    padding: 24px;
    height: 72px
}

.add-section-mobile .add-section-sidebar .add-section-list li i {
    font-size: 20px
}

.add-section-mobile .add-section-sidebar .add-section-list--title {
    font-size: 14px;
    font-family: Inter UI;
    padding-left: 24px;
    background: #e8e5f8;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left
}

.add-section-mobile .add-section-example .icon-lock {
    top: 2px;
    font-size: 16px
}

.add-section-mobile .add-section-example-title {
    font-size: 14px;
    border-bottom: none
}

.add-section-mobile .add-section-example-description {
    min-height: unset !important
}

.add-section-mobile .add-section-example-container {
    border-bottom: none;
    padding: 0 !important
}

.add-section-mobile .add-section-example-container .example {
    position: relative;
    min-width: 370px;
    left: -2%;
    -webkit-transform: scale(.7) translate(-64px, -10%) !important;
    transform: scale(.7) translate(-64px, -10%) !important
}

.add-section-mobile .add-section-example-container .example,
.add-section-mobile .add-section-example-container .example-border {
    width: 100%;
    height: 245px
}

.add-section-mobile .add-section-example-container .add-section-pagination-arrow.left {
    left: -16px
}

.add-section-mobile .add-section-example-container .add-section-pagination-arrow.right {
    right: -16px
}

.add-section-mobile .add-section-example .btn.add-section-pagination-dot {
    font-style: 26px;
    padding-top: 8px
}

.add-section-mobile .add-section-example .btn-section {
    margin-top: 8px;
    min-width: 245px;
    -webkit-border-radius: 90px;
    border-radius: 90px;
    height: 50px;
    font-size: 16px
}

.mobile-section-preview .modal-content {
    display: table-column-group !important
}

@media (max-width:768px) {

    .modal-hidden .add-section-mobile,
    .modal-hidden mobile-section-preview {
        -webkit-animation: left-out .4s !important;
        animation: left-out .4s !important
    }

    .modal-hidden .add-section-mobile .modal-content,
    .modal-hidden mobile-section-preview .modal-content {
        -webkit-animation: none !important;
        animation: none !important
    }
}

.example-view .resume-renderer {
    width: 477px
}

@media (max-width:991px) {

    .example-view,
    .example-view .resume-renderer {
        width: 100%
    }
}

.example-view .resume-renderer-two-column:first-child {
    float: none;
    width: auto;
    padding-right: 0
}

.add-section-pagination {
    margin-top: -12px;
    margin-bottom: -12px
}

.btn.add-section-pagination-dot {
    padding: 5px 0;
    font-size: 19px
}

.btn.add-section-pagination-dot i {
    margin-left: -2px;
    margin-right: -2px
}

.btn.add-section-pagination-arrow {
    margin-left: -16px;
    margin-right: -16px
}

.add-section-list {
    background-color: #f3f3f3
}

.add-section-list ul {
    padding: 0;
    margin: 0
}

.add-section-list--title,
.add-section-list li {
    height: 48px;
    border-bottom: 1px solid #e6e6e6;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px
}

.add-section-list--title span,
.add-section-list li span {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.add-section-list--title i,
.add-section-list li i {
    font-size: 18px;
    line-height: 10px
}

.add-section-list li {
    cursor: pointer
}

.add-section-list li:hover {
    color: rgba(56, 67, 71, .5)
}

.add-section-list--title {
    height: 56px;
    font-size: 16px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-family: Rubik
}

.add-section-list li.active {
    background-color: #c5bded
}

.add-section-list li.active i {
    color: #384347
}

.add-section-list li.used {
    color: #ccc
}

.add-section-list li.used i {
    color: #00c091
}

.add-section-list li.active.used {
    background-color: #ccc;
    border-color: #ccc;
    color: #fff
}

.add-section-list li.active.used i {
    color: #fff
}

.delete-account form {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.delete-account form .form-control {
    margin-top: 35px
}

.delete-account form .form-control::-webkit-input-placeholder {
    font-style: normal;
    font-weight: 400
}

.delete-account form .form-control::-moz-placeholder {
    font-style: normal;
    font-weight: 400
}

.delete-account form .form-control::-ms-input-placeholder {
    font-style: normal;
    font-weight: 400
}

.delete-account form .form-control::placeholder {
    font-style: normal;
    font-weight: 400
}

.delete-account.modal-with-icon p {
    padding: 5px 0 10px
}

@media (max-width:767px) {

    .modal-promo .modal-body,
    .modal-promo .modal-header {
        padding: 8px !important
    }
}

@-webkit-keyframes radio-button-checked {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    80% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes radio-button-checked {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    80% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.radio-button {
    display: inline-block;
    height: 18px;
    width: 18px;
    border: 1px solid #d3dcd9;
    background-color: #f2fbf8;
    position: relative;
    top: 3px
}

.radio-button.checked {
    border: 1px solid #2dc08d
}

.radio-button.checked:after {
    content: " ";
    top: 2px;
    left: 2px;
    height: 12px;
    width: 12px;
    background-color: #2dc08d;
    position: absolute;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation: radio-button-checked .3s ease-out forwards !important;
    animation: radio-button-checked .3s ease-out forwards !important
}

.image-editor-editor {
    text-align: center
}

.image-editor-editor canvas {
    image-rendering: optimizeQuality;
    -ms-interpolation-mode: nearest-neighbor
}

.image-editor-loading {
    text-align: center;
    height: 100%
}

.image-editor-loading .loading {
    font-size: 40px;
    margin-bottom: 10px
}

.image-editor-loading .loading-animation {
    position: relative;
    margin-top: 0;
    margin-bottom: 30px;
    border-left-color: #00c091
}

.image-editor-loading .loading-text {
    margin-top: 40px
}

.image-editor-view .import-panel {
    color: #676767
}

.image-editor-view .import-panel span.text-info {
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
    color: #b2b4b6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.image-editor-view .import-panel .top-ok {
    margin-top: 77px
}

.image-editor-view .import-panel .btn-default-fcb {
    color: #3b5998
}

.image-editor-view .avatar-panel {
    position: relative;
    margin: 30px auto;
    width: 140px;
    height: 140px
}

.image-editor-view .avatar-panel .avatar-button-container {
    text-align: center;
    line-height: 150px
}

.image-editor-view .avatar-panel .avatar-button-container:hover {
    background-color: rgba(0, 0, 0, .6)
}

.auth-gradient {
    background: url(/ab6f8937ed1a75766fb12ffc9e4fbd7b.svg);
    background-repeat: no-repeat;
    background-size: cover
}

.auth-modal {
    width: 940px;
    position: relative
}

@media screen and (max-width:992px) {
    .auth-modal {
        max-width: 100%;
        height: auto
    }
}

.auth-modal .close {
    position: absolute;
    top: 17px;
    right: 22px;
    font-size: 20px;
    color: #b3b3b3
}

.auth-modal .modal-header {
    border-bottom: 1px solid #e6e6e6
}

.auth-modal .modal-content {
    position: relative;
    overflow: hidden;
    padding: 0 8px;
    min-height: 100vh
}

@media (min-width:769px) {
    .auth-modal .modal-content {
        min-height: 700px;
        padding: 0
    }
}

.auth-modal .modal-content a {
    color: hsla(210, 4%, 41%, .8);
    font-weight: 700;
    cursor: pointer
}

.auth-modal .industries-container {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
    text-align: left
}

@media (max-width:767px) {
    .auth-modal .btn-onboarding-mobile {
        display: block;
        margin: auto auto 16px;
        width: 100%
    }
}

@media screen and (max-width:768px) {
    .onboarding-editor-wrapper {
        display: none
    }
}

.input-other {
    margin-right: 8px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #b3b3b3;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 9px 14px;
    vertical-align: middle
}

.onboarding {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    opacity: 1;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    overflow-y: auto;
    background: #fff;
    height: 100%
}

.onboarding--hidden {
    opacity: 0;
    pointer-events: none
}

.onboarding--header {
    width: 100%;
    max-width: 460px;
    margin: 0 auto
}

.onboarding--header img {
    display: block;
    width: 100%;
    height: auto
}

.onboarding .icon-business {
    position: absolute;
    top: -3px;
    font-size: 21px;
    left: 14px
}

.onboarding .onboarding--resume-tilt .layout-img-holder {
    -webkit-box-shadow: 0 0 10px 0 #b2b4b6;
    box-shadow: 0 0 10px 0 #b2b4b6
}

.onboarding .onboarding--resume-tilt:hover .layout-img-holder {
    -webkit-box-shadow: 0 0 10px 0 #c5bded;
    box-shadow: 0 0 10px 0 #c5bded
}

.onboarding .btn-onboarding--shadow {
    cursor: default;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0 !important;
    -webkit-transition: -webkit-transform .5s ease-out;
    transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out, -webkit-transform .5s ease-out;
    will-change: transition
}

.onboarding .onboarding-container {
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 1
}

.onboarding .onboarding-container--hidden {
    opacity: 0;
    pointer-events: none
}

@media (max-width:767px) {
    .onboarding .btn-onboarding-mobile {
        display: block;
        margin: auto auto 16px;
        width: 100%
    }
}

.btn-onboarding {
    border: 1px solid rgba(140, 124, 219, .2);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    color: #8c7cdb;
    padding: 9px 12px;
    font-weight: 500;
    margin: 8px;
    font-size: 15px
}

.btn-onboarding--hover,
.btn-onboarding--ticked,
.btn-onboarding:hover {
    background-color: #e8e5f8
}

.btn-onboarding--ticked {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-top: 8px;
    font-size: 20px;
    opacity: 0;
    -webkit-transition: opacity .7s;
    transition: opacity .7s
}

.btn-onboarding--ticked.shown {
    opacity: 1
}

.custom-bullet-icon {
    font-size: 36px !important
}

.captcha-center-container {
    width: 260px;
    margin: 0 auto;
    position: relative
}

.captcha-container {
    position: absolute;
    z-index: 2;
    background: #fff;
    width: 260px;
    bottom: 7px;
    -webkit-box-shadow: 0 0 20px -2px rgba(0, 0, 0, .75);
    box-shadow: 0 0 20px -2px rgba(0, 0, 0, .75);
    padding: 12px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    opacity: 1;
    -webkit-transition: bottom .25s, opacity .25s;
    transition: bottom .25s, opacity .25s;
    will-change: opacity, bottom
}

.captcha-container.invisible {
    bottom: 12px;
    opacity: 0
}

.captcha-container input {
    width: 84px;
    padding: 3px 5px;
    font-size: 23px;
    text-align: center;
    margin-top: 7px
}

.captcha-container:after {
    position: absolute;
    left: 50%;
    left: -webkit-calc(50% - 8px);
    left: calc(50% - 8px);
    bottom: -7px;
    content: " ";
    display: block;
    width: 16px;
    height: 16px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 2
}

.social-buttons .btn {
    width: 116px;
    font-weight: 500 !important;
    font-size: 14px
}

@media screen and (max-width:768px) {
    .social-buttons .btn {
        width: 105px
    }
}

.social-buttons .btn.btn-linkedin:hover {
    background: #2578b5;
    border-color: #2578b5;
    color: #fff
}

.social-buttons .btn.btn-facebook:hover {
    background: #3b5998;
    border-color: #3b5998;
    color: #fff
}

.social-buttons .btn.btn-gplus:hover {
    background: #dd4b39;
    border-color: #dd4b39;
    color: #fff
}

.full-invite-discount-popup .modal-header {
    border-bottom: 1px solid #e6e6e6
}

.full-invite-discount-popup .modal-body {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.full-invite-discount-popup .modal-hero {
    margin: 56px 0;
    font-size: 61px !important
}

.full-invite-discount-popup .modal-with-icon-text {
    font-size: 21px;
    font-weight: 300;
    line-height: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.invite-gmail {
    height: auto
}

.invite-gmail .modal-header {
    border-bottom: 1px solid #e6e6e6
}

@media (max-width:520px) {
    .invite-gmail .top-info {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .invite-gmail .top-info .invite-info-text {
        margin-bottom: 8px
    }
}

.invite-gmail .invite-info-text {
    font-size: 16px
}

.invite-gmail .possible-earning {
    border: 1px solid #e6e6e6;
    color: #b2b4b6;
    padding: 9px 16px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.invite-gmail .possible-earning strong {
    font-size: 16px
}

.invite-gmail .emails-list {
    padding: 0;
    border: 1px solid #b2b4b6
}

.invite-gmail .emails-list .form-group {
    margin: 0
}

.invite-gmail .emails-list .form-group .form-control {
    border: 0
}

.invite-gmail .emails-list .emails-select-box {
    padding: 16px;
    border-top: 1px solid #b2b4b6;
    overflow: scroll;
    height: 320px
}

.invite-gmail .emails-list .emails-select-box .emails-divider {
    color: #b2b4b6;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 8px
}

@media (max-width:480px) {
    .invite-gmail .emails-list .emails-select-box>* {
        display: block
    }
}

.invite-gmail .emails-list .signed-up .checkbox,
.invite-gmail .emails-list .signed-up .email-address {
    color: #b2b4b6
}

.invite-gmail .emails-list .signed-up .checkbox.disabled input[type=checkbox]+.custom-input {
    background-color: #e6e6e6;
    border: 1px solid #e6e6e6;
    cursor: not-allowed
}

.invite-gmail .emails-list .email-address {
    color: #65696d
}

@media (max-width:767px) {
    .invite-gmail .emails-list {
        margin-bottom: 0
    }
}

.invite-gmail .bottom-control-buttons .checkbox {
    margin-left: 16px
}

@media (max-width:767px) {
    .invite-gmail .bottom-control-buttons {
        display: block
    }

    .invite-gmail .bottom-control-buttons .btn-primary {
        display: block;
        width: 100%
    }

    .invite-gmail .bottom-control-buttons .checkbox {
        margin-top: 16px;
        margin-bottom: 16px
    }
}

.modal-introduce .modal-header {
    border-bottom: 0 !important
}

.modal-introduce .input-wrapper {
    width: 389px;
    position: relative
}

.modal-introduce .input-wrapper .btn {
    position: absolute;
    top: 0;
    bottom: 0;
    max-width: 128px;
    right: -4px
}

.modal-payment-method {
    height: auto !important
}

.resume-preview-container {
    height: auto
}

.resume-preview-container .modal-header>button.close {
    color: #fff
}

.resume-preview-container .modal-content {
    background: transparent !important;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.resume-preview-container .modal-content::-webkit-scrollbar {
    display: none
}

.resume-preview-container .resume-preview {
    width: 100%;
    max-width: 600px
}

.resume-preview-container .resume-preview .resume-renderer {
    margin: auto
}

.resume-preview-container .embed-responsive {
    position: static !important
}

@media (max-width:767px) {
    .resume-preview-container .modal-mobile-title {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-bottom: none;
        color: #fff;
        background: rgba(71, 68, 90, .93) !important
    }

    .resume-preview-container .modal-mobile-title .icon {
        color: #fff !important
    }

    .resume-preview-container .modal-mobile-title .btn-toolbox-main.btn-gray .btn-toolbox-main--bg {
        background: rgba(71, 68, 90, .93) !important
    }

    .resume-preview-container .modal-body {
        padding: 16px !important
    }
}

@media (max-width:768px) {
    .modal-hidden .resume-preview-container {
        -webkit-animation: left-out .4s !important;
        animation: left-out .4s !important
    }

    .modal-hidden .resume-preview-container .modal-content {
        -webkit-animation: none !important;
        animation: none !important
    }

    .resume-preview-container .modal-content {
        display: block
    }

    .resume-preview-container .modal-body {
        padding: 16px !important
    }

    .resume-preview-container .modal-body hr {
        width: 100vw !important;
        margin-left: -16px;
        border-color: #384347 !important
    }

    .resume-preview-container .modal-body .switch-button-box-label {
        color: #fff !important
    }

    .resume-preview-container .modal-body .switch-button-box.switch-button-binary .switch-button-all {
        background-color: #384347 !important
    }

    .resume-preview-container .modal-body .switch-button-box.switch-button-binary .switch-button-all .option.other {
        color: #fff !important
    }

    .resume-preview-container .btn-toolbox-main.btn-gray .icon-arrowleft-1 {
        left: 0
    }
}

.switch-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.switch-button--flipped .switch-button-all {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    margin-right: 8px
}

.switch-button--flipped .switch-button-label {
    margin-right: 0 !important
}

.switch-button--full-width .switch-button-all {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.switch-button--full-width .switch-button-label {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.switch-button.custom-switch-button .switch-button-all.enabled .option.selected:after {
    background: transparent !important
}

.switch-button .switch-button-all {
    padding: 4px 0
}

.switch-button .switch-button-all.small {
    width: 32px !important
}

.switch-button .switch-button-all.small .option {
    width: 12px;
    height: 12px
}

.switch-button .switch-button-all .option {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px;
    background: #ccc;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    float: left;
    margin-left: 3px
}

.switch-button .switch-button-all .option.selected,
.switch-button .switch-button-all .option.selected:hover {
    background-color: #00c091
}

.switch-button .switch-button-all .option:hover {
    background-color: #999
}

.switch-button .info-button {
    display: inline-block;
    float: right;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background-color: #4d4d4d;
    padding: 3px 9px;
    font-size: 12px;
    margin-right: 10px;
    cursor: pointer
}

.switch-button .info-button,
.switch-button .switch-button-label {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.switch-button .switch-button-label {
    color: #384347;
    padding-top: 2px;
    position: relative;
    font-weight: 400;
    font-size: 14px;
    margin-right: 8px;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

.switch-button .switch-button-label:hover {
    color: #00c091
}

.switch-button .switch-button-label .icon {
    margin-left: 7px;
    vertical-align: middle
}

.switch-button .switch-button-label .switch-button-with-icon .icon {
    margin-left: 0 !important;
    position: relative;
    top: -3px
}

.switch-button.switch-button-binary .switch-button-all {
    width: 40px;
    position: relative;
    z-index: 0;
    cursor: pointer;
    padding: 4px;
    background-color: #ccc;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    -webkit-border-radius: 30px;
    border-radius: 30px
}

.switch-button.switch-button-binary .switch-button-all .option {
    margin-left: 0
}

.switch-button.switch-button-binary .switch-button-all .option.invisible,
.switch-button.switch-button-binary .switch-button-all .option.invisible:hover {
    background-color: transparent
}

.switch-button.switch-button-binary .switch-button-all .option.selected,
.switch-button.switch-button-binary .switch-button-all .option.selected:hover {
    background-color: #fff !important
}

.switch-button.switch-button-binary .switch-button-all .option.selected:after {
    position: absolute;
    content: "";
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #00c091;
    opacity: 1;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-border-radius: 30px;
    border-radius: 30px
}

.switch-button.switch-button-binary .switch-button-all .option.selected.secondary:after {
    content: none;
    opacity: 0
}

.switch-button.switch-button-binary .switch-button-all:hover {
    background-color: #999
}

.switch-button.switch-button-binary .switch-button-all:hover .option.selected:after {
    background: #009c76
}

.switch-button-box-label {
    color: #384347;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.switch-button-box.switch-button-binary .switch-button-all {
    width: 100%;
    max-width: 400px;
    height: 40px;
    position: relative;
    z-index: 0;
    cursor: pointer;
    padding: 2px;
    background-color: #e0e0e0;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
    -webkit-border-radius: 9px;
    border-radius: 9px
}

.switch-button-box.switch-button-binary .switch-button-all .option {
    display: block;
    cursor: pointer;
    width: 50%;
    height: 100%;
    background: #ccc;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    float: left;
    text-align: text-center;
    font-weight: 600;
    font-size: 14px;
    line-height: 38px;
    vertical-align: middle
}

.switch-button-box.switch-button-binary .switch-button-all .option.other,
.switch-button-box.switch-button-binary .switch-button-all .option.other:hover {
    background: transparent;
    color: #384347
}

.switch-button-box.switch-button-binary .switch-button-all .option.selected,
.switch-button-box.switch-button-binary .switch-button-all .option.selected:hover {
    background: #fff;
    color: #00c091
}

hr {
    border-color: hsla(0, 0%, 87%, .52);
    margin: 0
}

.resume-translate--modal-body {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.resume-translate--modal-title {
    font-style: normal;
    font-weight: 500;
    text-align: center;
    color: #000;
    margin: 0
}

.resume-translate--modal-description {
    color: #000
}

.resume-translate--box-container .box-title {
    color: #8c7cdb;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 22px
}

.resume-translate--box-container .box .resume-translate-option {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    border-bottom: 1px solid #e0e0e0;
    padding-top: 10px !important;
    padding-bottom: 8px !important;
    margin-bottom: 0 !important
}

.resume-translate--box-container .box .resume-translate-option .radio-button {
    top: 5px !important
}

.resume-translate--box-container .box .resume-translate-option.selected .control-label {
    color: #2dc08d !important
}

.resume-translate--box-container .box .resume-translate-option.selected .control-label:hover {
    color: #62d0aa !important
}

.resume-translate--box-container .box .control-label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    color: #000;
    cursor: pointer
}

.resume-translate--box-container .box .control-label:hover {
    color: #65696d
}

.resume-translate--box-container .box .control-label .translation-label {
    width: 100%
}

.resume-translate--box-container .box .control-label .translation-price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%
}

.resume-translate .purchase-btn {
    width: 250px
}

.resume-translate .translation-cat-container {
    margin-top: -22px
}

@media (min-width:992px) {
    .resume-translate--modal-body {
        padding: 60px 90px !important
    }
}

@media (min-width:768px) {
    .save-reminder {
        width: 692px !important
    }
}

@media (min-width:992px) {
    .save-reminder {
        width: 692px !important
    }
}

.editing-history-state .accordeon-box {
    border-bottom: 1px solid #e6e6e6
}

.editing-history-state .accordeon-box:last-child {
    border-bottom: 0
}

.editing-history-state .accordeon-box--trigger {
    padding: 12px 24px;
    cursor: pointer;
    background-color: #fff;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
}

.editing-history-state .accordeon-box--trigger:hover {
    background-color: #f2f2f2
}

.editing-history-state .accordeon-box--trigger .icon-play {
    margin-left: 12px;
    line-height: 10px;
    font-size: 12px
}

.editing-history-state .accordeon-box--trigger .text-sm {
    font-family: Rubik
}

.editing-history-state .accordeon-box--trigger.expanded .icon-play {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.editing-history-state .accordeon-box--content>div {
    padding: 16px 24px
}

.editing-history-state .accordeon-box--content>div .icon-eye {
    font-size: 16px;
    line-height: 10px
}

.editing-history-state .accordeon-box--content>div .version-item {
    margin-bottom: 8px;
    cursor: pointer
}

.modal-tutorial {
    padding: 0 !important
}

.modal-tutorial .title {
    font-weight: 500
}

.modal-tutorial .link {
    cursor: pointer
}

.modal-tutorial .video {
    max-width: 567px;
    max-height: 319px;
    display: block;
    margin: auto
}

.modal-tutorial .video-tutorial {
    width: 100%;
    min-height: 319px;
    background-color: #f4f2f4;
    background-image: url(/b7eb8bb39677dbe34aec84a4b9cd8611.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 20%;
    -webkit-box-shadow: 0 0 2px 0 rgba(77, 77, 77, .16);
    box-shadow: 0 0 2px 0 rgba(77, 77, 77, .16)
}

.modal-tutorial-new .video {
    max-width: 100%
}

.modal-tutorial-new .free-content {
    text-align: center;
    margin: auto;
    padding: 56px
}

.modal-tutorial-new .free-content h1 {
    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    font-size: 42px;
    line-height: 46px;
    margin-top: 0;
    margin-bottom: 16px
}

.modal-tutorial-new .free-content .btn {
    width: 320px
}

.download-survey-modal .loading-bar {
    height: 25px;
    overflow: hidden;
    background: #ccc;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.download-survey-modal .loading-bar .bar {
    position: relative;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(98, 208, 170, .75)), to(#2dc08d));
    background: linear-gradient(90deg, rgba(98, 208, 170, .75), #2dc08d);
    -webkit-transition: width .5s ease-in;
    transition: width .5s ease-in
}

.download-survey-modal .survey .checkbox input[type=checkbox]+.custom-input {
    background-color: #fff !important;
    border: 1px solid grey !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    width: 20px !important;
    height: 20px !important
}

.download-survey-modal .survey .checkbox input[type=checkbox]+.custom-input:after {
    font-family: fontawsomeenhancv;
    content: "\E03B";
    position: absolute;
    font-size: 16px !important;
    color: #62d0aa !important;
    opacity: 0;
    top: 0 !important;
    left: 1px !important;
    -webkit-transition: opacity .15s ease-out;
    transition: opacity .15s ease-out
}

.download-survey-modal .survey .checkbox input[type=checkbox]:checked+.custom-input:after {
    opacity: 1
}

.download-survey-modal .survey .checkbox input[type=checkbox][disabled]+.custom-input:after {
    background-color: #fff
}

.download-survey-modal .btn-pdf,
.download-survey-modal .btn-txt {
    width: 100%;
    max-width: 340px
}

.share-resume-modal .modal-body {
    padding-bottom: 32px
}

.share-resume-modal .modal-body h3 {
    margin: 16px
}

.share-resume-modal .modal-body p {
    margin: 0
}

.share-resume-modal .modal-footer {
    padding-top: 0
}

.popover-container.date_range {
    min-width: 250px
}

.popover-container.date_range .popover-open-container {
    padding: 0
}

.date-range-picker-container {
    color: #384347;
    text-align: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.date-range-picker-container .tabs {
    color: #b2b4b6;
    font-size: 14px
}

.date-range-picker-container .tabs span {
    width: 50%;
    display: inline-block;
    padding: 15px;
    vertical-align: bottom;
    background-color: #f2f2f2;
    cursor: pointer
}

.date-range-picker-container .tabs span.from {
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px
}

.date-range-picker-container .tabs span.from.active {
    -webkit-box-shadow: 3px 0 5px rgba(0, 0, 0, .1);
    box-shadow: 3px 0 5px rgba(0, 0, 0, .1)
}

.date-range-picker-container .tabs span.to {
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px
}

.date-range-picker-container .tabs span.to.active {
    -webkit-box-shadow: -3px 0 5px rgba(0, 0, 0, .1);
    box-shadow: -3px 0 5px rgba(0, 0, 0, .1)
}

.date-range-picker-container .tabs span.active {
    background-color: #fff;
    -webkit-border-radius: 0;
    border-radius: 0;
    position: relative
}

.date-range-picker-container .tabs span.active:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    background-color: #fff;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    top: -5px;
    left: 0;
    right: 0
}

.date-range-picker-container .ongoing-checkbox {
    background-color: #e6e6e6;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px
}

.date-range-picker-container .ongoing-checkbox .ongoing-checkbox-text {
    border: none;
    width: 100%;
    background: transparent
}

.date-range-picker-container .ongoing-checkbox .ongoing-checkbox-text:focus {
    outline: none
}

.date-range-picker-container .ongoing-checkbox i {
    line-height: 24px;
    font-size: 16px
}

.date-range-picker-container .months,
.date-range-picker-container .years {
    position: relative;
    z-index: 1;
    background-color: #fff;
    padding: 15px 20px
}

.date-range-picker-container .months .btn,
.date-range-picker-container .years .btn {
    padding-top: 9px;
    padding-bottom: 9px
}

.date-range-picker-container .months .next-page,
.date-range-picker-container .years .next-page {
    float: right
}

.date-range-picker-container .months .next-page,
.date-range-picker-container .months .previous-page,
.date-range-picker-container .years .next-page,
.date-range-picker-container .years .previous-page {
    padding-top: 12px;
    padding-bottom: 10px;
    cursor: pointer
}

.date-range-picker-container .months .month,
.date-range-picker-container .months .year,
.date-range-picker-container .years .month,
.date-range-picker-container .years .year {
    padding: 7px 0;
    margin: 4px 0;
    text-align: center;
    cursor: pointer;
    border: 1px solid transparent;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: border .15s ease-out;
    transition: border .15s ease-out
}

.date-range-picker-container .months .month>.delete-overlay,
.date-range-picker-container .months .year>.delete-overlay,
.date-range-picker-container .years .month>.delete-overlay,
.date-range-picker-container .years .year>.delete-overlay {
    background-color: #00c091;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    opacity: 0;
    -webkit-transition: opacity .15s ease-out;
    transition: opacity .15s ease-out
}

.date-range-picker-container .months .month>.delete-overlay i,
.date-range-picker-container .months .year>.delete-overlay i,
.date-range-picker-container .years .month>.delete-overlay i,
.date-range-picker-container .years .year>.delete-overlay i {
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    font-size: 20px
}

.date-range-picker-container .months .month.disabled.active,
.date-range-picker-container .months .month.disabled.focus,
.date-range-picker-container .months .month.disabled:active,
.date-range-picker-container .months .month.disabled:focus,
.date-range-picker-container .months .month.disabled:hover,
.date-range-picker-container .months .year.disabled.active,
.date-range-picker-container .months .year.disabled.focus,
.date-range-picker-container .months .year.disabled:active,
.date-range-picker-container .months .year.disabled:focus,
.date-range-picker-container .months .year.disabled:hover,
.date-range-picker-container .years .month.disabled.active,
.date-range-picker-container .years .month.disabled.focus,
.date-range-picker-container .years .month.disabled:active,
.date-range-picker-container .years .month.disabled:focus,
.date-range-picker-container .years .month.disabled:hover,
.date-range-picker-container .years .year.disabled.active,
.date-range-picker-container .years .year.disabled.focus,
.date-range-picker-container .years .year.disabled:active,
.date-range-picker-container .years .year.disabled:focus,
.date-range-picker-container .years .year.disabled:hover {
    border: 1px solid transparent;
    color: rgba(56, 67, 71, .2);
    cursor: not-allowed
}

.date-range-picker-container .months .month.active,
.date-range-picker-container .months .month.focus,
.date-range-picker-container .months .month:active,
.date-range-picker-container .months .month:focus,
.date-range-picker-container .months .month:hover,
.date-range-picker-container .months .year.active,
.date-range-picker-container .months .year.focus,
.date-range-picker-container .months .year:active,
.date-range-picker-container .months .year:focus,
.date-range-picker-container .months .year:hover,
.date-range-picker-container .years .month.active,
.date-range-picker-container .years .month.focus,
.date-range-picker-container .years .month:active,
.date-range-picker-container .years .month:focus,
.date-range-picker-container .years .month:hover,
.date-range-picker-container .years .year.active,
.date-range-picker-container .years .year.focus,
.date-range-picker-container .years .year:active,
.date-range-picker-container .years .year:focus,
.date-range-picker-container .years .year:hover {
    border: 1px solid #00c091;
    color: #00c091
}

.date-range-picker-container .months .month.active,
.date-range-picker-container .months .year.active,
.date-range-picker-container .years .month.active,
.date-range-picker-container .years .year.active {
    position: relative
}

.date-range-picker-container .months .month.active:hover>.delete-overlay,
.date-range-picker-container .months .year.active:hover>.delete-overlay,
.date-range-picker-container .years .month.active:hover>.delete-overlay,
.date-range-picker-container .years .year.active:hover>.delete-overlay {
    opacity: 1
}

.date-range-picker-container .months {
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px
}

@media screen and (max-width:768px) {
    .date-range-picker-container .tabs span {
        color: #fff;
        font-weight: 600
    }

    .date-range-picker-container .tabs span.from,
    .date-range-picker-container .tabs span.to {
        background-color: #00c091
    }

    .date-range-picker-container .tabs span.to.active {
        -webkit-border-top-right-radius: 5px;
        border-top-right-radius: 5px
    }

    .date-range-picker-container .tabs span.from.active {
        -webkit-border-top-left-radius: 5px;
        border-top-left-radius: 5px
    }

    .date-range-picker-container .tabs span.active {
        background-color: #fff;
        color: #00c091
    }

    .date-range-picker-container .tabs span.active:before {
        content: none !important
    }

    .date-range-picker-container .years,
    .date-range-picker-container months {
        padding: 8px !important
    }

    .date-range-picker-container .years .row-1 {
        display: table-footer-group
    }

    .date-range-picker-container .years .row-2 {
        display: table-header-group
    }

    .date-range-picker-container .years .ongoing-checkbox {
        padding: 8px;
        margin: 0;
        background-color: #f3f3f3
    }

    .date-range-picker-container .years .ongoing-checkbox-text {
        padding-left: 8px
    }

    .date-range-picker-container .years .ongoing-checkbox input::-webkit-input-placeholder {
        color: #384347 !important;
        font-weight: 600
    }
}

.company-suggestions {
    background: #fff;
    border: 1px solid #e5e5e5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, .05);
    box-shadow: 0 2px 30px rgba(0, 0, 0, .05);
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    position: absolute;
    width: 100%;
    z-index: 3
}

.company-suggestions .suggestion-item {
    padding: 8px;
    cursor: pointer
}

.company-suggestions .suggestion-item.active,
.company-suggestions .suggestion-item:hover {
    background: hsla(0, 0%, 80%, .3333333333333333)
}

.job-details--company-logo {
    width: -webkit-calc(100% - 16px);
    width: calc(100% - 16px);
    height: 48px;
    overflow: hidden
}

.job-details .header {
    padding-top: 24px;
    padding-right: 32px
}

.job-details .header .close {
    opacity: 1 !important
}

.job-details textarea {
    padding: 16px !important
}

.job-details .left {
    padding-top: 0
}

@media screen and (min-width:768px) {
    .job-details .left {
        padding-right: 40px
    }
}

.job-details .right {
    min-height: 605px
}

@media (max-width:767px) {
    .job-details--menu {
        margin: 16px -16px;
        width: -webkit-calc(100% + 32px);
        width: calc(100% + 32px)
    }
}

.job-details--menu .menu-item {
    padding: 8px;
    margin-bottom: 4px;
    font-family: Rubik;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    position: relative
}

@media (min-width:768px) {
    .job-details--menu .menu-item {
        padding: 8px 16px;
        height: 40px;
        font-size: 14px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        font-size: 16px;
        text-align: left;
        -webkit-transition: color .2s;
        transition: color .2s
    }

    .job-details--menu .menu-item:after {
        content: " ";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 100%;
        bottom: 0;
        background-color: #00c091;
        -webkit-transition: right .2s;
        transition: right .2s
    }

    .job-details--menu .menu-item.active:after {
        right: 0
    }

    .job-details--menu .menu-item.active {
        color: #fff
    }
}

@media screen and (max-width:767px) {
    .job-details--menu .menu-item {
        border-bottom: 5px solid #e9e9e9;
        border-top: 1px solid #e9e9e9
    }

    .job-details--menu .menu-item.active {
        border-bottom: 5px solid #00c091
    }
}

.job-details--menu .menu-item i {
    line-height: 14px;
    margin-right: 8px
}

.job-details--menu .menu-badge {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 18px;
    height: 20px;
    font-weight: 600;
    font-size: 12px;
    color: #fff;
    line-height: 16px;
    background: #8c7cdb;
    display: inline-block;
    text-align: center;
    margin-left: 8px;
    position: relative;
    top: -2px;
    padding-top: 1px
}

.job-details--company-name {
    font-family: Rubik;
    font-size: 16px;
    line-height: 20px;
    color: #65696d
}

.job-details--position {
    line-height: 28px;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap
}

.job-details .tasks-tab--list {
    border-top: 1px solid #e6e6e6;
    padding-top: 16px
}

.job-details .tasks-tab--badge {
    background: #f2f2f2;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    display: inline-block;
    padding: 4px 8px;
    color: #65696d;
    cursor: pointer
}

.job-details .tasks-tab .form-group {
    margin: 0
}

.job-details .tasks-tab--single-task {
    padding: 16px;
    -webkit-transition: background .3s;
    transition: background .3s;
    margin: 0 !important;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.job-details .tasks-tab--single-task:hover {
    background: #f8f8f8
}

.job-details .tasks-tab--single-task hr {
    width: 90%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    border-top: 0 !important;
    border-bottom: 1px solid #000
}

.job-details .tasks-tab--task-title {
    font-size: 16px;
    line-height: 19px
}

.job-details .notes-tab--list {
    border-top: 1px solid #e6e6e6;
    padding-top: 16px
}

.job-details .notes-tab--single-note {
    background: #fafafa;
    margin-bottom: 16px;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.job-details .notes-tab--note-content,
.job-details .notes-tab--note-header {
    padding: 8px 16px
}

.job-details .notes-tab--note-header {
    border-bottom: 1px solid #e6e6e6;
    min-height: 48px
}

.job-details .notes-tab--note-header div {
    font-size: 12px;
    color: #65696d
}

.job-details .notes-tab .textarea-header {
    border: 1px solid #b3b3b3;
    border-bottom: none;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    padding: 3px 3px 3px 16px
}

.job-details .notes-tab .textarea-header span {
    color: #65696d;
    font-size: 12px
}

.job-details .notes-tab .textarea-header button {
    padding: 5px 12px
}

.job-details .notes-tab textarea {
    -webkit-border-top-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    -webkit-border-top-right-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.job-details .documents-tab--list-selected {
    border-top: 1px solid #e6e6e6
}

.job-details .documents-tab--list-documents {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.job-details .documents-tab--list-documents>div {
    padding: 16px 8px;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.job-details .documents-tab--list-documents>div:first-child {
    cursor: pointer
}

.job-details .documents-tab--list-documents>div:first-child.opened {
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}

.job-details .documents-tab--list-documents .dropdown-list {
    border-top: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    max-height: 400px;
    overflow: scroll
}

.job-details .documents-tab--list-documents .dropdown-list--documents-wrapper {
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #e6e6e6
}

.job-details .documents-tab--list-documents .dropdown-list--single-document {
    padding: 16px;
    border-bottom: 1px solid #e6e6e6;
    cursor: pointer
}

.job-details .documents-tab--list-documents .dropdown-list--single-document:last-child {
    border-bottom: 0 !important
}

.job-details .documents-tab .icon {
    line-height: 10px
}

.job-details .documents-tab .documents-tab--list-selected .documents-tab--single-document {
    padding: 16px;
    margin-bottom: 16px;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer
}

@-webkit-keyframes fade-menus {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fade-menus {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.dropdown--block {
    display: block;
    width: 100%
}

.dropdown--inlineblock {
    display: inline-block
}

.dropdown--inlineblock .btn-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.dropdown--inlineblock .btn-link i {
    line-height: normal
}

.dropdown--menu {
    position: fixed;
    z-index: 1061;
    background-color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 224px;
    padding: 16px;
    -webkit-box-shadow: 0 0 18px -9px rgba(0, 0, 0, .45);
    box-shadow: 0 0 18px -9px rgba(0, 0, 0, .45)
}

.dropdown--menu.scrollable {
    height: 70%;
    overflow-y: scroll;
    min-width: 240px !important;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.dropdown--menu.scrollable::-webkit-scrollbar {
    display: none
}

.dropdown--menu.maximum-width {
    max-width: 100% !important;
    left: 0 !important
}

.dropdown--menu .btn-link-container {
    min-height: 32px;
    padding-top: 5px
}

.dropdown--menu .btn-link {
    margin-bottom: 3px;
    width: 100%;
    text-align: left
}

.dropdown--menu .btn-link:hover {
    color: #65696d !important
}

.dropdown--menu .btn-delete {
    color: #ff576f !important
}

.dropdown--menu .btn-delete:hover {
    color: #ffabb7 !important
}

@media screen and (min-width:768px) {
    .dropdown--menu .pointing-arrow {
        position: absolute;
        top: -2px;
        left: 36px;
        width: 14px;
        height: 14px;
        background: #fff;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        content: " ";
        display: block;
        z-index: 0;
        -webkit-transform: rotate(45deg) translateX(-50%);
        transform: rotate(45deg) translateX(-50%);
        border-top: 1px solid hsla(0, 0%, 80%, .5490196078431373);
        border-left: 1px solid hsla(0, 0%, 80%, .5490196078431373)
    }
}

.dropdown--menu.toolbox-dropdown {
    -webkit-animation: fade-menus .2s forwards !important;
    animation: fade-menus .2s forwards !important
}

@media screen and (max-width:767px) {
    .dropdown--backdrop {
        background: rgba(71, 68, 90, .93) !important;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1051
    }

    .dropdown--menu {
        left: 50% !important;
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }

    .dropdown--menu.scrollable {
        overflow-y: scroll !important;
        height: 95% !important;
        top: 20px !important
    }

    .dropdown--menu.normal {
        top: 50% !important;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .dropdown--menu.toolbox-dropdown {
        -webkit-animation: fade-in .2s forwards !important;
        animation: fade-in .2s forwards !important
    }
}

.new-job-application .modal-header {
    border-bottom: 0 !important;
    padding-bottom: 0 !important
}

.new-job-application .modal-body {
    padding-top: 0 !important
}

.new-job-application .modal-body textarea {
    padding: 8px;
    height: 200px;
    resize: vertical
}

.new-job-application .modal-body button {
    width: 130px
}

.gmail-job-import .email-content {
    padding: 16px;
    text-align: left;
    background: #f3f5fa;
    overflow-x: auto
}

.gmail-job-import .email-content a {
    color: #000
}

.gmail-job-import .email-content-heading {
    padding: 16px;
    text-align: left;
    background: #fafbfd;
    border-bottom: 1px solid #e9e9e9
}

.gmail-job-import .header .close {
    margin-top: 0 !important
}

.gmail-job-import .header .gmail-logo {
    width: 22px;
    height: 17px
}

.gmail-job-import .created-by .icon {
    position: relative;
    top: 2px
}

.gmail-job-import .gmail-account,
.gmail-job-import .gmail-emails,
.gmail-job-import .header {
    padding: 24px;
    border-bottom: 1px solid hsla(210, 3%, 71%, .5)
}

.gmail-job-import .modal-content {
    -webkit-box-pack: start !important;
    -webkit-justify-content: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important
}

.gmail-job-import .gmail-account-container {
    margin: 16px 0 8px;
    padding: 8px 16px;
    background: #f8f8f8
}

.gmail-job-import .gmail-account-container .photo {
    background: hsla(210, 3%, 71%, .5);
    width: 28px;
    height: 28px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.gmail-job-import .gmail-account .text-security {
    font-size: 10px
}

.gmail-job-import .gmail-account-container,
.gmail-job-import .gmail-emails-jobs {
    border: 1px solid hsla(210, 3%, 71%, .5);
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.gmail-job-import .gmail-emails {
    padding: 32px 24px
}

.gmail-job-import .gmail-emails-jobs .card {
    padding: 16px;
    border-bottom: 1px solid hsla(210, 3%, 71%, .5)
}

.gmail-job-import .gmail-emails-jobs .card:last-child {
    border: none
}

.gmail-job-import .gmail-emails-jobs .card .job-title {
    font-size: 16px
}

.gmail-job-import .gmail-emails-jobs .card .btn-round {
    min-width: 90px
}

.gmail-job-import .gmail-emails-jobs .card .btn-round .icon {
    top: 2px !important
}

@media screen and (max-width:480px) {
    .gmail-job-import .modal-content {
        border: none !important
    }

    .gmail-job-import .title {
        font-size: 16px
    }

    .gmail-job-import .gmail-account-container .name {
        text-overflow: ellipsis;
        overflow: hidden;
        width: 180px;
        white-space: nowrap
    }

    .gmail-job-import .gmail-account {
        padding: 24px 16px
    }

    .gmail-job-import .gmail-account .icon-information-circle {
        position: absolute;
        top: -4px
    }

    .gmail-job-import .gmail-account .text-security {
        margin-left: 20px
    }

    .gmail-job-import .gmail-emails {
        padding: 24px 16px
    }

    .gmail-job-import .gmail-emails-jobs .card .company-logo-container {
        height: 35px;
        width: 35px
    }

    .gmail-job-import .gmail-emails-jobs .card .job-title {
        font-size: 14px
    }

    .gmail-job-import .gmail-emails-jobs .card .company-name {
        font-size: 12px
    }

    .gmail-job-import .gmail-emails-jobs .card .btn-round {
        border: 1px solid #8c7cdb !important
    }
}

@-webkit-keyframes trello-board {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes trello-board {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.job-search-board {
    overflow-x: scroll;
    -webkit-animation: trello-board .55s ease-out forwards !important;
    animation: trello-board .55s ease-out forwards !important
}

.job-search-board .job-title {
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap
}

.job-search-board .react-trello-board {
    background-color: transparent !important;
    height: 450px
}

.job-search-board .react-trello-lane {
    background-color: #f8f8f8 !important;
    height: 400px;
    margin-right: 8px;
    margin-left: 8px;
    padding-left: 16px;
    padding-right: 16px;
    min-width: 280px
}

.job-search-board .react-trello-lane .custom-lane-header {
    text-transform: uppercase
}

.job-search-board .react-trello-lane .custom-lane-header div {
    display: inline-block
}

.job-search-board .react-trello-lane .custom-lane-header .card-count {
    background: #f3f3f3
}

.job-search-board .react-trello-lane .smooth-dnd-container {
    margin-top: 16px;
    min-height: 320px
}

.job-search-board .react-trello-lane .smooth-dnd-container.vertical>.smooth-dnd-draggable-wrapper {
    overflow: visible !important
}

.job-search-board .react-trello-card {
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: #fff;
    position: relative;
    padding: 12px;
    cursor: pointer;
    max-width: 260px;
    margin-bottom: 10px;
    min-width: 230px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1)
}

.job-search-board .react-trello-card:focus,
.job-search-board .react-trello-card:hover {
    background-color: #f2f2f2
}

.card-options-container {
    padding-top: 16px
}

.card-options-container .Grid-cell--xs-offset-2 {
    margin-left: 16.6666666667%
}

.company-logo-container {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    height: 45px;
    width: 45px
}

.btn-options {
    border: 1px transparent;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    padding: 0
}

.btn-options:focus,
.btn-options:hover {
    background-color: #ccc
}

.btn-options .icon {
    line-height: 25px
}

.custom-card-options .icon-btn {
    font-size: 12px
}

.custom-card-options .options-menu {
    position: absolute;
    z-index: 1;
    background-color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 200px;
    padding: 12px 8px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1)
}

.custom-card-options .options-menu .btn-link-container {
    min-height: 32px;
    padding-top: 5px
}

.custom-card-options .options-menu .btn-link {
    margin-bottom: 3px;
    width: 100%;
    text-align: left
}

.custom-card-options .options-menu .btn-link:hover {
    color: #65696d !important
}

.custom-card-options .options-menu .btn-delete {
    color: #ff576f !important
}

.custom-card-options .options-menu .btn-delete:hover {
    color: #ffabb7 !important
}

.mobile-rearrange-sections .modal-content {
    background: #f3f3f3;
    display: inline-grid
}

.mobile-rearrange-sections .reorder-header,
.mobile-rearrange-sections .reorder-page,
.mobile-rearrange-sections .reorder-page-content,
.mobile-rearrange-sections .reorder-section {
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.mobile-rearrange-sections .reorder-page-content {
    padding: 16px !important;
    width: 100% !important;
    display: block;
    margin: auto
}

.mobile-rearrange-sections .reorder-header,
.mobile-rearrange-sections .reorder-section {
    margin-bottom: 7px;
    border-bottom: none !important
}

.mobile-rearrange-sections .btn-preview {
    position: absolute !important;
    right: 16px !important
}

.mobile-rearrange-sections .btn-preview .btn-toolbox-main--bg {
    width: 40px !important;
    height: 40px !important;
    font-size: 18px
}

@media (max-width:480px) {
    .mobile-rearrange-sections .reorder-resume .reorder-page {
        width: 90% !important;
        margin: auto
    }
}

@media (max-width:768px) {
    .modal-hidden .mobile-rearrange-sections {
        -webkit-animation: left-out .4s !important;
        animation: left-out .4s !important
    }

    .modal-hidden .mobile-rearrange-sections .modal-content {
        -webkit-animation: none !important;
        animation: none !important
    }
}

.reorder-resume {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.reorder-resume .reorder-page {
    padding-bottom: 10px;
    width: 320px
}

.reorder-resume .reorder-page-title {
    text-align: left;
    font-size: 16px;
    font-weight: 300;
    color: #b2b4b6;
    margin-bottom: 18px
}

.reorder-resume .reorder-header {
    background: #e6e6e6;
    margin-bottom: 7px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.reorder-resume .reorder-header,
.reorder-resume .reorder-page-columns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.reorder-resume .reorder-page-columns {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.reorder-resume .reorder-page-content {
    width: 320px;
    height: 452px;
    padding: 10px;
    background: #fff;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .7);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .7);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.reorder-resume .reaorder-column {
    width: 320px
}

.reorder-resume .reorder-column-first {
    width: 176px;
    margin-right: 7px
}

.reorder-resume .reorder-column-second {
    width: 131px
}

.reorder-resume .reorder-ghost {
    background: #b2ecde;
    pointer-events: none;
    -webkit-transition: height .2s, border-bottom-width .2s;
    transition: height .2s, border-bottom-width .2s;
    border-bottom: 0 solid #fff;
    height: 0
}

.reorder-resume .reorder-ghost.active {
    height: 35px;
    border-bottom-width: 7px
}

.reorder-resume .reorder-section {
    pointer-events: none;
    background: #999;
    border-bottom: 7px solid #fff;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    padding: 4px;
    position: relative
}

.reorder-resume .reorder-section .remove-section {
    cursor: pointer;
    position: absolute;
    top: 2px;
    right: 4px;
    pointer-events: auto;
    line-height: 12px
}

.reorder-resume .reorder-section.active {
    background: #00c091
}

.reorder-resume .reorder-section.dragged {
    border-bottom: none;
    margin-bottom: 7px
}

.reorder-resume .reorder-column-single {
    width: 100%
}

.reorder-resume .reorder-item {
    cursor: move
}

.reorder-resume .multicolumn-content .reorder-column-first {
    width: 33%;
    margin-right: 8px
}

.reorder-resume .multicolumn-content .reorder-column-second {
    width: 33%;
    margin-right: 4px;
    margin-left: 4px
}

.reorder-resume .multicolumn-content .reorder-column-third {
    width: 33%;
    margin-left: 8px
}

.reorder-resume .multicolumn-content .reorder-item {
    font-size: 10px
}

.reorder-resume .reorder-high-performer .reorder-column-first {
    width: 70%
}

.reorder-resume .reorder-high-performer .reorder-column-second {
    width: 30%
}

.reorder-resume .reorder-high-performer .reorder-item {
    font-size: 10px
}

.rearrange-mode-new .reorder-resume .reorder-page {
    width: auto
}

.rearrange-mode-new .reorder-resume .reorder-page-content {
    width: 352px;
    height: 437px;
    padding: 16px;
    border: 1px solid #e0e0e0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    box-shadow: none
}

.rearrange-mode-new .reorder-resume .reorder-page-content .remove-section {
    display: none
}

.rearrange-mode-new .reorder-resume .reorder-page-content .reorder-section {
    background: #3f9cdc;
    color: #fff
}

.rearrange-mode-new .reorder-resume .reorder-page-content .reorder-item:hover .remove-section {
    display: block
}

.rearrange-mode-new .reorder-resume .reorder-page-content .reorder-item:hover .reorder-section {
    background: #2dc08d
}

.rearrange-mode-new .reorder-resume .reorder-page-content .draggable-icon {
    position: absolute;
    top: 8px;
    left: 8px
}

.rearrange-mode-new .continue-editing {
    position: fixed;
    bottom: 40px
}

.rearrange-mode-new,
.rearrange-mode-new.mobile-rearrange-sections {
    width: 100%
}

.rearrange-mode-new.mobile-rearrange-sections .reorder-page .remove-section,
.rearrange-mode-new .reorder-page .remove-section {
    display: none;
    top: 6px;
    right: 8px;
    font-size: 11px;
    line-height: 8px
}

.rearrange-mode-new.mobile-rearrange-sections .reorder-page .reorder-section,
.rearrange-mode-new .reorder-page .reorder-section {
    background: #3f9cdc;
    color: #fff
}

.rearrange-mode-new.mobile-rearrange-sections .reorder-page .reorder-item:hover .remove-section,
.rearrange-mode-new .reorder-page .reorder-item:hover .remove-section {
    display: block
}

.rearrange-mode-new.mobile-rearrange-sections .reorder-page .reorder-item:hover .reorder-section,
.rearrange-mode-new .reorder-page .reorder-item:hover .reorder-section {
    background: #2dc08d
}

.rearrange-mode-new.mobile-rearrange-sections .reorder-page .draggable-icon,
.rearrange-mode-new .reorder-page .draggable-icon {
    position: absolute;
    top: 8px;
    left: 8px
}

.mobile-comments .modal-content {
    display: inline-grid
}

.mobile-comments .mobile-container {
    padding-left: 20px;
    padding-right: 20px
}

.mobile-comments .invite-btn {
    display: inline;
    outline: none;
    border: none;
    background: transparent;
    padding-left: 0;
    color: #2dc08d;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.mobile-comments .invite-btn span {
    padding-top: 1px
}

.mobile-comments .invite-btn .icon {
    height: 24px;
    width: 24px;
    position: relative
}

.mobile-comments .invite-btn .icon-plus {
    font-size: 20px;
    color: #fff;
    position: absolute;
    top: 1px;
    left: 2px
}

.mobile-comments .invite-btn--bg {
    display: inline-block;
    height: 24px;
    width: 24px;
    background: #00c091;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0
}

.mobile-comments .invite-btn:hover {
    color: #009d75 !important
}

.mobile-comments .invite-btn:hover .icon {
    background: #009d75 !important
}

.mobile-comments .no-comments {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fafafa;
    height: 42px
}

.mobile-comments .no-comments .icon {
    padding-top: 5px
}

.mobile-comments .toggle-mask {
    position: relative
}

.mobile-comments .toggle-mask-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: hsla(0, 0%, 100%, .65);
    z-index: 10;
    text-align: center;
    font-size: 33px;
    color: #22bf91;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 20px
}

.mobile-comments .copy-link-wrapper {
    cursor: pointer;
    background-color: #fff !important;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding: 16px 10px !important;
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.mobile-comments .copy-link-wrapper .copy-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.mobile-comments .copy-link-wrapper .link-text {
    color: #5b5b5b;
    line-height: 100%;
    text-overflow: ellipsis;
    width: 230px;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block
}

.mobile-comments .copy-link-wrapper i {
    margin-right: 0 !important;
    font-size: 16px;
    line-height: 10px
}

.mobile-comments .copy-link-wrapper.copy-link-success {
    background-color: #eaf8f3
}

.mobile-comments .copy-link-wrapper.copy-link-success .link-text {
    color: #2dc08c
}

.mobile-comments .email-blocks-inner>.text-field {
    max-width: 140px
}

.mobile-comments .email-input {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #eee !important;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.mobile-comments .email-input button {
    max-height: 40px
}

.mobile-comments .feedback-user-container {
    font-size: 15px;
    margin-bottom: 16px
}

.mobile-comments .resolved-container,
.mobile-comments .username-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.mobile-comments .feedback-count,
.mobile-comments .resolved-count {
    padding-left: 6px;
    padding-right: 6px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.mobile-comments .feedback-count {
    background-color: #ffabb7
}

.mobile-comments .feedback-count.enabled {
    background-color: #ff576f
}

.mobile-comments .resolved-count {
    background-color: #62d0aa
}

.mobile-comments .resolved-count.enabled {
    background-color: #2dc08d
}

.mobile-comments .feedback-count-text,
.mobile-comments .resolved-count-text {
    color: #fff
}

@media (max-width:768px) {
    .modal-hidden {
        -webkit-animation: left-out .4s !important;
        animation: left-out .4s !important
    }

    .modal-hidden .modal-content {
        -webkit-animation: none !important;
        animation: none !important
    }
}

.mobile-in-editor-resume-creation .resume-creation {
    padding: 16px !important
}

.resume-creation .resume-creation-option div,
.resume-creation .resume-creation-option label {
    cursor: pointer
}

.resume-creation .continue-btn-container {
    background-color: #f3f3f3;
    padding: 16px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.resume-creation .continue-btn {
    width: 100%
}

.resume-creation .pro-text {
    font-size: 12px;
    background: #8c7cdb;
    padding: 2px 6px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-left: 5px;
    color: #fff;
    position: relative
}

.mobile-resume-toolbox .modal-content {
    background: #f3f3f3 !important
}

.mobile-resume-toolbox .modal-content .toolbox-inner {
    width: 100% !important;
    height: 100% !important
}

@media (max-width:768px) {
    .modal-hidden .mobile-resume-toolbox {
        -webkit-animation: left-out .4s !important;
        animation: left-out .4s !important
    }

    .modal-hidden .mobile-resume-toolbox .modal-content {
        -webkit-animation: none !important;
        animation: none !important
    }
}

.cl-templates-options {
    background: #fff;
    margin: 8px 14px;
    padding: 8px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 1px 0 rgba(0, 0, 0, .15);
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.cl-templates-options .title {
    font-family: Rubik, sans-serif
}

.cl-templates-options .icon {
    color: #8c7cdb;
    height: 27px;
    width: 26px;
    font-size: 26px
}

.cl-templates-options-active,
.cl-templates-options:hover {
    background: #8c7cdb
}

.cl-templates-options-active .icon,
.cl-templates-options-active .title,
.cl-templates-options:hover .icon,
.cl-templates-options:hover .title {
    color: #fff
}

.cl-templates-notification {
    background: #8c7cdb;
    margin: 8px 14px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.cl-templates-notification .text-sm {
    line-height: 20px
}

.cl-templates-notification .close {
    color: #fff;
    opacity: 1 !important;
    font-size: 10px !important
}

@media (max-width:767px) {
    .cl-templates-options .icon {
        color: #384347
    }

    .cl-templates-options .title {
        font-size: 16px
    }

    .use-cl-title {
        font-size: 14px
    }
}

.slider-dot {
    display: inline-block;
    background: #ccc;
    width: 24px;
    height: 4px;
    margin-left: 4px;
    margin-right: 4px
}

.slider-dot.active {
    background: #555
}

.slider-dot-updated {
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 2px 24px
}

.slider-dot-updated.active {
    background: #8c7cdb
}

.mobile-layouts-dropdown .modal-content {
    background: #f3f3f3;
    overflow-y: scroll;
    display: inline-grid
}

.mobile-layouts-dropdown .modal-content .templates-container {
    overflow-x: hidden
}

.mobile-layouts-dropdown .modal-content .layout-section {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    overflow-x: hidden
}

.mobile-layouts-dropdown .modal-content .layout-section .mobile-section-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    overflow-x: scroll
}

.mobile-layouts-dropdown .modal-content .layout-section .btn-layout-item {
    margin-right: 16px
}

.mobile-layouts-dropdown .modal-content .layout-section .btn-layout-item .layout-img-holder {
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.mobile-layouts-dropdown .modal-content .layout-section .btn-layout-item .layout-img-holder img {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 305px;
    height: 432px
}

.mobile-layouts-dropdown .modal-content .layout-section .btn-layout-item .selected {
    border: 2px solid #00c091 !important
}

.mobile-layouts-dropdown .modal-content .layout-section .layout-name {
    font-weight: 500
}

.mobile-layouts-dropdown .modal-content .layout-section .circle-bg-icon {
    line-height: 20px;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    background: #00c091;
    margin-left: -28px
}

.mobile-layouts-dropdown .modal-content .layout-section .circle-bg-icon .icon {
    top: 2px;
    font-size: 14px;
    position: relative
}

@media (max-width:768px) {
    .modal-hidden .mobile-layouts-dropdown {
        -webkit-animation: left-out .4s !important;
        animation: left-out .4s !important
    }

    .modal-hidden .mobile-layouts-dropdown .modal-content {
        -webkit-animation: none !important;
        animation: none !important
    }
}

.resume-import--circles {
    width: 250px;
    height: 250px;
    -webkit-border-radius: 125px;
    border-radius: 125px;
    border: 1px solid #d0d0d0;
    display: inline-block;
    cursor: pointer;
    margin: 45px 50px 0;
    -webkit-transition: background .3s, -webkit-box-shadow .3s;
    transition: background .3s, -webkit-box-shadow .3s;
    transition: background .3s, box-shadow .3s;
    transition: background .3s, box-shadow .3s, -webkit-box-shadow .3s;
    background: hsla(0, 0%, 100%, 0)
}

.resume-import--circles:hover {
    background: rgba(140, 124, 219, .4);
    -webkit-box-shadow: 0 0 28px -9px rgba(0, 0, 0, .75);
    box-shadow: 0 0 28px -9px rgba(0, 0, 0, .75)
}

.resume-import--circles .resume-import--circles-title {
    font-size: 25px;
    font-weight: 700
}

.resume-import--circles i {
    font-size: 78px;
    text-align: center;
    margin-top: 30px
}

.import-button {
    min-width: 290px !important;
    -webkit-box-shadow: 0 0 22px -9px rgba(0, 0, 0, .75);
    box-shadow: 0 0 22px -9px rgba(0, 0, 0, .75)
}

.import-button span {
    line-height: 34px
}

.import-button .icon {
    position: relative;
    top: 4px;
    font-size: 24px;
    color: #fff
}

.purple-link {
    color: #8c7cdb;
    font-weight: 700;
    cursor: pointer
}

.purple-link:hover {
    color: #624cce
}

.loading-bar {
    height: 10px;
    overflow: hidden;
    background: #ccc;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.loading-bar .bar {
    position: relative;
    height: 100%;
    background: #8c7cdb;
    -webkit-transition: width .5s ease-in;
    transition: width .5s ease-in
}

.calendly-scheduler .calendly-container ._2LpwQ___Wrapper__cls1 {
    margin-top: 16px !important
}

.calendly-scheduler .close {
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
    z-index: 10
}

.guide-backdrop {
    position: absolute;
    z-index: 1001;
    background: rgba(0, 0, 0, .4666666666666667);
    -webkit-transition: top .3s, left .3s, right .3s, bottom .3s, width .3s, height .3s;
    transition: top .3s, left .3s, right .3s, bottom .3s, width .3s, height .3s
}

.guide-popover {
    position: absolute;
    width: 300px;
    background: #56bd94;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    z-index: 1002;
    font-size: 14px;
    line-height: 16px;
    -webkit-transition: top .3s, left .3s;
    transition: top .3s, left .3s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 16px;
    padding: 16px;
    color: #fff
}

.guide-popover:before {
    content: " ";
    display: block;
    position: absolute;
    top: -9px;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    width: 20px;
    height: 20px;
    background: #56bd94;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.guide-popover .icon-02-free-check-mark,
.guide-popover .icon-icon-arrowright {
    top: 2px;
    position: relative
}

.guide-popover .icon-close-1 {
    float: right;
    position: relative;
    top: -1px;
    font-size: 19px
}

.scrollbar-container.style-guide-test {
    width: 300px;
    height: 300px
}

.scrollbar-container .scrollhost {
    overflow: auto;
    height: 100%;
    scrollbar-width: none;
    -ms-overflow-style: none;
    position: relative
}

.scrollbar-container .scrollhost::-webkit-scrollbar {
    display: none
}

.scrollbar-container .scrollhost-container {
    position: relative;
    height: 100%
}

.scrollbar-container .scroll-bar {
    width: 10px;
    height: 100%;
    right: 0;
    top: 0;
    position: absolute;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    bottom: 0;
    background-color: hsla(210, 3%, 71%, .2)
}

.scrollbar-container .scroll-thumb {
    width: 8px;
    height: 20px;
    margin-left: 1px;
    position: absolute;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    opacity: 1;
    top: 0;
    background-color: hsla(210, 4%, 41%, .5)
}

.auth-controls-container {
    max-width: 368px;
    width: 100%;
    margin: 0 auto
}

.auth-page-close {
    position: absolute;
    right: 16px;
    top: 16px;
    opacity: .1
}

.custom-bullet-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.custom-bullet-icon {
    padding-right: 8px;
    margin-left: -4px;
    width: 54px;
    height: 46px;
    font-size: 36px;
    color: #8c7cdb
}

.custom-bullet-text {
    color: #65696d;
    font-size: 16px;
    margin: auto auto auto 0;
    white-space: pre-wrap
}

.tags-bubble {
    background-image: url(/98206a694c98d166421b936469d20ecc.svg);
    background-repeat: no-repeat;
    background-size: 312px;
    background-position: 12px 0;
    padding: 16px 56px;
    min-width: 370px;
    margin-top: 32px;
    margin-left: -28px;
    font-size: 16px;
    color: #65696d;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media screen and (max-width:768px) {
    .tags-bubble {
        background: none;
        padding: 0;
        font-size: 14px;
        margin-left: 0;
        min-width: 0;
        margin-top: 8px;
        margin-bottom: 24px
    }
}

.auth-page {
    width: 100%;
    min-height: 100%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background: linear-gradient(320deg, #ebe6f8, #fefefe)
}

.auth-page .controls-container {
    width: 100%
}

.auth-page .controls-container .inviter-name {
    line-height: 30px;
    font-size: 24px;
    margin-top: 72px;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width:768px) {
    .auth-page .controls-container {
        max-width: 562px;
        min-height: 685px;
        width: 100%;
        border: 1px solid rgba(71, 72, 75, .04);
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-color: #fff;
        -webkit-box-shadow: 0 2px 2px 0 hsla(0, 0%, 87%, .5);
        box-shadow: 0 2px 2px 0 hsla(0, 0%, 87%, .5);
        margin-right: 16px
    }
}

.auth-page a {
    color: #65696d;
    font-weight: 700;
    cursor: pointer
}

.auth-page a:hover {
    color: #8c7cdb
}

.job-assessment-error {
    margin: 200px auto 0;
    text-align: center;
    font-size: 20px
}

.job-assessment-progressbar-container {
    margin: 200px auto 0;
    text-align: center;
    width: 200px
}

.job-assessment-progressbar-container .job-assessment-progressbar {
    background: #e5e5e5;
    width: 200px;
    height: 8px;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.job-assessment-progressbar-container .job-assessment-progressbar .filler {
    background: #56bd94;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    height: 8px;
    -webkit-transition: width .2s;
    transition: width .2s
}

.job-assessment-progressbar-container .progress-text {
    color: #b2b4b6
}

.job-assessment {
    font-family: Rubik
}

.job-assessment .text-info-2 {
    color: #4c8def
}

.job-assessment--right-container .job-description {
    background: #fff;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.job-assessment--right-container .job-description .icon {
    border: 1px solid #eee;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    width: 28px;
    height: 28px;
    font-size: 20px;
    padding-top: 2px
}

.job-assessment--right-container .resume-container {
    background: #fff;
    width: 100%;
    height: auto !important
}

.job-assessment--right-container .resume-container .resume-hover {
    background: rgba(71, 68, 90, .93);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.job-assessment .resume-container:hover .resume-hover {
    opacity: 1
}

.job-assessment .circular-bar {
    max-width: 48px
}

.job-assessment .circular-bar .percentage {
    font-size: 14px;
    margin-top: 11px;
    font-weight: 500
}

.job-assessment .circular-bar .CircularProgressbar .CircularProgressbar-path {
    stroke: #00c091 !important
}

.job-assessment .resume-section .title {
    font-weight: 500
}

.job-assessment .yellow-stroke .circular-bar .CircularProgressbar .CircularProgressbar-path {
    stroke: #f2c94c !important
}

@media (min-width:991px) {
    .job-assessment .container {
        width: 1130px !important
    }
}

@media (max-width:767px) {
    .job-assessment h3 {
        font-size: 22px !important;
        line-height: 34px
    }
}

.job-assessment .text-bullet {
    font-size: 10px
}

#page {
    height: 100%;
    width: 100%
}

nav.navbar-default {
    border: 0;
    -webkit-box-shadow: inset 0 -1px 0 0 rgba(77, 77, 77, .16);
    box-shadow: inset 0 -1px 0 0 rgba(77, 77, 77, .16);
    z-index: 1000
}

nav.navbar-default .navbar-dropdown a,
nav.navbar-default .navbar-dropdown a:hover {
    color: #384347
}

nav.navbar-default .btn-link {
    color: #384347 !important
}

nav.navbar-default .dropdown--inlineblock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

nav.navbar-default .navbar-nav>li>a.active {
    color: #b2b4b6
}

nav.navbar-default .navbar-text-center {
    position: absolute;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

nav.navbar-default .navbar-header a {
    color: #384347
}

nav.navbar-default .navbar-header a.active {
    color: #b2b4b6
}

nav.navbar-default .navbar-header a.mobile-dashboard-link {
    display: inline-block;
    padding: 20px 10px
}

nav.navbar-default .navbar-toggle {
    padding-top: 6px;
    padding-bottom: 6px
}

nav.navbar-default .navbar-btn-avatar {
    margin-left: -14px;
    padding-right: 0;
    margin-top: -1px;
    margin-bottom: -1px
}

nav.navbar-default .navbar-btn-avatar i {
    margin-right: -3px;
    font-size: 14px
}

nav.navbar-default .navbar-btn-notifications i {
    font-size: 18px !important
}

nav.navbar-default .navbar-btn-notifications .notification-circle {
    position: absolute;
    left: 25px;
    top: 0;
    bottom: 0;
    -webkit-transform: none;
    transform: none;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: auto 0;
    background: #ff576f;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

nav.navbar-default .navbar-btn-icon i {
    font-size: 17px;
    line-height: 17px;
    margin-top: -1px;
    margin-bottom: -1px;
    vertical-align: middle
}

nav.navbar-default .navbar-text {
    margin-bottom: 0
}

nav.navbar-default .navbar-text span {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

nav.navbar-default .credit-number {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #8c7cdb;
    width: 40px;
    height: 40px;
    line-height: 41px;
    text-align: center;
    color: #fff;
    font-size: 16px
}

nav.navbar-default .navigation-jobs {
    color: red !important;
    position: relative
}

nav.navbar-default .navigation-jobs a {
    position: relative;
    z-index: 1
}

nav.navbar-default .navigation-jobs:after {
    position: absolute;
    content: " ";
    display: inline-block;
    top: 16px;
    bottom: 16px;
    left: 4px;
    right: 4px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: hsla(210, 3%, 71%, .5)
}

nav.navbar-default .new-link {
    position: relative
}

nav.navbar-default .new-link .new-dot {
    width: 5px;
    height: 5px;
    background: #ff576f;
    display: block;
    position: absolute;
    right: 12px;
    bottom: 40px;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.navbar.job-assessment-background {
    background: #f3f3f3 !important
}

@media (max-width:991px) {
    .navbar.job-assessment-background {
        background: #fff !important
    }
}

#exit-popup-border {
    width: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
    height: 8px;
    left: 0;
    z-index: 2500
}

@media (max-width:991px) {
    #exit-popup-border {
        display: none
    }
}

.items-container {
    border: 1px solid hsla(0, 0%, 87%, .52);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden
}

.items-container .item {
    padding: 8px 12px;
    font-family: Inter UI
}

.items-container .item .i-arrow {
    font-size: 12px
}

.items-container .item.with-border {
    padding: 16px;
    border-bottom: 1px solid hsla(0, 0%, 87%, .52)
}

.items-container .item.item-bcgk-white,
.items-container .item.with-border:hover {
    background: #fff
}

.items-container .item .term {
    font-size: 11px;
    background: #f2f2f2;
    border: 1px solid hsla(0, 0%, 87%, .52);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 4px 14px;
    margin-bottom: 8px;
    margin-right: 4px;
    text-transform: uppercase
}

.items-container .item .term-box {
    width: 14px;
    height: 16px;
    font-size: 8px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-left: 4px;
    background: #65696d;
    color: #fff;
    text-align: center;
    padding-top: 3px;
    margin-top: -1px
}

.items-container .circle {
    height: 20px;
    width: 20px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: red
}

.items-container .circle .icon {
    position: relative;
    top: 1px;
    left: .2px
}

.items-container .circle.missing {
    background-color: #fff;
    border: 1px solid #ff576f
}

.items-container .circle.missing .icon {
    color: #ff576f
}

.items-container .circle.checked {
    background-color: #2dc08c
}

.items-container .circle.checked .icon {
    color: #fff;
    top: 2px
}

.items-container .border-line {
    border-bottom: 1px solid hsla(0, 0%, 87%, .52)
}

.CircularProgressbar {
    width: 100%;
    vertical-align: middle
}

.CircularProgressbar .CircularProgressbar-path {
    stroke: #3e98c7;
    stroke-linecap: round;
    -webkit-transition: stroke-dashoffset .5s ease 0s;
    transition: stroke-dashoffset .5s ease 0s
}

.CircularProgressbar .CircularProgressbar-trail {
    stroke: #d6d6d6;
    stroke-linecap: round
}

.CircularProgressbar .CircularProgressbar-text {
    fill: #3e98c7;
    font-size: 20px;
    dominant-baseline: middle;
    text-anchor: middle
}

.CircularProgressbar .CircularProgressbar-background {
    fill: #d6d6d6
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background {
    fill: #3e98c7
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text {
    fill: #fff
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path {
    stroke: #fff
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail {
    stroke: transparent
}

.footer {
    color: #fff;
    padding: 30px 0 10px;
    border-top: 1px solid hsla(0, 0%, 87%, .52);
    font-size: 13px;
    line-height: 20px
}

@media screen and (max-width:768px) {
    .footer {
        padding: 16px
    }
}

.footer .muted {
    color: #fff;
    opacity: .6
}

.footer .muted a,
.footer .muted button {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
    color: inherit
}

.footer .footer-list li a:focus,
.footer .footer-list li a:hover,
.footer .footer-list li button:focus,
.footer .footer-list li button:hover {
    opacity: .5
}

.footer .footer-list li button {
    border: none;
    outline: none;
    background-color: transparent
}

.footer .footer-list li:before {
    content: "\B7";
    margin-right: 10px;
    font-size: 18px;
    color: #fff;
    vertical-align: middle
}

.footer .footer-list li:first-child:before {
    content: none
}

.footer.inverted {
    border-color: #e6e6e6;
    background: transparent
}

.footer.inverted .muted {
    color: #384347;
    opacity: .4
}

.footer.inverted .footer-list li:before,
.footer.inverted .footer-list li a,
.footer.inverted .footer-list li button {
    color: #384347
}

.footer.whitebg {
    background: #fff !important
}

.forgotten-password-popup .reset-message {
    font-size: 16px
}

.forgotten-password-popup .form-group {
    margin-bottom: 0
}

.forgotten-password-popup .modal-header {
    padding: 24px;
    border-bottom: 1px solid #e6e6e6
}

.forgotten-password-popup .modal-body {
    padding: 32px
}

.profile-section .form-group {
    margin-bottom: 24px
}

.profile-section .gray-form-group {
    background: #fafafa;
    padding: 24px 16px
}

.profile-section .gray-form-group .checkbox {
    margin: 0
}

.profile-section .profile-upgrade {
    padding: 24px;
    -webkit-box-shadow: 0 0 2px 0 rgba(77, 77, 77, .16);
    box-shadow: 0 0 2px 0 rgba(77, 77, 77, .16)
}

.profile-section .profile-upgrade .text-lg {
    font-weight: 400
}

.profile-section .profile-upgrade .plan-benefits {
    margin-top: 32px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.profile-section .profile-upgrade .plan-benefits .benefit-item {
    font-size: 12px;
    margin-bottom: 8px
}

.profile-section .profile-upgrade .plan-benefits i {
    line-height: 12px;
    margin-right: 8px;
    color: #00c091
}

#sidebar {
    width: 100%
}

#sidebar .nav-stacked {
    width: 100%;
    text-align: center;
    background-color: #fafafa;
    padding-top: 24px
}

#sidebar .nav-stacked>li {
    display: inline-block
}

#sidebar .nav-stacked>li>a {
    display: inline-block;
    padding: 0 0 24px
}

#sidebar .nav-stacked>li+li {
    margin-left: 32px;
    margin-top: 0
}

.account-page {
    background: #fff;
    color: #384347
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .account-page {
        min-height: 100vh;
        height: auto
    }

    .account-page .app-container {
        min-height: -webkit-calc(100vh - 82px);
        min-height: calc(100vh - 82px)
    }
}

.account-page li,
.account-page ul {
    list-style: none
}

.account-page #heading {
    font-family: Rubik, sans-serif !important;
    margin-top: 0
}

.account-page .account-content {
    width: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.invite-friends-section .background-gradient {
    background-color: #fafafa;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    height: 100%;
    width: 100%
}

.invite-friends-section .info-text-small {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.invite-friends-section .info-text-big {
    font-size: 19px;
    font-weight: 300;
    line-height: 23px;
    margin-bottom: 8px
}

@media (max-width:480px) {
    .invite-friends-section .info-text-big {
        font-size: 16px;
        line-height: 19px
    }
}

@media (max-width:767px) {
    .invite-friends-section .app-container {
        width: 100%
    }

    .invite-friends-section .information-text {
        font-size: 19px;
        line-height: 23px;
        margin-bottom: 24px
    }
}

.avatar {
    width: 40px;
    height: 40px;
    color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    background-color: #65696d
}

.notifications-dropdown-container {
    position: absolute;
    top: 80px;
    right: 16px;
    max-width: 400px;
    width: 100%;
    background: #fff;
    z-index: 100;
    -webkit-box-shadow: 0 0 2px 0 rgba(83, 83, 83, .5);
    box-shadow: 0 0 2px 0 rgba(83, 83, 83, .5);
    -webkit-border-radius: 5px;
    border-radius: 5px
}

@media screen and (max-width:768px) {
    .notifications-dropdown-container {
        width: auto;
        left: 16px
    }
}

@media screen and (min-width:768px) {
    .notifications-dropdown-container:before {
        top: -31px;
        right: 70px;
        font-size: 37px;
        font-family: fontawsomeenhancv;
        content: "\E037";
        position: absolute;
        color: #fff;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        text-shadow: 0 1px hsla(210, 3%, 71%, .5)
    }
}

.notifications-dropdown {
    max-height: 450px;
    overflow-y: scroll
}

.notifications-dropdown--header {
    padding: 16px 16px 14px;
    font-weight: 500;
    border-bottom: 1px solid hsla(210, 3%, 71%, .2)
}

.notifications-dropdown--header span {
    position: relative;
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #b2b4b6
}

.notifications-dropdown--header span:after {
    -webkit-transition: background .3s;
    transition: background .3s
}

.notifications-dropdown--header .active {
    color: #000
}

.notifications-dropdown--header .active:after {
    content: " ";
    display: inline-block;
    position: absolute;
    bottom: -17px;
    left: 0;
    right: 0;
    height: 3px;
    background: #8c7cdb
}

.notifications-dropdown--notification {
    border-bottom: 1px solid hsla(210, 3%, 71%, .2);
    padding: 16px
}

.notifications-dropdown--notification--inactive {
    color: #65696d;
    opacity: .7;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.notifications-dropdown--notification--inactive .icon {
    color: #b2b4b6
}

.notifications-dropdown--notification--inactive:hover {
    opacity: .85
}

.notifications-dropdown--notification:last-child {
    border-bottom: 0
}

.notifications-dropdown--notification--icon {
    padding-right: 16px
}

.notifications-dropdown--notification--icon i {
    font-size: 24px
}

.notifications-dropdown--notification--active-icon-generic {
    color: #7aaacb
}

.notifications-dropdown--notification--active-icon-payment {
    color: #00c091
}

.notifications-dropdown--notification--active-icon-system {
    color: #feb251
}

.notifications-dropdown--notification--content {
    font-size: 12px
}

@media (max-width:767px) {
    .dropdown-open {
        overflow: hidden
    }
}

.navbar-dropdown {
    display: none;
    position: absolute;
    top: 80px;
    z-index: 1030;
    right: 20px;
    width: 272px;
    -webkit-box-shadow: 0 0 2px 0 rgba(83, 83, 83, .5);
    box-shadow: 0 0 2px 0 rgba(83, 83, 83, .5);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff
}

@media screen and (max-width:768px) {
    .navbar-dropdown {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0
    }
}

.navbar-dropdown--shadow {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: hsla(210, 4%, 41%, .5);
    z-index: 50
}

.navbar-dropdown:before {
    top: -31px;
    font-size: 37px;
    font-family: fontawsomeenhancv;
    content: "\E037";
    position: absolute;
    color: #fafafc;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    text-shadow: 0 1px hsla(210, 3%, 71%, .5)
}

.navbar-dropdown.profile:before {
    right: 20px
}

.navbar-dropdown.notifications:before {
    right: 75px
}

.navbar-dropdown .navbar-dropdown-container {
    overflow-x: hidden;
    overflow-y: auto
}

.navbar-dropdown.active {
    display: block
}

.navbar-dropdown li {
    border-bottom: 1px solid #e6e6e6
}

.navbar-dropdown .navbar-dropdown-header {
    background-color: #fff
}

.navbar-dropdown .navbar-dropdown-content {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden
}

.navbar-dropdown .navbar-dropdown-content li {
    padding-left: 16px;
    padding-right: 16px
}

.navbar-dropdown .navbar-dropdown-content li:first-child {
    background-color: #fafafc
}

.navbar-dropdown .navbar-dropdown-content li:first-child a {
    color: #8c7cdb;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.navbar-dropdown li:last-child {
    border-bottom: 0
}

.navbar-dropdown .navbar-dropdown-link {
    display: block;
    width: -webkit-calc(100% + 32px);
    width: calc(100% + 32px)
}

.navbar-dropdown .navbar-dropdown-link:hover {
    background-color: #e6e6e6;
    opacity: 1;
    color: #384347
}

.navbar-dropdown .navbar-dropdown-link .link-addon-icon {
    font-size: 20px;
    margin-bottom: -4px;
    margin-top: -4px
}

.persistent-toaster {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 16px;
    -webkit-box-shadow: 0 0 2px 0 rgba(77, 77, 77, .16);
    box-shadow: 0 0 2px 0 rgba(77, 77, 77, .16)
}

.persistent-toaster a:hover {
    color: #b2b4b6 !important
}

.persistent-toaster--icon {
    font-size: 24px
}

.persistent-toaster--close {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 9px;
    cursor: pointer
}

.persistent-toaster--blue {
    background-color: #e2eff8;
    border: 1px solid #7aaacb
}

.persistent-toaster--blue .icon {
    color: #7aaacb
}

.persistent-toaster--purple {
    background-color: #e8e5f8;
    border: 1px solid #8c7cdb
}

.persistent-toaster--purple .icon {
    color: #8c7cdb
}

.persistent-toaster--green {
    background-color: #d5f2e8;
    border: 1px solid #2dc08d
}

.persistent-toaster--green .icon {
    color: #2dc08d
}

.persistent-toaster--yellow {
    background-color: #fff0dc;
    border: 1px solid #feb251
}

.persistent-toaster--yellow .icon {
    color: #feb251
}

.persistent-toaster--red {
    background-color: #ffeef0;
    border: 1px solid #ff576f
}

.persistent-toaster--red .icon {
    color: #ff576f
}

.persistent-toaster--gray {
    background-color: #f8f8f8;
    border: 1px solid hsla(210, 3%, 71%, .5)
}

.persistent-toaster--gray .gmail-logo {
    background: url(/e9db11086d96f91dbd8e3706b54efc9b.svg);
    display: block;
    width: 31.67px;
    height: 24px;
    background-size: 31.67px 24px;
    margin-top: 2px
}

.persistent-toaster--gray .persistent-toaster--close {
    font-size: 18px;
    top: 16px;
    right: 16px;
    color: #65696d
}

.persistent-toaster--gray a {
    color: #65696d
}

.plan-details .panel-title+a {
    color: #65696d;
    text-decoration: underline
}

.plan-details .panel-title+a:focus,
.plan-details .panel-title+a:hover {
    text-decoration: none
}

.plan-details .cancel-subscription {
    color: #65696d;
    text-decoration: underline;
    font-size: 12px;
    padding: 0
}

.plan-details .cancel-subscription:focus,
.plan-details .cancel-subscription:hover {
    text-decoration: none
}

.plan-details .striked-text:before {
    border: 1px solid #b2b4b6;
    text-decoration: line-through
}

.resume-mistakes--resume {
    padding: 40px 48px 24px;
    background: #f8f8f8
}

.resume-mistakes--bullet {
    position: relative;
    text-shadow: 0 0 6px rgba(0, 0, 0, .83);
    color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.resume-mistakes--bullet span {
    color: transparent
}

.resume-mistakes--bullet.no-transparent {
    text-shadow: none;
    color: #000
}

.resume-mistakes--bullet.no-transparent span {
    color: #000
}

.resume-mistakes--bullet:before {
    content: " ";
    display: block;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: -22px;
    background: rgba(0, 0, 0, .34901960784313724);
    top: 5px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75)
}

.resume-mistakes--bullet.no-transparent:before {
    -webkit-box-shadow: initial;
    box-shadow: none
}

.resume-mistakes--bullets-container {
    position: relative
}

.resume-mistakes--bullets-container:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 0, 0, 0)), to(#f3f3f3));
    background-image: linear-gradient(180deg, rgba(255, 0, 0, 0), #f3f3f3)
}

.billing-section .panel-gray .panel-title {
    font-size: 20px;
    margin-bottom: 16px
}

.billing-section .billing-upgrade-panel {
    padding: 32px 40px;
    -webkit-box-shadow: 0 0 2px 0 rgba(77, 77, 77, .16);
    box-shadow: 0 0 2px 0 rgba(77, 77, 77, .16)
}

.billing-section .billing-upgrade-panel ul {
    text-align: left;
    display: inline-block
}

.billing-section .billing-upgrade-panel ul li {
    margin-bottom: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.billing-section .billing-upgrade-panel ul li i {
    font-size: 18px;
    margin-right: 24px;
    line-height: 12px;
    color: #00c091
}

.billing-section .billing-upgrade-panel ul li:last-child {
    margin-bottom: 0
}

.payment-details {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.payment-details button {
    color: #65696d;
    text-decoration: underline
}

.payment-details button:focus,
.payment-details button:hover {
    color: #65696d;
    text-decoration: none
}

.payment-details .credit-card {
    font-size: 16px
}

.btn-delete-payment-method {
    font-weight: 400 !important
}

.transactions-list .table.table-transactions thead {
    color: #ccc;
    border-top: 1px solid #e6e6e6
}

.transactions-list .table.table-transactions>tbody>tr>td,
.transactions-list .table.table-transactions>thead>tr>td {
    padding: 16px
}

.transactions-list .table.table-transactions>tbody>tr>td:first-child,
.transactions-list .table.table-transactions>thead>tr>td:first-child {
    padding-left: 0
}

.transactions-list .table.table-transactions>tbody>tr>td:last-child,
.transactions-list .table.table-transactions>thead>tr>td:last-child {
    padding-right: 0;
    text-align: right
}

.transactions-list .btn.btn-transaction-download {
    padding-right: 0;
    margin-top: -12px;
    margin-bottom: -12px
}

.invite-friends-section {
    padding: 0 0 64px
}

.invite-friends-section>.container {
    padding: 0
}

@media (max-width:767px) {
    .invite-friends-section>.container {
        padding: 0 24px
    }
}

@media (max-width:480px) {
    .invite-friends-section {
        padding: 16px 0
    }
}

.invite-friends-section .invites-container {
    position: relative
}

.invite-friends-section .invites-container .resend-all {
    position: absolute;
    right: 0;
    text-align: center
}

.invite-friends-section .invites-container .resend-all .icon-40x40 {
    font-size: 18px
}

.invite-friends-section .invites-list {
    line-height: 16px;
    padding-left: 0;
    border-bottom: 1px solid #e6e6e6
}

.invite-friends-section .invites-list>li {
    border-top: 1px solid #e6e6e6;
    padding: 8px 0
}

.invite-friends-section .invites-list .text-muted {
    color: #b2b4b6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 500
}

.invite-friends-section .invites-list .icon-40x40 {
    font-size: 18px;
    text-align: center
}

.invite-friends-section .hero-holder.discount-balance {
    position: relative;
    padding-top: 48px;
    padding-bottom: 48px;
    margin: 0
}

.invite-friends-section .hero-holder.discount-balance .panel {
    position: relative;
    background: #fff;
    border: 1px solid #8c7cdb;
    margin-bottom: 0
}

.invite-friends-section .hero-holder.discount-balance .panel.success {
    border: 1px solid #00c091
}

.invite-friends-section .hero-holder.discount-balance .panel .info-text-small {
    margin-bottom: 0
}

@media (max-width:480px) {
    .invite-friends-section .hero-holder.discount-balance .panel .btn-primary {
        margin-bottom: 8px
    }

    .invite-friends-section .hero-holder.discount-balance .panel .info-text-small {
        margin-bottom: 16px
    }

    .invite-friends-section .hero-holder.discount-balance .panel .information-text {
        text-align: center
    }
}

.invite-friends-section .hero-holder {
    width: 100%;
    position: relative;
    margin-bottom: 29px;
    padding-top: 40px;
    padding-bottom: 61px
}

@media (max-width:480px) {
    .invite-friends-section .hero-holder {
        padding-bottom: 37px
    }
}

.invite-friends-section .hero-holder .container {
    position: relative
}

.invite-friends-section .email-input {
    background: #fff;
    margin-top: 32px;
    margin-bottom: 16px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 100
}

@media (max-width:480px) {
    .invite-friends-section .email-input {
        margin-top: 8px;
        width: 90%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%
    }
}

.invite-friends-section .buttons-wrapper {
    margin-top: 24px
}

.invite-friends-section .buttons-wrapper .share-links {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.invite-friends-section .buttons-wrapper .share-links>*+* {
    margin-left: 8px
}

.invite-friends-section .buttons-wrapper .share-links .btn.share-social {
    width: 40px;
    height: 40px;
    padding: 0
}

@media (max-width:480px) {
    .invite-friends-section .buttons-wrapper .share-links .btn {
        width: 40px;
        height: 40px;
        padding: 0
    }
}

@media (max-width:991px) {
    .invite-friends-section .buttons-wrapper {
        margin-top: 16px;
        display: block
    }

    .invite-friends-section .buttons-wrapper .btn-danger,
    .invite-friends-section .buttons-wrapper .share-links>* {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .invite-friends-section .buttons-wrapper .btn-danger {
        margin-bottom: 8px;
        width: 100%
    }
}

@media (max-width:767px) {
    .invite-friends-section .buttons-wrapper .share-links>* {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.invite-friends-section .panel-default {
    margin: 0 auto 64px;
    max-width: 752px;
    line-height: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (max-width:480px) {
    .invite-friends-section .panel-default {
        margin: 0 auto 32px
    }
}

.invite-friends-section .panel-default .icon-40x40 {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #384347;
    font-size: 16px;
    text-align: center;
    background: #e6e6e6
}

.invite-friends-section .panel-default .Grid--column>*+* {
    margin-top: 16px
}

.invite-friends-section .tooltip {
    min-width: 204px
}

.email-input {
    -webkit-box-shadow: 0 0 2px 0 rgba(77, 77, 77, .16);
    box-shadow: 0 0 2px 0 rgba(77, 77, 77, .16);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: no-wrap;
    -ms-flex-wrap: no-wrap;
    flex-wrap: no-wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.email-input .email-blocks-wrapper {
    -ms-flex-align: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    position: relative
}

.email-input .email-blocks-inner,
.email-input .email-blocks-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.email-input .email-blocks-inner {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-align: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.email-input .email-blocks-inner>* {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.email-input .email-blocks-inner .icon-social-google-plus {
    font-size: 20px;
    color: #dd4b39
}

.email-input .email-blocks-inner a {
    color: #384347;
    text-decoration: underline
}

.email-input .contented {
    min-width: 100px;
    display: inline-block;
    border: 1px solid transparent;
    margin: 4px;
    padding: 8px 16px;
    overflow: initial
}

.email-input .contented:focus {
    outline: 0
}

.email-input .contented[placeholder]:empty:before {
    color: #b2b4b6 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.email-input .email-block {
    cursor: pointer;
    display: inline-block;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #8c7cdb;
    margin: 4px;
    padding: 9px 16px;
    -webkit-transition: border-color .3s ease-in-out, color .3s ease-in-out;
    transition: border-color .3s ease-in-out, color .3s ease-in-out;
    word-break: break-word;
    word-wrap: break-word
}

.email-input .email-block:focus,
.email-input .email-block:hover {
    color: #00c091;
    border-color: #00c091
}

@media (max-width:767px) {
    .email-input {
        border-color: #8c7cdb;
        position: relative;
        -webkit-transition: border-color .2s ease-in-out;
        transition: border-color .2s ease-in-out
    }

    .email-input.open {
        border-color: #00c091
    }

    .email-input .email-blocks-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        position: static
    }

    .email-input .email-blocks-inner {
        width: 100%
    }

    .email-input .email-blocks-inner>.icon {
        margin-right: 8px
    }

    .email-input .email-blocks-inner .connect-gmail {
        display: none
    }

    .email-input .email-dropdown-wrapper {
        width: -webkit-calc(100% + 2px);
        width: calc(100% + 2px);
        margin: 1px -1px
    }

    .email-input .email-dropdown {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 12px 16px
    }

    .email-input .email-dropdown.import-from-gmail {
        padding: 19px 16px
    }

    .email-input .email-dropdown .email-dropdown-name {
        margin-left: 0;
        margin-right: 0
    }

    .email-input .btn-primary {
        width: 40px;
        padding: 0 12px
    }

    .email-input .btn-primary>i {
        line-height: 40px
    }
}

.import-from-gmail {
    padding: 20px 24px
}

.import-from-gmail .gmail-icon {
    background: #d93e3c;
    color: #fff;
    width: 17px;
    height: 17px;
    display: inline-block;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    margin-right: 8px
}

.share-links .form-control {
    position: absolute !important;
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden
}

.share-links .icon-facebook-square {
    color: #3b5998;
    font-size: 20px
}

.share-links .icon-linkedin-square-1 {
    color: #2578b5;
    font-size: 20px
}

.share-links .icon-29-twitter {
    color: #5eaade;
    font-size: 20px
}

.share-links .icon-flash {
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 19px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    background: -webkit-gradient(linear, right top, left top, from(#01b7ff), to(#007efe)) !important;
    background: linear-gradient(270deg, #01b7ff, #007efe) !important;
    color: #fff;
    -webkit-transform: scaleX(-1) rotate(270deg) !important;
    transform: scaleX(-1) rotate(270deg) !important
}

.share-links .icon-flash:before {
    line-height: 19px;
    font-size: 14px
}

@-webkit-keyframes first-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-120px);
        transform: translateY(-120px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes pros-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-24px);
        transform: translateY(-24px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes middle-in {
    0% {
        -webkit-transform: translateY(-195px);
        transform: translateY(-195px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes last-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-240px);
        transform: translateY(-240px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes element-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes title-in {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.first-in {
    -webkit-animation: first-in .5s;
    animation: first-in .5s
}

.middle-in {
    -webkit-animation: middle-in .5s;
    animation: middle-in .5s
}

.last-in {
    -webkit-animation: last-in .5s;
    animation: last-in .5s
}

.element-in {
    -webkit-animation: element-in .5s;
    animation: element-in .5s
}

.title-in {
    -webkit-animation: title-in .5s;
    animation: title-in .5s
}

.pos-top-right {
    top: 4px;
    right: 8px
}

.pros-in {
    -webkit-animation: pros-in .5s;
    animation: pros-in .5s
}

.plans {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.plans.plans-background {
    background: linear-gradient(320deg, #e9e2f7, #f4f1f9 50%, #f4f2f6)
}

.plans:before {
    content: none
}

.plans .p-top-left {
    position: absolute;
    top: 20px;
    left: 16px
}

.plans .with-icon-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 860px;
    margin-left: auto;
    margin-right: auto
}

.plans .with-icon-container,
.plans .with-icon-container .pro-benefit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.plans .with-icon-container .pro-benefit {
    padding-bottom: 0;
    font-size: 13px
}

.plans .with-icon-container .pro-benefit .icon {
    font-size: 18px;
    position: relative;
    top: 2px;
    margin-right: 12px
}

.plans .social-proof-container {
    background-image: url(/8fd02aefb627acca77e395063c84c821.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-top: 40px !important;
    margin-bottom: -30px !important;
    padding-left: 40px !important;
    padding-top: 20px !important
}

.plans .social-proof-container .social-proof-quote {
    max-width: 360px
}

.plans .social-proof-container .social-proof-quote .quote {
    font-style: italic
}

.plans .cancellation-policy-container .cancel-any-time {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    color: #2dc08d;
    margin-bottom: 6px
}

.plans .cancellation-policy-container .cancel-any-time .icon {
    margin-right: 4px
}

.plans .cancellation-policy-container .cancel-any-time span {
    margin-top: -2px
}

.plans .pricing-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 865px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 0 0 #e4e4e7;
    box-shadow: 0 1px 0 0 #e4e4e7;
    margin: 8px auto;
    padding: 16px 22px 16px 20px;
    border: 1px solid #e9e9e9;
    border-left: 6px solid
}

.plans .border-right {
    border-right: 1px solid hsla(0, 0%, 88%, .3)
}

.plans .border-orange {
    border-left-color: #ffe2ca
}

.plans .border-purple {
    border-left-color: #cbcdf4
}

.plans .border-gray {
    border-left-color: #eaeaea
}

@media screen and (max-width:992px) {
    .plans .with-icon-container {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto
    }
}

@media screen and (max-width:480px) {
    .plans .with-icon-container {
        display: block;
        margin-left: 30%
    }
}

.plans .price-b {
    position: relative;
    font-family: Rubik
}

.plans .price-b .price-value {
    font-size: 76px;
    font-weight: 300;
    line-height: 70px;
    color: #384347
}

.plans .price-b .price-currency {
    margin-right: 4px
}

.plans .price-b .price-cents,
.plans .price-b .price-currency {
    font-size: 20px;
    color: #384347;
    line-height: 30px
}

.plans .price-b .old-price {
    text-decoration: line-through
}

.plans .price-monthly .price-b {
    margin-right: 11px
}

.plans .price-monthly .price-b .price-value {
    font-size: 60px;
    line-height: 56px
}

.plans .price-monthly .price-b .price-cents,
.plans .price-monthly .price-b .price-currency {
    font-size: 16px;
    line-height: 24px
}

.plans .plan-name h5 {
    font-family: Rubik
}

.plans .plan-name :nth-child(2) {
    line-height: 23px
}

.plans .plan-name .price-b-offer {
    color: #ff576f;
    font-family: Rubik;
    font-weight: 400;
    line-height: 17px
}

.plans .plan-name .most-popular {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: rgba(255, 87, 111, .1);
    width: 230px;
    padding: 5px 8px
}

.plans .plan-name .asterisk {
    font-size: 16px;
    display: inline-block;
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px)
}

.plans .btn-plan {
    width: 195px;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px
}

.plans .text-purple {
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    cursor: pointer
}

.plans .text-purple:hover {
    color: #8c7cdb;
    opacity: .5
}

.plans .plan-current .pricing-wrapper {
    background-color: #eaeaea;
    border-left-color: #eaeaea
}

.plans .plan-current .btn-plan-current {
    background-color: #b1b3b5;
    opacity: 1
}

.plans .other-plans {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 865px;
    border: 1px solid #e9e9e9;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #f1f0f6;
    -webkit-box-shadow: 0 1px 0 0 #e4e4e7;
    box-shadow: 0 1px 0 0 #e4e4e7;
    margin: 8px auto;
    padding: 16px 24px
}

.plans .other-plans .gray-2 {
    font-size: 13px
}

@media (max-width:767px) {
    .plans .price .price-value {
        font-size: 48px;
        line-height: 48px
    }

    .plans .price .price-currency {
        font-size: 21px
    }

    .plans .other-plans {
        padding: 16px
    }

    .plans .other-plans a {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .plans .btn-plan {
        width: 100% !important
    }

    .plans .pricing-wrapper {
        border-left: none;
        border-top: 6px solid
    }

    .plans .pricing-wrapper .price-b-container {
        margin: auto;
        border: none;
        border-bottom: 1px solid hsla(0, 0%, 88%, .3);
        width: 160px
    }

    .plans .pricing-wrapper .price-b-container .price-b {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: 16px
    }

    .plans .plan-name .most-popular {
        width: 100%
    }

    .plans .border-orange {
        border-top-color: #ffe2ca
    }

    .plans .border-purple {
        border-top-color: #cbcdf4
    }

    .plans .border-gray {
        border-top-color: #eaeaea
    }
}

@media (max-width:991px) {
    .plans .btn-plan {
        width: 100%;
        padding: 16px;
        margin-top: 4px
    }
}

.plans .copyright {
    position: absolute;
    bottom: 24px;
    left: 0;
    right: 0;
    font-size: 13px;
    color: #828282
}

.plans-new .logo-container {
    position: absolute;
    top: 1px;
    left: 0;
    z-index: 1
}

.plans-new .logo-container .p-top-left {
    top: 16px;
    left: 72px
}

.plans-new .copy-rights {
    position: relative;
    bottom: 0;
    left: 0;
    z-index: 1
}

.plans-new .mixed-overlay-container .mixed-overlay-left {
    margin-right: auto !important
}

.plans-new .mixed-overlay-container .btn-back {
    margin-top: 10px;
    background: #f3f3f3;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 6px 9px;
    margin-right: 0;
    font-size: 21px
}

.plans-new .mixed-overlay-container .pro-text {
    font-size: 14px;
    background: #00c091;
    padding: 2px 8px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    position: relative;
    top: -6px
}

.plans-new .mixed-overlay-container .left-title {
    line-height: 42px
}

.plans-new .mixed-overlay-container .sub-title {
    color: #8c7cdb
}

.plans-new .mixed-overlay-container .pro-benefit {
    font-size: 18px
}

.plans-new .mixed-overlay-container .pro-benefit .icon {
    position: relative;
    top: 2px
}

.plans-new .mixed-overlay-container .logos-container {
    padding-top: 48px;
    position: relative
}

.plans-new .mixed-overlay-container .first-step {
    background: #384347;
    color: #fff
}

.plans-new .mixed-overlay-container .custom-padding-left {
    padding-left: 40px
}

.plans-new .mixed-overlay-container .custom-padding-left-circles {
    padding-left: 12px
}

.plans-new .mixed-overlay-container .see-other-plans {
    font-size: 16px;
    color: #8c7cdb;
    padding: 16px;
    background: rgba(140, 124, 219, .01);
    border: 1px solid rgba(140, 124, 219, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.plans-new .mixed-overlay-container .see-other-plans .text-purple {
    font-size: 14px !important
}

.plans-new .mixed-overlay-container .see-other-plans:hover {
    background: #fff
}

.plans-new .mixed-overlay-container .pricing-container {
    background: #f5f5fb;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
    -webkit-border-radius: 9px;
    border-radius: 9px;
    padding: 16px
}

.plans-new .mixed-overlay-container .pricing-container:hover {
    background: #fff
}

.plans-new .mixed-overlay-container .pricing-container .price-cents,
.plans-new .mixed-overlay-container .pricing-container .price-currency,
.plans-new .mixed-overlay-container .pricing-container .price-months,
.plans-new .mixed-overlay-container .pricing-container .price-value {
    font-family: Rubik, sans-serif;
    font-weight: 500
}

.plans-new .mixed-overlay-container .pricing-container .price-cents,
.plans-new .mixed-overlay-container .pricing-container .price-currency {
    font-size: 16px;
    padding-top: 2px
}

.plans-new .mixed-overlay-container .pricing-container .price-months,
.plans-new .mixed-overlay-container .pricing-container .price-value {
    font-size: 22px
}

.plans-new .mixed-overlay-container .pricing-container .price-description {
    margin-top: 8px;
    color: #b2b4b6
}

.plans-new .mixed-overlay-container .pricing-container .additional-text {
    font-size: 10px;
    padding: 4px 8px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin-left: 8px;
    color: #fff;
    background: #00c091
}

.plans-new .mixed-overlay-container .pricing-container .additional-text--popular {
    background: #ff576f !important
}

.plans-new .mixed-overlay-container .pricing-container.stand-by {
    min-height: 180px;
    padding-left: 60px
}

.plans-new .mixed-overlay-container .pricing-container.stand-by .price-currency {
    font-size: 36px
}

.plans-new .mixed-overlay-container .pricing-container.stand-by .price-months,
.plans-new .mixed-overlay-container .pricing-container.stand-by .price-value {
    font-size: 64px
}

.plans-new .mixed-overlay-container .pricing-container.stand-by .price-cents {
    font-size: 40px
}

.plans-new .mixed-overlay-container .pricing-container.stand-by .price-description {
    color: #afb4b5 !important
}

.plans-new .mixed-overlay-container .radio-btn {
    width: 20px;
    height: 20px;
    background: transparent;
    border: 1px solid #b2b4b6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.plans-new .mixed-overlay-container .selected-plan .pricing-container {
    background: #fff
}

.plans-new .mixed-overlay-container .selected-plan .pricing-container .price-description {
    color: #65696d
}

.plans-new .mixed-overlay-container .selected-plan .radio-btn {
    border: 2px solid #00c091 !important
}

.plans-new .mixed-overlay-container .selected-plan .radio-btn .radio-btn-inside {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #00c091
}

@media screen and (max-width:767px) {
    .plans-new .mixed-overlay-container .see-other-plans-pro {
        background: rgba(140, 124, 219, .05)
    }

    .plans-new .left-title {
        line-height: 34px;
        font-size: 28px !important
    }

    .plans-new .custom-padding-left,
    .plans-new .custom-padding-left-circles {
        padding-left: 0 !important
    }

    .plans-new .checkout-steps h6 {
        color: #b2b4b6 !important
    }

    .plans-new .mixed-overlay-left,
    .plans-new .mixed-overlay-right {
        margin-top: 16px
    }
}

@media screen and (min-width:768px) {
    .plans-new .checkout-steps:after {
        left: 25px !important
    }
}

.plans-free-session-bar {
    background: #e7ecf5;
    color: #2f80ed;
    font-weight: 600;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    position: relative;
    padding: 4px 8px 4px 24px
}

.plans-free-session-bar:after {
    content: " ";
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    top: -1px;
    padding-left: 15px;
    background-size: contain;
    left: -11px;
    background-image: url(/eac6564ac9c978f4a9f9478e3ed26379.svg)
}

.tick-circle {
    width: 26px;
    height: 26px;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 13px;
    border-radius: 13px;
    position: relative;
    top: -2px;
    z-index: 2;
    font-family: Rubik, sans-serif;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    padding-top: 4px;
    background: #fff;
    color: #b3b3b3;
    -webkit-transition: background .3s, color .3s;
    transition: background .3s, color .3s
}

.tick-circle.active {
    background: #b3b3b3;
    color: #fff
}

.pricetable-price {
    position: relative;
    float: right
}

.pricetable-price .remove {
    position: absolute;
    top: 0;
    right: -16px;
    color: #b8b8b8;
    cursor: pointer
}

.pricetable-promo {
    color: #f76e00
}

.checkout-steps {
    position: relative
}

.checkout-steps:after {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 13px;
    bottom: 10px;
    width: 1px;
    background: hsla(210, 3%, 71%, .5);
    z-index: 0
}

.mixed-overlay-container {
    padding: 0 16px
}

.mixed-overlay-container .btn-back {
    margin-top: 24px;
    background: transparent;
    border: 0;
    padding: 0;
    margin-right: 6px;
    font-size: 21px
}

.overlay-toaster .toaster {
    color: #fff;
    z-index: 1060;
    top: 0
}

.mixed-overlay-right {
    margin: 32px auto;
    max-width: 540px;
    width: 100%
}

@media screen and (min-width:768px) {
    .mixed-overlay-right {
        margin-top: 60px
    }
}

@media screen and (min-width:992px) {
    .mixed-overlay-right {
        margin-left: 0;
        max-width: 340px;
        width: 100%;
        padding-left: 32px
    }
}

@media screen and (min-width:1200px) {
    .mixed-overlay-right {
        margin-left: 40px;
        margin-right: 80px;
        padding-left: 0
    }
}

@media screen and (min-width:768px) {
    .mixed-overlay-right-default {
        margin-top: 120px
    }
}

.mixed-overlay-left {
    width: 100%;
    max-width: 540px;
    margin: 16px auto 32px
}

@media screen and (min-width:768px) {
    .mixed-overlay-left {
        margin-top: 56px
    }
}

@media screen and (min-width:992px) {
    .mixed-overlay-left {
        max-width: 540px;
        margin-right: 32px;
        float: right
    }
}

@media screen and (min-width:1200px) {
    .mixed-overlay-left {
        max-width: 540px;
        margin-right: 80px
    }
}

.checkout-complete-image {
    width: 100%
}

@media screen and (min-width:768px) {
    .checkout-complete-image {
        width: 480px;
        margin-left: -30px
    }
}

.overlay-page {
    background: #fff
}

.overlay-page .btn-back,
.overlay-page .btn-close {
    font-size: 28px;
    font-weight: 300;
    color: #384347
}

.overlay-page .btn-back:active i,
.overlay-page .btn-back:hover i,
.overlay-page .btn-close:active i,
.overlay-page .btn-close:hover i {
    opacity: .5
}

.pos-top-right {
    position: absolute;
    top: 25px;
    right: 20px
}

.pos-top-left {
    position: absolute;
    top: 25px;
    left: 20px
}

.btn-back i {
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}

.btn-back i,
.btn-close i {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.btn-close i {
    -webkit-transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out, opacity .4s ease-in-out;
    transition: transform .4s ease-in-out, opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 40%;
    transform-origin: 50% 40%
}

.btn-close:active i,
.btn-close:hover i {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.overlay-notifications .toaster {
    color: #fff;
    z-index: 1060;
    top: 0
}

.overlay {
    padding-top: 70px;
    padding-bottom: 70px
}

.overlay .header-container {
    margin-bottom: 56px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.overlay .subheader-container {
    font-size: 16px;
    font-weight: 300
}

.standby-plan-container .resume-picker-container,
.standby-plan-container .resumes-carousel,
.standby-plan-container .standby-plan-mixed-overlay {
    min-height: 100vh
}

.standby-plan-container .resume-picker-container .title {
    background-color: #fff
}

.standby-plan-container .resume-picker-container .resumes-carousel {
    background-color: #fafbfd
}

.standby-plan-container .resume-picker-container .resumes-carousel .carousel-container {
    width: 100%;
    margin: auto;
    padding: 20px
}

.standby-plan-container .resume-picker-container .resumes-carousel .carousel-container::-webkit-scrollbar {
    display: none
}

.standby-plan-container .resume-picker-container .resumes-carousel .slider-container {
    -webkit-box-align: start !important;
    -webkit-align-items: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.standby-plan-container .resume-picker-container .resumes-carousel .slider::-webkit-scrollbar {
    display: none
}

.standby-plan-container .resume-picker-container .resumes-carousel .carousel-container,
.standby-plan-container .resume-picker-container .resumes-carousel .slider {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.standby-plan-container .resume-picker-container .resumes-carousel .carousel {
    overflow-x: auto !important;
    position: relative;
    max-width: 100%;
    margin: auto
}

.standby-plan-container .resume-picker-container .resumes-carousel .slider-slide {
    padding: 15px;
    margin-right: 4px;
    height: 385px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: rgba(140, 124, 219, 0);
    -webkit-transition: background .1s;
    transition: background .1s
}

.standby-plan-container .resume-picker-container .resumes-carousel .slider-slide .resume-details {
    opacity: .5
}

.standby-plan-container .resume-picker-container .resumes-carousel .slider-slide.hover,
.standby-plan-container .resume-picker-container .resumes-carousel .slider-slide:hover {
    background: rgba(140, 124, 219, .1)
}

.standby-plan-container .resume-picker-container .resumes-carousel .slider-slide.hover .resume-details,
.standby-plan-container .resume-picker-container .resumes-carousel .slider-slide:hover .resume-details {
    opacity: 1
}

.standby-plan-container .resume-picker-container .resumes-carousel .slider-slide.selected {
    background: rgba(86, 189, 148, .15)
}

.standby-plan-container .resume-picker-container .resumes-carousel .slider-slide.selected .resume-details {
    opacity: 1
}

.standby-plan-container .resume-picker-container .resumes-carousel .resume-title {
    max-width: 170px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.standby-plan-container .resume-picker-container .resumes-carousel .carousel-item {
    display: inline-block;
    height: 385px
}

.standby-plan-container .resume-picker-container .resumes-carousel .dashboard-item--preview {
    width: 170px !important
}

.standby-plan-container .resume-picker-container .resumes-carousel .continue-btn {
    min-width: 340px
}

.standby-plan-container .resume-picker-container .select-btn-container {
    position: relative
}

.standby-plan-container .resume-picker-container .select-btn-container button {
    max-height: 30px;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 15px
}

.standby-plan-container .standby-purple {
    color: #8276b9 !important
}

.standby-plan-container .stand-by-text {
    font-size: 14px;
    background: #8276b9;
    padding: 2px 8px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-weight: 500;
    position: relative;
    top: -4px
}

@media (max-width:768px) {
    .standby-plan-container .carousel-item {
        min-height: 450px
    }
}

@media (max-width:991px) {
    .standby-plan-container .title {
        padding-top: 50px
    }

    .standby-plan-container .continue-btn {
        min-width: 280px !important
    }
}

@media (max-width:768px) {
    .standby-plan-container .resumes-carousel .dashboard-item--preview {
        min-width: 170px !important
    }
}

@media (max-width:1200px) {
    .standby-plan-container .slider-container {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
}

.custom-slider {
    overflow-x: scroll;
    width: auto
}

.custom-slider .slider-container {
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.custom-slider .slider-container.small-container {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.custom-slider .slider-slide {
    display: inline-block;
    text-align: left
}

@media screen and (min-width:2000px) {
    .custom-slider .slider-container {
        display: block;
        margin: auto
    }
}

.checkout form>.panel {
    margin-bottom: 32px
}

.checkout .btn-primary {
    font-weight: 400
}

@media (max-width:767px) {
    .checkout .checkout-description-text {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .checkout .checkout-button-wrapper {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

.checkout--step-title {
    margin-bottom: 24px
}

.checkout .copyright {
    margin-top: 160px;
    font-size: 13px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #828282
}

.ongoing-checkout:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background-color: hsla(0, 0%, 100%, .6)
}

.radio-button-big {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #2dc08d;
    background-color: #f2fbf8;
    display: inline-block;
    position: relative;
    top: 2px
}

.radio-button-big.active:after {
    content: " ";
    display: inline-block;
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #2dc08d;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    top: 4px;
    left: 4px
}

.payment-step-checked {
    position: relative;
    top: 2px;
    font-size: 12px
}

@media (max-width:767px) {
    .payment-method .braintree-verified img {
        width: 75%;
        height: auto
    }
}

.processor-logo {
    float: right
}

.paymentmethod-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    position: relative;
    top: -3px
}

.creditcard-wrapper {
    position: relative;
    width: 470px;
    margin: 0 auto;
    height: 228px
}

.creditcard-wrapper label {
    font-size: 12px;
    color: #fff
}

.creditcard-wrapper .creditcard-front {
    position: relative;
    z-index: 1;
    height: 205px;
    width: 340px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: radial-gradient(circle, #555c62 0, #46494d 100%);
    -webkit-box-shadow: 0 2px 7px 0 rgba(53, 53, 53, .47);
    box-shadow: 0 2px 7px 0 rgba(53, 53, 53, .47)
}

.creditcard-wrapper .creditcard-back {
    position: absolute;
    top: 20px;
    left: 130px;
    z-index: 0;
    height: 205px;
    width: 340px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-color: #aeb0b2;
    -webkit-box-shadow: 0 2px 7px 0 hsla(0, 0%, 46%, .5);
    box-shadow: 0 2px 7px 0 hsla(0, 0%, 46%, .5)
}

.creditcard-wrapper .creditcard-back .creditcard-back-strip {
    height: 46px;
    width: 100%;
    background-color: #333537
}

.discounts-panel-checkout .discount-status {
    background: #384347;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff
}

.discounts-panel-checkout .discount-status .discount-status-text {
    padding: 8px 16px
}

.discounts-panel-checkout .discount-status .btn-link {
    color: #fff;
    margin-bottom: 1px
}

.promo-code .form-group {
    position: relative
}

.promo-code .form-group .col-xs-4,
.promo-code .form-group .col-xs-8 {
    padding-left: 5px;
    padding-right: 5px
}

.promo-code .form-group .form-control-static {
    font-size: 14px;
    color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-left: 14px;
    padding-right: 14px
}

.promo-code .form-group.has-success .form-control-static {
    background: #00c091
}

.promo-code .form-group.has-error .form-control-static {
    background: #ff576f
}

.shared-resume {
    max-width: 980px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 60px auto 100px
}

.shared-resume .item-object {
    cursor: text !important
}

.resume-not-found h1 {
    margin: 0
}

.resume-share-page {
    min-width: 960px !important
}

.resume-share-page .offset-top {
    padding-top: 60px
}

.resume-share-page .share-page-navigation {
    padding-left: 16px
}

.btn-download-navbar {
    min-width: 151px;
    margin-right: 10px;
    font-weight: 700
}

.btn-download {
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
    -webkit-box-shadow: 0 0 61px -14px #00c091;
    box-shadow: 0 0 61px -14px #00c091
}

.btn-download:hover {
    -webkit-box-shadow: 0 0 61px -14px #005a44;
    box-shadow: 0 0 61px -14px #005a44
}

.btn-download:hover .icon-download-1 {
    -webkit-animation: hvr-icon-down .75s ease-out;
    animation: hvr-icon-down .75s ease-out
}

.strengths-logo {
    display: block;
    position: absolute;
    top: 24px;
    left: 32px
}

@media (max-width:767px) {
    .strengths-logo {
        display: block;
        position: absolute;
        top: 16px;
        left: 8px;
        width: 100px
    }
}

.strengths-selector {
    overflow-x: hidden
}

.strengths-selector div:first-child {
    margin: auto;
    position: relative
}

.strengths-selector div:first-child .strengths-selector-vote {
    max-width: 720px
}

.strengths-selector div:first-child .select-wrapper {
    max-width: 470px;
    text-align: center;
    margin: auto
}

.strengths-selector div:first-child .select-wrapper .select-box {
    margin-top: 56px;
    min-height: 300px
}

.strengths-selector div:first-child .select-wrapper .select-box .select-item {
    border: 1px solid hsla(210, 3%, 71%, .5);
    height: 46px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 16px;
    padding-left: 16px;
    cursor: pointer
}

.strengths-selector div:first-child .select-wrapper .select-box .select-item .select-checkbox {
    width: 22px;
    height: 22px;
    border: 1px solid hsla(210, 3%, 71%, .5);
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.strengths-selector div:first-child .select-wrapper .select-box .select-item .select-checkbox i:before {
    font-size: 12px;
    line-height: 21px
}

.strengths-selector div:first-child .select-wrapper .select-box .select-item.selected {
    border: 1px solid #2dc08d;
    background-color: #d5f2e8
}

.strengths-selector div:first-child .select-wrapper .select-box .select-item.selected .select-checkbox {
    border: 1px solid #2dc08d;
    background-color: #d5f2e8;
    color: #2dc08d
}

.strengths-selector div:first-child .select-wrapper .pages {
    margin-top: 48px
}

.strengths-selector div:first-child .select-wrapper .pages .page-beacon {
    height: 10px;
    width: 23px;
    -webkit-border-radius: 5.5px;
    border-radius: 5.5px;
    display: inline-block;
    margin-right: 8px;
    background-color: #e8e5f8
}

.strengths-selector div:first-child .select-wrapper .pages .page-beacon.selected {
    background-color: #8c7cdb
}

.strengths-selector div:first-child .arrow {
    position: absolute;
    top: 56%;
    border: 1px solid #8c7cdb;
    width: 49px;
    height: 49px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    color: #8c7cdb;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 28px
}

.strengths-selector div:first-child .arrow i {
    line-height: 24px
}

.strengths-selector div:first-child .arrow-left {
    left: 0
}

.strengths-selector div:first-child .arrow-left i {
    margin-left: -2px
}

.strengths-selector div:first-child .arrow-right {
    right: 0
}

.strengths-selector div:first-child .arrow-right i {
    margin-right: -2px
}

@media (max-width:767px) {
    .strengths-selector div:first-child .content {
        text-align: center
    }

    .strengths-selector div:first-child .content h5:first-of-type {
        font-size: 14px;
        padding-bottom: 8px
    }

    .strengths-selector div:first-child .content h2 {
        font-size: 22px
    }
}

.unsubscribe-emails .separator {
    width: 100%;
    height: 1px;
    background: #ccc
}

.modal-industry-examples,
.modal-industry-examples .modal-content {
    min-width: 1020px
}

.modal-industry-examples .modal-body {
    padding-bottom: 0
}

.industry-examples-page {
    font-family: Rubik, sans-serif
}

.industry-examples-page .resume-container .icon-container,
.industry-examples-page .search-container .icon-container {
    position: absolute;
    padding-top: 10px;
    padding-left: 10px
}

.industry-examples-page .resume-container .search-icon,
.industry-examples-page .search-container .search-icon {
    font-size: 24px;
    color: #8c7cdb
}

.industry-examples-page .example-modal {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .25)
}

.industry-examples-page .example-modal.show {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.industry-examples-page .navbar {
    background-color: #e2eff8
}

.industry-examples-page .navbar-toggle:focus {
    background-color: transparent !important
}

.industry-examples-page .resume-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 414px
}

.industry-examples-page .resume-example-container {
    height: 100vh;
    width: inherit;
    max-width: inherit;
    position: fixed
}

.industry-examples-page .right-container {
    padding: 0 !important;
    width: 100%
}

.industry-examples-page .category-nav-element.clear-search {
    color: #8c7cdb;
    padding: 0;
    text-decoration: underline;
    text-underline-position: under;
    font-weight: 700
}

.industry-examples-page .category-nav-element {
    color: #333;
    background-color: transparent;
    cursor: pointer;
    border: none;
    outline: none;
    padding: 0
}

.industry-examples-page .category-nav-element.selected {
    color: #8c7cdb
}

.industry-examples-page .category-nav-element:hover {
    color: #5b4aad
}

.industry-examples-page .categories-list--sidebar {
    padding-bottom: 24px;
    top: 32px;
    position: -webkit-sticky;
    position: sticky;
    overflow-y: scroll;
    height: 100vh
}

.industry-examples-page .main-heading {
    position: relative;
    z-index: 1
}

.industry-examples-page .search-grid {
    top: -67px;
    height: 177px;
    position: -webkit-sticky;
    position: sticky;
    overflow-y: scroll;
    padding-top: 100px;
    margin-top: -100px;
    background-color: #f4f2f7
}

.industry-examples-page .categories-list--container {
    background-color: #e2eff8
}

.industry-examples-page .category-box {
    margin-bottom: 32px
}

.industry-examples-page .search-input {
    font-size: 16px;
    height: 45px;
    width: 100%;
    padding-left: 45px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px transparent;
    -webkit-box-shadow: 0 0 4px 0 hsla(223, 4%, 64%, .15);
    box-shadow: 0 0 4px 0 hsla(223, 4%, 64%, .15);
    outline: none
}

.industry-examples-page .search-input#placeholder {
    color: #959595;
    opacity: .8 !important
}

.industry-examples-page .search-input:hover {
    -webkit-box-shadow: 0 0 2px 0 rgba(83, 83, 83, .5);
    box-shadow: 0 0 2px 0 rgba(83, 83, 83, .5)
}

.industry-examples-page .position-link {
    line-height: normal;
    font-size: 16px;
    background-color: #fff;
    color: #959595;
    outline: none;
    width: 95%;
    border: 1px transparent;
    height: 45px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 4px 0 hsla(223, 4%, 64%, .15);
    box-shadow: 0 0 4px 0 hsla(223, 4%, 64%, .15)
}

.industry-examples-page .position-link:hover {
    -webkit-box-shadow: 0 0 2px 0 rgba(83, 83, 83, .5);
    box-shadow: 0 0 2px 0 rgba(83, 83, 83, .5)
}

.industry-examples-page .position-link.selected {
    border: 2px solid #2dc08d
}

.industry-examples-page .clear-search-icon-button {
    background: transparent;
    border: none;
    outline: none;
    padding: 0
}

.industry-examples-page .clear-search-icon-button:hover .icon {
    color: #333
}

@media screen and (max-width:767px) {
    .industry-examples-page .search-grid {
        top: 0;
        height: 109px;
        padding-top: 0;
        margin-top: 0
    }

    .industry-examples-page .industry-examples-page .dashboard-item--preview {
        max-width: 300px !important
    }

    .industry-examples-page .search-container {
        margin-top: 32px
    }

    .industry-examples-page .category-nav-element {
        padding-left: 32px !important;
        font-size: 24px;
        line-height: 38px !important
    }
}

@media screen and (max-height:680px) {
    .industry-examples-page .resume-container {
        min-height: 282px !important
    }

    .industry-examples-page .dashboard-item--preview {
        width: 200px !important
    }
}

.cover-letter-templates {
    background: #f3f3f3
}

.cover-letter-templates .container {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.cover-letter-templates .cl-container {
    max-width: 1004px
}

.cover-letter-templates .cl-option {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    padding: 24px;
    margin-bottom: 16px
}

.cover-letter-templates .cl-option img {
    width: 60px;
    height: 65px
}

@media (max-width:767px) {
    .cover-letter-templates {
        padding: 0 !important
    }

    .cover-letter-templates .pos-top-left {
        padding: 0 !important;
        top: 8px;
        left: 8px
    }

    .cover-letter-templates .description {
        font-size: 16px
    }
}

.import-linkedin {
    font-family: Rubik;
    background-color: #fff;
    min-height: 100vh;
    width: 100%;
    padding: 16px 8px
}

.import-linkedin .btn-back>i {
    font-size: 21px
}

.import-linkedin--control ol {
    margin: 16px 0 0 16px !important;
    padding-left: 0
}

.import-linkedin--control ol>li {
    margin-bottom: 16px
}

.import-linkedin--control .img-example {
    height: 100%;
    width: 100%;
    max-width: 360px;
    max-height: 260px
}

.import-linkedin--control .upload-container {
    background: #ebebeb;
    border: 4px dashed #444;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 260px;
    margin-top: 16px
}

.import-linkedin--control .upload-container .icon-cloud-upload {
    font-size: 60px;
    height: 40px
}

.import-linkedin--control .active {
    border: 4px solid #444;
    opacity: .5
}

.import-linkedin--control .import-btn {
    -webkit-box-shadow: 0 0 12px -3px rgba(0, 0, 0, .3);
    box-shadow: 0 0 12px -3px rgba(0, 0, 0, .3)
}

.import-linkedin--intervention ol {
    list-style: none;
    padding-left: 0;
    counter-reset: list-counter
}

.import-linkedin--intervention ol>li {
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 31px;
    max-width: 370px;
    counter-increment: list-counter
}

.import-linkedin--intervention ol>li:before {
    content: counter(list-counter);
    position: absolute;
    display: inline-block;
    font-weight: 700;
    text-align: center;
    background-color: #e7ecf5;
    color: #9cb2dc;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 34px;
    height: 34px;
    padding-top: 2px;
    margin-left: -60px
}

.import-linkedin--intervention .page-title {
    font-weight: 500
}

.import-linkedin--intervention .page-description {
    font-size: 18px
}

.import-linkedin--intervention .linkedin-link {
    color: #299abf
}

.import-linkedin--intervention .linkedin-link:hover {
    color: #8ec6d9
}

.import-linkedin--intervention .browse-btn {
    width: 360px
}

.import-linkedin--intervention .loading-btn {
    width: 360px;
    background-color: #e7ecf5;
    color: #8c7cdb
}

.import-linkedin--intervention .loading-bar {
    width: 360px;
    background-color: transparent;
    height: 4px;
    overflow: hidden;
    margin-top: -4px
}

.import-linkedin--intervention .loading-bar .bar {
    position: relative;
    height: 100%;
    background: #8c7cdb;
    -webkit-transition: width .5s ease-in;
    transition: width .5s ease-in;
    -webkit-border-radius: 30px;
    border-radius: 30px
}

.import-linkedin--intervention .linkedin-img-example-sm {
    max-width: 320px
}

.import-linkedin--intervention .linkedin-img-example {
    max-height: 317px
}

@media (max-width:480px) {
    .import-linkedin--intervention ol>li:before {
        display: none
    }
}

@media (max-width:767px) {
    .import-linkedin--intervention .linkedin-img-example-sm {
        width: 100%
    }

    .import-linkedin--intervention .browse-btn,
    .import-linkedin--intervention .loading-bar,
    .import-linkedin--intervention .loading-btn {
        width: 100%;
        max-width: 320px
    }
}

@media (min-width:1280px) {
    .import-linkedin--intervention .linkedin-img-example {
        margin-left: 200px
    }
}

@media (max-width:1279px) {
    .import-linkedin--intervention .linkedin-img-example {
        width: 100%
    }
}

.ccs-upload-document {
    font-family: Rubik;
    background-color: #f3f3f3;
    min-height: 100vh;
    width: 100%;
    padding: 16px 8px
}

.ccs-upload-document .btn-back>i {
    font-size: 21px
}

.ccs-upload-document--wrapper .page-title {
    font-weight: 500
}

.ccs-upload-document--wrapper .page-description {
    font-size: 18px
}

.ccs-upload-document--wrapper .browse-btn {
    width: 360px
}

.ccs-upload-document--wrapper .loading-btn {
    width: 360px;
    background-color: #e7ecf5;
    color: #8c7cdb
}

.ccs-upload-document--wrapper .loading-bar {
    width: 360px;
    background-color: transparent
}

.ccs-upload-document--wrapper .loading-bar .bar {
    background: #8c7cdb
}

.ccs-upload-document--wrapper .resumes-carousel .carousel-container {
    width: 100%;
    margin: auto;
    padding: 20px
}

.ccs-upload-document--wrapper .resumes-carousel .carousel-container::-webkit-scrollbar {
    display: none
}

.ccs-upload-document--wrapper .resumes-carousel .slider-container {
    -webkit-box-align: start !important;
    -webkit-align-items: start !important;
    -ms-flex-align: start !important;
    align-items: start !important
}

.ccs-upload-document--wrapper .resumes-carousel .slider::-webkit-scrollbar {
    display: none
}

.ccs-upload-document--wrapper .resumes-carousel .carousel-container,
.ccs-upload-document--wrapper .resumes-carousel .slider {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.ccs-upload-document--wrapper .resumes-carousel .carousel {
    overflow-x: auto !important;
    position: relative;
    max-width: 100%;
    margin: auto
}

.ccs-upload-document--wrapper .resumes-carousel .slider-slide {
    padding: 10px;
    margin-right: 24px;
    height: 330px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: rgba(140, 124, 219, 0);
    -webkit-transition: all .2s;
    transition: all .2s
}

.ccs-upload-document--wrapper .resumes-carousel .slider-slide.hover,
.ccs-upload-document--wrapper .resumes-carousel .slider-slide:hover {
    background: rgba(140, 124, 219, .1)
}

.ccs-upload-document--wrapper .resumes-carousel .slider-slide.hover .hover-btn-container,
.ccs-upload-document--wrapper .resumes-carousel .slider-slide:hover .hover-btn-container {
    visibility: visible
}

.ccs-upload-document--wrapper .resumes-carousel .slider-slide.hover .resume-title,
.ccs-upload-document--wrapper .resumes-carousel .slider-slide:hover .resume-title {
    color: #8c7cdb
}

.ccs-upload-document--wrapper .resumes-carousel .slider-slide.hover .upload-btn-details,
.ccs-upload-document--wrapper .resumes-carousel .slider-slide:hover .upload-btn-details {
    opacity: 1
}

.ccs-upload-document--wrapper .resumes-carousel .slider-slide.selected {
    background: rgba(86, 189, 148, .15)
}

.ccs-upload-document--wrapper .resumes-carousel .slider-slide.selected .hover-btn-container {
    visibility: hidden !important
}

.ccs-upload-document--wrapper .resumes-carousel .slider-slide.selected .select-btn-container {
    visibility: visible
}

.ccs-upload-document--wrapper .resumes-carousel .slider-slide.selected .resume-details {
    opacity: 1
}

.ccs-upload-document--wrapper .resumes-carousel .resume-title {
    -webkit-transition: all .2s;
    transition: all .2s;
    max-width: 170px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ccs-upload-document--wrapper .resumes-carousel .carousel-item {
    display: inline-block;
    vertical-align: top;
    height: 330px
}

.ccs-upload-document--wrapper .resumes-carousel .dashboard-item--preview,
.ccs-upload-document--wrapper .resumes-carousel .upload-button-container {
    width: 170px !important;
    height: 240px !important
}

.ccs-upload-document--wrapper .resumes-carousel .dashboard-item--preview {
    cursor: default !important
}

.ccs-upload-document--wrapper .resumes-carousel .upload-button-container {
    border: 2px solid #dedde1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.ccs-upload-document--wrapper .resumes-carousel .upload-button-container .upload-button-container {
    background: #ebebeb
}

.ccs-upload-document--wrapper .resumes-carousel .upload-button-container .upload-button-container .icon-cloud-upload {
    font-size: 60px;
    height: 40px
}

.ccs-upload-document--wrapper .resumes-carousel .upload-button-container.active {
    opacity: .5
}

.ccs-upload-document--wrapper .resumes-carousel .upload-button-container .upload-btn-details {
    opacity: .5;
    -webkit-transition: all .2s;
    transition: all .2s
}

.ccs-upload-document--wrapper .resumes-carousel .upload-button-container .upload-btn-icon {
    font-size: 60px;
    max-height: 60px
}

.ccs-upload-document--wrapper .resumes-carousel .upload-button-container .upload-btn-text {
    white-space: normal
}

.ccs-upload-document--wrapper .hover-btn-container,
.ccs-upload-document--wrapper .select-btn-container {
    position: relative;
    top: -110px;
    height: 0;
    visibility: hidden
}

.ccs-upload-document--wrapper .hover-btn-container button,
.ccs-upload-document--wrapper .select-btn-container button {
    max-height: 30px;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 15px
}

.ccs-upload-document--wrapper .btn-skip {
    cursor: pointer;
    color: #8c7cdb !important
}

.ccs-upload-document--wrapper .loading-bar {
    width: 120px;
    background-color: #fff;
    height: 4px;
    overflow: hidden;
    margin-top: -4px
}

.ccs-upload-document--wrapper .loading-bar .bar {
    position: relative;
    height: 100%;
    background: #00c091;
    -webkit-transition: width .5s ease-in;
    transition: width .5s ease-in;
    -webkit-border-radius: 30px;
    border-radius: 30px
}

@media (max-width:768px) {
    .ccs-upload-document--wrapper .resumes-carousel .dashboard-item--preview {
        min-width: 170px !important
    }
}

@media (max-width:767px) {

    .ccs-upload-document--wrapper .browse-btn,
    .ccs-upload-document--wrapper .loading-bar,
    .ccs-upload-document--wrapper .loading-btn {
        width: 100%;
        max-width: 320px
    }
}

.feedback-share-page .mixed-overlay-left {
    margin-top: 16px
}

@media screen and (min-width:768px) {
    .feedback-share-page .mixed-overlay-left {
        margin-top: 142px
    }
}

.feedback-share-page .toggle-mask {
    position: relative
}

.feedback-share-page .toggle-mask-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: hsla(0, 0%, 100%, .65);
    z-index: 10;
    text-align: center;
    font-size: 33px;
    color: #22bf91;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 20px
}

.feedback-share-page .copy-link-wrapper {
    cursor: pointer;
    background-color: #fafafa;
    padding: 16px 24px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.feedback-share-page .copy-link-wrapper .link-text {
    color: #5b5b5b
}

.feedback-share-page .copy-link-wrapper i {
    margin-right: 8px;
    font-size: 16px;
    line-height: 10px
}

.feedback-share-page .copy-link-wrapper.copy-link-success {
    background-color: #eaf8f3
}

.feedback-share-page .copy-link-wrapper.copy-link-success .link-text {
    color: #2dc08c
}

.feedback-share-page hr {
    margin: 0
}

.feedback-share-page .link-input {
    opacity: 0;
    position: absolute;
    z-index: -10
}

.feedback-share-page .email-input {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #b3b3b3
}

.strengths-share-page .title-wrapper {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.strengths-share-page .mixed-overlay-left {
    margin-top: 16px
}

@media screen and (min-width:768px) {
    .strengths-share-page .mixed-overlay-left {
        margin-top: 142px
    }
}

.strengths-share-page .mixed-overlay-container .btn-back {
    display: none
}

.strengths-share-page button.close {
    position: absolute;
    right: 16px;
    top: 16px
}

.strengths-share-page .toggle-mask {
    position: relative
}

.strengths-share-page .toggle-mask-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: hsla(0, 0%, 100%, .65);
    z-index: 10;
    text-align: center;
    font-size: 33px;
    color: #22bf91;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 20px
}

.strengths-share-page .copy-link-wrapper {
    cursor: pointer;
    background-color: #fafafa;
    padding: 16px 24px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.strengths-share-page .copy-link-wrapper .link-text {
    color: #5b5b5b
}

.strengths-share-page .copy-link-wrapper i {
    margin-right: 8px;
    font-size: 16px;
    line-height: 10px
}

.strengths-share-page .copy-link-wrapper.copy-link-success {
    background-color: #eaf8f3
}

.strengths-share-page .copy-link-wrapper.copy-link-success .link-text {
    color: #2dc08c
}

.strengths-share-page hr {
    border: .5px solid #e8e5f8
}

.strengths-share-page .link-input {
    opacity: 0;
    position: absolute;
    z-index: -10
}

.strengths-share-page .strengths-preview .beacon {
    height: 10px;
    width: 23px;
    -webkit-border-radius: 5.5px;
    border-radius: 5.5px;
    display: inline-block;
    margin-right: 8px;
    background-color: #e8e5f8
}

.strengths-share-page .strengths-preview .beacon.selected {
    background-color: #8c7cdb
}

.strengths-share-page .results-shown .mixed-overlay-left {
    margin-top: 50px
}

.cover-letter-offer-wrapper .cover-letter-offer {
    max-width: 1140px;
    margin: auto
}

@media (max-width:767px) {
    .cover-letter-offer-wrapper .cover-letter-offer .header-image {
        width: 100%;
        height: auto;
        margin: auto
    }

    .cover-letter-offer-wrapper .cover-letter-offer h1 {
        font-size: 40px
    }

    .cover-letter-offer-wrapper .cover-letter-offer p {
        font-size: 15px
    }
}

.cover-letter-offer-wrapper .cover-letter-offer-form {
    width: 60%;
    margin: auto
}

@media (max-width:767px) {
    .cover-letter-offer-wrapper .cover-letter-offer-form {
        width: 100%
    }

    .cover-letter-offer-wrapper .cover-letter-offer-form h4 {
        margin-bottom: 8px
    }

    .cover-letter-offer-wrapper .cover-letter-offer-form>div {
        margin-top: 40px
    }

    .cover-letter-offer-wrapper .cover-letter-offer-form>div:last-child {
        margin-top: 16px !important
    }
}

.cover-letter-offer-wrapper .cover-letter-offer-form h4 {
    margin-bottom: 24px
}

.cover-letter-offer-wrapper .cover-letter-offer-form>div {
    margin-top: 80px
}

.cover-letter-offer-wrapper .cover-letter-offer-form>div:last-child {
    margin-top: 32px !important
}

@media (max-width:767px) {
    .cover-letter-offer-wrapper .cover-letter-offer-form .cover-letters-grid-wrapper {
        overflow: hidden
    }
}

.cover-letter-offer-wrapper .cover-letter-offer-form .cover-letters-grid-wrapper .cover-letters-grid {
    width: 250%;
    margin-left: -75%
}

@media (max-width:767px) {
    .cover-letter-offer-wrapper .cover-letter-offer-form .cover-letters-grid-wrapper .cover-letters-grid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: initial;
        -ms-flex-flow: initial;
        flex-flow: initial;
        width: auto;
        margin: 0;
        overflow: scroll;
        position: relative;
        -webkit-box-pack: initial;
        -webkit-justify-content: initial;
        -ms-flex-pack: initial;
        justify-content: normal;
        -webkit-box-align: initial;
        -webkit-align-items: initial;
        -ms-flex-align: initial;
        align-items: normal
    }

    .cover-letter-offer-wrapper .cover-letter-offer-form .cover-letters-grid-wrapper .cover-letters-grid>div {
        display: inline-block
    }
}

.cover-letter-offer-wrapper .cover-letter-offer-form .cover-letter-item {
    position: relative
}

.cover-letter-offer-wrapper .cover-letter-offer-form .cover-letter-item .icon-align-center {
    width: 46px;
    height: 46px;
    line-height: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    color: #fff;
    background-color: #00c091;
    z-index: 1
}

.cover-letter-offer-wrapper .cover-letter-offer-form .cover-letter-item .icon-align-center>i {
    font-size: 17px
}

.resume-offer-wrapper .resume-offer {
    max-width: 1140px;
    margin: auto
}

@media (max-width:767px) {
    .resume-offer-wrapper .resume-offer .header-image {
        width: 100%;
        height: auto;
        margin: auto
    }

    .resume-offer-wrapper .resume-offer h1 {
        font-size: 40px
    }

    .resume-offer-wrapper .resume-offer p {
        font-size: 15px
    }
}

.resume-offer-wrapper .resume-offer-form {
    width: 60%;
    margin: auto
}

@media (max-width:767px) {
    .resume-offer-wrapper .resume-offer-form {
        width: 100%
    }

    .resume-offer-wrapper .resume-offer-form h4 {
        margin-bottom: 8px
    }

    .resume-offer-wrapper .resume-offer-form>div {
        margin-top: 40px
    }

    .resume-offer-wrapper .resume-offer-form>div:last-child {
        margin-top: 16px !important
    }
}

.resume-offer-wrapper .resume-offer-form h4 {
    margin-bottom: 24px
}

.resume-offer-wrapper .resume-offer-form>div {
    margin-top: 80px
}

.resume-offer-wrapper .resume-offer-form>div:last-child {
    margin-top: 32px !important
}

@media (max-width:767px) {
    .resume-offer-wrapper .resume-offer-form .resumes-grid-wrapper {
        overflow: hidden
    }
}

.resume-offer-wrapper .resume-offer-form .resumes-grid-wrapper .resumes-grid {
    width: 250%;
    margin-left: -75%
}

@media (max-width:767px) {
    .resume-offer-wrapper .resume-offer-form .resumes-grid-wrapper .resumes-grid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: initial;
        -ms-flex-flow: initial;
        flex-flow: initial;
        width: auto;
        margin: 0;
        overflow: scroll;
        position: relative;
        -webkit-box-pack: initial;
        -webkit-justify-content: initial;
        -ms-flex-pack: initial;
        justify-content: normal;
        -webkit-box-align: initial;
        -webkit-align-items: initial;
        -ms-flex-align: initial;
        align-items: normal
    }

    .resume-offer-wrapper .resume-offer-form .resumes-grid-wrapper .resumes-grid>div {
        display: inline-block
    }
}

.resume-offer-wrapper .resume-offer-form .resume-item {
    position: relative
}

.resume-offer-wrapper .resume-offer-form .resume-item .icon-align-center {
    width: 46px;
    height: 46px;
    line-height: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    color: #fff;
    background-color: #00c091;
    z-index: 1
}

.resume-offer-wrapper .resume-offer-form .resume-item .icon-align-center>i {
    font-size: 17px
}

.renderer-mobile-dimensions-computer {
    position: absolute;
    z-index: 100000;
    top: -10000px
}

.mobile-resume-title {
    background: #f8f8f8;
    padding: 16px 24px;
    position: overlay
}

.mobile-resume-title i.icon {
    color: #2f80ed
}

.popover-portal-mobile {
    position: fixed;
    z-index: 1002;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 290px;
    background: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 5px 22px -9px;
    box-shadow: 3px 5px 22px -9px
}

.popover-portal-mobile--backdrop {
    position: absolute;
    z-index: 1001;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: hsla(0, 0%, 80%, .7333333333333333)
}

.mobile-section {
    background: #fff;
    width: 100%;
    margin-bottom: 3px;
    padding-bottom: 16px
}

.mobile-section.BookSection .resume-item-holder {
    width: 100% !important
}

.mobile-section .editable-field-wrapper {
    margin-top: 8px;
    margin-bottom: 8px
}

.mobile-section .bullet-dot {
    margin-top: 10px
}

.mobile-section.mobile-section--selected {
    position: relative;
    z-index: 20
}

.mobile-section .mobile-section--heading {
    position: relative;
    z-index: 15;
    padding: 24px;
    font-size: 18px;
    border-bottom: 1px solid #e0e0e0
}

.mobile-section .mobile-section--heading i.icon {
    position: relative;
    top: 9px;
    color: #2f80ed
}

.mobile-section .mobile-section--heading .mobile-section--title {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600
}

.mobile-section .mobile-section--heading .items-count-container {
    position: relative;
    top: 9px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background: #5fbd91;
    padding: 4px 8px;
    font-size: 10px;
    color: #fff
}

.mobile-section .mobile-section--heading.active {
    position: relative;
    z-index: 30;
    background: #fff
}

.mobile-section .mobile-section--heading .mobile-section--overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    z-index: 5
}

.mobile-section .resume-item-holder:after {
    width: 0
}

.mobile-section .mobile-items {
    -webkit-transition: max-height .5s;
    transition: max-height .5s;
    max-height: 2000px
}

.mobile-section .items-count-container {
    display: none
}

.mobile-section.minimized {
    padding-bottom: 0
}

.mobile-section.minimized .mobile-section--heading {
    border-bottom: 0
}

.mobile-section.minimized .mobile-items {
    overflow: hidden;
    max-height: 0
}

.mobile-section.minimized .items-count-container {
    display: block
}

.resume-editor-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(80, 77, 98, .2);
    z-index: 10;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.resume-editor-overlay.click-through {
    pointer-events: none
}

.removebrand-tooltip {
    display: none;
    z-index: 10;
    position: absolute
}

.removebrand-tooltip .popover-container {
    -webkit-transform: unset;
    transform: unset;
    bottom: 8px;
    z-index: 11;
    left: -30px
}

.removebrand-tooltip .popover-inner .centered {
    background: #00c091;
    line-height: 16px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 16px !important;
    height: 36px
}

.removebrand-tooltip .popover-inner .centered .icon {
    font-size: 18px
}

.removebrand-tooltip .popover-inner .centered .icon-lock2-v2-1 {
    color: #384347
}

.removebrand-tooltip .popover-inner .centered:hover {
    background: #3d8a6c
}

.removebrand-tooltip .popover-hoverBck {
    position: absolute;
    z-index: 10;
    left: -30px;
    width: 241px;
    height: 57px;
    bottom: -32px;
    background-color: hsla(210, 3%, 71%, .2);
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.popover-wrap {
    position: relative;
    height: 0;
    overflow: visible
}

.popover-invis {
    opacity: 0 !important
}

.popover-container-fixed {
    height: 0;
    top: 54px
}

.mobile-section--heading .popover-container {
    bottom: 8px !important
}

.popover-container {
    min-width: 134px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10;
    color: #ddd;
    font-size: 13px;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    opacity: 1;
    bottom: -8px
}

.popover-container.icon_picker {
    min-width: 270px
}

.popover-container.icon_picker .popover-open-container {
    padding: 10px 15px 0
}

.popover-container .popover-open-container {
    width: 291px;
    float: right;
    background-color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 16px 24px;
    position: relative;
    top: -14px;
    z-index: 1
}

.popover-container.popover-bottom {
    top: -30px;
    bottom: auto
}

.popover-container.popover-bottom .popover-open-container {
    top: 50px;
    position: absolute;
    width: 291px;
    right: 0
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {

    .popover-container .item,
    .popover-container .popover-open-container {
        -webkit-box-shadow: 0 0 32px -5px rgba(0, 0, 0, .75);
        box-shadow: 0 0 32px -5px rgba(0, 0, 0, .75)
    }
}

.resume-layout-condensed .popover-container.popover-bottom {
    top: -38px
}

.single-section-resume {
    padding-right: 0 !important
}

.single-section-resume .add-new-entry {
    margin-right: 0 !important;
    -webkit-border-radius: 19px;
    border-radius: 19px
}

.popover-inner {
    z-index: 10;
    position: relative
}

.popover-inner .centered {
    text-align: center;
    padding-right: 5px;
    padding-left: 5px;
    background: #fff;
    -webkit-border-radius: 19px;
    border-radius: 19px;
    height: 38px;
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.popover-inner .centered.no-add-item,
.popover-inner .centered.single-item,
.popover-inner .centered.text-decoration {
    padding-left: 10px !important
}

.popover-inner .centered.item {
    padding-left: 0;
    padding-right: 10px;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .15)
}

.popover-inner a {
    padding: 0 7px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    color: #384347;
    font-size: 16px;
    opacity: 1;
    line-height: 42px;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out
}

.popover-inner a.active-icon,
.popover-inner a:hover {
    color: #00c091
}

.popover-inner a.active-icon.popover-arrow:after {
    font-family: fontawsomeenhancv;
    content: "\E037";
    color: #fff;
    position: absolute;
    top: -11px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 25px;
    left: 50%;
    z-index: 1
}

.popover-inner .vertical-separator {
    height: 100%;
    width: 1px;
    margin: 0 7px
}

.popover-inner .vertical-separator:after {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #ececec;
    border-right: 1px solid #e6e6e6;
    content: " "
}

.popover-inner .right-icon:hover {
    color: #ff576f !important
}

.popover-bottom .popover-inner a.active-icon.popover-arrow:after {
    top: 47px;
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg)
}

@media screen and (max-width:768px) {
    .options-container {
        padding: 12px 8px
    }
}

.popover-inner .add-new-entry {
    padding: 8px 16px;
    font-size: 14px;
    line-height: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background-color: #00c091;
    color: #fff;
    -webkit-border-bottom-left-radius: 19px;
    border-bottom-left-radius: 19px;
    -webkit-border-top-left-radius: 19px;
    border-top-left-radius: 19px;
    margin-right: 8px
}

@media screen and (min-width:768px) {
    .popover-inner .add-new-entry {
        min-width: 134px
    }
}

.popover-inner .add-new-entry .icon {
    line-height: 10px
}

.popover-inner .add-new-entry:active,
.popover-inner .add-new-entry:focus,
.popover-inner .add-new-entry:hover {
    color: #fff;
    background-color: #009c76
}

@media (max-width:767px) {
    .popover-inner .add-new-entry {
        min-width: auto
    }
}

.popover-inner .popover-state-button {
    position: relative
}

.popover-inner .popover-state-button.example {
    font-size: 15px;
    line-height: 38px
}

@media (max-width:767px) {
    .popover-inner .icon {
        font-size: 20px
    }
}

.text-decoration-button {
    font-size: 20px !important;
    line-height: 32px !important;
    margin-top: 6px;
    height: 26px;
    padding: 0 3px 0 4px !important;
    margin-left: 2px;
    margin-right: 2px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.text-decoration-button.active {
    background: hsla(0, 0%, 45.5%, .23921568627450981)
}

.resume-section-container .popover-container {
    bottom: 8px !important
}

.popover-icon-picker {
    height: 310px;
    text-align: center
}

.popover-icon-picker .popover-icon-picker-container {
    height: 100%
}

.popover-icon-picker .popover-icon-picker-container .-input-group {
    margin: 0;
    padding: 0;
    min-width: 0
}

.popover-icon-picker .popover-icon-picker-container .-input-group input[type=text]::-webkit-input-placeholder {
    font-style: italic
}

.popover-icon-picker .popover-icon-picker-container .-input-group input[type=text]::-moz-placeholder {
    font-style: italic
}

.popover-icon-picker .popover-icon-picker-container .-input-group input[type=text]::-ms-input-placeholder {
    font-style: italic
}

.popover-icon-picker .popover-icon-picker-container .-input-group input[type=text]::placeholder {
    font-style: italic
}

.popover-icon-picker .popover-icon-picker-container .scrollarea {
    height: 270px;
    overflow: auto;
    -ms-overflow-style: scrollbar;
    position: relative
}

.popover-icon-picker .popover-icon-picker-single {
    width: 23px;
    height: 23px;
    line-height: 30px;
    display: inline-block;
    margin: 8px 10px;
    padding-left: 1px;
    cursor: pointer;
    position: relative;
    z-index: 10
}

.popover-icon-picker .popover-icon-picker-single .single-icon {
    color: #384347;
    font-size: 18px !important
}

.popover-icon-picker .popover-icon-picker-single .single-icon.is-locked {
    color: #b2b4b6
}

.popover-icon-picker .popover-icon-picker-single:hover .single-icon {
    color: #00c091 !important
}

.popover-icon-picker .popover-icon-picker-single:hover .single-icon.is-locked+.locked {
    opacity: 1
}

.popover-icon-picker .popover-icon-picker-single .locked {
    font-size: 16px;
    line-height: 16px;
    height: 16px;
    position: absolute;
    background-color: #384347;
    color: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    right: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.popover-icon-picker .popover-icon-picker-selected {
    background-color: #00c091;
    -webkit-border-radius: 25px;
    border-radius: 25px
}

.popover-icon-picker .popover-icon-picker-selected .single-icon,
.popover-icon-picker .popover-icon-picker-selected:hover .single-icon {
    color: #fff !important
}

.popover-icon-picker .picker-terms {
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 12px;
    line-height: 1.2;
    color: #6d6e70
}

@media screen and (max-width:768px) {
    .popover-icon-picker {
        padding: 12px 8px
    }

    .popover-icon-picker .popover-icon-picker-container .scrollarea {
        height: 248px
    }
}

.search-books .search-books-input {
    width: 100%;
    color: #a9a9a9;
    border: 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 5px 12px
}

.search-books .search-books-input:focus {
    outline: 0;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.search-books .search-books-message {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 14px;
    color: #6f6f6f
}

.search-books .search-books-list {
    height: 190px;
    overflow: hidden;
    position: relative
}

.search-books .search-books-upload-text {
    padding: 59px 0;
    text-align: center;
    font-size: 14px;
    color: #384347
}

.search-books .search-books-upload-button {
    -webkit-border-radius: 19px;
    border-radius: 19px;
    color: #fff;
    border: 0;
    padding: 6px;
    width: 100%;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    background-color: #4d4d4d
}

.search-books .search-books-upload-button:active,
.search-books .search-books-upload-button:focus,
.search-books .search-books-upload-button:hover {
    background-color: #393939
}

.search-books .search-books-item {
    overflow: hidden;
    margin: 10px 0;
    font-size: 14px;
    cursor: pointer
}

.search-books .search-books-item .search-books-item-image {
    width: 40px;
    height: 50px;
    background: #ccc;
    float: left;
    background-size: cover !important;
    border: 2px solid transparent
}

.search-books .search-books-item .search-books-item-info {
    overflow: hidden;
    padding-left: 15px
}

.search-books .search-books-item .search-books-item-info .search-books-item-title {
    color: #fff
}

.search-books .search-books-item .search-books-item-info .search-books-item-author {
    color: #656565
}

.search-books .search-books-item.selected .search-books-item-title,
.search-books .search-books-item:hover .search-books-item-title {
    color: #00c091 !important
}

.search-books .search-books-item.selected .search-books-item-image,
.search-books .search-books-item:hover .search-books-item-image {
    border: 2px solid #00c091
}

@media screen and (max-width:768px) {
    .search-books {
        padding: 12px 8px
    }
}

.item-tips {
    -webkit-border-radius: 9px;
    border-radius: 9px;
    padding: 16px 16px 8px;
    width: 100%;
    color: #fff;
    z-index: 10;
    margin-top: 16px
}

.item-tips,
.item-tips:after {
    position: absolute;
    background: #8c7cdb
}

.item-tips:after {
    left: 19px;
    top: -1px;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    content: " ";
    -webkit-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%);
    border-top: 1px solid #8c7cdb;
    border-left: 1px solid #8c7cdb
}

.item-tips .close {
    color: #fff;
    opacity: 1 !important;
    font-size: 15px !important;
    position: absolute;
    top: 16px;
    right: 16px
}

.item-tips .hide-toggle {
    float: right;
    right: 2px
}

.item-tips .hide-toggle .switch-button .switch-button-all .option {
    height: 12px;
    width: 12px
}

.item-tips .hide-toggle .switch-button.switch-button-binary .switch-button-all {
    width: 30px;
    padding: 2px
}

.item-tips .hide-toggle .switch-button .switch-button-label {
    margin-top: -6px
}

@media (max-width:480px) {
    .item-tips .hide-toggle {
        float: left
    }
}

@media (min-width:2400px) {
    .item-tips {
        top: 0;
        margin-top: 0;
        right: -77%;
        max-width: 626px
    }

    .item-tips:after {
        left: -1px;
        top: 16px
    }
}

.photo-button-container {
    display: none;
    text-align: center;
    background-color: rgba(0, 0, 0, .6);
    -webkit-border-radius: 4%;
    border-radius: 4%
}

.photo-round .photo-button-container {
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.scaling-paid-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: hsla(0, 0%, 100%, .2);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    text-align: center;
    z-index: 5;
    padding: 16px
}

.multi-slider {
    position: relative;
    padding: 8px 0
}

.multi-slider--handle {
    position: absolute;
    width: 24px;
    height: 16px;
    top: 4px;
    cursor: pointer;
    background: #249a71;
    border: 3px solid #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.multi-slider--background {
    background: #e7ecf5;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    height: 8px
}

.multi-slider--background-line {
    width: 1px;
    height: 10px;
    position: absolute;
    top: 1px;
    left: 9px;
    background: #fff;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.multi-slider--background-line:last-child {
    top: -1px
}

.multi-switch {
    background: #e7ecf5;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    height: 30px;
    padding: 2px;
    position: relative
}

.multi-switch--item {
    display: inline-block;
    height: 26px;
    font-weight: 500;
    font-size: 12px;
    position: relative;
    padding-top: 4px;
    z-index: 2;
    text-align: center;
    cursor: pointer;
    -webkit-transition: color .3s;
    transition: color .3s
}

.multi-switch--active {
    color: #249a71
}

.multi-switch--background {
    background: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    top: 2px;
    height: 26px;
    z-index: 1;
    -webkit-transition: left .3s;
    transition: left .3s
}

.scaling-dropdown {
    width: 220px
}

.fonts-state .fonts-container>div {
    width: 100%
}

.fonts-state .fonts-container,
.fonts-state .fonts-container .font {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.fonts-state .fonts-container .font:first-child a {
    padding-top: 0
}

.fonts-state .fonts-container .font:last-child a {
    padding-bottom: 0
}

.fonts-state .fonts-container a {
    cursor: pointer;
    display: inline-block;
    padding: 10px 0;
    width: 100%;
    color: #384347;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    word-wrap: break-word;
    word-break: break-all
}

.fonts-state .fonts-container .selected .icon-02-free-check-mark,
.fonts-state .fonts-container .selected>a,
.fonts-state .fonts-container a:focus,
.fonts-state .fonts-container a:hover {
    color: #00c091
}

.fonts-state .fonts-container .selected .color-state-locked-icon {
    background-color: #00c091
}

.fonts-state .fonts-container .color-state-locked-icon,
.fonts-state .fonts-container .icon-02-free-check-mark,
.fonts-state .fonts-container .icons-holder {
    display: inline-block;
    height: 13px;
    line-height: 13px
}

.fonts-state .fonts-container .color-state-locked-icon,
.fonts-state .fonts-container .icon-02-free-check-mark {
    width: 13px;
    font-size: 13px;
    margin: 0 0 0 5px
}

.color-state {
    min-width: 192px
}

.color-state .default-color-selection .color-state-first:nth-child(5n+6) {
    margin-right: 0
}

.color-state .color-state-first {
    width: 32px;
    height: 32px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    display: inline-block;
    margin: 0 8px 8px 0;
    cursor: pointer;
    position: relative
}

.color-state .color-state-first:empty:hover {
    opacity: .8
}

.color-state .color-state-first.background {
    background-image: url(/f4f33378f5164ddeaf449fa4d7e3ccd2.png);
    background-repeat: no-repeat;
    width: 50px !important;
    height: 50px !important;
    background-color: #ccc;
    position: relative
}

.color-state .color-state-first.background .dot {
    width: 8px;
    height: 8px;
    background: red;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    right: 4px;
    top: 2px;
    position: absolute
}

.color-state .color-state-first.b00 {
    width: 50px;
    height: 50px;
    background-position: -5px -5px
}

.color-state .color-state-first.b10 {
    width: 50px;
    height: 50px;
    background-position: -5px -125px
}

.color-state .color-state-first.b11 {
    width: 50px;
    height: 50px;
    background-position: -5px -185px
}

.color-state .color-state-first.b12 {
    width: 50px;
    height: 50px;
    background-position: -5px -245px
}

.color-state .color-state-first.b02 {
    width: 50px;
    height: 50px;
    background-position: -5px -425px
}

.color-state .color-state-first.b04 {
    width: 50px;
    height: 50px;
    background-position: -5px -485px
}

.color-state .color-state-first.b05 {
    width: 50px;
    height: 50px;
    background-position: -5px -545px
}

.color-state .color-state-first.b06 {
    width: 50px;
    height: 50px;
    background-position: -5px -605px
}

.color-state .color-state-first.b09 {
    width: 50px;
    height: 50px;
    background-position: -5px -665px
}

.color-state .color-state-first.b15 {
    width: 50px;
    height: 50px;
    background-position: -5px -65px
}

.color-state .color-state-first.b20Colored {
    width: 50px;
    height: 50px;
    background-position: -5px -785px
}

.color-state .color-state-first.b19Colored {
    width: 50px;
    height: 50px;
    background-position: -5px -845px
}

.color-state .color-state-first.b18Colored {
    width: 50px;
    height: 50px;
    background-position: -5px -905px
}

.color-state .color-state-first.b16 {
    width: 50px;
    height: 50px;
    background-position: -5px -365px
}

.color-state .color-state-first.b17 {
    width: 50px;
    height: 50px;
    background-position: -5px -305px
}

.color-state .color-state-first.loading {
    background: #ccc !important
}

.color-state .color-state-first.loading:before {
    content: "Loading\2026";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    margin-left: -9px
}

.color-state .color-state-first.loading:not(:required):before {
    content: "";
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #ccc;
    border-top-color: #fff;
    -webkit-animation: spinner .6s linear infinite;
    animation: spinner .6s linear infinite
}

.color-state .color-state-second {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: inline-block;
    margin: 6px
}

.color-state .color-state-selected {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    z-index: 2;
    opacity: 0;
    -webkit-animation: fade-in-grow .15s ease-in forwards;
    animation: fade-in-grow .15s ease-in forwards
}

.color-state .color-state-selected i {
    position: absolute;
    color: #fff;
    font-size: 12px;
    margin-top: 2px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.color-state .color-state-selected:hover {
    opacity: 1
}

.color-state .color-state-locked-icon {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3
}

.color-state .custom-color-locked .enhancv-pro {
    padding: 2px 4px;
    background-color: #00c091;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    font-size: 10px
}

.color-state .custom-color-locked .plans-btn {
    width: 100%
}

.color-state .preset-reset-button {
    position: absolute;
    display: none;
    top: -10px;
    left: 24px;
    font-size: 12px;
    color: #000
}

.color-state .preset-reset-button:hover {
    color: #ff576f
}

.color-state .custom-color-selection .color-state-container {
    padding: 8px 0 0 !important;
    width: 40px;
    height: 40px;
    display: inline-block;
    cursor: pointer;
    position: relative
}

.color-state .custom-color-selection .color-state-container:nth-child(5n+6) {
    width: 32px
}

.color-state .custom-color-selection .color-state-container .color-state-first {
    margin: 0 !important
}

.color-state .custom-color-selection .color-state-container .color-state-selected {
    left: 0
}

.color-state .custom-color-selection .color-state-container:hover .preset-reset-button {
    display: inline-block
}

.color-state .custom-color-selection .color-tabs {
    height: 30px;
    background-color: #e0e0e0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 2px
}

.color-state .custom-color-selection .color-tabs .color-tab {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 26px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #60696c
}

.color-state .custom-color-selection .color-tabs .color-tab.active {
    color: #00c091;
    background-color: #fff !important
}

.color-state .custom-color-selection .color-tabs .color-tab:hover {
    background-color: #f1f1f1
}

.color-state .custom-color-selection .custom-color-picker .saturation-component {
    border: 1px transparent;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    width: 100%;
    height: 140px
}

.color-state .custom-color-selection .custom-color-picker .saturation-component div {
    border: 1px transparent;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.color-state .custom-color-selection .custom-color-picker .hue-component {
    height: 10px;
    width: 100%;
    position: relative
}

.color-state .custom-color-selection .custom-color-picker .hue-component .hue-horizontal {
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.color-state .custom-color-selection .custom-color-picker .custom-pointer {
    cursor: pointer;
    width: 10px;
    height: 10px;
    border: 2px solid #fff !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important
}

.color-state .custom-color-selection .custom-color-picker .editable-component .rgb-hex-value-btn {
    font-size: 12px;
    margin: 0 !important;
    color: #384347
}

.color-state .custom-color-selection .custom-color-picker .editable-component .add-preset-btn {
    padding: 0;
    height: 100%;
    font-size: 8px;
    margin-top: -2px
}

.color-state .custom-color-selection .custom-color-picker .editable-component .rgb-dropdown-btn.active:hover {
    background-color: #f1f1f1
}

.color-state .custom-color-selection .custom-color-picker .editable-component .triangle {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #384347;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 4px
}

.color-state .custom-color-selection .custom-color-picker .editable-component .color-state-first {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.color-state .custom-color-selection .custom-color-picker .editable-component .color-state-second {
    width: 14px;
    height: 14px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    display: inline-block;
    margin: 3px
}

.color-state .custom-color-selection .custom-color-picker .editable-component .hex-color-scale,
.color-state .custom-color-selection .custom-color-picker .editable-component .rgb-color-scale {
    height: 30px;
    background-color: transparent;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 1px
}

.color-state .custom-color-selection .custom-color-picker .editable-component .hex-color-scale div,
.color-state .custom-color-selection .custom-color-picker .editable-component .rgb-color-scale div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.color-state .custom-color-selection .custom-color-picker .editable-component .hex-color-scale .color-preset-preview,
.color-state .custom-color-selection .custom-color-picker .editable-component .hex-color-scale .color-scale-container,
.color-state .custom-color-selection .custom-color-picker .editable-component .hex-color-scale .rgb-value-container,
.color-state .custom-color-selection .custom-color-picker .editable-component .rgb-color-scale .color-preset-preview,
.color-state .custom-color-selection .custom-color-picker .editable-component .rgb-color-scale .color-scale-container,
.color-state .custom-color-selection .custom-color-picker .editable-component .rgb-color-scale .rgb-value-container {
    height: 100%;
    border-right: 1px solid #e0e0e0
}

.color-state .custom-color-selection .custom-color-picker .editable-component .hex-color-scale .rgb-value-container:nth-child(4n+4),
.color-state .custom-color-selection .custom-color-picker .editable-component .rgb-color-scale .rgb-value-container:nth-child(4n+4) {
    border-right: none
}

.color-state .custom-color-selection .custom-color-picker .editable-component .hex-color-scale .hex-value,
.color-state .custom-color-selection .custom-color-picker .editable-component .hex-color-scale .rgb-value,
.color-state .custom-color-selection .custom-color-picker .editable-component .rgb-color-scale .hex-value,
.color-state .custom-color-selection .custom-color-picker .editable-component .rgb-color-scale .rgb-value {
    margin: 0 !important;
    text-align: center !important;
    display: inline-block;
    border: none;
    width: 100%;
    height: 100%;
    position: relative;
    color: #384347
}

.color-state .custom-color-selection .custom-color-picker .editable-component .hex-color-scale .hex-value input,
.color-state .custom-color-selection .custom-color-picker .editable-component .hex-color-scale .rgb-value input,
.color-state .custom-color-selection .custom-color-picker .editable-component .rgb-color-scale .hex-value input,
.color-state .custom-color-selection .custom-color-picker .editable-component .rgb-color-scale .rgb-value input {
    padding: 0;
    font-size: 12px;
    width: 100%;
    height: 100%;
    border: none;
    background: transparent;
    text-align: center
}

.color-state .custom-color-selection .custom-color-picker .editable-component .hex-color-scale .hex-value input::-webkit-inner-spin-button,
.color-state .custom-color-selection .custom-color-picker .editable-component .hex-color-scale .rgb-value input::-webkit-inner-spin-button,
.color-state .custom-color-selection .custom-color-picker .editable-component .rgb-color-scale .hex-value input::-webkit-inner-spin-button,
.color-state .custom-color-selection .custom-color-picker .editable-component .rgb-color-scale .rgb-value input::-webkit-inner-spin-button {
    display: none !important
}

.color-preset-button {
    height: 30px !important;
    padding-top: 3px !important
}

.background-state .color-state-first {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    display: inline-block;
    margin: 3px 18px 3px 0;
    cursor: pointer;
    position: relative
}

.background-state .color-state-first:first-child {
    margin-top: 0
}

.background-state .color-state-first:last-child {
    margin-bottom: 0
}

.background-state .color-state-first:empty:hover {
    opacity: .8
}

.background-state .color-state-first:nth-child(3n+3) {
    margin-right: 0
}

.background-state .color-state-first.background {
    background-image: url(/f4f33378f5164ddeaf449fa4d7e3ccd2.png);
    background-repeat: no-repeat;
    width: 50px !important;
    height: 50px !important;
    background-color: #ccc;
    position: relative
}

.background-state .color-state-first.background .dot {
    width: 8px;
    height: 8px;
    background: red;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    right: 4px;
    top: 2px;
    position: absolute
}

.background-state .color-state-first.b00 {
    width: 50px;
    height: 50px;
    background-position: -5px -5px
}

.background-state .color-state-first.b10 {
    width: 50px;
    height: 50px;
    background-position: -5px -125px
}

.background-state .color-state-first.b11 {
    width: 50px;
    height: 50px;
    background-position: -5px -185px
}

.background-state .color-state-first.b12 {
    width: 50px;
    height: 50px;
    background-position: -5px -245px
}

.background-state .color-state-first.b02 {
    width: 50px;
    height: 50px;
    background-position: -5px -425px
}

.background-state .color-state-first.b04 {
    width: 50px;
    height: 50px;
    background-position: -5px -485px
}

.background-state .color-state-first.b05 {
    width: 50px;
    height: 50px;
    background-position: -5px -545px
}

.background-state .color-state-first.b06 {
    width: 50px;
    height: 50px;
    background-position: -5px -605px
}

.background-state .color-state-first.b09 {
    width: 50px;
    height: 50px;
    background-position: -5px -665px
}

.background-state .color-state-first.b15 {
    width: 50px;
    height: 50px;
    background-position: -5px -65px
}

.background-state .color-state-first.b20Colored {
    width: 50px;
    height: 50px;
    background-position: -5px -785px
}

.background-state .color-state-first.b19Colored {
    width: 50px;
    height: 50px;
    background-position: -5px -845px
}

.background-state .color-state-first.b18Colored {
    width: 50px;
    height: 50px;
    background-position: -5px -905px
}

.background-state .color-state-first.b16 {
    width: 50px;
    height: 50px;
    background-position: -5px -365px
}

.background-state .color-state-first.b17 {
    width: 50px;
    height: 50px;
    background-position: -5px -305px
}

.background-state .color-state-first.loading {
    background: #ccc !important
}

.background-state .color-state-first.loading:before {
    content: "Loading\2026";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    margin-left: -9px
}

.background-state .color-state-first.loading:not(:required):before {
    content: "";
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #ccc;
    border-top-color: #fff;
    -webkit-animation: spinner .6s linear infinite;
    animation: spinner .6s linear infinite
}

.background-state .color-state-second {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: inline-block;
    margin: 15px
}

.background-state .color-state-selected {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    background-color: #00c091;
    z-index: 2;
    opacity: 0;
    -webkit-animation: fade-in-grow .15s ease-in forwards;
    animation: fade-in-grow .15s ease-in forwards
}

.background-state .color-state-selected i {
    position: absolute;
    color: #fff;
    font-size: 12px;
    margin-top: 2px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.background-state .color-state-selected:hover {
    opacity: 1
}

.background-state .color-state-locked-icon {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3
}

.transparent-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent
}

.selected-mark {
    background: #f798a5 !important
}

mark {
    -webkit-transition: background .15s;
    transition: background .15s
}

.cit-cc-notification {
    background: #8c7cdb;
    margin: 8px 14px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.cit-cc-notification .text-sm {
    line-height: 20px
}

.cit-cc-notification .close {
    color: #fff;
    opacity: 1 !important;
    font-size: 12px !important
}

.dropdown-mistake .no-mistakes {
    margin-bottom: 16px !important
}

.dropdown-mistake--intro {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 8px;
    margin: 16px 16px 0;
    color: #65696d
}

.dropdown-mistake--list .item {
    padding: 8px 16px;
    font-size: 12px;
    cursor: pointer;
    background: #f8f8f8;
    position: relative;
    -webkit-transition: background .2s;
    transition: background .2s
}

.dropdown-mistake--list .item:hover {
    background: hsla(210, 3%, 71%, .2)
}

.dropdown-mistake--list .item:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #e6e4e4
}

.dropdown-mistake--list .item:last-child:before {
    display: none
}

.dropdown-mistake--list .item:first-child {
    -webkit-border-top-left-radius: 9px;
    border-top-left-radius: 9px;
    -webkit-border-top-right-radius: 9px;
    border-top-right-radius: 9px
}

.dropdown-mistake--list .item:last-child {
    -webkit-border-bottom-left-radius: 9px;
    border-bottom-left-radius: 9px;
    -webkit-border-bottom-right-radius: 9px;
    border-bottom-right-radius: 9px
}

.dropdown-mistake--list .item.blur {
    color: transparent;
    text-shadow: 2px 2px 9px #000
}

.dropdown-mistake .mistakes-count {
    position: relative;
    top: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #ff576f;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size: 14px
}

.dropdown-mistake .vl {
    border-left: 1px solid rgba(0, 0, 0, .15);
    height: 24px;
    padding-top: 2px;
    padding-bottom: 4px
}

.toggle-mask {
    position: relative;
    text-align: left
}

.toggle-mask .copy-link-wrapper {
    cursor: pointer;
    background-color: #fafafa;
    padding: 16px 24px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.toggle-mask .copy-link-wrapper .link-text {
    color: #5b5b5b
}

.toggle-mask .copy-link-wrapper i {
    margin-right: 8px;
    font-size: 16px;
    line-height: 10px
}

.toggle-mask .copy-link-wrapper.copy-link-success {
    background-color: #eaf8f3
}

.toggle-mask .copy-link-wrapper.copy-link-success .link-text {
    color: #2dc08c
}

.toggle-mask hr {
    margin: 0
}

.toggle-mask .link-input {
    opacity: 0;
    position: absolute;
    z-index: -10
}

.public-resume-link {
    cursor: text !important
}

.editing-history-preview {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    padding: 78px 210px 0;
    overflow: scroll
}

.editing-history-preview .close {
    top: 40px;
    right: 180px;
    position: absolute;
    color: #fafbfd;
    font-size: 16px
}

.editing-history-preview .resume-wrapper {
    overflow: hidden;
    max-width: 940px;
    margin: auto
}

@media screen and (max-width:767px) {
    .editing-history-preview .resume-wrapper {
        overflow: scroll !important
    }
}

.editing-history-preview .embed-responsive {
    padding-bottom: 135% !important
}

.editing-history-preview .preview-version-box {
    background: #f3f5fa;
    padding: 16px 32px;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 940px;
    margin: auto
}

.editing-history-preview .preview-version-box .version-date {
    font-family: Rubik;
    font-weight: 500;
    font-size: 18px;
    color: #384347
}

@media screen and (max-width:767px) {
    .editing-history-preview {
        padding: 0 !important
    }
}

.mobile-header {
    background: #fff;
    margin-bottom: 3px;
    padding: 0 8px
}

.mobile-header .with-icon {
    margin-bottom: 8px;
    margin-top: 8px
}

.mobile-header .name {
    font-size: 24px
}

.mobile-header .title {
    font-size: 18px
}

.mobile-header .photo {
    width: 100px;
    height: 100px
}

.sticky-navigation {
    position: -webkit-sticky;
    position: sticky;
    z-index: 50;
    top: 0
}

.edit-link-popover {
    position: absolute;
    z-index: 50000;
    top: 330px;
    border: 1px solid hsla(0, 0%, 50.2%, .45098039215686275);
    background: #fff;
    padding: 16px;
    min-width: 351px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.edit-link-popover .edit-link-input {
    max-width: 210px;
    display: inline-block;
    vertical-align: middle
}

.resume-editor-content-box {
    position: relative;
    width: 940px
}

.editor-scroll {
    scroll-behavior: smooth;
    -ms-overflow-style: scrollbar !important
}

.content-box-wrapper {
    background: #f3f3f3;
    position: -webkit-sticky;
    position: sticky;
    top: 104px;
    z-index: 5
}

@media screen and (max-width:1050px) {
    .content-box-wrapper {
        top: 0
    }
}

.scrollable-column {
    overflow: auto;
    overflow: overlay;
    -ms-overflow-style: none;
    position: relative
}

@media screen and (min-width:768px) {
    .scrollable-column {
        height: -webkit-calc(100vh - 106px);
        height: calc(100vh - 106px)
    }
}

.scrollable-column.is-not-scrollable {
    overflow: hidden
}

.toolbox-inner.scrollable-column {
    padding-bottom: 88px
}

.scrollable-column.with-additional-header {
    height: -webkit-calc(100vh - 158px) !important;
    height: calc(100vh - 158px) !important
}

.resume-editor-toolbox-border {
    border-right: 1px solid hsla(0, 0%, 87%, .52)
}

.browser-resume-page {
    position: relative;
    margin-bottom: 40px;
    -webkit-box-shadow: 0 0 2px 0 rgba(83, 83, 83, .5);
    box-shadow: 0 0 2px 0 rgba(83, 83, 83, .5)
}

.browser-resume-page:after,
.browser-resume-page:before {
    content: "";
    background: transparent;
    z-index: -1;
    position: absolute;
    height: 10px;
    width: 60%
}

.browser-resume-page:before {
    left: 20px;
    bottom: 30px;
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
    -webkit-box-shadow: 0 31px 10px rgba(0, 0, 0, .6);
    box-shadow: 0 31px 10px rgba(0, 0, 0, .6)
}

.browser-resume-page:after {
    right: -1px;
    bottom: 50px;
    -webkit-transform: skew(2deg) rotate(3deg);
    transform: skew(2deg) rotate(3deg);
    -webkit-box-shadow: 0 47px 14px rgba(0, 0, 0, .5);
    box-shadow: 0 47px 14px rgba(0, 0, 0, .5)
}

@media screen and (min-width:768px) {
    .scrollable-column.rearrange-mode {
        height: -webkit-calc(100vh - 175px) !important;
        height: calc(100vh - 175px) !important
    }
}

.resume-editor-page--updated .scrollable-column.with-additional-header {
    height: -webkit-calc(100vh - 185px) !important;
    height: calc(100vh - 185px) !important
}

.resume-editor-page--updated .resume-top-bar {
    padding-top: 16px
}

.resume-editor-page--updated .text-info-saved {
    vertical-align: middle
}

.jm-card {
    background: #f6f9ff;
    padding: 16px 24px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: -webkit-box-shadow .25s;
    transition: -webkit-box-shadow .25s;
    transition: box-shadow .25s;
    transition: box-shadow .25s, -webkit-box-shadow .25s
}

.jm-card:hover {
    -webkit-box-shadow: 0 0 12px -3px rgba(0, 0, 0, .3) !important;
    box-shadow: 0 0 12px -3px rgba(0, 0, 0, .3) !important
}

.jm-card--company,
.jm-card--title {
    font-family: Rubik;
    font-weight: 500
}

.jm-card--logo {
    width: 18px;
    height: 18px;
    background: #fff;
    position: relative;
    top: -3px
}

.jm-card--logo img {
    width: 100%;
    height: 100%
}

.jm-card--remote:before {
    content: "\B7";
    margin-left: 8px;
    margin-right: 8px;
    vertical-align: middle;
    color: #65696d
}

.jm-card--vote {
    font-weight: 400;
    height: 36px;
    padding: 8px 12px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    background-color: #8c7cdb;
    border-color: transparent
}

.jm-card--vote .icon {
    color: #f3f3f3
}

.jm-card--vote .icon:hover {
    font-weight: 700;
    color: #fff;
    cursor: pointer
}

.jm-card--preview {
    color: #91abd9;
    position: absolute;
    top: 8px;
    right: 8px
}

.jm-card hr {
    border: 1px solid #e0e0e0
}

.toolbox-strip {
    padding: 8px 16px;
    font-size: 12px;
    cursor: pointer;
    background: #f8f8f8;
    position: relative;
    -webkit-transition: background .2s;
    transition: background .2s
}

.toolbox-strip:hover {
    background: hsla(210, 3%, 71%, .2)
}

.toolbox-strip:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #e6e4e4
}

.toolbox-strip:last-child:before {
    display: none
}

.toolbox-strip:first-child {
    -webkit-border-top-left-radius: 9px;
    border-top-left-radius: 9px;
    -webkit-border-top-right-radius: 9px;
    border-top-right-radius: 9px
}

.toolbox-strip:last-child {
    -webkit-border-bottom-left-radius: 9px;
    border-bottom-left-radius: 9px;
    -webkit-border-bottom-right-radius: 9px;
    border-bottom-right-radius: 9px
}

.toolbox-strip.blur {
    color: transparent;
    text-shadow: 2px 2px 9px #000
}

.btn-toolbox .color-state-first.background {
    background-image: url(/f4f33378f5164ddeaf449fa4d7e3ccd2.png);
    background-repeat: no-repeat;
    width: 50px !important;
    height: 50px !important;
    background-color: #ccc;
    position: absolute;
    -webkit-transform: scale(.4);
    transform: scale(.4);
    left: 0;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-border-radius: 25px;
    border-radius: 25px
}

.btn-toolbox .color-state-first.background-rectangle {
    background-image: url(/1ae6d2052a83f8ab47a2e181d7eb154d.png)
}

.btn-toolbox .color-state-first.b05 {
    width: 50px;
    height: 50px;
    background-position: -5px -545px
}

.btn-toolbox .feedback-count-toolbox,
.btn-toolbox .mistakes-count {
    position: relative;
    top: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #ff576f;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size: 14px;
    margin-right: 8px
}

.btn-toolbox .circle-outer {
    background-color: #000;
    width: 20px;
    height: 20px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 8px;
    top: 1px
}

.btn-toolbox .circle-inner,
.btn-toolbox .circle-outer {
    position: relative;
    border: 1px solid transparent;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.btn-toolbox .circle-inner {
    background-color: #008cff;
    top: 21%;
    left: 23%;
    width: 57%;
    height: 57%
}

.toolbox-header {
    overflow-x: auto;
    overflow-y: hidden
}

.toolbox-header .history-component .btn {
    border: 0 !important;
    color: #384347
}

@media (min-width:768px) {
    .toolbox-header .history-component .btn:first-child {
        padding-right: 22px !important
    }
}

.toolbox-header .history-component .btn:last-child {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-right: 1px solid #e0e0e0
}

.toolbox-header .history-component .icon {
    position: relative;
    font-size: 17px
}

.toolbox-header .container-fluid {
    width: 1380px;
    margin: 0
}

@media (min-width:1380px) {
    .toolbox-header .container-fluid {
        width: auto
    }
}

@media (max-width:768px) {
    .toolbox-header .container-fluid {
        width: 1760px
    }
}

.toolbox-header .container-fluid .triangle {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #384347;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 12px
}

@media (min-width:768px) {

    .toolbox-header .container-fluid .dropdown--inlineblock,
    .toolbox-header .container-fluid .history-component {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.toolbox-header .container-fluid .btn {
    padding: 9px 16px !important
}

@media (min-width:768px) {
    .toolbox-header .container-fluid .btn {
        border-right: 1px solid #e0e0e0;
        padding: 0 18px !important
    }
}

.toolbox-header .container-fluid .icon-lock2-v2-1 {
    font-size: 16px !important
}

.toolbox-header .container-fluid--toggle {
    position: relative;
    top: 5px;
    display: inline-block;
    width: 28px;
    height: 17px;
    background: hsla(210, 3%, 71%, .5);
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: background .2s ease-in;
    transition: background .2s ease-in;
    cursor: pointer
}

.toolbox-header .container-fluid--toggle .circle {
    background: #fff;
    width: 11px;
    height: 11px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin-top: 3px;
    margin-left: 3px;
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in, -webkit-transform .2s ease-in
}

.toolbox-header .container-fluid--toggle.active {
    background: #00c091
}

.toolbox-header .container-fluid--toggle.active .circle {
    -webkit-transform: translateX(11px);
    transform: translateX(11px)
}

@media (min-width:768px) {
    .toolbox-header .container-fluid .remove-branding .switch-button-label {
        padding-top: 0 !important;
        margin-top: -2px
    }
}

.toolbox-header-sticky {
    z-index: 70;
    background: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%
}

.toolbox-header .dropdown-info-box {
    margin-top: 16px;
    background: #eee;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 12px
}

@media (max-width:767px) {
    .toolbox-header {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .toolbox-header .btn-toolbox-main .icon {
        width: 40px;
        height: 40px;
        font-size: 24px
    }

    .toolbox-header .btn-toolbox-main .icon.icon-plus {
        font-size: 33px;
        top: 1px;
        left: 4px
    }

    .toolbox-header .dropdown--inlineblock {
        background: #f8f8f8;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        margin-right: 8px
    }

    .toolbox-header .history-component .btn {
        background: #f8f8f8;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        padding: 0 !important;
        width: 40px;
        height: 40px
    }

    .toolbox-header .history-component .btn .icon {
        line-height: 7px;
        top: 1px
    }
}

@media (max-width:1380px) {
    .resume-editor-page--updated .toolbox-header .toolbox {
        width: auto;
        min-width: 1080px
    }
}

@media (max-width:1314px) {

    .resume-editor-page--updated .toolbox-header .background-dd .icon,
    .resume-editor-page--updated .toolbox-header .color-dd .circle-outer,
    .resume-editor-page--updated .toolbox-header .font-dd .icon,
    .resume-editor-page--updated .toolbox-header .scaling-dd .icon {
        margin-right: 0
    }

    .resume-editor-page--updated .toolbox-header .hidden-md-max {
        display: none !important
    }

    .resume-editor-page--updated .toolbox-header .btn,
    .resume-editor-page--updated .toolbox-header .remove-branding .switch-button-with-icon .inline {
        font-size: 13px !important
    }

    .resume-editor-page--updated .toolbox-header .background-dd {
        width: 37px;
        height: 22px
    }
}

.resume-editor-page--updated .toolbox-header .template-dd {
    border-left: 1px solid #e0e0e0
}

.resume-editor-page--updated .toolbox-header .toolbox .btn {
    padding: 0 8px !important
}

.resume-editor-page--updated .toolbox-header .history-component .btn:first-child {
    padding-left: 8px !important;
    padding-right: 0 !important
}

.resume-editor-page--updated .toolbox-header .history-component .btn:last-child {
    margin-right: 2px;
    margin-left: 0
}

.resume-editor-page--updated .toolbox-header .triangle {
    margin-left: 6px !important
}

.resume-editor-page--updated .toolbox-header .remove-branding .switch-button-with-icon {
    padding-left: 12px
}

.resume-editor-page--updated .toolbox-header .remove-branding .switch-button-with-icon .inline {
    padding-right: 0
}

.resume-editor-page--updated .toolbox-header .remove-branding .switch-button.switch-button-binary .switch-button-all {
    padding: 3px
}

.resume-editor-page--updated .toolbox-header .background-dd .color-state-first.background {
    left: -8px
}

.resume-editor-page--updated .toolbox-header .background-dd .inline {
    padding-left: 24px
}

.resume-editor-page--updated .toolbox-header-right .btn-preview-resume,
.resume-editor-page--updated .toolbox-header-right .btn-translate-resume,
.resume-editor-page--updated .toolbox-header-right .download-dropdown {
    margin-top: 9px;
    height: 22px
}

.resume-editor-page--updated .toolbox-header-right .download-dropdown {
    border-right: none !important
}

.share-resume-dropdown {
    width: 274px !important
}

.share-resume-dropdown hr {
    width: 274px;
    margin-left: -16px
}

.layout-state-dropdown {
    width: 930px !important;
    max-height: -webkit-calc(100vh - 150px);
    max-height: calc(100vh - 150px);
    overflow: hidden
}

.dropdown-mistake {
    width: 274px !important
}

.layout-section .layouts-list {
    min-height: -webkit-calc(100vh - 150px);
    min-height: calc(100vh - 150px);
    overflow: hidden;
    padding-bottom: 48px
}

.layout-section .layout-dropdown-separator {
    width: -webkit-calc(100% + 16px);
    width: calc(100% + 16px);
    margin-left: -8px;
    height: 1px;
    background-color: #e0e0e0
}

.layout-section .color-state-locked-icon {
    margin-left: 7px;
    vertical-align: -1px;
    height: 13px;
    line-height: 13px;
    width: 13px;
    font-size: 13px
}

.layout-section .btn-layout-item {
    display: inline-block;
    text-align: center;
    margin: 0 16px 30px
}

.layout-section .btn-layout-item .new-badge {
    position: absolute;
    bottom: -16px;
    left: 0;
    right: 0;
    margin: auto
}

.layout-section .btn-layout-item.selected .layout-img-holder,
.layout-section .btn-layout-item:hover .layout-img-holder {
    border: 2px solid #00c091
}

.layout-section .btn-layout-item .layout-img-holder {
    display: inline-block;
    text-align: center;
    -webkit-box-shadow: 0 0 8px -2px #ccc;
    box-shadow: 0 0 8px -2px #ccc;
    margin-bottom: 20px;
    position: relative;
    border: 2px solid transparent;
    -webkit-transition: border-color .3s ease-out;
    transition: border-color .3s ease-out
}

.layout-section .btn-layout-item .layout-img-holder img {
    image-rendering: optimizeQuality;
    -ms-interpolation-mode: nearest-neighbor;
    width: 180px;
    height: 254px
}

.layout-section .btn-layout-item .layout-img-holder .icon-align-center {
    width: 46px;
    height: 46px;
    line-height: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    color: #fff
}

.layout-section .btn-layout-item .layout-img-holder .icon-align-center>i {
    font-size: 17px
}

.layout-section .btn-layout-item .layout-name {
    font-size: 14px;
    color: #384347;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.layout-section .btn-layout-item .layout-name .color-state-locked-icon {
    vertical-align: middle;
    margin-top: -1px
}

.layout-section .selected .layout-name {
    color: #00c091
}

.select-layouts-mode-new .layout-section .layouts-list {
    min-height: auto !important;
    width: 100%;
    padding: 0 8px 180px
}

.select-layouts-mode-new .layout-section .btn-layout-item {
    width: 50%;
    display: inline-block;
    margin: 0
}

.select-layouts-mode-new .layout-section .btn-layout-item .layout-img-holder {
    margin: 24px 0 16px
}

.select-layouts-mode-new .layout-section .btn-layout-item .layout-img-holder img {
    width: 160px;
    height: 226px
}

.select-layouts-mode-new .layout-section .sidebar-fixed-content {
    position: fixed;
    -webkit-box-shadow: 0 0 2px 0 rgba(83, 83, 83, .5);
    box-shadow: 0 0 2px 0 rgba(83, 83, 83, .5);
    background: #fff;
    bottom: 0;
    width: 392px
}

.select-layouts-mode-new .layout-section .sidebar-fixed-content .continue-editing {
    width: 100%
}

.mobile-layouts-dropdown-new .btn-layout-item .layout-img-holder,
.select-layouts-mode-new .layout-section .btn-layout-item .layout-img-holder {
    border: 1px solid transparent
}

.mobile-layouts-dropdown-new .btn-layout-item .rect-bg-icon,
.select-layouts-mode-new .layout-section .btn-layout-item .rect-bg-icon {
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 0;
    height: 0;
    border-bottom: 40px solid #f3f5fa;
    border-left: 40px solid transparent;
    z-index: 10
}

.mobile-layouts-dropdown-new .btn-layout-item .rect-bg-icon .icon,
.select-layouts-mode-new .layout-section .btn-layout-item .rect-bg-icon .icon {
    position: absolute;
    top: 22px;
    right: 4px;
    color: #000
}

.mobile-layouts-dropdown-new .btn-layout-item .rect-bg-icon.bg--green,
.select-layouts-mode-new .layout-section .btn-layout-item .rect-bg-icon.bg--green {
    border-bottom: 40px solid #00c091
}

.mobile-layouts-dropdown-new .btn-layout-item .rect-bg-icon.bg--green .icon,
.select-layouts-mode-new .layout-section .btn-layout-item .rect-bg-icon.bg--green .icon {
    color: #fff
}

.mobile-layouts-dropdown-new .btn-layout-item .new-tag,
.select-layouts-mode-new .layout-section .btn-layout-item .new-tag {
    color: #fff;
    padding: 2px 4px;
    background: #00c091;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    top: -1px
}

.mobile-layouts-dropdown-new .btn-layout-item .layout-name,
.select-layouts-mode-new .layout-section .btn-layout-item .layout-name {
    color: #000;
    font-family: Rubik
}

.mobile-layouts-dropdown-new .btn-layout-item.selected .layout-img-holder,
.mobile-layouts-dropdown-new .btn-layout-item:hover .layout-img-holder,
.select-layouts-mode-new .layout-section .btn-layout-item.selected .layout-img-holder,
.select-layouts-mode-new .layout-section .btn-layout-item:hover .layout-img-holder {
    border: 1px solid #00c091
}

.mobile-layouts-dropdown-new .btn-layout-item.selected .layout-name,
.mobile-layouts-dropdown-new .btn-layout-item:hover .layout-name,
.select-layouts-mode-new .layout-section .btn-layout-item.selected .layout-name,
.select-layouts-mode-new .layout-section .btn-layout-item:hover .layout-name {
    color: #00c091
}

.mobile-layouts-dropdown-new .btn-layout-item.locked:hover .layout-img-holder,
.select-layouts-mode-new .layout-section .btn-layout-item.locked:hover .layout-img-holder {
    border: 1px solid #8c7cdb
}

.mobile-layouts-dropdown-new .btn-layout-item.locked:hover .layout-name,
.mobile-layouts-dropdown-new .btn-layout-item.locked:hover .rect-bg-icon .icon,
.select-layouts-mode-new .layout-section .btn-layout-item.locked:hover .layout-name,
.select-layouts-mode-new .layout-section .btn-layout-item.locked:hover .rect-bg-icon .icon {
    color: #8c7cdb
}

.mobile-layouts-dropdown-new .switch-button-box,
.mobile-layouts-dropdown-new .switch-button-box-label,
.select-layouts-mode-new .layout-section .switch-button-box,
.select-layouts-mode-new .layout-section .switch-button-box-label {
    display: inline-block
}

.mobile-layouts-dropdown-new .switch-button-box,
.select-layouts-mode-new .layout-section .switch-button-box {
    float: right;
    width: 208px
}

.mobile-layouts-dropdown-new .switch-button-box-label .btn-toolbox,
.select-layouts-mode-new .layout-section .switch-button-box-label .btn-toolbox {
    font-size: 14px;
    position: relative;
    top: 14px
}

@media (max-width:991px) {

    .mobile-layouts-dropdown-new .modal-content .layout-section .btn-layout-item .selected,
    .select-layouts-mode-new .layout-section .modal-content .layout-section .btn-layout-item .selected {
        border: 1px solid #00c091 !important
    }

    .mobile-layouts-dropdown-new .layout-name,
    .select-layouts-mode-new .layout-section .layout-name {
        font-size: 16px;
        font-family: Inter UI
    }

    .mobile-layouts-dropdown-new .layout-section,
    .select-layouts-mode-new .layout-section .layout-section {
        padding-top: 32px
    }

    .mobile-layouts-dropdown-new .layout-section .btn-layout-item .layout-img-holder img,
    .select-layouts-mode-new .layout-section .layout-section .btn-layout-item .layout-img-holder img {
        width: 200px !important;
        height: 282px !important
    }

    .mobile-layouts-dropdown-new .switch-button-box,
    .select-layouts-mode-new .layout-section .switch-button-box {
        float: right;
        width: 183px
    }

    .mobile-layouts-dropdown-new .modal-content hr,
    .select-layouts-mode-new .layout-section .modal-content hr {
        display: none
    }

    .mobile-layouts-dropdown-new .modal-content .mobile-layouts-dropdown--toggle-btns,
    .select-layouts-mode-new .layout-section .modal-content .mobile-layouts-dropdown--toggle-btns {
        background: #fff;
        -webkit-box-shadow: 0 0 2px 0 rgba(83, 83, 83, .5);
        box-shadow: 0 0 2px 0 rgba(83, 83, 83, .5);
        min-height: 144px
    }
}

.toolbox-design {
    width: 280px !important;
    padding: 0;
    max-height: -webkit-calc(100vh - 150px);
    max-height: calc(100vh - 150px)
}

.toolbox-design--title {
    font-family: Rubik
}

.toolbox-design-container {
    padding: 24px
}

.toolbox-design hr {
    width: 280px;
    margin-left: -24px
}

.toolbox-design .layout-section .text-left {
    font-size: 12px !important
}

.toolbox-design .layout-section .multi-switch {
    height: 42px;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.toolbox-design .layout-section .multi-switch--background,
.toolbox-design .layout-section .multi-switch--item {
    padding-top: 8px;
    height: 38px;
    font-size: 14px
}

.toolbox-design .fonts-state .fonts-container .font {
    font-size: 20px
}

.toolbox-design .fonts-state .fonts-container .font a {
    padding: 8px 0
}

.toolbox-design .fonts-state .fonts-container .font.selected i {
    font-size: 16px
}

.toolbox-design .design-fonts-container {
    border: 2px solid #e7ecf5;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: height .3s ease-out;
    transition: height .3s ease-out;
    height: 42px
}

.toolbox-design .design-fonts-container.open {
    height: 462px
}

.toolbox-design .color-state .default-color-selection {
    margin-bottom: 16px
}

.toolbox-design .color-state .custom-color-selection .color-state-container,
.toolbox-design .color-state .default-color-selection {
    text-align: left !important
}

.toolbox-design .color-state .custom-color-selection .color-state-container .color-state-first:nth-child(5n+6),
.toolbox-design .color-state .default-color-selection .color-state-first:nth-child(5n+6) {
    margin-right: 6px !important
}

.toolbox-design .color-state .custom-color-selection .color-state-container .color-state-first:nth-child(5n+5),
.toolbox-design .color-state .default-color-selection .color-state-first:nth-child(5n+5) {
    margin-right: 0 !important
}

.toolbox-design .color-state .preset-reset-button {
    top: -2px;
    left: 28px;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    font-size: 10px;
    text-align: center;
    padding-top: 1px
}

.toolbox-design .color-state .custom-color-selection--bckg {
    background: #e7ecf5;
    width: 280px;
    margin: 0 0 0 -24px;
    padding: 24px
}

.toolbox-design .color-state .custom-color-selection .custom-color-add-btn {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: top
}

.toolbox-design .color-state .custom-color-selection .color-scale-container {
    background: #fafbfd
}

.toolbox-design .color-state .custom-color-selection .color-state-container {
    width: unset;
    height: unset;
    padding: 0 !important
}

.toolbox-design .color-state .custom-color-selection .color-tabs {
    height: 42px;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.toolbox-design .color-state .custom-color-selection .color-tabs .color-tab {
    height: 38px;
    font-size: 14px;
    font-weight: 500
}

.toolbox-design .color-state .custom-color-selection .color-tabs .color-tab.active {
    color: #249a71
}

.toolbox-design .color-state .custom-color-selection .close {
    font-size: 10px
}

.toolbox-design .color-state .custom-color-selection .custom-color-picker .saturation-component {
    overflow: hidden
}

.toolbox-design .color-state-first,
.toolbox-design .color-state .custom-color-selection .color-state-container .color-state-first {
    width: 40px;
    height: 40px;
    margin: 0 6px 12px 0 !important
}

.toolbox-design .color-state-second {
    width: 26px;
    height: 26px;
    margin: 7px
}

.toolbox-design .color-state-first,
.toolbox-design .color-state-second,
.toolbox-design .color-state-selected {
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.toolbox-design .background-state-container {
    text-align: left
}

.toolbox-design .background-state .color-state-first {
    margin: 4px 10px 4px 0 !important;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #d4dae6
}

.toolbox-design .background-state .color-state-first.background {
    background-image: url(/1ae6d2052a83f8ab47a2e181d7eb154d.png)
}

.toolbox-design .background-state .color-state-first:nth-child(4n+4) {
    margin-right: 0 !important
}

.toolbox-design .background-state .color-state-first .color-state-selected {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 44px !important;
    height: 44px !important;
    margin: 2px 0 0 2px
}

.toolbox-specific {
    width: 100%;
    min-height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    -webkit-box-shadow: 0 0 2px 0 rgba(83, 83, 83, .5) !important;
    box-shadow: 0 0 2px 0 rgba(83, 83, 83, .5) !important
}

.toolbox-specific .back-button {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #384347;
    -webkit-box-pack: end !important;
    -webkit-justify-content: end !important;
    -ms-flex-pack: end !important;
    justify-content: end !important
}

.toolbox-specific .back-button .icon {
    height: 30px;
    width: 30px;
    font-size: 20px;
    position: relative
}

.toolbox-specific .back-button .icon-arrowleft-1 {
    position: absolute;
    top: 4px;
    left: 4px
}

.toolbox-specific .back-button--bg {
    display: inline-block;
    height: 24px;
    width: 24px;
    background: #f3f3f3;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0
}

.toolbox-specific .button {
    color: #384347 !important
}

.toolbox-specific .upgrade-section p {
    color: #65696d
}

.toolbox .toolbox-specific,
.toolbox .toolbox-specific hr {
    border-color: #e6e6e6
}

.toolbox .toolbox-section-tab {
    position: absolute;
    width: 100%;
    height: 100%
}

.download-dropdown {
    margin-bottom: 0 !important
}

.download-dropdown--buttons {
    padding-left: 24px;
    overflow: hidden;
    height: 0;
    -webkit-transition: height .3s;
    transition: height .3s
}

.download-dropdown--buttons.active {
    height: 100px
}

.font-size-toggle {
    float: right;
    display: inline-block;
    text-align: center;
    font-size: 11px;
    padding-top: 2px;
    font-weight: 700;
    cursor: pointer
}

.font-size-toggle .circle {
    width: 19px;
    height: 19px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #cdcdcd;
    margin-left: 2px;
    display: inline-block;
    padding-top: 2px
}

.font-size-toggle .active {
    background: #8c7cdb;
    color: #fff
}

.feedback-count,
.resume-comments-container {
    display: inline-block
}

.feedback-count {
    padding-left: 6px;
    padding-right: 6px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #ff576f
}

.feedback-count-text {
    color: #fff
}

.toolbox {
    height: 100%
}

.toolbox .font-size-toggle {
    float: right;
    display: inline-block
}

.toolbox .toolbox-container {
    height: 100%
}

.toolbox {
    font-weight: 300;
    position: relative
}

.toolbox .icon-information-circle+.toolbox-text-gray {
    max-height: 0;
    overflow: hidden
}

.toolbox .tooltip-opened {
    max-height: 100% !important;
    margin-bottom: 16px
}

.toolbox-text-gray {
    color: #828282
}

.toolbox .public-resume-link {
    width: 90%;
    padding: 8px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 0;
    margin-left: 8px;
    margin-top: 8px
}

.toolbox .icon-lock2-v2-1 {
    font-size: 20px !important;
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

.toolbox .toolbox-inner {
    width: 268px
}

.toolbox .toolbox-inner .toolbox-sidebar-content {
    min-height: 450px
}

.toolbox .toolbox-inner .toolbox-sidebar-content-hidden-sidebar {
    min-height: 400px
}

.toolbox .btn-preview-cover-letter {
    padding-left: 0 !important
}

.toolbox .btn-cl-left-padding {
    padding-left: 4px !important
}

.toolbox .inner-toolbox-container {
    margin: 30px !important
}

.toolbox .btn-download-cover-letter {
    padding-left: 0 !important
}

.toolbox .ideas-box-title,
.toolbox .layout-box-title {
    font-family: Inter UI;
    color: #b2b4b6;
    font-size: 16px;
    font-weight: 300;
    display: inline-block;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.toolbox .toolbox-heading-container {
    line-height: 1;
    margin-bottom: 32px
}

.toolbox .toolbox-heading-container img.visible-lg {
    margin: auto
}

.toolbox .with-specific .fixed-container {
    margin: 16px 24px
}

.toolbox .fixed-container {
    margin: 8px 16px
}

.toolbox .fixed-container.small-item {
    padding: 16px 8px;
    margin-top: 0;
    margin-bottom: 0
}

.toolbox .fixed-container.back-button-wrapper {
    padding: 16px 0
}

.toolbox .fixed-container.back-button-wrapper .back-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -ms-flex-pack: end;
    justify-content: end
}

.toolbox .fixed-container .btn-toolbox {
    padding: 8px 8px 6px 13px;
    margin: 8px 0
}

.toolbox .fixed-container.with-badge .icon {
    -webkit-transform: none;
    transform: none;
    line-height: 14px
}

.toolbox .fixed-container.with-badge .Grid {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.toolbox .fixed-container.with-badge .with-badge-item {
    padding: 8px 0 8px 8px
}

.toolbox .fixed-container.with-badge .count-badge {
    width: 21px;
    height: 20px;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (max-width:1200px) {
    .toolbox .fixed-container.with-badge .count-badge {
        display: none
    }
}

.toolbox .box {
    margin-left: 16px;
    margin-right: 16px
}

.toolbox hr {
    border-color: hsla(0, 0%, 87%, .52);
    margin: 0
}

.toolbox .button {
    display: block;
    color: #fff;
    font-size: 14px;
    font-family: Inter UI;
    font-weight: 400
}

.toolbox .new-section-button {
    -webkit-box-shadow: 0 2px 10px 0 #8c7cdb;
    box-shadow: 0 2px 10px 0 #8c7cdb
}

.toolbox .upgrade-section {
    color: #fff;
    font-size: 14px;
    font-weight: 400
}

.toolbox .upgrade-section h3 {
    color: inherit;
    font-size: 16px;
    font-weight: 300;
    font-family: Inter UI
}

.toolbox .upgrade-section p {
    color: #fff
}

.toolbox .btn-toolbox .icon {
    font-size: 16px;
    margin-right: 8px
}

.toolbox .toolbox-label {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
    padding-bottom: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle
}

.toolbox .toolbox-label .icon {
    font-size: 16px;
    margin-right: 14px
}

.toolbox .toggle-wrapper {
    padding-bottom: 20px
}

.toolbox .toggle-wrapper:last-child {
    padding-bottom: 0
}

.toolbox .toggle-wrapper .toggle-feedback,
.toolbox .toggle-wrapper .toggle-mistakes {
    margin: 0
}

.toolbox .toggle-wrapper a {
    margin-bottom: 15px !important
}

@media (max-width:1199px) {
    .toolbox .toggle-wrapper a {
        margin-bottom: 0 !important
    }
}

.toolbox .btn-title,
.toolbox .toggle-option-label {
    color: rgba(71, 72, 75, .81)
}

.toolbox .btn-title {
    -webkit-font-smoothing: antialiased;
    cursor: default;
    padding-left: 8px;
    max-width: 218px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    bottom: 16px
}

.toolbox .btn-title.label-inline {
    position: relative !important;
    padding-top: 32px
}

.toolbox .btn-add-section,
.toolbox .btn-open-sidebar {
    display: none
}

@media (max-width:767px) {

    .toolbox .btn-add-section,
    .toolbox .btn-open-sidebar {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.toolbox .collapse-container {
    position: absolute;
    bottom: 0;
    width: 100%
}

.toolbox .collapse-container .fade-shadow {
    height: 40px;
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 95%, 0)), color-stop(70%, hsla(0, 0%, 95%, .5)), to(#f3f3f3));
    background: linear-gradient(180deg, hsla(0, 0%, 95%, 0), hsla(0, 0%, 95%, .5) 70%, #f3f3f3)
}

.toolbox .collapse-container .icon-icon-arrowright {
    margin-right: 0;
    margin-left: -8px
}

.toolbox .collapse-container .no-fade-shadow {
    background: #f3f3f3
}

.toolbox .collapse-container .no-fade-shadow .fixed-container {
    margin: 0 16px !important
}

.toolbox .collapse-container .no-fade-shadow .fixed-container .btn-toolbox {
    margin: 8px 0 0 !important;
    padding: 8px 8px 14px 13px !important
}

@media (max-width:767px) {
    .toolbox .collapse-container {
        display: none
    }
}

.btn-link {
    color: rgba(71, 72, 75, .81) !important
}

.btn-link .icon {
    color: #384347
}

@media (max-width:1199px) {

    .toolbox.toolbox-fixed-width,
    .toolbox .with-specific .toolbox-hidable {
        width: 268px
    }
}

.toolbox-animate-enter {
    opacity: 0;
    -webkit-transform: translateX(-268px);
    transform: translateX(-268px);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.175, .665, .32, 1);
    transition: -webkit-transform .4s cubic-bezier(.175, .665, .32, 1);
    transition: transform .4s cubic-bezier(.175, .665, .32, 1);
    transition: transform .4s cubic-bezier(.175, .665, .32, 1), -webkit-transform .4s cubic-bezier(.175, .665, .32, 1);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms
}

.toolbox-animate-enter.toolbox-animate-enter-active {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.toolbox-animate-exit {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.175, .665, .32, 1);
    transition: -webkit-transform .4s cubic-bezier(.175, .665, .32, 1);
    transition: transform .4s cubic-bezier(.175, .665, .32, 1);
    transition: transform .4s cubic-bezier(.175, .665, .32, 1), -webkit-transform .4s cubic-bezier(.175, .665, .32, 1)
}

.toolbox-animate-appear,
.toolbox-animate-exit.toolbox-animate-exit-active {
    -webkit-transform: translateX(-268px);
    transform: translateX(-268px)
}

.toolbox-animate-appear {
    opacity: 0;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.175, .665, .32, 1);
    transition: -webkit-transform .4s cubic-bezier(.175, .665, .32, 1);
    transition: transform .4s cubic-bezier(.175, .665, .32, 1);
    transition: transform .4s cubic-bezier(.175, .665, .32, 1), -webkit-transform .4s cubic-bezier(.175, .665, .32, 1)
}

.toolbox-animate-appear.toolbox-animate-enter-active {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.toolbox-absolute {
    padding-left: 61px
}

.toolbox-absolute .resume-editor-toolbox-border {
    position: absolute !important;
    left: 0;
    z-index: 200;
    background: #f3f3f3;
    height: -webkit-calc(100vh - 106px) !important;
    height: calc(100vh - 106px) !important
}

@media (max-width:480px) {

    .toolbox-absolute .resume-editor-toolbox-border,
    .toolbox-absolute .resume-editor-toolbox-border .toolbox-inner {
        width: 100%
    }
}

.btn-toolbox-main {
    font-weight: 500
}

.btn-toolbox-main .icon {
    height: 28px;
    width: 28px;
    position: relative;
    z-index: 3
}

.btn-toolbox-main .icon-plus {
    font-size: 26px;
    color: #fff;
    position: absolute;
    z-index: 2;
    top: -1px;
    left: 1px
}

.btn-toolbox-main--bg {
    height: 28px;
    width: 28px;
    background: #8c7cdb;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0
}

.btn-toolbox-main--xs {
    height: 20px !important;
    width: 20px !important
}

.btn-toolbox-main--xs .icon-plus {
    font-size: 17px;
    top: 0;
    left: 2px
}

.btn-toolbox-main.inverse .btn-toolbox-main--bg {
    background: #e8e5f8 !important
}

.btn-toolbox-main.inverse .icon-plus {
    color: #8c7cdb !important
}

.btn-toolbox-main.inverse .icon-arrowleft-1,
.btn-toolbox-main.inverse .icon-icon-arrowright {
    padding-top: 6px
}

.btn-toolbox-main.primary .btn-toolbox-main--bg {
    background: #00c091 !important
}

.btn-toolbox-main.primary .icon-04-eye {
    padding-top: 6px
}

.btn-toolbox-main.btn-gray .btn-toolbox-main--bg {
    background: #f3f3f3 !important
}

.btn-toolbox-main.btn-gray .icon-arrowleft-1 {
    color: #384347;
    top: 6px;
    left: 6px;
    font-size: 24px
}

.btn-toolbox-main.btn-gray .btn-toolbox-main--bg,
.btn-toolbox-main.btn-gray .icon,
.btn-toolbox-main.btn-gray .icon-arrowleft-1 {
    height: 40px;
    width: 40px
}

.toolbox-notification {
    padding: 16px;
    margin: 0 16px;
    background: #8c7cdb;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: relative
}

.toolbox-notification i {
    position: absolute;
    top: 17px;
    right: 17px;
    color: #fff;
    font-size: 10px;
    cursor: pointer
}

.toolbox-notification h2 {
    font-weight: 700;
    font-size: 16px;
    line-height: 27px;
    font-family: Inter UI;
    margin: 0;
    color: #fff
}

.toolbox-notification div {
    font-size: 12px;
    line-height: 20px;
    color: #fff
}

.feedback-state .info-icon {
    padding-top: 2px
}

.feedback-state .info-icon .icon {
    font-size: 14px
}

.feedback-state .invite-btn {
    outline: none;
    border: none;
    background: transparent;
    padding-left: 0;
    color: #2dc08d;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.feedback-state .invite-btn .icon {
    height: 24px;
    width: 24px;
    position: relative
}

.feedback-state .invite-btn .icon-plus {
    font-size: 20px;
    color: #fff;
    position: absolute;
    top: 1px;
    left: 2px
}

.feedback-state .invite-btn--bg {
    display: inline-block;
    height: 24px;
    width: 24px;
    background: #00c091;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0
}

.feedback-state .invite-btn--text {
    padding-top: 2px
}

.feedback-state .invite-btn:hover {
    color: #009d75 !important
}

.feedback-state .invite-btn:hover .icon {
    background: #009d75 !important
}

.feedback-state .no-comments {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fafafa;
    height: 42px
}

.feedback-state .no-comments .icon {
    padding-top: 5px
}

.feedback-state .toggle-mask {
    position: relative
}

.feedback-state .toggle-mask-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: hsla(0, 0%, 100%, .65);
    z-index: 10;
    text-align: center;
    font-size: 33px;
    color: #22bf91;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 20px
}

.feedback-state .copy-link-wrapper {
    overflow: hidden;
    cursor: pointer;
    background-color: #fff !important;
    padding: 10px !important;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.feedback-state .copy-link-wrapper .copy-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.feedback-state .copy-link-wrapper .link-text {
    color: #5b5b5b;
    line-height: 100%;
    text-overflow: ellipsis;
    width: 170px;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block
}

.feedback-state .copy-link-wrapper i {
    margin-right: 0 !important;
    font-size: 16px;
    line-height: 10px
}

.feedback-state .copy-link-wrapper.copy-link-success {
    background-color: #eaf8f3
}

.feedback-state .copy-link-wrapper.copy-link-success .link-text {
    color: #2dc08c
}

.feedback-state .email-blocks-inner>.text-field {
    max-width: 140px
}

.feedback-state .email-input {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #eee !important;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.feedback-state .email-input button {
    max-height: 40px
}

.feedback-state .feedback-user-container {
    font-size: 15px;
    margin-bottom: 16px
}

.feedback-state .resolved-container,
.feedback-state .username-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.feedback-state .feedback-count,
.feedback-state .resolved-count {
    padding-left: 6px;
    padding-right: 6px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.feedback-state .feedback-count {
    background-color: #ffabb7
}

.feedback-state .feedback-count.enabled {
    background-color: #ff576f
}

.feedback-state .resolved-count {
    background-color: #62d0aa
}

.feedback-state .resolved-count.enabled {
    background-color: #2dc08d
}

.feedback-state .feedback-count-text,
.feedback-state .resolved-count-text {
    color: #fff
}

.resume-creation-state .info-icon {
    padding-top: 2px
}

.resume-creation-state .info-icon .icon {
    font-size: 14px
}

.mistake-container--ignored {
    -webkit-animation: fadeout .5s forwards !important;
    animation: fadeout .5s forwards !important
}

.mistake-container--ignored .mistake-container--resolve-box {
    background: #00c091
}

.mistake-container {
    position: fixed;
    width: 290px;
    z-index: 1000;
    background: #fff;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3);
    -webkit-animation: fade .15s ease-in;
    animation: fade .15s ease-in;
    opacity: 1
}

.mistake-container--margin {
    margin: 16px 16px 0
}

.mistake-container--heading {
    font-weight: 700
}

.mistake-container--blur-text {
    color: transparent;
    text-shadow: 0 0 9px rgba(0, 0, 0, .5)
}

.mistake-container--resolve {
    color: #b2b4b6;
    font-size: 12px;
    cursor: pointer
}

.mistake-container--resolve-box {
    position: relative;
    top: 1px;
    display: inline-block;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    width: 12px;
    height: 12px;
    border: 1px solid #b2b4b6
}

.mistake-container--locked {
    border-top: 1px solid hsla(210, 3%, 71%, .2)
}

.mistake-container--locked-mistakes-count {
    color: #ff576f
}

.mistake-container--locked-heading {
    font-size: 16px
}

@-webkit-keyframes fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.not-saved i {
    font-size: 16px;
    line-height: 19px
}

@-webkit-keyframes bullet-popover-appear-right-icon {
    0% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes bullet-popover-appear-right-icon {
    0% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.bullet-popover-icon {
    position: absolute;
    font-size: 18px;
    width: 26px;
    height: 26px;
    z-index: 100;
    text-align: center;
    padding-top: 3px;
    margin-top: -3px;
    margin-left: -6px;
    color: #fff;
    cursor: pointer;
    -webkit-animation: bullet-popover-appear-right-icon .3s ease-out normal forwards;
    animation: bullet-popover-appear-right-icon .3s ease-out normal forwards
}

.bullet-popover-icon.right-side:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.bullet-popover-icon:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 26px;
    height: 26px;
    background: #8c7cdb;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 13px;
    border-top-left-radius: 13px;
    -webkit-border-bottom-left-radius: 13px;
    border-bottom-left-radius: 13px;
    -webkit-border-bottom-right-radius: 13px;
    border-bottom-right-radius: 13px;
    -webkit-box-shadow: 0 0 5px -2px rgba(0, 0, 0, .75);
    box-shadow: 0 0 5px -2px rgba(0, 0, 0, .75)
}

@-webkit-keyframes bullet-popover-appear-right {
    0% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes bullet-popover-appear-right {
    0% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes bullet-popover-appear-bottom {
    0% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bullet-popover-appear-bottom {
    0% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.suggestions-info {
    opacity: .85;
    font-size: 12px
}

.bullet-popover {
    -webkit-animation: bullet-popover-appear-right .3s ease-out normal forwards;
    animation: bullet-popover-appear-right .3s ease-out normal forwards;
    background: #8c7cdb;
    color: #fff;
    width: 296px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    padding: 5px;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1000;
    -webkit-box-shadow: 0 0 5px -2px rgba(0, 0, 0, .75);
    box-shadow: 0 0 5px -2px rgba(0, 0, 0, .75);
    margin-left: -282px;
    margin-top: -48px
}

.bullet-popover.dropdown {
    padding: 0;
    margin-left: -158px !important;
    margin-top: 10px !important
}

.bullet-popover.dropdown:before {
    content: none
}

.bullet-popover.right-side:before {
    right: -8px;
    top: 126px;
    left: auto
}

.bullet-popover:before {
    content: " ";
    position: absolute;
    top: 47px;
    left: -8px;
    z-index: -1;
    width: 20px;
    height: 20px;
    background: #8c7cdb;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.bullet-popover.left-side {
    -webkit-animation: bullet-popover-appear-bottom .3s ease-out normal forwards;
    animation: bullet-popover-appear-bottom .3s ease-out normal forwards;
    margin-left: -148px;
    margin-top: 14px
}

.bullet-popover--close-hint {
    position: absolute;
    font-size: 10px;
    top: 9px;
    right: 29px;
    opacity: .66
}

.bullet-popover--close-hint b {
    display: inline-block;
    background: hsla(0, 0%, 100%, .3);
    padding: 1px 3px 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    top: 1px
}

.bullet-popover--heading {
    padding: 8px
}

.bullet-popover--heading .text-bold {
    position: relative;
    top: -2px
}

.bullet-popover--heading * {
    display: inline-block
}

.bullet-popover--heading .icon {
    font-size: 16px
}

.bullet-popover--heading .icon-38-free-pencil {
    text-decoration: underline
}

.bullet-popover--heading .icon-close-1,
.bullet-popover--heading .icon-compress,
.bullet-popover--heading .icon-question {
    float: right;
    cursor: pointer;
    font-size: 21px;
    position: relative;
    top: -1px;
    left: 3px
}

.bullet-popover--switch-buttons .btn {
    padding: 6px 11px;
    background: hsla(0, 0%, 100%, .25);
    color: #fff
}

.bullet-popover--switch-buttons [disabled] {
    opacity: .5 !important
}

.bullet-popover--switch-buttons .btn-experience {
    width: 100%;
    font-size: 12px;
    cursor: default;
    overflow: hidden;
    height: 31px;
    position: relative
}

.bullet-popover--switch-buttons .btn-experience--text {
    position: absolute;
    top: 6px;
    left: 0;
    right: 0;
    color: #fff;
    -webkit-transition: top .25s;
    transition: top .25s
}

.bullet-popover--switch-buttons .btn-experience--text.above {
    top: -17px
}

.bullet-popover--switch-buttons .btn-experience--text.below {
    top: 26px
}

.bullet-popover--switch-buttons .btn-arrow {
    padding: 2px 6px;
    font-size: 18px
}

.bullet-popover--switch-buttons .btn-arrow:hover {
    background: #7839ce
}

.bullet-popover--picker {
    width: 100%;
    height: 200px;
    background: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow-y: scroll;
    color: #232528
}

.bullet-popover--picker.data {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    overflow: hidden
}

.bullet-popover--picker .suggestion {
    padding: 8px 16px 8px 8px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: background .15s;
    transition: background .15s
}

.bullet-popover--picker .suggestion:hover {
    background: hsla(0, 0%, 80%, .2)
}

.bullet-popover--picker .suggestion:last-child {
    border-bottom: 0
}

.bullet-popover--picker .suggestion:first-child {
    background: hsla(0, 0%, 80%, .2)
}

.bullet-popover--toggle-wrapper {
    background: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #232528;
    width: 100%;
    padding: 8px
}

.feedback-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.feedback-wrapper .feedback-overlay {
    z-index: 1000;
    background: transparent;
    cursor: crosshair;
    position: relative
}

.feedback-wrapper .feedback-overlay .feedback-tooltip {
    display: none;
    background-color: #384347;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 7px 12px;
    color: #fff;
    font-size: 14px;
    line-height: 16px
}

.feedback-wrapper .feedback-overlay:hover .feedback-tooltip {
    display: block;
    position: fixed;
    overflow: hidden
}

.feedback-wrapper .feedback-circle-wrapper {
    width: 940px;
    height: 100%;
    height: -webkit-calc(100% - 40px);
    height: calc(100% - 40px);
    position: absolute
}

.feedback-wrapper .feedback-circle {
    width: 41px;
    height: 41px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 4px solid #fff;
    text-align: center;
    line-height: 35px;
    -webkit-box-shadow: 0 0 16px -4px rgba(0, 0, 0, .75);
    box-shadow: 0 0 16px -4px rgba(0, 0, 0, .75);
    -webkit-transition: -webkit-box-shadow .15s;
    transition: -webkit-box-shadow .15s;
    transition: box-shadow .15s;
    transition: box-shadow .15s, -webkit-box-shadow .15s;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    background: #ef1b27;
    position: absolute;
    z-index: 1000
}

.feedback-wrapper .feedback-circle:hover {
    -webkit-box-shadow: 0 0 16px -2px rgba(0, 0, 0, .75);
    box-shadow: 0 0 16px -2px rgba(0, 0, 0, .75)
}

.feedback-wrapper .feedback-input-wrapper {
    position: absolute;
    background: #fff;
    -webkit-box-shadow: 0 0 45px -8px rgba(0, 0, 0, .75);
    box-shadow: 0 0 45px -8px rgba(0, 0, 0, .75);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 320px;
    padding: 27px;
    z-index: 1000;
    -webkit-animation: fade-in .2s ease-out forwards !important;
    animation: fade-in .2s ease-out forwards !important
}

.feedback-wrapper .feedback-input-wrapper .feedback-input-textarea {
    border: 0;
    width: 100%;
    resize: none;
    min-height: 50px;
    max-height: 150px;
    overflow-y: scroll
}

.feedback-wrapper .feedback-input-wrapper .feedback-input-textarea:focus {
    outline: 0
}

.feedback-wrapper .feedback-input-wrapper:before {
    position: absolute;
    top: -7px;
    left: 50%;
    content: " ";
    display: block;
    width: 31px;
    height: 8px;
    -webkit-transform: rotateX(180deg) translateX(-50%);
    transform: rotateX(180deg) translateX(-50%);
    background-image: url(/27dcd5b8e8de843a7ac6003d8345ad63.svg)
}

.feedback-wrapper .feedback-input-wrapper .feedback-trash-icon {
    line-height: 42px;
    font-size: 18px;
    color: #65696d;
    cursor: pointer
}

.feedback-wrapper .feedback-input-wrapper .feedback-trash-icon:hover {
    color: #00c091;
    -webkit-transition: color .4s;
    transition: color .4s
}

.feedback-wrapper .feedback-input-wrapper .feedback-cancel {
    color: #65696d;
    text-decoration: underline
}

.feedback-wrapper .feedback-input-wrapper .close {
    position: absolute;
    top: 16px;
    right: 16px
}

.feedback-wrapper .feedback-input-wrapper.left-alignment:before {
    left: 6% !important
}

.rearrange-mode-new,
.select-layouts-mode-new {
    width: 392px;
    background: #fff;
    -webkit-box-shadow: 0 0 12px -3px rgba(0, 0, 0, .3);
    box-shadow: 0 0 12px -3px rgba(0, 0, 0, .3);
    z-index: 20;
    margin-top: 1px;
    position: fixed;
    right: 0
}

.rearrange-mode-new .scrollable-column,
.select-layouts-mode-new .scrollable-column {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.rearrange-mode-new .scrollable-column::-webkit-scrollbar,
.select-layouts-mode-new .scrollable-column::-webkit-scrollbar {
    display: none
}

.rearrange-mode-new .close-btn,
.select-layouts-mode-new .close-btn {
    display: block;
    position: absolute;
    right: 16px;
    top: 16px;
    z-index: 4
}

.rearrange-mode-new .close-btn .close,
.select-layouts-mode-new .close-btn .close {
    font-size: 14px
}

.job-matcher-sticky-container {
    position: -webkit-sticky;
    position: sticky;
    top: 106px
}

.resume-editor-job-matcher {
    max-width: 282px;
    min-width: 60px;
    background: #e7ecf5;
    scrollbar-width: none;
    -ms-overflow-style: none
}

@media screen and (max-width:1300px) {
    .resume-editor-job-matcher {
        position: fixed;
        right: 0;
        z-index: 10
    }
}

.resume-editor-job-matcher::-webkit-scrollbar {
    display: none
}

.resume-editor-job-matcher .jm-slider--view-all,
.resume-editor-job-matcher .jm-slider .percentage {
    font-family: Rubik, sans-serif;
    font-size: 16px
}

.resume-editor-job-matcher .jm-slider--circle,
.resume-editor-job-matcher .jm-slider--small-circle {
    width: 125px;
    display: block;
    margin: 0 auto
}

.resume-editor-job-matcher .jm-slider--circle .percentage,
.resume-editor-job-matcher .jm-slider--small-circle .percentage {
    font-size: 32px
}

.resume-editor-job-matcher .jm-slider--circle .percentage--symbol,
.resume-editor-job-matcher .jm-slider--small-circle .percentage--symbol {
    font-size: 24px;
    top: -5px
}

.resume-editor-job-matcher .jm-slider--small-circle {
    width: 24px
}

.resume-editor-job-matcher .jm-slider--goals {
    background: #8c7cdb;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.resume-editor-job-matcher .jm-slider--goals .goal {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.resume-editor-job-matcher .jm-slider--goals .goal .icon {
    top: 3px
}

.resume-editor-job-matcher .jm-slider--goals .goal--done {
    color: #6554b6
}

.resume-editor-job-matcher .jm-slider--radar {
    width: 268px
}

.resume-editor-job-matcher .jm-slider--radar img {
    width: 96px
}

.resume-editor-job-matcher .jm-slider--hide-btn {
    position: absolute;
    top: 32px;
    right: 32px;
    color: #91abd9;
    font-family: Rubik, sans-serif
}

.resume-editor-job-matcher .jm-slider--hide-btn .icon {
    top: 2px
}

.resume-editor-job-matcher .jm-slider--show-btn {
    position: absolute;
    left: 16px;
    top: 46%;
    color: #91abd9;
    font-size: 22px
}

.resume-editor-job-matcher .jm-slider--view-all:hover {
    opacity: .8
}

@media (min-width:1300px) {
    .resume-editor-job-matcher .jm-slider .hidden-btn {
        display: none
    }
}

.announcement-toaster {
    position: absolute;
    bottom: 40px;
    left: 46px;
    width: 364px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    padding: 16px;
    margin-top: 24px;
    -webkit-transition: background-color .4s, -webkit-box-shadow .2s;
    transition: background-color .4s, -webkit-box-shadow .2s;
    transition: box-shadow .2s, background-color .4s;
    transition: box-shadow .2s, background-color .4s, -webkit-box-shadow .2s;
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    cursor: pointer
}

.announcement-toaster h6 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

.announcement-toaster .close {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 14px
}

.context-menu {
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    position: fixed;
    background: #fff;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3);
    opacity: 1;
    z-index: 1039;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden
}

.context-menu.invis {
    pointer-events: none;
    opacity: 0
}

.context-menu .btn-option-download {
    width: 100%;
    display: block;
    color: #384347
}

.context-menu--option {
    padding: 8px 24px 8px 16px;
    min-width: 160px;
    cursor: default;
    font-size: 13px
}

.context-menu--option:hover {
    background: #384347;
    color: #fff
}

.context-menu--option:active {
    color: #e9e9e9;
    background: #384347
}

.context-menu--option .icon {
    vertical-align: middle
}

.context-menu--separator {
    width: 100%;
    height: 1px;
    background: #ccc;
    margin: 0
}

.cc-notification {
    position: fixed;
    width: 350px;
    padding: 20px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    bottom: 16px;
    right: 16px;
    background: #504d62;
    color: #fff;
    z-index: 1002;
    display: none
}

.cc-notification .cc-title {
    color: #fff;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 8px
}

.cc-notification .cc-description {
    font-size: 12px;
    line-height: 20px;
    margin: 0 0 16px
}

.cc-notification .get-in-touch-btn {
    max-width: 115px
}

.cc-notification .cc-right-container {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cc-notification .cc-img-container,
.cc-notification .cc-right-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.cc-notification .close {
    color: #fff;
    background: transparent;
    font-weight: 400;
    opacity: 1 !important;
    text-shadow: 0 0 #000;
    font-size: 12px
}

.cc-notification.visible {
    display: block
}

.promocode-big-input {
    width: 100%;
    height: 54px;
    border: 1px solid #b2b4b6;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 25px;
    padding-left: 16px
}

.promocode-big-input:focus {
    outline: 0
}

.onboarding.new-onboarding {
    background: #e5e5e5
}

.onboarding .steps {
    width: 556px;
    height: 40px;
    border-bottom: 3px solid #e7ecf5;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0
}

.onboarding .steps .step {
    position: absolute;
    width: 32px;
    height: 32px;
    background: #e7ecf5;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    bottom: -16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #8c7cdb
}

.onboarding .steps .step--current {
    background: #00c091;
    color: #fff
}

.onboarding .steps .step--1 {
    left: 0
}

.onboarding .steps .step--2 {
    left: 262px
}

.onboarding .steps .step--3 {
    right: 0
}

.onboarding .btn-back i {
    font-size: 21px;
    color: #8c7cdb
}

.onboarding .step-1 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.onboarding .step-1 .position-autocomplete {
    width: 95%;
    margin-left: auto;
    margin-right: auto
}

.onboarding .step-2 .badge {
    position: absolute;
    top: 16px;
    right: 16px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.onboarding .step-2 .badge.badge-primary {
    background-color: #00c091
}

.onboarding .step-2 .badge.badge-warning {
    background-color: #f76e00
}

.onboarding .step-2 .template-tabs {
    width: 579px;
    margin-left: auto;
    margin-right: auto
}

.onboarding .step-2 .template-tabs .tab {
    padding: 10px 0;
    cursor: pointer
}

.onboarding .step-2 .template-tabs .tab.tab-selected {
    border-bottom: 4px solid #00c091
}

.onboarding .step-2 .template-item {
    margin-bottom: 32px;
    padding: 8px;
    position: relative
}

.onboarding .step-2 .template-item>.btn {
    display: none
}

.onboarding .step-2 .template-item.selected {
    background: rgba(140, 124, 219, .1);
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.onboarding .step-2 .template-item.selected>.btn {
    display: block;
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
    margin: auto;
    width: 85%
}

.onboarding .step-2 .template-item.selected .template-item-text {
    color: #8c7cdb;
    font-weight: 700
}

.onboarding .step-2 .template-item .template-item-text {
    width: 100%
}

.onboarding .onboarding--header img {
    width: 376px;
    margin-left: auto;
    margin-right: auto
}

.suggestions {
    background: #fff;
    border: 1px solid #e5e5e5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, .05);
    box-shadow: 0 2px 30px rgba(0, 0, 0, .05);
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    position: absolute;
    width: 100%;
    height: 136px;
    overflow-y: auto;
    z-index: 3
}

.suggestions .suggestion-item {
    padding: 8px;
    cursor: pointer;
    text-align: left
}

.suggestions .suggestion-item.selected {
    background-color: #8c7cdb;
    color: #fff
}

.suggestions .suggestion-item.selected:hover {
    opacity: .8;
    background-color: #8c7cdb
}

.suggestions .suggestion-item.active,
.suggestions .suggestion-item:hover {
    background: hsla(0, 0%, 80%, .3333333333333333)
}

.horizontal-line {
    height: 2px;
    width: 100%;
    border: 1px solid #b2b4b6;
    opacity: .22
}

.dashboard-body .app {
    background: #fff
}

@media screen and (max-width:768px) {
    .dashboard-body .app {
        background: url(/0e002626bbcdf66d4309773fc925a64d.svg);
        background-size: 100%
    }
}

@media screen and (min-width:768px) {
    .dashboard-body .app {
        background: #fcfcfd
    }
}

.dashboard-sr-card {
    border: 1px solid hsla(210, 3%, 71%, .2);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 4px 0 hsla(223, 4%, 64%, .15);
    box-shadow: 0 0 4px 0 hsla(223, 4%, 64%, .15);
    -webkit-transition: background-color .4s, -webkit-box-shadow .2s;
    transition: background-color .4s, -webkit-box-shadow .2s;
    transition: box-shadow .2s, background-color .4s;
    transition: box-shadow .2s, background-color .4s, -webkit-box-shadow .2s;
    padding: 8px 16px;
    max-width: 380px
}

.dashboard-sr-card:hover {
    -webkit-box-shadow: 0 0 2px 0 rgba(77, 77, 77, .16);
    box-shadow: 0 0 2px 0 rgba(77, 77, 77, .16);
    background-color: hsla(210, 3%, 85%, .2)
}

.dashboard-sr-card-container {
    min-height: 98px
}

.dashboard-page-link {
    color: #b2b4b6;
    margin: 0 8px
}

.dashboard-page-link.active {
    color: #000;
    font-weight: 700
}

.dashboard-buttons--add-button {
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 49%;
    min-height: 109px;
    border: 1px solid hsla(0, 0%, 87%, .23);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .1);
    padding: 20px 24px;
    -webkit-transition: background-color .25s, border .25s;
    transition: background-color .25s, border .25s
}

.dashboard-buttons--add-button img {
    width: 55px;
    height: 69px
}

.dashboard-buttons--add-button:hover {
    background-color: #e8fbf4;
    border: 1px solid #00c091
}

.dashboard-buttons--add-button:hover .show-on-hover {
    opacity: 1;
    left: 0
}

.dashboard-buttons--add-button .show-on-hover {
    opacity: 0;
    position: relative;
    left: -15px;
    -webkit-transition: left .3s, opacity .2s;
    transition: left .3s, opacity .2s
}

.btn-round {
    border: none !important;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    font-family: Rubik, sans-serif;
    font-weight: 400 !important
}

.btn-round .icon {
    display: inline;
    position: relative;
    top: 3px
}

.dashboard-main-container {
    background-color: #fff
}

.dashboard-main-container .tab-menu {
    border-top: 1px solid #f3f3f3;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
    z-index: 3
}

@media screen and (max-width:991px) {
    .dashboard-main-container .tab-menu .container {
        padding: 0 !important;
        width: 100% !important
    }
}

@media screen and (min-width:992px) {
    .dashboard-main-container .tab-menu .tab {
        width: 100%;
        max-width: 645px
    }
}

@media screen and (max-width:991px) {
    .dashboard-main-container .tab-menu .tab {
        width: 100% !important
    }
}

.dashboard-main-container .tab-menu .tab-btn {
    font-size: 16px;
    width: 50%;
    height: 40px;
    padding: 8px;
    border-bottom: 5px solid #eee;
    font-family: Rubik, sans-serif
}

@media (max-width:480px) {
    .dashboard-main-container .tab-menu .tab-btn {
        font-size: 14px
    }
}

.dashboard-main-container .tab-menu .tab-btn.ccs {
    width: 33.33% !important
}

.dashboard-main-container .tab-menu .dashboard-menu--underline {
    background: #00c091;
    width: 50%;
    height: 5px;
    top: unset;
    bottom: 0
}

.dashboard-main-container .tab-menu .dashboard-menu--underline.ccs {
    width: 33.33% !important
}

.dashboard-main-container .dashboard-content {
    background: #f3f3f3 !important;
    z-index: 2
}

.dashboard-main-container .dashboard-content .dashboard-menu a {
    margin: 0 !important
}

.dashboard-main-container .dashboard-content .dashboard-link {
    font-weight: 400
}

.dashboard-main-container .dashboard-content .dashboard-link--active,
.dashboard-main-container .dashboard-content .dashboard-link:hover {
    color: #8c7cdb
}

.dashboard-main-container .dashboard-content .dashboard-link-disable:hover {
    color: #b2b4b6
}

.dashboard-main-container .dashboard-content .current {
    background: rgba(141, 124, 219, .1);
    color: #8c7cdb
}

.dashboard-main-container .dashboard-content .dashboard-item {
    padding: 24px
}

.dashboard-main-container .dashboard-content .dashboard-item--options {
    right: 8px;
    top: -6px;
    color: #384347
}

.dashboard-main-container .dashboard-content .dashboard-item .text-type-doc {
    font-size: 12px;
    color: #8c7cdb
}

.dashboard-main-container .dashboard-content .dashboard-item .tab-btn,
.dashboard-main-container .dashboard-content .dashboard-item .text-type-doc,
.dashboard-main-container .dashboard-content .dashboard-item h5 {
    font-family: Rubik, sans-serif
}

.dashboard-main-container .dashboard-content .dashboard-item .continue-editing-button,
.dashboard-main-container .dashboard-content .dashboard-item .download-survey-button,
.dashboard-main-container .dashboard-content .dashboard-item .get-comments-button {
    padding-left: 0 !important;
    padding-right: 8px
}

.dashboard-main-container .dashboard-content .dashboard-item--inspiration-box {
    width: 94% !important;
    max-width: 454px;
    padding: 8px
}

.dashboard-main-container .dashboard-content .dashboard-item--inspiration-box img {
    height: 16px !important;
    margin-right: 8px
}

.dashboard-main-container .dashboard-content .dashboard-item--bg {
    background: #f8f8f8;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.dashboard-main-container .dashboard-content .dashboard-item--preview {
    width: 211px !important;
    overflow-y: hidden;
    -webkit-box-shadow: 0 0 2px 0 rgba(77, 77, 77, .16) !important;
    box-shadow: 0 0 2px 0 rgba(77, 77, 77, .16) !important
}

@media (max-width:768px) {
    .dashboard-main-container .dashboard-content .dashboard-item {
        background: #f8f8f8;
        padding: 24px 16px
    }

    .dashboard-main-container .dashboard-content .dashboard-item .dashboard-item--preview {
        width: 100% !important;
        height: auto !important;
        overflow-y: unset !important
    }

    .dashboard-main-container .dashboard-content .dashboard-item .dashboard-item--bg {
        display: none
    }

    .dashboard-main-container .dashboard-content .dashboard-item .dashboard-item--options {
        right: -10px
    }
}

.dashboard-main-container .dashboard-content .dashboard-item .job-application-btn {
    border: none !important;
    padding: 2px 12px !important;
    background: #e8e5f8
}

.dashboard-main-container .dashboard-content .dashboard-item .job-application-btn i {
    font-size: 18px
}

.dashboard-main-container .dashboard-content .dashboard-item .job-application-btn span {
    margin-top: -2px
}

.dashboard-main-container .dashboard-content .dashboard-options-dropdown {
    position: absolute;
    top: 40px;
    right: 0;
    z-index: 20;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 2px 0 rgba(77, 77, 77, .16);
    box-shadow: 0 0 2px 0 rgba(77, 77, 77, .16);
    background: #fff;
    overflow: hidden;
    width: 100%;
    font-family: Rubik, sans-serif;
    font-size: 12px
}

.dashboard-main-container .dashboard-content .dashboard-options-dropdown .dashboard-link {
    -webkit-border-radius: 0;
    border-radius: 0;
    border-bottom: 1px solid #f8f8f8;
    color: #384347
}

.dashboard-main-container .dashboard-content .dashboard-options-dropdown .dashboard-link:last-child {
    border: none !important
}

@media (max-width:480px) {

    .dashboard-main-container .dashboard-content .continue-editing-button,
    .dashboard-main-container .dashboard-content .download-survey-button {
        width: 50%
    }

    .dashboard-main-container .dashboard-content .continue-editing-button a,
    .dashboard-main-container .dashboard-content .download-survey-button a {
        width: 100%
    }
}

@media (max-width:768px) {
    .dashboard-main-container .dashboard-content .dashboard-item--inside-btns {
        margin-top: 0
    }
}

@media (min-width:992px) {

    .dashboard-help .container,
    .dashboard-main-container .container {
        width: 1000px !important
    }
}

@media (min-width:1200px) {

    .dashboard-help .container,
    .dashboard-main-container .container {
        width: 1200px !important
    }
}

.dashboard-help .footer,
.dashboard-main-container .footer {
    padding: 50px 8px
}

.dashboard-job-search-board {
    background-color: transparent
}

.dashboard-item-container:nth-child(odd) .dashboard-item--bg {
    right: 16px;
    left: 0
}

.dashboard-item-container:nth-child(2n) .dashboard-item--bg {
    left: 0;
    right: 0
}

.job-search-board .react-trello-lane .custom-lane-header div {
    font-size: 12px;
    margin-top: 4px
}

.dashboard-menu a {
    font-family: Rubik, sans-serif;
    position: relative;
    color: #b2b4b6;
    margin-right: 32px
}

.dashboard-menu a.active {
    color: #8c7cdb
}

.dashboard-menu--underline {
    display: inline-block;
    height: 1px;
    top: 21px;
    background: #ccc;
    position: absolute;
    -webkit-transition: left .4s, right .4s;
    transition: left .4s, right .4s
}

.gmail-notification .container {
    padding: 0 !important;
    margin-top: 0 !important
}

@media (max-width:768px) {
    .gmail-notification .persistent-toaster {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .gmail-notification .persistent-toaster:before {
        bottom: -31px;
        left: 4px;
        font-size: 37px;
        font-family: fontawsomeenhancv;
        content: "\E037";
        position: absolute;
        color: #fff;
        text-shadow: 0 1px hsla(210, 3%, 71%, .5)
    }

    .gmail-notification .persistent-toaster--gray {
        background-color: #fff !important
    }

    .gmail-notification .persistent-toaster--content {
        padding-left: 0 !important;
        font-size: 12px;
        max-width: 300px
    }

    .gmail-notification .persistent-toaster--content a {
        padding-right: 32px;
        padding-left: 0
    }
}

.show-job-matcher .tab-menu .tab {
    max-width: 720px
}

.show-job-matcher .tab-menu .tab .dashboard-menu--underline.ccs,
.show-job-matcher .tab-menu .tab .tab-btn.ccs {
    width: 25% !important
}

.jm-dashboard--header .form-group {
    margin-bottom: 0
}

.jm-dashboard--header .jm-dashboard--header-location {
    width: 260px
}

@media (max-width:480px) {
    .jm-dashboard--header .jm-dashboard--header-location {
        width: -webkit-calc(100vw - 20px);
        width: calc(100vw - 20px)
    }

    .jm-dashboard--header .jm-dashboard--header-location .form-group {
        margin-right: 0
    }
}

.jm-dashboard .jm-card--container:nth-child(3n+3) {
    padding-right: 0 !important
}

.jm-dashboard .jm-card--container .jm-card {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #fff;
    padding: 24px;
    min-height: 242px
}

.jm-dashboard .jm-card--container .jm-card--title {
    font-size: 20px;
    max-width: -webkit-calc(100% - 55px);
    max-width: calc(100% - 55px)
}

.jm-dashboard .jm-card--container .jm-card--logo {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 24px;
    right: 16px
}

.jm-dashboard .jm-card--container .jm-card--company {
    font-size: 16px
}

.jm-dashboard .jm-card--container .jm-card--vote {
    margin-top: 16px
}

.jm-dashboard .jm-card--container .jm-card hr {
    margin: 16px 0
}

.jm-dashboard .jm-card--container .jm-card--table {
    display: table;
    width: 100%;
    height: 100%
}

.jm-dashboard .jm-card--container .jm-card--table-bottom {
    display: table-footer-group
}

@media (min-width:1200px) {
    .jm-dashboard .jm-card--container .jm-card {
        height: 242px
    }

    .jm-dashboard .jm-card--container .jm-card .jm-card--title {
        max-width: -webkit-calc(100% - 47px);
        max-width: calc(100% - 47px)
    }
}

@media (max-width:768px) {
    .jm-dashboard .jm-card--container .jm-card {
        min-height: auto
    }
}

@media (max-width:768px) {
    .jm-dashboard .jm-card--container {
        padding-right: 0 !important
    }
}

@media screen and (max-width:1200px) and (min-width:768px) {
    .jm-dashboard .jm-cards {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .jm-dashboard .jm-cards .jm-card {
        height: 100%
    }
}

@media screen and (max-width:992px) and (min-width:768px) {

    .jm-dashboard .jm-cards .jm-card--container,
    .jm-dashboard .jm-cards .jm-card--container:nth-child(3n+3) {
        padding-right: 8px !important;
        padding-left: 8px
    }
}

.jm-dashboard--empty {
    overflow: hidden
}

.jm-dashboard--empty-bckg {
    position: absolute;
    width: 98%;
    z-index: -1
}

.jm-dashboard--empty-bckg div {
    height: 226px;
    padding: 16px;
    margin-bottom: 32px
}

.jm-dashboard--empty-bckg div div {
    background: #fff
}

@media (min-width:768px) {

    .jm-dashboard--empty-bckg,
    .jm-dashboard--empty-content {
        min-height: -webkit-calc(100vh - 490px);
        min-height: calc(100vh - 490px)
    }
}

.jm-dashboard--empty-content {
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 95%, 0)), to(#f3f3f3));
    background: linear-gradient(180deg, hsla(0, 0%, 95%, 0), #f3f3f3)
}

.dashboard-comments {
    position: absolute;
    top: 26px;
    left: 73px;
    display: block;
    width: 465px;
    background: #534763;
    min-height: 170px;
    max-height: 400px;
    z-index: 30;
    overflow-y: scroll;
    -webkit-animation: fade-in .15s ease-out forwards !important;
    animation: fade-in .15s ease-out forwards !important;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px
}

@media screen and (max-width:768px) {
    .dashboard-comments {
        width: auto;
        left: 0;
        right: 0
    }
}

.dashboard-comments--container {
    height: auto;
    display: block
}

.dashboard-comments--title {
    background: #635972;
    height: 40px;
    width: 100%;
    color: #fff;
    padding: 12px 16px
}

.dashboard-comments--content {
    cursor: pointer;
    padding: 16px;
    border-bottom: 1px solid rgba(27, 27, 27, .19);
    color: #fff;
    opacity: 0;
    background: transparent;
    -webkit-transition: background .2s;
    transition: background .2s
}

.dashboard-comments--content:first-child {
    -webkit-animation: fade-in .25s ease-out 0s forwards !important;
    animation: fade-in .25s ease-out 0s forwards !important
}

.dashboard-comments--content:nth-child(2) {
    -webkit-animation: fade-in .25s ease-out .07s forwards !important;
    animation: fade-in .25s ease-out .07s forwards !important
}

.dashboard-comments--content:nth-child(3) {
    -webkit-animation: fade-in .25s ease-out .14s forwards !important;
    animation: fade-in .25s ease-out .14s forwards !important
}

.dashboard-comments--content:nth-child(4) {
    -webkit-animation: fade-in .25s ease-out .21s forwards !important;
    animation: fade-in .25s ease-out .21s forwards !important
}

.dashboard-comments--content:nth-child(5) {
    -webkit-animation: fade-in .25s ease-out .28s forwards !important;
    animation: fade-in .25s ease-out .28s forwards !important
}

.dashboard-comments--content:nth-child(6) {
    -webkit-animation: fade-in .25s ease-out .35s forwards !important;
    animation: fade-in .25s ease-out .35s forwards !important
}

.dashboard-comments--content:nth-child(7) {
    -webkit-animation: fade-in .25s ease-out .42s forwards !important;
    animation: fade-in .25s ease-out .42s forwards !important
}

.dashboard-comments--content:nth-child(8) {
    -webkit-animation: fade-in .25s ease-out .49s forwards !important;
    animation: fade-in .25s ease-out .49s forwards !important
}

.dashboard-comments--content:nth-child(9) {
    -webkit-animation: fade-in .25s ease-out .56s forwards !important;
    animation: fade-in .25s ease-out .56s forwards !important
}

.dashboard-comments--content:nth-child(10) {
    -webkit-animation: fade-in .25s ease-out .63s forwards !important;
    animation: fade-in .25s ease-out .63s forwards !important
}

.dashboard-comments--content:nth-child(11) {
    -webkit-animation: fade-in .25s ease-out .7s forwards !important;
    animation: fade-in .25s ease-out .7s forwards !important
}

.dashboard-comments--content:nth-child(12) {
    -webkit-animation: fade-in .25s ease-out .77s forwards !important;
    animation: fade-in .25s ease-out .77s forwards !important
}

.dashboard-comments--content:nth-child(13) {
    -webkit-animation: fade-in .25s ease-out .84s forwards !important;
    animation: fade-in .25s ease-out .84s forwards !important
}

.dashboard-comments--content:nth-child(14) {
    -webkit-animation: fade-in .25s ease-out .91s forwards !important;
    animation: fade-in .25s ease-out .91s forwards !important
}

.dashboard-comments--content:nth-child(15) {
    -webkit-animation: fade-in .25s ease-out .98s forwards !important;
    animation: fade-in .25s ease-out .98s forwards !important
}

.dashboard-comments--content:hover {
    background: #40374c
}

.dashboard-comments--content-initials {
    width: 32px;
    height: 32px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    display: inline-block;
    font-size: 22px;
    text-align: center
}

.dashboard-open-comments {
    display: inline-block;
    background-color: #f2f2f2;
    padding: 2px 6px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.dashboard-open-comments:hover {
    background-color: #dedede
}

.dashboard-open-comments.active {
    background-color: #534763;
    color: #fff;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}

.d-jam-notifiication .loading-bar {
    height: 5px;
    overflow: hidden;
    background: #ccc;
    -webkit-border-radius: 0;
    border-radius: 0
}

.d-jam-notifiication .loading-bar .bar {
    position: relative;
    height: 100%;
    background: #2dc08c;
    -webkit-transition: width .5s ease-in;
    transition: width .5s ease-in
}

.d-jam-notifiication.final-step {
    background: #2dc08c !important
}

.d-jam-notifiication.final-step .loading-bar .bar {
    background: #fff !important
}

.d-jam-notifiication.final-step .step-title {
    color: #fff !important
}

.d-jam-notifiication.expanded {
    position: absolute;
    min-width: 380px;
    background: #fff;
    z-index: 200
}

.d-jam-notifiication .steps {
    padding-bottom: 16px
}

.footer {
    margin-top: 0 !important;
    border: transparent !important
}

.career-counseling {
    -webkit-transition: all .05s ease-in-out;
    transition: all .05s ease-in-out
}

.career-counseling .cc-product-content {
    height: 0;
    overflow: hidden
}

.career-counseling .cc-product-content .container {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    -webkit-transition: all .05s ease-in-out;
    transition: all .05s ease-in-out
}

.career-counseling .cc-product-content.selected {
    height: 100%
}

.career-counseling .cc-product-content.selected .container {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.career-counseling .white-background {
    background-color: #fff
}

.career-counseling .purple-background {
    background-color: #8c7cdb;
    color: #fff
}

.career-counseling .product-stripe {
    height: 82px;
    border: 1px solid #e8e8e8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 0 #e8e8e8;
    box-shadow: 0 1px 0 #e8e8e8
}

.career-counseling .stripe-button-container .btn {
    min-width: 160px
}

.career-counseling .stripe-button-container .btn-purple {
    border: 1px solid #fff
}

.career-counseling .cc-title {
    font-weight: 500;
    font-size: 38px;
    line-height: 46px
}

.career-counseling .cc-description {
    max-width: 460px;
    margin: auto
}

.career-counseling .help-container {
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.career-counseling .help-container.invisible {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s linear .05s, opacity .05s linear;
    transition: visibility 0s linear .05s, opacity .05s linear
}

.career-counseling .tabs-container {
    height: 270px;
    margin: auto;
    background: url(/e63c2cb90cf747ec725794f639014291.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% 40%;
    -webkit-transition: all .05s ease-in-out;
    transition: all .05s ease-in-out
}

.career-counseling .tabs-container.product-selected {
    height: 200px !important
}

.career-counseling .tab-container {
    background: #fff;
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .05);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 230px;
    height: 186px;
    cursor: pointer;
    -webkit-transition: all .05s ease-in-out;
    transition: all .05s ease-in-out
}

.career-counseling .tab-container.selected {
    height: 220px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}

.career-counseling .tab-container.selected .tab-color-stripe,
.career-counseling .tab-container:hover .tab-color-stripe {
    opacity: 1
}

.career-counseling .tab-container .tab-color-stripe {
    opacity: .5;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 5px;
    width: 100%
}

.career-counseling .tab-container .tab-icon-img {
    width: 70px;
    height: 70px
}

.career-counseling .tab-container .tab-name {
    font-size: 20px;
    color: #2d3639
}

.career-counseling .tab-container .down-arrow-icon {
    display: none
}

.career-counseling .cc-product-content {
    background-color: #fff
}

.career-counseling .cc-product-content.selected {
    display: block
}

.career-counseling .cc-product-content .title-img {
    height: 500px;
    width: 500px
}

.career-counseling .cc-product-content .product-title {
    max-width: 550px;
    margin: 0;
    font-size: 68px;
    line-height: 74px
}

.career-counseling .cc-product-content .product-subtitle {
    font-size: 18px;
    line-height: 31px
}

.career-counseling .cc-product-content .product-perks-container {
    position: relative;
    z-index: 2;
    min-width: 600px;
    padding: 32px;
    background: #fff;
    border: 1px solid #e8e8e8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 0 #e8e8e8;
    box-shadow: 0 1px 0 #e8e8e8;
    -webkit-border-radius: 9px;
    border-radius: 9px
}

.career-counseling .cc-product-content .product-perks-container.moved-right {
    right: 150px
}

.career-counseling .cc-product-content .product-perks-container.moved-left {
    left: 150px
}

.career-counseling .cc-product-content .product-perks-container.industry-experts {
    max-width: 668px;
    margin-top: -25px;
    position: absolute
}

.career-counseling .cc-product-content .product-perks-container.inverted {
    background-color: #394752
}

.career-counseling .cc-product-content .product-perks-container.inverted .perk-container>p,
.career-counseling .cc-product-content .product-perks-container.inverted .perks-title {
    color: #fff
}

.career-counseling .cc-product-content .perks-title {
    margin-top: 0
}

.career-counseling .cc-product-content .product-price {
    font-size: 28px;
    line-height: 24px;
    right: 32px;
    top: 32px;
    position: absolute
}

.career-counseling .cc-product-content .book-btn-container {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.career-counseling .cc-product-content .book-btn-container .book-btn {
    min-width: 196px;
    right: 32px;
    position: absolute
}

.career-counseling .cc-product-content .how-it-works,
.career-counseling .cc-product-content .success-title {
    color: #535164;
    font-size: 26px;
    line-height: 36px
}

.career-counseling .cc-product-content .all-steps {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.career-counseling .cc-product-content .step-container {
    width: 20%
}

.career-counseling .cc-product-content .step-container .step-number-container {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.career-counseling .cc-product-content .step-container .step-number {
    font-weight: 700;
    font-size: 24px;
    line-height: 27px
}

.career-counseling .cc-product-content .step-container .step-title {
    font-size: 22px;
    line-height: 26px
}

.career-counseling .cc-product-content .step-container .step-description {
    font-size: 16px;
    line-height: 27px
}

.career-counseling .cc-product-content .success-stories {
    background: url(/7d2240eee9b378bc3e7e1739e92edeb4.png);
    background-repeat: no-repeat;
    background-position-x: 200px;
    background-position-y: -90px;
    background-size: 530px 530px
}

.career-counseling .cc-product-content .kanika-photo {
    width: 100%
}

.career-counseling .cc-product-content .kanika-quote {
    max-width: 740px;
    font-size: 26px;
    line-height: 36px
}

.career-counseling .cc-product-content .hired-at-logo {
    padding-top: 2px
}

.career-counseling .cc-product-content .industry-experts-container .bullets-title {
    font-size: 38px;
    line-height: 46px;
    color: #384347
}

.career-counseling .cc-product-content .industry-experts-container .bullet {
    font-size: 18px;
    line-height: 31px
}

.career-counseling .cc-product-content .industry-experts-container .bullet-overview {
    font-size: 20px;
    line-height: 30px
}

.career-counseling .cc-product-content .industry-experts-container .experts-background-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.career-counseling .cc-product-content .industry-experts-container .experts-img {
    max-width: 400px
}

.career-counseling .cc-product-content .industry-experts-container .guarantee-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: -25px
}

.career-counseling .cc-product-content .industry-experts-container .guarantee-box {
    max-width: 880px;
    background: #fff;
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .05);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 40px
}

.career-counseling .cc-product-content .industry-experts-container .guarantee-info {
    max-width: 410px
}

.career-counseling .cc-product-content .industry-experts-container .guarantee-icon-img {
    width: 32px;
    height: 34px
}

.career-counseling .cc-product-content .industry-experts-container .enhancv-guarantee {
    font-size: 26px;
    line-height: 36px
}

.career-counseling .cc-product-content .industry-experts-container .guarantee-description {
    font-size: 18px;
    line-height: 31px
}

.career-counseling .cc-product-content .industry-experts-container .hire-chance-percent,
.career-counseling .cc-product-content .industry-experts-container .interview-chance-percent {
    font-family: Rubik, sans-serif;
    font-size: 42px;
    line-height: 26px
}

.career-counseling .cc-product-content .industry-experts-container .interview-chance-percent {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(16%, rgba(0, 192, 143, .15)), color-stop(72%, rgba(0, 192, 145, 0)));
    background: linear-gradient(0deg, rgba(0, 192, 143, .15) 16%, rgba(0, 192, 145, 0) 72%)
}

.career-counseling .cc-product-content .industry-experts-container .hire-chance-percent {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(16%, rgba(254, 178, 81, .15)), color-stop(72%, rgba(0, 192, 145, 0)));
    background: linear-gradient(0deg, rgba(254, 178, 81, .15) 16%, rgba(0, 192, 145, 0) 72%);
    color: #feb251
}

.career-counseling .cc-product-content .industry-experts-container .chance-info {
    font-family: Rubik, sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #394752
}

.career-counseling .cc-product-content .intro-call-stripe-container {
    background-color: #394752;
    height: 350px;
    margin-top: -80px
}

.career-counseling .cc-product-content .intro-call-stripe-container .intro-call-stripe-title {
    font-family: Rubik, sans-serif;
    font-size: 38px;
    line-height: 46px;
    color: #fff
}

.career-counseling .cc-product-content .intro-call-stripe-container .intro-call-stripe-description {
    font-family: Rubik, sans-serif;
    font-size: 20px;
    line-height: 30px;
    color: #fff
}

.career-counseling .cc-product-content .faq-container,
.career-counseling .cc-product-content .intro-call-stripe-cell {
    pointer-events: all
}

.career-counseling .cc-product-content .faq-partial-component,
.career-counseling .cc-product-content .intro-call-stripe-container {
    pointer-events: none
}

.career-counseling .cc-product-content .faq-container hr {
    border-top: 1px solid #e7ecf5 !important
}

.career-counseling .cc-product-content .faq-container .faq-title {
    font-family: Rubik, sans-serif;
    color: #384347;
    font-size: 32px;
    line-height: 38px
}

.career-counseling .cc-product-content .faq-container .faq {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    border-bottom: 1px solid #e7ecf5
}

.career-counseling .cc-product-content .faq-container .faq .faq-question {
    margin-top: -3px !important;
    color: #8c7cdb;
    font-size: 22px;
    line-height: 26px
}

.career-counseling .cc-product-content .faq-container .faq .icon-container {
    background-color: #8c7cdb;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    width: 20px;
    height: 20px
}

.career-counseling .cc-product-content .faq-container .faq .dot,
.career-counseling .cc-product-content .faq-container .faq .plus {
    color: #fff;
    width: 20px;
    height: 20px
}

.career-counseling .cc-product-content .faq-container .faq .plus {
    display: inline-block;
    padding-left: 3px;
    padding-top: 2px
}

.career-counseling .cc-product-content .faq-container .faq .dot {
    padding-left: 5px;
    padding-top: 7px;
    bottom: 3px;
    position: relative;
    font-size: 10px;
    display: none
}

.career-counseling .cc-product-content .faq-container .faq .faq-answer {
    display: none;
    font-size: 16px;
    line-height: 27px
}

.career-counseling .cc-product-content .faq-container .faq:hover .faq-question {
    color: #7263bf
}

.career-counseling .cc-product-content .faq-container .faq:hover .icon-container {
    background-color: #7263bf
}

.career-counseling .cc-product-content .faq-container .faq.active .faq-answer {
    display: block
}

.career-counseling .cc-product-content .faq-container .faq.active .plus {
    display: none
}

.career-counseling .cc-product-content .faq-container .faq.active .dot {
    display: inline-block
}

@media screen and (max-width:1199px) {
    .career-counseling .tabs-container {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        height: 195px !important;
        background-size: 100% 40% !important;
        -webkit-transition: all .05s ease-in-out;
        transition: all .05s ease-in-out
    }

    .career-counseling .tabs-container.product-selected {
        height: 145px !important
    }

    .career-counseling .tab-container {
        width: 150px !important;
        height: 130px !important
    }

    .career-counseling .tab-container.selected {
        height: 155px !important
    }

    .career-counseling .tab-container .tab-icon-img {
        margin-top: 16px !important;
        width: 40px !important;
        height: 40px !important
    }

    .career-counseling .tab-container .tab-name {
        margin-top: 16px !important;
        font-size: 16px !important
    }

    .career-counseling .title-container {
        padding-right: 16px !important
    }

    .career-counseling .title-img {
        width: 400px !important;
        height: 400px !important
    }

    .career-counseling .product-title {
        font-size: 52px !important;
        line-height: 60px !important
    }

    .career-counseling .experts-img {
        max-width: 250px !important
    }
}

@media screen and (max-width:991px) {
    .career-counseling .title-img {
        width: 300px !important;
        height: 300px !important
    }

    .career-counseling .experts-background-container {
        padding: 0 !important;
        margin-bottom: 64px !important;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .career-counseling .experts-img {
        width: 100% !important;
        max-width: 400px !important
    }

    .career-counseling .product-stripe {
        height: 140px
    }

    .career-counseling .stripe-name-container {
        margin-bottom: 12px !important
    }

    .career-counseling .product-perks-container.moved-right {
        right: 250px !important
    }

    .career-counseling .product-perks-container.moved-left {
        left: 0 !important
    }

    .career-counseling .intro-call-stripe-container {
        margin-top: 180px !important
    }

    .career-counseling .stripe-button-container,
    .career-counseling .stripe-button-container .button-container,
    .career-counseling .stripe-name-container,
    .career-counseling .stripe-name-container .button-container {
        text-align: center !important
    }

    .career-counseling .stripe-button-container .button-container span,
    .career-counseling .stripe-name-container .button-container span {
        margin: 0 !important
    }

    .career-counseling .stripe-button-container .btn,
    .career-counseling .stripe-name-container .btn {
        margin-top: 12px !important;
        display: block;
        max-width: 160px;
        margin: auto
    }
}

@media screen and (max-width:767px) {
    .career-counseling .help-container {
        margin-bottom: 24px !important
    }

    .career-counseling .industry-experts-container {
        padding-bottom: 0 !important
    }

    .career-counseling .faq-subcontainer {
        margin-top: 8px !important
    }

    .career-counseling .chance-info {
        text-align: left;
        line-height: 18px !important
    }

    .career-counseling .hire-chance,
    .career-counseling .interview-chance {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .career-counseling .hire-chance-percent,
    .career-counseling .interview-chance-percent {
        height: 45px;
        font-size: 40px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .career-counseling .tabs-container {
        z-index: 2;
        height: 550px !important;
        background-size: 100% 10% !important;
        display: block !important
    }

    .career-counseling .tabs-container.product-selected {
        height: 50px !important;
        background: transparent !important
    }

    .career-counseling .tabs-container.product-selected .tab-container {
        display: none !important
    }

    .career-counseling .tab-container,
    .career-counseling .tabs-container.product-selected .tab-container.selected {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .career-counseling .tab-container {
        width: 320px !important;
        height: 80px !important;
        text-align: left !important;
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        margin: auto auto 8px !important
    }

    .career-counseling .tab-container.selected {
        height: 80px !important;
        -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .05) !important;
        box-shadow: 0 10px 10px rgba(0, 0, 0, .05) !important;
        -webkit-border-bottom-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
        -webkit-border-bottom-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important
    }

    .career-counseling .tab-container.selected .down-arrow-icon {
        display: inline-block;
        margin-right: 16px;
        margin-left: auto
    }

    .career-counseling .tab-container .tab-color-stripe {
        display: inline-block !important;
        -webkit-border-radius: 5px !important;
        border-radius: 5px !important;
        height: 80px !important;
        width: 4px !important
    }

    .career-counseling .tab-container .tab-icon-img {
        margin-top: 0 !important;
        margin-left: 16px !important;
        display: inline-block;
        width: 20px;
        height: 20px
    }

    .career-counseling .tab-container .tab-name {
        margin-left: 16px !important;
        display: inline-block;
        font-size: 18px
    }

    .career-counseling .title-container {
        margin-top: 0 !important
    }

    .career-counseling .title-img-container {
        z-index: 0;
        padding-top: 0 !important;
        margin-top: -40px !important
    }

    .career-counseling .title-img {
        width: 400px !important;
        height: 400px !important
    }

    .career-counseling .product-perks-container {
        margin-top: 32px !important;
        min-width: 280px !important
    }

    .career-counseling .product-perks-container .product-price-container {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        height: 50px !important;
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .career-counseling .product-perks-container .book-btn,
    .career-counseling .product-perks-container .product-price {
        min-width: 50px !important;
        right: 0 !important;
        top: 0 !important;
        position: relative !important
    }

    .career-counseling .product-perks-container .book-btn {
        margin-left: auto !important
    }

    .career-counseling .all-steps {
        display: block !important
    }

    .career-counseling .all-steps .step-info-container,
    .career-counseling .all-steps .step-round-container {
        display: inline-block !important
    }

    .career-counseling .all-steps .step-info-container {
        margin-left: 16px !important
    }

    .career-counseling .all-steps .step-container {
        padding-right: 0 !important;
        margin-bottom: 16px !important;
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100% !important
    }

    .career-counseling .intro-call-stripe-container {
        margin-top: 0 !important
    }

    .career-counseling .success-stories-container {
        margin-top: 48px !important;
        padding-top: 0 !important
    }

    .career-counseling .success-stories {
        background-position-x: 0 !important;
        background-position-y: 390px !important
    }

    .career-counseling .success-stories .success-title {
        margin-bottom: 0 !important
    }

    .career-counseling .success-stories .kanika-quote {
        padding-top: 0 !important
    }

    .career-counseling .guarantee-box {
        padding: 16px !important
    }
}

@media screen and (max-width:480px) {
    .career-counseling .tab-container {
        width: 280px !important
    }

    .career-counseling .title-img {
        width: 300px !important;
        height: 300px !important
    }
}

@-webkit-keyframes resume-item {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes resume-item {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.dashboard-item {
    margin-top: 24px;
    padding: 32px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #f3f3f3;
    position: relative;
    z-index: 2;
    opacity: 0;
    will-change: opacity, top
}

@media screen and (max-width:768px) {
    .dashboard-item {
        padding: 0;
        background: #fff;
        -webkit-box-shadow: 0 0 2px 0 rgba(77, 77, 77, .16);
        box-shadow: 0 0 2px 0 rgba(77, 77, 77, .16)
    }

    .dashboard-item h4 {
        max-width: 80%;
        max-width: -webkit-calc(100% - 50px);
        max-width: calc(100% - 50px)
    }
}

.dashboard-item:first-child {
    -webkit-animation: resume-item .55s ease-out 0s forwards !important;
    animation: resume-item .55s ease-out 0s forwards !important
}

.dashboard-item:nth-child(2) {
    -webkit-animation: resume-item .55s ease-out .3s forwards !important;
    animation: resume-item .55s ease-out .3s forwards !important
}

.dashboard-item:nth-child(3) {
    -webkit-animation: resume-item .55s ease-out .6s forwards !important;
    animation: resume-item .55s ease-out .6s forwards !important
}

.dashboard-item:nth-child(4) {
    -webkit-animation: resume-item .55s ease-out .9s forwards !important;
    animation: resume-item .55s ease-out .9s forwards !important
}

.dashboard-item:nth-child(5) {
    -webkit-animation: resume-item .55s ease-out 1.2s forwards !important;
    animation: resume-item .55s ease-out 1.2s forwards !important
}

.dashboard-item--inspiration-box {
    width: 454px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    padding: 16px;
    margin-top: 24px;
    -webkit-transition: background-color .4s, -webkit-box-shadow .2s;
    transition: background-color .4s, -webkit-box-shadow .2s;
    transition: box-shadow .2s, background-color .4s;
    transition: box-shadow .2s, background-color .4s, -webkit-box-shadow .2s
}

.dashboard-item--inspiration-box h6 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

.dashboard-item--inspiration-box:hover {
    -webkit-box-shadow: 0 0 2px 0 rgba(77, 77, 77, .16);
    box-shadow: 0 0 2px 0 rgba(77, 77, 77, .16);
    background-color: hsla(210, 3%, 85%, .2)
}

.dashboard-item--exclamation {
    font-size: 18px;
    position: relative;
    top: 4px
}

.dashboard-item--preview {
    position: relative;
    cursor: pointer;
    width: 293px;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 2px 0 rgba(77, 77, 77, .16);
    box-shadow: 0 0 2px 0 rgba(77, 77, 77, .16);
    will-change: transform
}

@media screen and (max-width:768px) {
    .dashboard-item--preview {
        width: 100%;
        min-width: 212px;
        max-width: 500px
    }
}

.dashboard-item--preview:after {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: transparent
}

.dashboard-item--comments-circle {
    border: 1px solid #e2d2d2;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: inline-block;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #504d62;
    padding-top: 2px;
    top: -1px;
    position: relative
}

.dashboard-item--comments-circle:nth-child(2) {
    left: -7px
}

.dashboard-item--comments-circle:nth-child(3) {
    left: -14px
}

.dashboard-item--last-comment {
    margin-left: 4px
}

.dashboard-item--comments-highlight {
    color: #ff576f;
    font-family: Inter UI;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px
}

.dashboard-item--comments-highlight:hover {
    color: #ff576f !important;
    opacity: .5
}

.dashboard-item--options {
    position: absolute;
    right: -23px;
    top: -20px
}

@media screen and (max-width:768px) {
    .dashboard-item--options {
        right: 8px;
        top: 8px
    }

    .dashboard-item--options .dashboard-item--download-wrapper {
        display: none
    }
}

.dashboard-item--options .icon-btn {
    color: #abacaf;
    font-size: 20px
}

.dashboard-item--options-menu {
    position: absolute;
    top: -3px;
    right: -107px;
    z-index: 10;
    background-color: #504d62;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 220px;
    color: #fff;
    padding: 12px 8px
}

@media screen and (max-width:768px) {
    .dashboard-item--options-menu {
        top: -60px
    }
}

.dashboard-item--options-menu .btn-link {
    margin-bottom: 3px;
    width: 100%;
    text-align: left
}

.dashboard-item--download-wrapper {
    display: inline-block;
    position: relative
}

.dashboard-item--download-wrapper .btn-pdf {
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    background: rgba(140, 124, 219, .8);
    -webkit-transition: background .3s;
    transition: background .3s
}

.dashboard-item--download-wrapper .btn-pdf:hover {
    background: #8c7cdb
}

.dashboard-item--download-wrapper .btn-txt {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    background: rgba(140, 124, 219, .5);
    -webkit-transition: background .3s;
    transition: background .3s
}

.dashboard-item--download-wrapper .btn-txt:hover {
    background: #8c7cdb
}

.dashboard-item .hover-purple:hover {
    color: #8c7cdb
}

.dashboard-item .continue-editing-button,
.dashboard-item .download-survey-button,
.dashboard-item .get-comments-button {
    display: inline-block
}

.dashboard-item .download-survey-button,
.dashboard-item .get-comments-button {
    padding-left: 8px
}

.dashboard-item .standby-overlay {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 2;
    background: repeating-linear-gradient(-45deg, transparent, transparent 4px, rgba(77, 77, 77, .25) 0, rgba(77, 77, 77, .25) 8px)
}

@media (max-width:991px) {
    .dashboard-item .get-comments-button {
        display: block;
        margin-left: 0;
        margin-top: 8px
    }
}

.dashboard-item--resume-title-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid transparent;
    background: transparent;
    padding: 2px 0
}

.dashboard-item--resume-title-container .icon {
    right: 0;
    position: absolute;
    display: none;
    color: #afb4b5;
    font-size: 16px
}

.dashboard-item--resume-title-container:hover {
    border: 1px dashed #afb4b5;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-left: -8px;
    padding-left: 8px;
    background: #f8f8f8 !important
}

.dashboard-item--resume-title-container:hover .icon {
    display: inline-block
}

.dashboard-item--resume-title-container.focused {
    border: 1px solid #afb4b5;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin-left: -8px;
    padding-left: 8px;
    background: #fff !important
}

.dashboard-item--resume-title-container.focused .icon {
    display: none
}

.dashboard-item--resume-title-container .resume-title {
    width: 100%;
    word-break: break-all
}

.dashboard-item--resume-title-container .resume-title:hover {
    cursor: pointer
}

.dashboard-item--resume-title-container .resume-title:focus {
    cursor: text
}

.dashboard-item--resume-title {
    word-break: break-all
}

.dashboard-item.waiting-translation .created-at,
.dashboard-item.waiting-translation .dashboard-item--preview,
.dashboard-item.waiting-translation .dashboard-item--resume-title,
.dashboard-item.waiting-translation .text-type-doc {
    opacity: .5 !important
}

.dashboard-item.waiting-translation .dashboard-item--preview {
    cursor: default
}

.dashboard-item.waiting-translation .loading-bar {
    width: 100%;
    background-color: #e4e4e4;
    height: 2px;
    overflow: hidden;
    margin-top: -2px
}

.dashboard-item.waiting-translation .loading-bar .bar {
    position: relative;
    height: 100%;
    background: #2dc08d;
    -webkit-transition: width .5s ease-in;
    transition: width .5s ease-in;
    -webkit-border-radius: 30px;
    border-radius: 30px
}

.dashboard-item.waiting-translation .text-waiting-translation {
    color: #384347
}