@media (max-width: 1024px) {
    #scr-wrap { padding: 61px 0 0; }
    body { padding: 0; background-color: #000; overflow-x: hidden; }
    #main-content { padding-top: 30px; padding-left: 30px; padding-right: 30px; }
    .negate-main-padd,
    .hp-head { margin-top: -30px !important; }

    #header { background-color: #fff; color: #000; margin: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); position: absolute; top: 0; left: 0; width: 100%; }
    #header .page-content { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; height: 60px; padding: 0 !important; margin: 0 !important; max-width: none; }
    #header header { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-flex: 0 1 auto; flex: 0 1 auto; height: 60px; padding: 0 18px; width: 100%; }
    #header header .logo { margin: 0 auto 0 0; width: 132px; height: 54px; background: url('../images/myFacet5_logo_mono.svg') no-repeat 50% 50% transparent; background-size: 100% 100%; display: block; }
    #header header .burger { position: relative; display: block; width: 55px; height: 52px; margin: 0 -18px 0 0; }
    #header header .burger:before,
    #header header .burger:after { position: absolute; top: 18px; right: 18px; left: 18px; content: ''; height: 5px; border: solid 2px #000; border-left: 0; border-right: 0; background-color: #fff; }
    #header header .burger:after { top: 27px; border-top: 0; }
    #header header .notify { margin: 2px 0 0 auto; }
    #header header .btn { margin: 0 10px 0 0; }
    #header nav { -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 220px; padding: 0; background-color: #000; color: #fff; height: 100vh; overflow-x: hidden; overflow-y: auto; font-size: 13px; line-height: 16px; font-weight: 400; margin: 0 -220px 0 0; }

    #header .head-nav-links { margin: 20px 0 0; }
    #header .head-nav-links a { display: block; border-bottom: 1px solid rgba(148, 149, 164, 0.4); padding: 12px 20px; text-decoration: none !important; text-transform: none; }
    #header .primary-section a { font-weight: 700; text-transform: uppercase; }

    #header .unauthenticated-section { margin: 13px 0; }
    #header .unauthenticated-section .btn { display: block; margin: 10px 20px 0; text-decoration: none !important; text-transform: none; min-width: 0 !important; }

    #header .authenticated-section .notify { display: none; }
    #header .loggedin-wrap .subnav-trigger { display: none; }
    #header .user-subnav { margin: 13px 0; }
    #header .user-subnav ul { padding: 0; margin: 0; }
    #header .user-subnav li { padding: 0; margin: 0; }
    #header .user-subnav div { padding: 8px 20px; }
    #header .user-subnav a:not(.btn) { display: block; padding: 8px 20px; text-decoration: none; text-transform: none; }
    #header .user-subnav a:not(.btn):hover { text-decoration: underline; }
    #header .user-subnav .btn { display: block; margin: 10px 20px 0; text-decoration: none !important; text-transform: none; min-width: 0 !important; }
    #header .user-subnav .user-name { font-weight: 700; }
    #header .user-subnav .email { display: none; }

    #header .language-section { margin: 20px; }

    #header .notifications-flyout { margin: 0 -90px 0 0; top: 100%; width: calc(100vw - 20px); right: 110px !important; min-width: 300px; }
    #header .notifications-flyout::before { right: 50px; }

    .show-main-nav { overflow: hidden; }
    #scr-wrap { -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .show-main-nav #scr-wrap { -moz-transform: translateX(-220px); -ms-transform: translateX(-220px); -o-transform: translateX(-220px); -webkit-transform: translateX(-220px); transform: translateX(-220px); }
    #header nav { transition: width 0s 0.4s; width: 0px; }
    .show-main-nav #header nav { width: 220px; transition: width 0s 0s; }

    .profile-select-block .wrap { padding-top: 60px; }

    .note { font: 700 18px/25px Univers; }
}

@media (max-width: 767px) {
    .mobi-hide,
    .tblt-show,
    .dtop-show {
        display: none !important;
    }

    .btn-block-mobile {
        display: block;
    }

    .show-popup,
    .show-popup body {
        height: 100%;
    }

        .show-popup #scr-wrap {
            overflow: hidden;
            height: 100%;
        }

    body {
        background-color: #000;
        padding: 0;
        overflow-x: hidden;
        position: relative;
    }

    #scr-wrap {
        padding: 61px 0 0;
    }

    #main-content { /*padding-top: 1px;*/
        padding: 30px 0 0;
        max-width: 100%;
        overflow-x: hidden;
    }

    .negate-main-padd,
    #marketing-banner {
        flex-flow: wrap row;
        padding: 5px 0;
        text-align: center;
    }

        #marketing-banner div {
            margin: 5px 10px;
        }

    .page-content,
    #footer .page-content {
        margin: 0 8px;
        width: auto;
        padding: 0 10px;
    }

    .page-content {
        background-color: #fff;
        position: relative;
    }


    h1 {
        margin: 0 0 1em;
        text-transform: none;
        text-align: center;
        font-size: 30px;
    }

    h2 {
        margin: 0 0 0.75em;
        font-size: 25px;
    }

    h3 {
        margin: 0 0 0.75em;
        font-size: 18px;
    }

    h4 {
        margin: 0 0 0.75em;
    }

    #footer header {
        height: 50px;
        margin: -50px 0 0;
    }

    .split-bg,
    .split-white-bg {
        margin: 0;
    }

    .std-form {
        width: 100%;
        max-width: 440px;
    }

        .std-form label {
            display: block;
            float: none;
            font: 700 12px/20px Univers;
            padding: 10px 0 0;
            text-align: left;
            width: auto;
        }

        .std-form .txt-wrap,
        .std-form .sel-wrap,
        .std-form .cb-wrap,
        .std-form .btn-row {
            float: none;
            margin: 0;
            min-height: 37px;
            width: 100%;
        }

        .std-form .inp-wrap {
            position: relative;
        }

        .std-form .error a.err-icon {
            background-color: #cf2f30;
            float: none;
            margin: 0;
            position: absolute;
            right: 0;
            top: 9px;
        }

        .std-form .tooltip {
            position: absolute;
            right: 0;
            top: -5px;
            left: auto;
            float: none;
            margin: 0;
        }

            .std-form .tooltip .tooltip-icon {
                background-color: #cf2f30;
            }

        .std-form .tooltip-text-wrap {
            background-color: #cf2f30;
        }

        .std-form [type="text"],
        .std-form [type="password"],
        .std-form [type="email"],
        .std-form [type="tel"],
        .std-form select,
        .std-form textarea,
        .std-form .custom-sel .val {
            min-height: 35px;
            padding: 10px 0;
        }

        .std-form textarea {
            min-height: 10em;
        }

        .std-form [type="checkbox"] + .inp-cb:before {
            background-size: 15px 15px;
            height: 25px;
            width: 25px;
        }

        .std-form [type="checkbox"] + .inp-cb {
            margin: 1em 0 0;
        }

    .std-cnt-block li {
        float: none;
        padding: 0;
        margin: 0 0 0 20px;
        width: auto;
        display: list-item;
    }

        .std-cnt-block li:before {
            font-size: 16px;
            line-height: inherit;
        }

    .std-form [type="text"],
    .std-form [type="password"],
    .std-form [type="email"],
    .std-form [type="tel"],
    .std-form select,
    .std-form textarea,
    .std-form .custom-sel .val {
        font: 400 16px/20px Univers; /* Adding 16px on focus will prevent auto page zoom */
    }

    .std-form .recaptcha {
        padding-left: 0;
        text-align: center;
    }

        .std-form .recaptcha .g-recaptcha {
            display: inline-block;
        }

    .register-form .txt-wrap {
        width: 260px;
    }

    .link-account-form {
        padding: 20px 0 100px;
    }

        .link-account-form h1 {
            text-align: left;
            margin: 0;
        }

        .link-account-form h3 {
            text-transform: none;
            margin: 10px 0;
        }

        .link-account-form .lnk-ignore-link {
            font: 700 16px/20px Univers;
            display: table;
            margin: 0 auto;
        }

    .link-account-block .block {
        display: table;
        width: 100%;
    }

    .link-account-block .block-right .block-row:first-of-type {
        border: 0 solid rgba(148, 149, 164, 0.4);
        border-width: 0 0 1px;
        padding: 0 0 15px;
    }

    .link-account-block .block-row {
        font: 700 14px/20px Univers;
    }

    .block-middle {
        display: table;
        padding: 25px 0 5px;
        width: 100%;
        position: relative;
    }

        .block-middle div {
            display: table-cell;
            height: 0px;
        }

        .block-middle .upper {
            border-left: 0;
            border-top: 1px solid rgba(148, 149, 164, 0.4);
            width: calc(50% - 20px);
            margin: 0 0 0 8px;
        }

        .block-middle .middle {
            width: 40px;
            height: 0px;
            margin: 0 auto;
        }

            .block-middle .middle:before {
                content: '+';
                font: 700 25px/48px Univers;
                position: absolute;
                top: -2px;
                margin: 0 12px;
            }

        .block-middle .lower {
            border-left: 0;
            border-top: 1px solid rgba(148, 149, 164, 0.4);
            width: calc(50% - 20px);
            margin: 0 0 0 8px;
        }

    .profile {
        font-size: 20px;
        height: 108px;
    }

        .profile .content {
            padding: 20px 20px 20px;
            position: relative;
            top: 50%;
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            height: auto;
        }

        .profile .name {
            font-size: 15px;
        }

        .profile .type {
            font-size: 13px;
        }

        .profile .lnks .rmv {
            margin-left: 10px;
        }

        .profile .plot-basic {
            width: 108px;
        }

            .profile .plot-basic svg {
                display: block;
                height: 108px;
                width: 108px;
            }

    .profile-left .profile {
        padding: 0 10px 0 0;
        overflow: unset;
    }

    .profile-right .profile {
        padding: 0 0 0 10px;
    }

    .chosen-profile-block .profile .plot-basic {
        display: none;
    }

    .chosen-profile-block .page-content {
        margin: 0 10px;
    }

    .profile-select .page-content {
        margin: 0 auto;
        max-width: 400px;
    }

    .profile-select-block .wrap {
        width: 100%;
        left: 0;
    }

    .profile-select-block .v-scroll {
        margin-right: 0 !important;
    }

    .gps-before,
    .gps-after {
        display: none;
        position: absolute;
        background: url("../images/gps-icon-small.png") no-repeat;
        width: 15px;
        height: 15px;
        vertical-align: top;
    }

    .gps-before {
        margin: 0 10px 0 0;
    }

    .gps-after {
        margin: 0 0 0 10px;
    }

    .profile .name .name-text {
        display: block;
        font-size: 15px;
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .gps-type .name-text::before,
    .gps-type .name-text::after {
        display: none;
        content: '';
        width: 15px;
        height: 15px;
        margin-left: 5px;
        margin-right: 5px;
        background: url("../images/gps-icon-small.png") no-repeat;
    }

    .profile-left .gps-type .name-text::before,
    .ps-select-left .gps-type .name-text::before {
        margin-right: 5px;
    }

    .profile-left .gps-type .name-text::after,
    .ps-select-right .gps-type .name-text::after {
        margin-left: 5px;
    }

    .col.profile-left .gps-type .name-text::before,
    .col.profile-right .gps-type .name-text::after {
        display: inline-block;
    }

    .ps-select-left .profile-select-block .gps-type .name-text::before,
    .ps-select-right .profile-select-block .gps-type .name-text::after {
        display: inline-block;
    }

    .chosen-profile-block .profile .gps-type > .lnks > span {
        top: 15px;
        font-size: 12px;
    }

    .chosen-profile-block .profile-left .gps-type > .lnks > span {
        right: 20px;
    }

    .split-white-bg .split-bg-bg:before {
        border: 0;
    }

    #main-plot {
        padding: 80px 0 160px;
        width: 100%;
    }

        #main-plot svg {
            height: 58%;
            width: 58%;
        }

    .key-items {
        text-align: center;
    }

        .key-items .key-title {
            display: block;
            font-size: inherit;
            line-height: inherit;
        }

            .key-items .key-title:before,
            .key-items .key-title:after {
                display: none !important;
            }

            .key-items .key-title:before {
                margin-right: 10px;
            }

            .key-items .key-title:after {
                margin-left: 10px;
            }

        .key-items .key-item-will {
            top: 25px;
        }

        .key-items .key-item-affection {
            bottom: 125px;
        }

        .key-items .key-item-emotionality {
            bottom: 55px;
            text-align: left;
        }

        .key-items .key-item-control,
        .key-items .key-item-energy {
            top: calc(50% - 40px);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 21%;
        }

        .key-items .key-item-control {
            left: 79%;
            text-align: left;
        }

        .key-items .key-item-energy {
            right: 79%;
            text-align: right;
        }

        .key-items .key-item-control > span:before {
            margin: -3px 13px 0 0;
        }

        .key-items .key-item-energy > span:after {
            margin: -3px 0 0 13px;
        }

        .key-items .key-item-emotionality .key-title {
            display: inline-block;
            margin-left: 20px;
        }

        .key-items .key-item-emotionality .emo-plot {
            display: block;
            margin: 20px auto 0;
        }

    .tabs-block {
        margin: 0 -20px;
    }

    .profile-breakdown-block .tab-tabs {
        -moz-transition-duration: inherit;
        -o-transition-duration: inherit;
        -webkit-transition-duration: inherit;
        transition-duration: inherit;
        display: table;
        width: 100%;
        table-layout: fixed;
    }

    .profile-breakdown-block .tab {
        display: table-cell;
        font: 400 13px/1.1 Univers;
        position: relative;
        -moz-transition-duration: inherit;
        -o-transition-duration: inherit;
        -webkit-transition-duration: inherit;
        transition-duration: inherit;
        padding: 30px 20px;
    }

    .profile-breakdown-block .tab-tabs.tab {
        text-transform: uppercase;
    }

    .profile-breakdown-block .tab .grp {
        font-size: 18px;
        font-weight: 700;
    }

    .profile-breakdown-block .tab-content {
        padding: 0 20px;
        opacity: 0;
        z-index: 0;
        -moz-transition-property: all;
        -o-transition-property: all;
        -webkit-transition-property: all;
        transition-property: all;
        -moz-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .profile-breakdown-block .tabs-block[data-tab-idx="0"] .tab-content:nth-of-type(1),
    .profile-breakdown-block .tabs-block[data-tab-idx="1"] .tab-content:nth-of-type(2) {
        opacity: 1;
        position: relative;
        z-index: 1;
    }

    .profile-breakdown-block .tab-contents .tab {
        display: block;
    }

    .profile-switch {
        position: relative;
        top: -70px;
    }

    .profile-switch-wrapper > .lnk-switch {
        top: 15px;
    }

    .tab-contents .profile-switch {
        position: absolute;
        top: 25px;
        left: auto;
        right: 0;
    }

        .tab-contents .profile-switch > .btn-switch {
            right: 40px;
            font: 400 12px/15px Univers;
            letter-spacing: 3px;
            background-color: #000;
            color: #fff;
            width: 40px;
            height: 40px;
            padding: 12px 3px 16px 8px;
            border-radius: 40px;
        }

        .tab-contents .profile-switch > .lnk-switch {
            display: none;
        }

    .qanda .q {
        padding: 27px 10px 17px 50px;
    }

        .qanda .q:before,
        .qanda .q:after {
            left: 10px;
        }

    .qanda .a {
        padding: 0 15px 25px 50px;
    }

    .reg-confirm header .cnf,
    .reg-confirm header .upw {
        display: block;
        margin: 20px auto;
    }

    .hp-head {
        background: #000;
        color: #fff;
        min-height: 0;
        margin: -30px 0 0 0;
    }

        .hp-head:before {
            display: none;
        }

        .hp-head .page-content {
            text-align: left;
        }

        .hp-head .img-wrap {
            display: block;
            background: inherit;
            position: relative;
        }

            .hp-head .img-wrap:before {
                background: url("../images/hp-spots.png") no-repeat scroll 40% 140% transparent;
                background-size: 230% auto;
                bottom: 0;
                content: "";
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
            }

            .hp-head .img-wrap img {
                display: block;
                max-width: 100%;
            }

        .hp-head h1 {
            font-size: 25px;
            text-align: left;
            text-transform: uppercase;
            line-height: 30px;
            margin: 10px 0 20px;
        }

        .hp-head p {
            margin: 0 0 25px;
        }

        .hp-head .content {
            font-size: 18px;
            line-height: 24px;
            max-width: 100%;
            padding: 20px 10px 20px 20px;
        }

    .hp-main {
        background-color: #000;
        margin: 0;
        padding: 0 20px;
    }

        .hp-main .page-content {
            margin: 0;
        }

        .hp-main h1 {
            float: none;
            padding: 25px 25px 0;
            text-align: left;
        }

        .hp-main .content {
            float: none;
            padding: 0 25px 25px;
        }

    .create-new-profile {
        background: #fff;
    }

        .create-new-profile > .outer-wrap {
            margin: 10px;
            background: #f4f4f4;
        }

        .create-new-profile header {
            background-color: #e8e8e8;
            border-bottom: 1px solid #c6c7cd;
        }

            .create-new-profile header .btn-row {
                display: none;
            }

        .create-new-profile footer {
            padding: 0 0 25px;
        }

        .create-new-profile header .wrap {
            padding: 25px 20px;
        }

        .create-new-profile .key-item-control .data-selector {
            right: 10px;
        }

        .create-new-profile .key-item-energy .data-selector {
            left: 10px;
        }

        .create-new-profile [type="text"],
        .create-new-profile [type="password"],
        .create-new-profile [type="email"],
        .create-new-profile [type="tel"],
        .create-new-profile select,
        .create-new-profile textarea,
        .create-new-profile .custom-sel .val {
            font: 400 16px/20px Univers; /* Adding 16px on focus will prevent page zoom */
        }

    #create-plot {
        padding: 80px 0 180px;
        width: 100%;
    }

        #create-plot svg {
            height: 58%;
            width: 58%;
        }

        #create-plot .key-items .key-item-control {
            left: 78%;
            width: 22%;
        }

        #create-plot .key-items .key-item-energy {
            right: 78%;
            width: 22%;
        }

    .profile-select-block .jumpto-wrap {
        display: block;
        left: auto;
        right: 60px;
        top: 100px;
    }

    .profile-select-block .jumpto-wrap-back {
        display: block;
        left: auto;
        right: 30px;
        bottom: 20px;
    }

    .profile-select-block .jumpto-wrap-left {
        display: block;
        left: 30px;
        right: auto;
    }

    .go-to-top {
        bottom: 40px;
        right: 40px;
    }

    .terms-conditions-block .wrap {
        height: 100%;
        width: 100%;
        margin: auto;
        max-width: 767px;
    }

    .spotlight-content-block .domains > .domain-group {
        width: 100%;
    }

    .flex-content .flex-content-column {
        width: 100% !important;
    }

    .matrix-sections > .section > div {
        width: 100%;
    }

    .flex-content.spotlight-steps .summary {
        min-height: none;
    }

    .report-content .content-tabs {
        display: none;
    }

    .matrices .matrix {
        padding: 15px 0 0;
    }

    .matrix > div:first-child {
        padding: 0 15px 0 0;
    }

    .matrix-header-mobile {
        display: block;
        background-color: #000;
        color: #fff;
        font: 700 14px/20px Univers;
        padding: 25px 0 0;
        min-height: 70px;
    }

    .matrix-sections:after {
        content: '';
        height: 8px;
        width: 70%;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .matrix-sections > .section-wrap {
        padding: 0 0 15px;
    }

        .matrix-sections > .section-wrap > .section {
            display: table;
            width: 100%;
            table-layout: fixed;
        }

            .matrix-sections > .section-wrap > .section:first-child {
                padding: 0 0 20px 0;
            }

            .matrix-sections > .section-wrap > .section > div {
                display: table-cell;
                padding: 10px 10px 10px 0px;
                vertical-align: baseline;
            }

            .matrix-sections > .section-wrap > .section:first-child > div {
                padding: 10px 0;
            }

            .matrix-sections > .section-wrap > .section > .title > .title-wrap {
                padding: 8px 8px 8px 0px;
                float: left;
            }

            .matrix-sections > .section-wrap > .section > .title:first-child > .title-wrap {
                border-left: 0;
            }

            .matrix-sections > .section-wrap > .section > .title > .tooltip-text {
                font: 400 13px/20px Arial;
                top: 6px;
                right: 10px;
            }

            .matrix-sections > .section-wrap > .section > .section-label {
                padding-top: 0px;
            }

            .matrix-sections > .section-wrap > .section > .section-label,
            .matrix-sections > .section-wrap > .section > .section-band {
                border-left: 1px solid rgba(148, 149, 164, 0.4);
            }

                .matrix-sections > .section-wrap > .section > .section-label:first-child,
                .matrix-sections > .section-wrap > .section > .section-band:first-child {
                    border-left: 0;
                }

    .matrix-sections-desktop {
        display: none;
    }

    .matrix-sections-mobile {
        display: block;
    }

    .matrix-will .matrix-sections > .section-wrap > .section > .title {
        border: 0 solid #00a651;
        border-width: 1px 0;
    }

    .matrix-energy .matrix-sections > .section-wrap > .section > .title {
        border: 0 solid #f7941e;
        border-width: 1px 0;
    }

    .matrix-affection .matrix-sections > .section-wrap > .section > .title {
        border: 0 solid #ed1d24;
        border-width: 1px 0;
    }

    .matrix-control .matrix-sections > .section-wrap > .section > .title {
        border: 0 solid #03558b;
        border-width: 1px 0;
    }

    .matrix-emotionality .matrix-sections > .section-wrap > .section > .title {
        border: 0 solid #d8458e;
        border-width: 1px 0;
    }

    .matrix-keys {
        margin: 15px 0 0 0;
    }

        .matrix-keys > .title {
            padding: 20px 20px 0 0;
        }

    .spotlight-content-block .domains {
        width: 100%;
        float: none;
    }

    #spotlight-logo {
        display: none;
    }

    .spotlight-content-block .content-left {
        display: table;
        width: 100%;
        padding: 30px 10px 0;
    }

    .spotlight-content-block .content-right {
        display: table;
        padding: 0px 10px;
    }

    .spotlight-content-block .report-content {
        padding: 0 0 50px;
    }

    .matrix > div.spotlight-will-logo,
    .matrix > div.spotlight-energy-logo,
    .matrix > div.spotlight-affection-logo,
    .matrix > div.spotlight-control-logo,
    .matrix > div.spotlight-emotionality-logo {
        display: none;
        float: none;
    }

    .spotlight-content-block {
        position: relative;
    }

        .spotlight-content-block .content-dropdown {
            position: relative;
            background-color: #000;
            padding: 20px;
            height: 90px;
        }

            .spotlight-content-block .content-dropdown > .dropdown-select-wrap {
                position: relative;
                max-width: 400px;
                height: 50px;
                background-color: #fff;
                margin: 0 auto;
                border-radius: 5px;
                cursor: pointer;
                padding: 5px 60px 5px 5px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

                .spotlight-content-block .content-dropdown > .dropdown-select-wrap:after {
                    content: '';
                    float: right;
                    display: block;
                    background: url("../images/fac-select-arrow.png") no-repeat center;
                    position: absolute;
                    left: auto;
                    right: 0px;
                    top: 10px;
                    width: 3px;
                    height: 1px;
                    padding: 15px 0px 15px 50px;
                    border: 0 solid rgba(148, 149, 164, 0.4);
                    border-width: 0 0 0 1px;
                }

            .spotlight-content-block .content-dropdown > .dropdown-option-wrap {
                position: absolute;
                display: none;
                background-color: #fff;
                margin: 0 auto;
                border-radius: 5px;
                z-index: 10;
            }

                .spotlight-content-block .content-dropdown > .dropdown-option-wrap > .dropdown-option {
                    border: 0 solid rgba(148, 149, 164, 0.4);
                    border-width: 0 1px 1px;
                    padding: 5px 20px 5px 5px;
                }

                    .spotlight-content-block .content-dropdown > .dropdown-option-wrap > .dropdown-option.selected,
                    .spotlight-content-block .content-dropdown > .dropdown-option-wrap > .dropdown-option:hover {
                        background-color: #f4f4f4;
                        cursor: pointer;
                    }

                    .spotlight-content-block .content-dropdown > .dropdown-option-wrap > .dropdown-option:first-child {
                        border: 0 solid rgba(148, 149, 164, 0.4);
                        border-radius: 5px 5px 0 0;
                        border-width: 1px;
                    }

                    .spotlight-content-block .content-dropdown > .dropdown-option-wrap > .dropdown-option:last-child {
                        border-radius: 0 0 5px 5px;
                    }

            .spotlight-content-block .content-dropdown .spotlight-logo:before {
                content: '';
                display: inline-block;
                background: url("../images/logo-spotlight.svg") no-repeat center;
                width: 29px;
                height: 29px;
                background-size: 29px 29px;
                vertical-align: middle;
                margin: 5px 10px;
            }

            .spotlight-content-block .content-dropdown .spotlight-will,
            .spotlight-content-block .content-dropdown .spotlight-energy,
            .spotlight-content-block .content-dropdown .spotlight-affection,
            .spotlight-content-block .content-dropdown .spotlight-control {
                content: '';
                display: inline-block;
                width: 59px;
                height: 37px;
                vertical-align: middle;
                margin: 3px -5px;
            }

            .spotlight-content-block .content-dropdown .spotlight-emotionality {
                content: '';
                display: inline-block;
                width: 59px;
                height: 37px;
                vertical-align: middle;
                margin: 3px -5px 3px;
            }

        .spotlight-content-block .key-wrap > div {
            display: table;
        }

            .spotlight-content-block .key-wrap > div > span {
                display: table-cell;
            }

                .spotlight-content-block .key-wrap > div > span:first-child {
                    margin: 0 10px 0 0;
                }

    .stick-header .spotlight-content-block .dropdown-nav {
        padding-top: 90px;
    }

    .stick-header .spotlight-content-block .content-dropdown {
        z-index: 101;
        position: fixed;
        top: 0;
        width: 100%;
    }

    .stick-header .spotlight-content-block .content-left {
        padding-top: 120px;
    }

    .stick-header .spotlight-content-block .report-content {
        padding-top: 20px;
    }

        .stick-header .spotlight-content-block .report-content .matrices {
            padding-top: 0px;
        }

    .spotlight-content-block .content-wrap {
        padding-bottom: 20px;
    }



    .report-block-navigation nav,
    .report-block-navigation nav + .btn {
        margin-bottom: 10px;
    }

    .report-block-navigation .content-dropdown {
        position: relative;
        padding: 0;
        height: 50px; /*max-width: 400px;*/
        margin: 0;
    }

        .report-block-navigation .content-dropdown .dropdown-select-wrap {
            position: relative;
            height: 50px;
            background-color: #fff;
            margin: 0 auto;
            border-radius: 5px;
            cursor: pointer;
            padding: 0;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            cursor: pointer;
        }

            .report-block-navigation .content-dropdown .dropdown-select-wrap:after {
                content: '';
                float: right;
                display: block;
                background: url("../images/fac-select-arrow.png") no-repeat center;
                position: absolute;
                left: auto;
                right: 0px;
                top: 10px;
                width: 3px;
                height: 1px;
                padding: 15px 0px 15px 50px;
                border: 0 solid rgba(148, 149, 164, 0.4);
                border-width: 0 0 0 1px;
            }

        .report-block-navigation .content-dropdown .dropdown-option-wrap {
            position: absolute;
            display: none;
            background-color: #fff;
            margin: 0 auto;
            border-radius: 5px;
            z-index: 10;
            left: 20px;
            right: 20px;
            cursor: pointer;
        }

        .report-block-navigation .content-dropdown .dropdown-option {
            padding: 5px 60px 5px 5px;
        }

        .report-block-navigation .content-dropdown .dropdown-option-wrap .dropdown-option {
            border: 0 solid rgba(148, 149, 164, 0.4);
            border-width: 0 1px 1px;
        }

        .report-block-navigation .content-dropdown .dropdown-option .dropdown-option.selected,
        .report-block-navigation .content-dropdown .dropdown-option .dropdown-option:hover {
            background-color: #f4f4f4;
            cursor: pointer;
        }

        .report-block-navigation .content-dropdown .dropdown-option .dropdown-option:first-child {
            border: 0 solid rgba(148, 149, 164, 0.4);
            border-radius: 5px 5px 0 0;
            border-width: 1px;
        }

        .report-block-navigation .content-dropdown .dropdown-option .dropdown-option:last-child {
            border-radius: 0 0 5px 5px;
        }

        .report-block-navigation .content-dropdown .dropdown-option:before {
            content: '';
            border-radius: 50%;
            background: none;
            width: 16px;
            height: 16px;
            vertical-align: middle;
            margin: 12px 10px;
            display: inline-block;
        }

        .report-block-navigation .content-dropdown .dropdown-option[data-id=will]:before {
            background-color: #00a651;
        }

        .report-block-navigation .content-dropdown .dropdown-option[data-id=energy]:before {
            background-color: #f7941e;
        }

        .report-block-navigation .content-dropdown .dropdown-option[data-id=affection]:before {
            background-color: #ed1d24;
        }

        .report-block-navigation .content-dropdown .dropdown-option[data-id=control]:before {
            background-color: #03558b;
        }

        .report-block-navigation .content-dropdown .dropdown-option[data-id=emotionality]:before {
            background-color: #d8458e;
        }

        .report-block-navigation .content-dropdown .spotlight-logo:before {
            content: '';
            display: inline-block;
            background: url("../images/spotlight-icon.svg") no-repeat center;
            width: 29px;
            height: 29px;
            background-size: 29px 29px;
            vertical-align: middle;
            margin: 5px 10px;
        }

        .report-block-navigation .content-dropdown .spotlight-will-logo:before {
            content: '';
            display: inline-block;
            background: url("../images/spotlight-will-small.png") no-repeat center;
            width: 29px;
            height: 29px;
            vertical-align: middle;
            margin: 5px 10px;
        }

        .report-block-navigation .content-dropdown .spotlight-energy-logo:before {
            content: '';
            display: inline-block;
            background: url("../images/spotlight-energy-small.png") no-repeat center;
            width: 29px;
            height: 29px;
            vertical-align: middle;
            margin: 5px 10px;
        }

        .report-block-navigation .content-dropdown .spotlight-affection-logo:before {
            content: '';
            display: inline-block;
            background: url("../images/spotlight-affection-small.png") no-repeat center;
            width: 29px;
            height: 29px;
            vertical-align: middle;
            margin: 5px 10px;
        }

        .report-block-navigation .content-dropdown .spotlight-control-logo:before {
            content: '';
            display: inline-block;
            background: url("../images/spotlight-control-small.png") no-repeat center;
            width: 29px;
            height: 29px;
            vertical-align: middle;
            margin: 5px 10px;
        }

        .report-block-navigation .content-dropdown .spotlight-emotionality-logo:before {
            content: '';
            display: inline-block;
            background: url("../images/spotlight-emotionality-small.png") no-repeat center;
            width: 29px;
            height: 29px;
            vertical-align: middle;
            margin: 5px 10px 5px;
        }

        .note { padding: 10px 15px 20px 15px; }
}

@media (max-width: 480px) {
    .create-new-profile .data-selector.flip-my-y { top: auto; bottom: 100%; /*height:150px;*/ }
    /* Don't need to reverse whole and fraction row in mobile version */
    /*.create-new-profile .data-selector.flip-my-y .whole-row { transform: translateY(100%); }
    .create-new-profile .data-selector.flip-my-y .fraction-row { transform: translateY(-100%); }*/
    .create-new-profile .data-selector > .wrap { width: 280px; }
    .create-new-profile .data-selector a { width: 20%; }
    .create-new-profile .data-selector :first-child > a:nth-of-type(1),
    .create-new-profile .data-selector :first-child > a:nth-of-type(2),
    .create-new-profile .data-selector :first-child > a:nth-of-type(3),
    .create-new-profile .data-selector :first-child > a:nth-of-type(4),
    .create-new-profile .data-selector :first-child > a:nth-of-type(5) { border-top-width: 0; }

    .popup-block .wrap { width: 90%; max-width: 400px; }
    .popup-block .header { line-height: 100%; }

    #footer footer { padding-bottom: 15px; }
    #footer a { display: block; margin-left: 0; }
}

@media (max-width: 767px) {
    .std-form-2 .btn-row { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 10px 0 25px; }
    .std-form-2 .btn-row > * { -webkit-flex: 0 0 100%; flex: 0 0 100%; -webkit-order: 1; order: 1; display: block; width: auto; min-width: 0; max-width: 100%; margin: 10px 0 0; }
    .std-form-2 .btn-row .btn-primary { order: 0; }
    .std-form-2 [type="checkbox"] + label::before { width: 22px; height: 22px; top: 1px; position: relative; }


    .hero-word-cloud { padding: 20px 0 0; margin: -30px 0 0; }
    .hero-word-cloud .bg-dots { display: none; }
    .word-cloud-wrap { padding: 15px 0 20px; }
    .word-cloud-wrap .word-list { line-height: 1.2; transform: none !important; }
    .word-cloud-wrap .word-list li { transition-duration: .1s !important; }
    .word-cloud-wrap [data-rank="0"] { font-size: 1.3em; }
    .word-cloud-wrap [data-rank="1"] { font-size: 1.8em; }
    .word-cloud-wrap [data-rank="2"] { font-size: 2.3em; }
    .word-cloud-wrap [data-rank="3"] { font-size: 2.8em; }
    .word-cloud-wrap [data-rank="4"] { font-size: 3.3em; }
    .word-cloud-wrap [data-rank="5"] { font-size: 3.8em; }

    .hero-word-cloud.no-facet5 { background: none; background-color: none; }
    .hero-word-cloud.no-facet5 .page-content { padding: 0 0 20px 20px;  }

    .dashboard .img-wrap { display: block; background: inherit; position: relative; }
    .dashboard .img-wrap:before { background: url("../images/hp-spots.png") no-repeat scroll 40% 100% transparent; background-size: 230% auto; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; }
    .dashboard .img-wrap img { display: block; max-width: 100%; }

    .dashboard .dashboard-bottom-dots img {  margin: -80px -60px 0; z-index: -1; }

    .dashboard .dashboard-tabs { display: table; width: 100%; table-layout: fixed; }
    .dashboard .dashboard-tabs > .tab { display: table-cell; font: 700 15px/35px Univers; background-color: #000; color: #fff; text-align: center; vertical-align: middle; text-transform: uppercase; height: 50px; cursor: pointer; }
    .dashboard .dashboard-tabs > .tab.active { background-color: #fff; color: #000; cursor: default; }

    .dashboard .page-content { margin: 0 8px; }
    .dashboard .dashboard-blocks { padding: 20px 0 25px; }
    .dashboard .btn { width: auto; display: block; margin: 20px auto 0; }

    .dashboard-blocks .dashboard-block-spotlight-strength { margin: -10px -8000px -40px; }
    .dashboard-blocks .dashboard-block-spotlight-strength { flex-wrap: wrap; }
    .dashboard-blocks .dashboard-spotlight-strength { margin: 0 30px; }
    .dashboard-blocks .side-heading { width: 100%; margin: 0 20px 20px; }

    .dashboard-block-reports-title { order: 1; }
    .dashboard-block-share-lnk { order: 4; }
    .dashboard-block-hr-1 { order: 2; margin: 15px 0 20px; }
    .dashboard-block-report-list { order: 3; }
    .dashboard-block-prof-comp { order: 8; }
    .dashboard-block-shared-title { order: 1; margin: 30px auto 0; }
    .dashboard-block-share-lnk-2 { order: 4; }
    .dashboard-block-hr-2 { order: 2; margin: 15px 0 20px; }
    .dashboard-block-shared-table { order: 3; }

    .dashboard-blocks .not-sharing { margin: 0; }

    .dashboard[data-tabactive="reports-tab"] .dashboard-blocks .dashboard-block-prof-comp,
    .dashboard[data-tabactive="profiles-tab"] .dashboard-blocks > *:not(.dashboard-block-prof-comp) { display: none; }

    .dashboard .dashboard-block-prof-comp { max-width: 522px; margin: 0 auto; }
    .dashboard-block-prof-comp header { padding: 15px 20px; }
    .dashboard-block-prof-comp header .title { font-size: 18px; }
    .dashboard-block-prof-comp footer { padding: 0 10px 15px; }

    .dashboard-block-prof-comp #main-plot { margin: 10px auto -10px; }
    .dashboard-block-prof-comp #main-plot .key-items .key-title { font-size: inherit; line-height: inherit; }
    .dashboard-block-prof-comp #main-plot .key-items .key-item-will { top: 10px; }
    .dashboard-block-prof-comp #main-plot .key-items .key-item-affection { bottom: 90px; }
    .dashboard-block-prof-comp #main-plot .key-items .key-item-emotionality { width: 100%; transform: translateX(50%); right: 50%; max-width: 300px; bottom: 40px; }
    .dashboard-block-prof-comp #main-plot .key-items .key-item-emotionality .emo-plot { width: 100%; }

    span.download-icon.icon-grey {
        background: url("../images/download-grey.svg") no-repeat left center; 
        background-size: contain;
        margin-bottom: -3px;
        display: inline-block;
    }
    .report-item { padding: 15px 0; }
    .report-item .ico { margin: 6px 23px 6px 15px; }
    .report-item .content { margin: 0; }
    .report-item .family { font-size: 14px; }
    .report-item .buttons { display: none; }
    .report-item .btn { display: none; }

    .shared-table { display: block; }
    .shared-table thead { display: none; }
    .shared-table tbody { display: block; }
    .shared-table td { display: block; padding: 0 15px; position: relative; margin: 0 0 15px; }
    .shared-table td:first-child { border-top: 1px solid rgba(17, 17, 17, 0.17); padding-top: 15px; padding-right: 40px; position: relative; }
    .shared-table td:first-child:before,
    .shared-table td:first-child:after { content: ''; width: 15px; height: 1px; position: absolute; background: #898989; right: 12px; top: 32px; transition: all .3s; }
    .shared-table td:first-child:after { width: 1px; height: 15px; right: 19px; top: 25px; }
    .shared-table td:last-child { padding-left: 65px; width: auto; }
    .shared-table .share-ico { width: 30px; margin: 0 20px 0 0; }
    .shared-table .initials { width: 30px; height: 30px; line-height: 30px; margin: 0 20px 0 0; font-size: 12px; }
    .shared-table .content:not(:last-child) { margin-bottom: 15px; }
    .shared-table tr { max-height: 300px; transition: all .3s; position: relative; overflow: hidden; display: block; cursor: pointer; }
    .shared-table tr:not(.open) { max-height: 76px; }
    .shared-table .open td:first-child:before { transform: rotate(180deg); }
    .shared-table .open td:first-child:after { transform: rotate(90deg); }
    .shared-table .name { font-size: 14px; }

    .shared-table .btns-wrap { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin: 0 -5px 0 -50px; }

    .shared-table .speech-bubble { }
    .shared-table .speech-bubble .speech-content { left: 0; transform: translate(0, -15px); }
    .shared-table .speech-bubble .speech-content::after { left: 5px; margin: 0; }

    .popup .popup-wrap { width: calc(100vw - 20px); max-height: calc(100vh - 20px) !important; height: auto; }
    .popup .popup-head { padding: 20px 45px 20px 20px; }
    .popup .popup-content { padding: 0 20px 20px; font-size: 14px; }
    .popup .popup-content:first-child { padding-top: 20px; }
    .popup .popup-foot { padding: 10px 20px 20px; }
    .popup .popup-foot .btns-wrap { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto -20px; }
    .popup .popup-foot .btns-wrap > * { -webkit-flex: 0 0 100%; flex: 0 0 100%; -webkit-order: 1; order: 1; display: block; width: auto; min-width: 0; max-width: 100%; }
    .popup .popup-foot .btns-wrap .btn-primary { order: 0; }
    .popup .popup-close-x { right: 12px; top: 12px; }

    .errored-recipients { padding: 12px; }
    .errored-recipients dl { padding: 0; }
    .errored-recipients dt { padding: 0 3px; }
    .errored-recipients dd { padding: 0 3px; }
    .errored-recipients dd + dt { padding-top: 9px; }

    .mixed-recipients { padding: 12px; }
    .mixed-recipients dl { padding: 0; }
    .mixed-recipients dt { padding: 0 3px; }
    .mixed-recipients dd { padding: 0 3px; }
    .mixed-recipients dd + dt { padding-top: 9px; }

    .FAQs-wrap .q { padding: 20px 10px 20px 30px; font-size: 14px; line-height: 20px; }
    .FAQs-wrap .q::before,
    .FAQs-wrap .q::after { margin: 22px 0 0; }

    .report-blocks { padding: 20px 0 30px; }
    .reports .report-block-sticky-head { height: 48px; font-size: 13px; }
    .reports .report-block-sticky-head .btn-share { font-size: 12px; padding: 4px 10px; min-width: 0; margin: 0 0 0 15px; }

    .report-block-summary .btns-wrap { }
    .report-block-summary .btns-wrap > * { display: block; margin: 10px 0 0; }
    .report-blocks .dashboard-block-prof-comp:not(:first-of-type) { margin: 20px 0 0 0; }

    .report-block-summary h1 { font-size: 25px; margin: 0 0 .6em; text-align: left; }
    .report-block-navigation { display: inline; }
    .report-block-navigation .sticky { top: 0; transition: all .3s; /*overflow: hidden; height: 70px;*/ position: fixed; left: 0; width: 100%; transform: translateY(-100%); transition: all .3s; background-color: #f1f2f9; color: #161616; z-index: 98; }
    .reports.reports-shared .report-block-navigation .sticky { background-color: #591943; color: #fff; }
    .report-block-navigation.is-active .sticky { top: 48px; transform: translateY(0); }

    .report-block-navigation .page-content { /*padding-bottom: 15px;*/ background-color: inherit !important; color: inherit !important; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; height: 100%; }
    .report-block-navigation nav { flex: 1 1 auto; }
    .report-block-navigation nav > [class*="report-nav-"] { display: none; text-decoration: none !important; }
    .report-block-navigation nav .active { display: block; }
    .report-block-navigation select { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; min-width: 100%; min-height: 100%; padding: 0; margin: 0; opacity: 0; font-size: 16px; }
    .report-block-navigation .btn-share { -webkit-flex: 0 0 auto; flex: 0 0 auto; margin: 0 0 0 10px; padding: 6px 0; min-width: 70px; height: 32px; }

    .rb-overview header { margin: 0 0 5px; }
    .rb-item { padding: 0 0 30px; }

    .rb-detail-items { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 0; }
    .rb-detail-items > * { -webkit-flex: 1 1 auto; flex: 1 1 auto; position: relative; width: 100%; }
    .rb-detail-items .rbd-item { -webkit-order: 1; order: 1; }
    .rb-detail-items .rbd-item + .rbd-item { -webkit-order: 5; order: 5; }
    .rb-detail-items .rbd-item + .rbd-item + .rbd-item { -webkit-order: 9; order: 9; }
    .rb-detail-items .rb-key-plot { -webkit-order: 2; order: 2; }
    .rb-detail-items .rb-key-plot + .rb-key-plot { -webkit-order: 6; order: 6; }
    .rb-detail-items .rb-key-plot + .rb-key-plot + .rb-key-plot { -webkit-order: 10; order: 10; }
    .rb-detail-items .rb-scores { -webkit-order: 3; order: 3; }
    .rb-detail-items .rb-scores + .rb-scores { -webkit-order: 7; order: 7; }
    .rb-detail-items .rb-scores + .rb-scores + .rb-scores { -webkit-order: 11; order: 11; }
    .rb-detail-items .rb-key-quality  { -webkit-order: 4; order: 4; }
    .rb-detail-items .rb-key-quality + .rb-key-quality  { -webkit-order: 8; order: 8; }
    .rb-detail-items .rb-key-quality  + .rb-key-quality + .rb-key-quality { -webkit-order: 12; order: 12; }
    .rb-detail-items .rb-detail-break { display: none; }
    .rb-detail-items > .rbd-item { margin: 30px 0 1px; }
    .rb-detail-items .rb-key-plot { }
    .rb-detail-items .rb-scores { }
    .rbd-item .score { font-size: 25px; font-weight: 400; }
    .rbd-item h4 { font-size: 15px; font-weight: 700; }

    .share-invite-block { padding: 30px 15px; }
    .share-invite .page-content { padding-bottom: 30px; }

    .portrait-block-breakdown:not(:first-of-type) { margin: 30px 0 0; }

    .portrait-breakdown-item { padding: 0 0 20px; }
    .portrait-breakdown-item header { padding: 10px 0 0; }

    .family-block-breakdown header { padding-top: 25px; margin: 20px 0; }
    .family-block-breakdown header h1 { margin: 0 0 .6em; text-align: left; font-size: 25px; }

    .family-breakdown-item { padding: 0 0 15px; }
    .family-breakdown-item:not(:first-of-type) { border-top: 1px solid rgba(22, 22, 22, .1); padding-top: 15px; }
    .family-breakdown-item .family-profile { float: left; width: 52px; height: 52px; margin: 0 19px 0 4px; }
    .family-breakdown-item .lnk-compare-my-profile { margin: 15px 0 0; display: block; }
    .family-breakdown-item .content { display: none; padding: 10px 0; }
    .family-breakdown-item h4 { display: none; margin: 0; }
    .family-breakdown-item .fbd-content-toggle { display: -webkit-flex; display: flex; min-height: 52px; -webkit-align-items: center; align-items: center; position: relative; padding: 0 45px 0 0; text-decoration: none; }
    .family-breakdown-item .fbd-content-toggle h4 { display: block; }
    .family-breakdown-item .fbd-content-toggle::before,
    .family-breakdown-item .fbd-content-toggle::after { position: absolute; background: #1d1d1b; content: ''; right: 20px; top: 50%; width: 15px; height: 1px; transition: all .3s; margin: 0; }
    .family-breakdown-item .fbd-content-toggle::after { right: 27px; width: 1px; height: 15px; margin-top: -7px; }
    .family-breakdown-item.show-more .fbd-content-toggle::before { transform: rotate(180deg); }
    .family-breakdown-item.show-more .fbd-content-toggle::after { transform: rotate(90deg); }

    .dashboard .dashboard-qualities-header .btn { min-width: 0px; font-size: 20px; padding: 8px 12px; }

    .key-qualities .key-qualities-container { min-height: 450px;  }
    .key-qualities .key-qualities-container .key-quality-cards-mobi-container { 
        position: absolute; width: 100%; height: 100%; display: flex; align-items: center;
        justify-content: space-around; background-color: rgba(0, 0, 0, 0);
    }
    .key-qualities .key-quality-cards-mobi-container .key-quality-item { transform: translateY(25px); }
    .key-qualities .key-quality-cards-mobi-container .key-quality-position-selector { transform: translateY(0); }
}

@media (max-width: 480px) {
    .dashboard .dashboard-tabs > .tab { font-size: 14px; line-height: 20px; height: 45px; }

    .std-form .lbl-wrap { width: 284px; }
}

@media (max-height: 568px) and (max-width: 767px) {
    .report-block-navigation.is-active .sticky { top: 38px; }
    .reports .report-block-sticky-head { height: 38px; }
}