@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

html {
    line-height: 1.4;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    letter-spacing: 0;
    font-stretch: normal;
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-smoothing: grayscale
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 300
}

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

a {
    color: inherit;
    word-wrap: break-word;
    text-decoration: none
}

ol, ul {
    list-style: none;
    overflow: auto
}

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

img {
    max-width: 100%;
    height: auto;
    border-style: none
}

hr {
    display: block;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

b, strong {
    font-weight: bolder
}

label {
    display: block;
    cursor: pointer
}

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

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button, textarea, input, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    vertical-align: middle;
    font-family: inherit;
    font-size: inherit
}

.widgetElement {
    margin-bottom: 1rem
}

.widgetElement__title {
    font-size: 1.4rem
}

.widgetElement__header {
    margin-bottom: 0.5rem
}

.widgetElement__header_haslogo {
    display: flex
}

.widgetElement__headerPart:first-of-type {
    flex-grow: 1
}

.widgetElement__headerPart:last-of-type {
    flex-shrink: 0;
    max-width: 8rem;
    text-align: right;
    margin-left: 0.5rem
}

.widgetElement__headerPart:last-of-type img {
    max-width: 100%;
    max-height: 3.5rem
}

.widgetElement__contentSubtitle {
    font-weight: 600;
    margin: 1.5rem 0 0.4rem 0
}

.widgetElement__text, .widgetElement__media, .widgetElement__listItem {
    margin-bottom: 0.3rem
}

.widgetElement_topInfos .widgetElement__subtitle {
    font-size: 1.1rem;
    display: inline;
    font-weight: 600
}

.widgetElement_topInfos .widgetElement__subtitleItem:not(.widgetElement__subtitleItem_sentence) {
    display: inline;
    font-weight: inherit
}

.widgetElement_topInfos .widgetElement__subtitleItem:not(.widgetElement__subtitleItem_sentence):after {
    content: " - "
}

.widgetElement_topInfos .widgetElement__subtitleItem:not(.widgetElement__subtitleItem_sentence):last-of-type:after {
    display: none
}

.widgetElement {
    margin-bottom: 1rem
}

.widgetElement__title {
    font-size: 1.4rem
}

.widgetElement__header {
    margin-bottom: 0.5rem
}

.widgetElement__header_haslogo {
    display: flex
}

.widgetElement__headerPart:first-of-type {
    flex-grow: 1
}

.widgetElement__headerPart:last-of-type {
    flex-shrink: 0;
    max-width: 8rem;
    text-align: right;
    margin-left: 0.5rem
}

.widgetElement__headerPart:last-of-type img {
    max-width: 100%;
    max-height: 3.5rem
}

.widgetElement__contentSubtitle {
    font-weight: 600;
    margin: 1.5rem 0 0.4rem 0
}

.widgetElement__text, .widgetElement__media, .widgetElement__listItem {
    margin-bottom: 0.3rem
}

.widgetElement_leftInfos .widgetElement__headerPart:last-of-type img {
    max-width: 100%;
    max-height: 1.6rem
}

.widgetElement_leftInfos .widgetElement__container {
    display: flex;
    align-items: flex-start
}

.widgetElement_leftInfos .widgetElement__aside {
    width: 18rem;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    margin-top: 0.2rem
}

.widgetElement_leftInfos .widgetElement__content {
    border-left: 5px solid #f2f2f2;
    padding-left: 1rem;
    flex-grow: 1
}

.widgetElement_leftInfos .widgetElement__content .widgetElement__section:first-of-type .widgetElement__contentSubtitle:first-of-type {
    margin-top: 0.4rem
}

.widgetElement_leftInfos .widgetElement__asideItem {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0.3rem
}

.widgetElement_leftInfos .widgetElement__asideLegend {
    width: 4.5rem;
    flex-grow: 0;
    flex-shrink: 0
}

.widgetElement_leftInfos .decoratedLabel {
    background: #e5e5e5;
    padding: 0 0.5rem;
    height: 1.7rem;
    line-height: 1.7rem;
    font-size: 1rem;
    box-sizing: border-box;
    position: relative;
    margin-right: 1.1rem
}

.widgetElement_leftInfos .decoratedLabel__arrow {
    position: absolute;
    border-width: 0.85rem !important;
    border-style: solid;
    border-color: transparent transparent transparent #e5e5e5;
    top: 0;
    right: -1.7rem
}

.widgetElement_leftInfos .widgetElement__asideContent {
    flex-grow: 1;
    padding-left: 0.5rem;
    font-size: 1rem;
    padding-top: 0.2rem
}

.widgetElement_leftInfos .widgetElement__asideContent_strong {
    font-weight: 600
}

.skillsBulletList {
    overflow: visible
}

.skillsBulletList__item {
    position: relative;
    word-break: break-word
}

.skillsBulletList__item.skillsBulletList__item_leveled {
    padding-right: 6.5rem
}

.skillsBulletList__item .skillLevel {
    position: absolute;
    right: 0;
    top: 0
}

.skillsInlineList .widgetElement__listItem.skillsInlineList__item {
    padding-left: 0.5rem;
    padding-right: 1rem
}

.widgetElement.widgetTable, .widgetElement.skillsTable, .widgetElement.interestsTable {
    width: 100%;
    display: flex;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc
}

.widgetTable + .widgetTable, .skillsTable + .widgetTable, .interestsTable + .widgetTable, .widgetTable + .skillsTable, .skillsTable + .skillsTable, .interestsTable + .skillsTable, .widgetTable + .interestsTable, .skillsTable + .interestsTable, .interestsTable + .interestsTable {
    border-top: none
}

.widgetTable__itemTitle, .skillsTable__itemTitle, .interestsTable__itemTitle {
    border-left: 1px solid #ccc;
    padding: 0.5rem;
    flex-basis: 20rem;
    flex-grow: 0;
    flex-shrink: 0
}

.widgetTable__item, .skillsTable__item, .interestsTable__item {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    vertical-align: top;
    flex-grow: 1
}

.widgetSubTable, .skillsSubTable, .interestsSubTable {
    width: 100%;
    display: flex
}

.widgetSubTable__item, .skillsSubTable__item, .interestsSubTable__item {
    flex-basis: 50%;
    flex-grow: 0;
    flex-shrink: 0;
    padding: 0.5rem;
    box-sizing: border-box
}

.widgetSubTable__item .widgetElement__list, .skillsSubTable__item .widgetElement__list, .interestsSubTable__item .widgetElement__list {
    margin: 0
}

.skillsTable .skillsBulletList__item.skillsBulletList__item_leveled {
    padding-right: 0
}

.skillsTable .skillLevel {
    position: relative
}

.cvTooltip, .skillLevel, .skillDetail {
    position: relative;
    cursor: pointer
}

.cvTooltip:hover .cvTooltip__content, .skillLevel:hover .cvTooltip__content, .skillDetail:hover .cvTooltip__content, .cvTooltip:hover .skillLevel__legend, .skillLevel:hover .skillLevel__legend, .skillDetail:hover .skillLevel__legend, .cvTooltip:hover .skillDetail__content, .skillLevel:hover .skillDetail__content, .skillDetail:hover .skillDetail__content {
    opacity: 1
}

.cvTooltip__content, .skillLevel__legend, .skillDetail__content {
    pointer-events: none;
    transition: opacity 0.5s;
    opacity: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 100%;
    background: black;
    border-radius: 3px;
    color: white;
    font-size: 12px;
    font-weight: 300;
    padding: 3px 5px;
    min-height: 23px;
    box-sizing: border-box;
    z-index: 1;
    word-break: keep-all
}

.cvTooltip__content:after, .skillLevel__legend:after, .skillDetail__content:after {
    content: "";
    position: absolute;
    left: calc(50% - 6px);
    bottom: -12px;
    border-style: solid;
    border-width: 6px;
    border-color: black transparent transparent transparent
}

.tcvTooltip_bottom .cvTooltip__content, .tcvTooltip_bottom .skillLevel__legend, .tcvTooltip_bottom .skillDetail__content {
    bottom: auto;
    top: 100%
}

.tcvTooltip_bottom .cvTooltip__content:after, .tcvTooltip_bottom .skillLevel__legend:after, .tcvTooltip_bottom .skillDetail__content:after {
    bottom: auto;
    top: -12px;
    border-color: transparent transparent black transparent
}

.cvTooltip_left .cvTooltip__content, .cvTooltip_left .skillLevel__legend, .cvTooltip_left .skillDetail__content {
    transform: translateX(0);
    transform: translateY(-50%);
    top: 50%;
    left: auto;
    right: calc(100% + 6px)
}

.cvTooltip_left .cvTooltip__content:after, .cvTooltip_left .skillLevel__legend:after, .cvTooltip_left .skillDetail__content:after {
    left: auto;
    right: -12px;
    bottom: calc(50% - 6px);
    border-color: transparent transparent transparent black
}

.cvTooltip_right .cvTooltip__content, .cvTooltip_right .skillLevel__legend, .cvTooltip_right .skillDetail__content {
    transform: translateX(0);
    transform: translateY(-50%);
    top: 50%;
    left: calc(100% + 6px)
}

.cvTooltip_right .cvTooltip__content:after, .cvTooltip_right .skillLevel__legend:after, .cvTooltip_right .skillDetail__content:after {
    left: -12px;
    bottom: calc(50% - 6px);
    border-color: transparent black transparent transparent
}

.cvTooltip_topRight .cvTooltip__content, .skillLevel .cvTooltip__content, .cvTooltip_topRight .skillLevel__legend, .skillLevel .skillLevel__legend, .cvTooltip_topRight .skillDetail__content, .skillLevel .skillDetail__content {
    transform: translateX(0);
    left: auto;
    right: 0
}

.cvTooltip_topRight .cvTooltip__content:after, .skillLevel .cvTooltip__content:after, .cvTooltip_topRight .skillLevel__legend:after, .skillLevel .skillLevel__legend:after, .cvTooltip_topRight .skillDetail__content:after, .skillLevel .skillDetail__content:after {
    left: auto;
    right: 10px
}

.cvTooltip_topLeft .cvTooltip__content, .cvTooltip_topLeft .skillLevel__legend, .cvTooltip_topLeft .skillDetail__content {
    transform: translateX(0);
    left: 0
}

.cvTooltip_topLeft .cvTooltip__content:after, .cvTooltip_topLeft .skillLevel__legend:after, .cvTooltip_topLeft .skillDetail__content:after {
    left: 10px
}

.skillLevel {
    display: inline-block
}

.skillDotLevel__dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 1rem;
    background: black;
    position: relative
}

.skillDotLevel__dot.skillDotLevel__dot_half:after {
    border-radius: 0 1rem 1rem 0;
    width: 50%;
    height: 100%;
    background: #cccccc;
    position: absolute;
    top: 0;
    right: 0;
    content: ""
}

.skillDotLevel__dot.skillDotLevel__dot_empty {
    background: #cccccc
}

@font-face {
    font-family: 'skills-stars';
    src: url("../fonts/skills-stars.eot");
    src:
            url("../fonts/skills-stars.eot") format("embedded-opentype"),
            url("../fonts/skills-stars.woff2") format("woff2"),
            url("../fonts/skills-stars.woff") format("woff"),
            url("../fonts/skills-stars.ttf") format("truetype"),
            url("../fonts/skills-stars.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

.icon-star:before, .skillStarLevel__star:before {
    font-family: "skills-stars";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-star-empty:before, .skillStarLevel__star_empty:before {
    font-family: "skills-stars";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-star-half:before, .skillStarLevel__star_half:before {
    font-family: "skills-stars";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-star:before, .skillStarLevel__star:before {
    content: '\e805'
}

.icon-star-empty:before, .skillStarLevel__star_empty:before {
    content: '\e806'
}

.icon-star-half:before, .skillStarLevel__star_half:before {
    content: '\f123'
}

.skillStarLevel__star {
    display: inline-block;
    color: #FF8904
}

.skillStarLevel__star:before {
    margin: 0
}

.skillStarLevel__star_empty {
    color: #ccc
}

.cvTooltip, .skillLevel, .skillDetail {
    position: relative;
    cursor: pointer
}

.cvTooltip:hover .cvTooltip__content, .skillLevel:hover .cvTooltip__content, .skillDetail:hover .cvTooltip__content, .cvTooltip:hover .skillLevel__legend, .skillLevel:hover .skillLevel__legend, .skillDetail:hover .skillLevel__legend, .cvTooltip:hover .skillDetail__content, .skillLevel:hover .skillDetail__content, .skillDetail:hover .skillDetail__content {
    opacity: 1
}

.cvTooltip__content, .skillLevel__legend, .skillDetail__content {
    pointer-events: none;
    transition: opacity 0.5s;
    opacity: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 100%;
    background: black;
    border-radius: 3px;
    color: white;
    font-size: 12px;
    font-weight: 300;
    padding: 3px 5px;
    min-height: 23px;
    box-sizing: border-box;
    z-index: 1;
    word-break: keep-all
}

.cvTooltip__content:after, .skillLevel__legend:after, .skillDetail__content:after {
    content: "";
    position: absolute;
    left: calc(50% - 6px);
    bottom: -12px;
    border-style: solid;
    border-width: 6px;
    border-color: black transparent transparent transparent
}

.tcvTooltip_bottom .cvTooltip__content, .tcvTooltip_bottom .skillLevel__legend, .tcvTooltip_bottom .skillDetail__content {
    bottom: auto;
    top: 100%
}

.tcvTooltip_bottom .cvTooltip__content:after, .tcvTooltip_bottom .skillLevel__legend:after, .tcvTooltip_bottom .skillDetail__content:after {
    bottom: auto;
    top: -12px;
    border-color: transparent transparent black transparent
}

.cvTooltip_left .cvTooltip__content, .cvTooltip_left .skillLevel__legend, .cvTooltip_left .skillDetail__content {
    transform: translateX(0);
    transform: translateY(-50%);
    top: 50%;
    left: auto;
    right: calc(100% + 6px)
}

.cvTooltip_left .cvTooltip__content:after, .cvTooltip_left .skillLevel__legend:after, .cvTooltip_left .skillDetail__content:after {
    left: auto;
    right: -12px;
    bottom: calc(50% - 6px);
    border-color: transparent transparent transparent black
}

.cvTooltip_right .cvTooltip__content, .cvTooltip_right .skillLevel__legend, .cvTooltip_right .skillDetail__content {
    transform: translateX(0);
    transform: translateY(-50%);
    top: 50%;
    left: calc(100% + 6px)
}

.cvTooltip_right .cvTooltip__content:after, .cvTooltip_right .skillLevel__legend:after, .cvTooltip_right .skillDetail__content:after {
    left: -12px;
    bottom: calc(50% - 6px);
    border-color: transparent black transparent transparent
}

.cvTooltip_topRight .cvTooltip__content, .skillLevel .cvTooltip__content, .cvTooltip_topRight .skillLevel__legend, .skillLevel .skillLevel__legend, .cvTooltip_topRight .skillDetail__content, .skillLevel .skillDetail__content {
    transform: translateX(0);
    left: auto;
    right: 0
}

.cvTooltip_topRight .cvTooltip__content:after, .skillLevel .cvTooltip__content:after, .cvTooltip_topRight .skillLevel__legend:after, .skillLevel .skillLevel__legend:after, .cvTooltip_topRight .skillDetail__content:after, .skillLevel .skillDetail__content:after {
    left: auto;
    right: 10px
}

.cvTooltip_topLeft .cvTooltip__content, .cvTooltip_topLeft .skillLevel__legend, .cvTooltip_topLeft .skillDetail__content {
    transform: translateX(0);
    left: 0
}

.cvTooltip_topLeft .cvTooltip__content:after, .cvTooltip_topLeft .skillLevel__legend:after, .cvTooltip_topLeft .skillDetail__content:after {
    left: 10px
}

.skillDetail {
    display: inline-block
}

.skillDetail__content {
    white-space: normal;
    width: 200px
}

@font-face {
    font-family: 'cv-icon-set-1';
    src: url("../fonts/cv-icon-set-1.eot");
    src:
            url("../fonts/cv-icon-set-1.eot") format("embedded-opentype"),
            url("../fonts/cv-icon-set-1.woff2") format("woff2"),
            url("../fonts/cv-icon-set-1.woff") format("woff"),
            url("../fonts/cv-icon-set-1.ttf") format("truetype"),
            url("../fonts/cv-icon-set-1.svg") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'cv-icon-set-1';
    src: url("../fonts/cv-icon-set-1.eot");
    src:
            url("../fonts/cv-icon-set-1.eot") format("embedded-opentype"),
            url("../fonts/cv-icon-set-1.woff2") format("woff2"),
            url("../fonts/cv-icon-set-1.woff") format("woff"),
            url("../fonts/cv-icon-set-1.ttf") format("truetype"),
            url("../fonts/cv-icon-set-1.svg") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: "editor";
    src: url("../fonts/editor.eot");
    src:
            url("../fonts/bundles/dyb/libs/icons/editor/editor.eot") format("embedded-opentype"),
            url("../fonts/editor.woff2") format("woff2"),
            url("../fonts/editor.woff") format("woff"),
            url("../fonts/editor.ttf") format("truetype"),
            url("../fonts/editor.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

.bg_primary, .btn_primary, .emptyState__action {
    background-color: #50a3d9
}

.bulletCircleList, .widgetElement__list {
    list-style-type: none
}

.bulletCircleList__item:not(:last-of-type), .widgetElement__listItem:not(:last-of-type), .widgetElement__listItem_missions:not(:last-of-type):not(.widgetElement__listItem), .bulletCircleList__item ~ .bulletCircleList__item, .widgetElement__listItem ~ .bulletCircleList__item, .widgetElement__listItem_missions:not(.widgetElement__listItem) ~ .bulletCircleList__item, .bulletCircleList__item ~ .widgetElement__listItem, .widgetElement__listItem ~ .widgetElement__listItem, .widgetElement__listItem_missions:not(.widgetElement__listItem) ~ .widgetElement__listItem, .bulletCircleList__item ~ .widgetElement__listItem_missions:not(.widgetElement__listItem), .widgetElement__listItem ~ .widgetElement__listItem_missions:not(.widgetElement__listItem), .widgetElement__listItem_missions:not(.widgetElement__listItem) ~ .widgetElement__listItem_missions:not(.widgetElement__listItem), .bulletList__item_force {
    padding-left: 1.2rem;
    position: relative
}

.bulletCircleList__item:not(:last-of-type):before, .widgetElement__listItem:not(:last-of-type):before, .widgetElement__listItem_missions:not(.widgetElement__listItem):not(:last-of-type):before, .bulletCircleList__item ~ .bulletCircleList__item:before, .widgetElement__listItem ~ .bulletCircleList__item:before, .widgetElement__listItem_missions:not(.widgetElement__listItem) ~ .bulletCircleList__item:before, .bulletCircleList__item ~ .widgetElement__listItem:before, .widgetElement__listItem ~ .widgetElement__listItem:before, .widgetElement__listItem_missions:not(.widgetElement__listItem) ~ .widgetElement__listItem:before, .bulletCircleList__item ~ .widgetElement__listItem_missions:not(.widgetElement__listItem):before, .widgetElement__listItem ~ .widgetElement__listItem_missions:not(.widgetElement__listItem):before, .widgetElement__listItem_missions:not(.widgetElement__listItem) ~ .widgetElement__listItem_missions:not(.widgetElement__listItem):before, .bulletList__item_force:before {
    content: "";
    display: block;
    position: absolute;
    top: 0.5rem;
    left: 0;
    background: #000;
    width: 4px;
    height: 4px;
    border-radius: 10px
}

.widgetElement__subListItem {
    padding-left: 1rem;
    position: relative
}

.widgetElement__subListItem:before {
    content: "";
    display: block;
    position: absolute;
    top: 0.55rem;
    left: 0;
    height: 3px;
    width: 3px;
    border-radius: 50%;
    border-color: #000;
    border-style: solid;
    border-width: 0.1rem
}

html {
    font-size: 20px
}

@media (max-width: 2000px) {
    html {
        font-size: 20px
    }
}

.cv {
    font-size: 20px;
    background: white;
    overflow: hidden
}

.cv h4 {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    font-weight: 400
}

.cv strong {
    font-weight: 600
}

.downloadlink {
    display: inline-block;
    text-decoration: none
}

.menu__item {
    text-decoration: none
}

.portfolioImg {
    max-width: 100%
}

.widgetElement__titleLink:hover, .widget__titleLink:hover {
    text-decoration: none
}

.portfolioDownloadDoc {
    display: block;
    background: #dddddd;
    color: #515253;
    padding: 30px 0px;
    text-align: center
}

.portfolioDownloadDoc:hover {
    text-decoration: none;
    background: #cccccc
}

.widgetLinks__item:hover {
    text-decoration: none
}

.shareItem {
    cursor: pointer
}

p a {
    display: block;
    transition-property: color;
    transition-duration: 0.2s;
    text-decoration: underline;
    cursor: pointer
}

p a:hover {
    color: #515253
}

mark {
    background-color: #fcf2d0 !important
}

ol.widgetElement__list {
    counter-reset: list-counter
}

ol.widgetElement__list .widgetElement__listItem:not(.widgetElement__subListItem) {
    counter-increment: list-counter
}

ol.widgetElement__list .widgetElement__listItem:not(.widgetElement__subListItem):before {
    top: 0;
    border: none;
    content: counter(list-counter) ". ";
    width: 0;
    height: 0
}

ol.widgetElement__list .widgetElement__subListItem {
    counter-increment: subList-counter
}

ol.widgetElement__list .widgetElement__subListItem:before {
    top: 0;
    border: none;
    content: counter(subList-counter) ". ";
    width: 0;
    height: 0
}

.cv {
    display: flex;
    flex-direction: column
}

.header__content {
    width: 1200px;
    margin: auto;
    /*box-sizing: border-box*/
}

.subHeader .subHeader__content {
    width: 1200px;
    box-sizing: border-box;
    margin: auto;
    display: block
}

.widget_menu {
    flex-grow: 1
}

.columns {
    flex-grow: 1;
    display: flex;
    width: 1200px;
    align-self: center
}

.columns__column2 {
    box-sizing: border-box
    flex-basis: 100%;
    flex-grow: 1;
    padding: 2rem 0 2rem 2rem
}

.widget__title {
    margin-bottom: 1rem
}

.widgetElement {
    margin-bottom: 2rem
}

.widgetAvatar {
    margin-bottom: 2rem
}

.widgetAvatar__avatar {
    width: 100%
}

.widgetTags__item {
    display: inline-block;
    padding: 0.3rem 1rem;
    margin-bottom: 0.5rem
}

.widgetUserInfo__item, .widgetLinks__item {
    display: block;
    text-decoration: none;
    position: relative
}

.widgetLinks__item {
    word-break: break-all
}

.footer {
    box-sizing: border-box
}

.footer .shareItem:hover, .footer .dybIncentive:hover {
    text-decoration: none
}

.columns__column1, .columns__column2, .columns__column3 {
    box-sizing: border-box
}

.columns__column2 {
    flex-basis: 60%;
    flex-grow: 1;
    padding: 2rem 0 2rem 2rem
}

.columns__column3 {
    flex-basis: 20%;
    flex-grow: 1;
    padding: 2rem 0 2rem 2rem
}