* {
    /*-webkit-font-smoothing: antialiased;*/
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: "Lato_normal";
    src: url("../fonts/lato/LatoLatin-Regular.eot");
    src: url("../fonts/lato/LatoLatin-Regular.eot?#iefix") format("embedded-opentype"),
        url("../fonts/lato/LatoLatin-Regular.woff") format("woff"),
        url("../fonts/lato/LatoLatin-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Lato_heavy";
    src: url("../fonts/lato/LatoLatin-Heavy.eot");
    src: url("../fonts/lato/LatoLatin-Heavy.eot?#iefix") format("embedded-opentype"),
        url("../fonts/lato/LatoLatin-Heavy.woff") format("woff"),
        url("../fonts/lato/LatoLatin-Heavy.ttf") format("truetype");
}

@font-face {
    font-family: "Lato_bold";
    src: url("../fonts/lato/LatoLatin-Bold.eot");
    src: url("../fonts/lato/LatoLatin-Bold.eot?#iefix") format("embedded-opentype"),
        url("../fonts/lato/LatoLatin-Bold.woff") format("woff"),
        url("../fonts/lato/LatoLatin-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Montserrat_regular";
    src: url("../fonts/montserrat/Montserrat-Regular.eot");
    src: url("../fonts/montserrat/Montserrat-Regular.eot?#iefix") format("embedded-opentype"),
        url("../fonts/montserrat/Montserrat-Regular.woff") format("woff"),
        url("../fonts/montserrat/Montserrat-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Montserrat_bold";
    src: url("../fonts/montserrat/Montserrat-Bold.eot");
    src: url("../fonts/montserrat/Montserrat-Bold.eot?#iefix") format("embedded-opentype"),
        url("../fonts/montserrat/Montserrat-Bold.woff") format("woff"),
        url("../fonts/montserrat/Montserrat-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Montserrat_thin";
    /* src: url("../fonts/montserrat/Montserrat-Thin.eot"); */
    src: url("../fonts/montserrat/Montserrat-Thin.ttf") format("truetype");
}


body {
    font-family: "Lato_normal", sans-serif;
    padding-top: 3.5em;
    line-height: 16px;
    color: #3c3744;
    font-size: 16px;
    font-weight: normal;
    position: relative;
}

body.minimalist {
    padding-top: 6rem;
}

/*.container.narrow {*/
/*max-width: 46rem;*/
/*}*/

a,
a:hover {
    color: #00c853;
    text-decoration: none;
}

form {
    position: relative;
}

.alert .close {
    margin-top: -0.25rem;
    padding-bottom: 0.375rem;
}

textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
select,
select.form-control,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus {
    box-shadow: inset 0 -1px 0 #ddd;

}

.form-check-label {
    padding-top: 0.15rem;
}

.wrapper {
    /*margin-top: -3.5rem;*/
    /*margin-top:-1rem;*/
    overflow: hidden;
}

h1 {
    font-family: Lato_heavy, sans-serif;
    font-size: 2rem;
    font-weight: bold;
    color: #3c3744;
    margin: 1rem auto;
}

.home .title-header {
    background-color: rgba(60, 55, 68, 0.05);
    /*padding: 1rem 1.25rem;*/
    padding: 1rem 0;
}

.home h1 {
    margin-top: 1.5rem;
}

.banner {
    margin-top: 0;
    margin-bottom: 0;
    padding: .5rem 0;
    font-size: 0.875rem;
    font-weight: bold;
    text-align: center;
    position: relative;
}

.banner a {
    color: inherit;
    text-decoration: underline;
}

h3 {
    font-family: "Lato_normal", sans-serif;
    font-size: 1rem;
    color: #3c3744;
    text-shadow: 0 2px 4px 0 rgba(60, 55, 68, 0.5);
}

nav {
    padding-top: 0.5em;
    height: 3.5rem;
    background-color: rgba(255, 255, 255, 1);
    border-bottom: 1px solid rgba(60, 55, 68, 0.2);
    -webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

nav .search-icon {
    display: block;
    float: right;
    text-indent: 999em;
    width: 1rem;
    height: 1rem;
    padding: 1rem;
    background: rgba(60, 55, 68, 0.05) url('../img/icons/search-icon.svg') no-repeat center;
    border-radius: 2rem;
    margin-top: 0.1875rem;
    margin-right: 1.5rem;
}

.no-auth nav .search-icon {
    display: none;
}

nav .app-callout,
nav .public-callout {
    display: none;
    font-family: Lato_heavy, sans-serif;
    text-transform: uppercase;
    cursor: pointer;
}

/*.home nav {*/
/*background-color: #f5f5f5;*/
/*}*/

/* Minimalist page */

.minimalist nav {
    display: none;
}

.minimalist .wrapper {
    margin-top: -4.5rem;
}

.minimalist footer {
    display: none;
}

.minimalist.menu-only nav {
    display: block;
}

.congrats {
    padding-top: 2rem;
}

.congrats h1 {
    max-width: 30rem;
    margin: 3rem 0 1rem;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: #FFF;
    opacity: 0.97;
    display: none;
}

.show-overlay {
    overflow: hidden;
    height: 100%;
}

.show-overlay #overlay {
    display: block;

}

.overlay {
    max-width: 20rem;
    margin: 0 auto;
    text-align: center;
}

.overlay .close {
    position: absolute;
    right: 1rem;
    top: 1rem;
}

.overlay h4,
.flat-page .overlay h4 {
    /*font-weight: bold;*/
    margin-top: 8rem;
    font-family: Lato_heavy;
    font-size: 2rem;
}

.overlay p,
.flat-page .overlay p {
    font-size: 1.375rem;
    line-height: 1.75rem;
}

/* App badges */

.app-badges a {
    display: inline-block;
    width: 9rem;
    height: 3rem;
    background: no-repeat center;
    background-size: contain;
    text-indent: -999rem;
}

.app-badges a.ios {
    background-image: url('../img/app/app_ios_badge.svg');
}

.app-badges.white a.ios {
    background-image: url('../img/app/app_ios_badge_white.svg');
}

.app-badges a.android {
    background-image: url('../img/app/app_android_badge.svg');
}

.app-badges.white a.android {
    background-image: url('../img/app/app_android_badge_white.svg');
}

/* App badges - End */

.admin-link {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.85);
    padding: 0.5rem 1rem;
    border-radius: 10px 0 0 0;
}

.home.scrolled nav {
    background-color: #fff;
    border-bottom: 1px solid #d8d7d9;
}

nav>.container {
    padding-bottom: 0.5em;
    /*border-bottom: 1px solid rgba(60, 55, 68, 0.2);*/
}

nav .navlinks {
    float: right;
    display: none;
    margin: 0.75rem 1.5rem 0.5rem 0;
    font-size: 0.75rem;
    font-weight: bold;
}

nav .navlinks .oi {
    font-size: 0.5rem;
}

nav .navlinks li {
    padding: 0 0.5rem;
    position: relative;
}

nav .navlinks a {
    color: #3c3744;
}

.home nav>.container {
    border-bottom: none;
}

.home .header {
    margin-top: 0;
    background-color: rgba(60, 55, 68, 0.05);
    /*background-color: rgba(60, 55, 68, 1);*/
    margin-bottom: 2.5rem;
}

.home .header h1 {
    padding: 2.5rem 0 1rem;
    text-align: center;
    font-weight: bold;
    max-width: 36rem;
    margin: 0 auto;
}

.home .header h2 {
    font-size: 1.125rem;
    text-align: center;
    font-family: Lato_normal, sans-serif;
    max-width: 35rem;
    margin: 0 auto;
    padding: 0 1rem 3rem;
}

.home .header section {
    margin: 0 auto;
}

.logo-block {
    position: relative;
    width: 280px;
    margin: 0.5rem auto;
}

.logo-block .logo {
    display: block;
}

.logo-block .logo img {
    height: 88px;
    width: 270px;
}

.logo-block .baseline {
    position: absolute;
    top: 5em;
    right: .75rem;
    font-size: 0.75rem;
}

nav .logo {
    width: 140px;
    height: 38px;
    /*background: url("../img/logo_compact.svg") no-repeat -0.8em -0.8em;*/
    margin: 0;
    /*text-indent: -999em;*/
    float: left;
    text-align: left;
}

nav .logo img {
    width: 140px;
    height: 38px;

}

/*
.home nav .logo {
    display: block;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.home.scrolled nav .logo {
    display: block;
    opacity: 1;
}
*/

.home nav {
    border-bottom: none;
}

nav .btn-my-values,
nav .btn-customize,
nav .btn-quizz {
    float: right;
    margin-top: 0.25em;
    margin-right: 1.5rem;
    width: 1rem;
}

nav .btn-customize,
nav .btn-quizz {
    width: auto
}


nav .btn-my-values .icon {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    margin: -0.125rem 0.5rem 0 -0.5rem;
}

nav .btn-my-values .user-first-name,
nav .btn-quizz {
    display: none;
}

/*.home nav .btn-my-values {*/
/*display: none;*/
/*opacity: 0;*/
/*transition: opacity 0.5s ease-in-out;*/
/*}*/

/*.home.scrolled nav .btn-my-values {*/
/*display: block;*/
/*opacity: 1;*/
/*}*/

.subline {
    font-size: 1.25em;
    line-height: 1.15em;
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 auto;
}

.rolling-messages {
    position: absolute;
    display: table;
    margin: 0 auto;
    /*left:0;*/
    /*right:0;*/
    top: 0;
    bottom: 0;
    text-align: center;
    width: 100%;
}

.rolling-messages span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 3rem;
}

.subline p {
    margin-bottom: 0.25rem;
}

.subline small {
    display: block;
    font-size: 1rem;
    line-height: 1rem;
    color: #3c3744;
    margin: 4rem auto 0;
    padding-bottom: 1rem;
}

.login-block {
    position: fixed;
    right: 1em;
    bottom: 0.5em;
}


/* Pagination */
.pagination {
    margin-bottom: 4rem;
}

.pagination a {
    display: block;
    padding: 1rem;
    text-align: center;
    border-radius: 0.625rem;
    font-weight: 500;
    color: #9D9BA1;
    width: auto;
}

.pagination a.disabled {
    background-color: #F5F5F6;
    cursor: default;
}

.pagination a.active {
    background-color: #12B0FB;
    color: #FFF;
}

.pagination a.active:hover {
    box-shadow: 0px 0px 10px 0px #00000040;
}

.pagination .previous {
    float: right;
}

.pagination .next {
    float: left;
}

/* End pagination */


/* Moral values explanations on the profile page */

.moral-values {
    margin-top: 2em;
}

.moral-values li {
    font-size: 1.125rem;
    color: #3c3744;
    line-height: 1.35em;
}

.moral-values li p {
    font-size: 0.75em;
    margin-left: 2.75rem;
    line-height: 1.2rem;
    padding: 0.375rem 0 0.5rem;
}

.moral-values .icon {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background: #3c3744 no-repeat center;
    float: left;
    border-radius: 100%;
    margin-right: 1em;
}

.moral-values .name {
    display: block;
    margin-left: 2.75rem;
}

.moral-value-choice {
    display: block;
    position: relative;
    padding-bottom: 1rem;
}

.moral-value-choice .name,
.moral-value-choice .description {
    margin-right: 2.5rem;
    margin-left: 2rem;
}

.moral-value-choice .name {
    display: block;
    line-height: 1.25rem;
    font-size: 1.125rem;
    /*background-color: red;*/
    padding-top: 0.45rem;
    cursor: pointer;
}

.moral-value-choice.expanded .name .caret-bottom {
    display: none;
}

.moral-value-choice .name .caret-close {
    display: none;
}

.moral-value-choice.expanded .name .caret-close {
    display: inline-block;
}

.moral-value-choice .description {
    /*background-color: green;*/
    font-size: 0.75rem;
    line-height: 1rem;
    padding-top: 0.75rem;
    display: none;
}

.moral-value-choice label {
    width: 2.25rem;
    height: 2.25rem;
    margin-bottom: 0;
    border-radius: 100%;
    /*margin-top:1rem*/
    float: right;
    border: 2px solid #3c3744;
}

.moral-value-choice _label {
    display: inline-block;
    padding: 0.5em 1.5em 0.5em 1.5em;
    border: 1px solid #999;
    border-radius: 2em;
    background: none no-repeat 1em center;
    text-transform: uppercase;
    font-size: 0.875em;
    width: 1rem;
    height: 1rem;
}

.moral-value-choice label:hover {
    background-color: #eee;
}

.moral-value-choice label.selected {
    background-color: #00c853;
    border-color: #00C853;
    color: #fff;
}

.moral-value-choice label input[type="checkbox"] {
    display: none;
}

.icon {
    background: no-repeat center;
}

.moral-value-choice .icon {
    padding: 0.75rem;
    background-color: #333;
    border-radius: 100%;
    width: 1rem;
    height: 1rem;
    position: relative;
    float: left;
    margin-top: 0.35rem;
    margin-right: 0.5rem;
}

.moral-value-choice .icon svg {
    position: absolute;
    left: 0.3125rem;
    top: 0.3125rem;
}

.moral-value-choice .icon svg path {
    fill: #fff;
}

/*.moral-value-choice label.selected path {*/
/*fill: #333;*/
/*}*/

/*** / End moral value on profile page and questionnaire ***/

/** COVER STYLES **/
.cover {
    background-color: #00C853;
    margin-top: 0;
    padding: 2rem 0;
    margin-bottom: 2.5rem;
}

.home .cover {
    margin-bottom: 0;
}

.cover.dark {
    background-color: #3c3744;
    padding-bottom: 4rem;
    margin-bottom: 2.5rem;
}

.cover .uptitle {
    font-size: 1.25rem;
    color: #FFF;
    text-align: left;
    margin: 1rem 0;
    font-family: Montserrat_bold, sans-serif;
}

.cover h1 {
    color: #FFF;
    font-size: 2.5rem;
    text-align: left;
    /*font-weight: 700;*/
    margin-bottom: 3rem;
    /* max-width: 36rem; */
    line-height: 1.2em;
    font-family: Lato_heavy, sans-serif;
}

.cover h2 {
    text-align: center;
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.cover h6 {
    font-size: 0.875rem;
    text-align: center;
}

.cover p {
    font-size: 1.375rem;
    color: #FFF;
    line-height: 1.875rem;
    max-width: 36rem;
    margin-bottom: 2rem;
    font-family: Lato_normal, sans-serif;
}

.cover.dark p {
    max-width: 100%;
    font-size: 1.25rem;
    line-height: 1.5em;
    font-family: Montserrat_thin, sans-serif;
    font-weight: normal;
}




.cover p strong {
    font-family: Lato_heavy, sans-serif;
}

.cover.dark p strong {
    font-family: Montserrat_bold, sans-serif;
    font-weight: bold;
}


.cover .emoji {
    font-size: 1.5rem;
}

.cover form {
    background-color: #FFF;
    border-radius: 1rem;
    padding: 1.5rem 1rem;
}

.cover .moral-value-choice {
    background-color: rgba(60, 55, 68, 0.05);
    margin: .5rem;
    border-radius: .5rem;
    /*padding: .5rem;*/
    float: left;
    width: 44%;
    height: 5rem;
    position: relative;
}

.cover .moral-value-choice label {
    width: 100%;
    border: none;
    border-radius: .5rem;
    height: 5rem;
    padding: .5rem;
    position: relative;
    font-family: Lato_normal, sans-serif;
}

.cover .moral-value-choice .label {
    margin: 0;
    font-size: 0.8rem;
    line-height: 1.125em;
    position: absolute;
    bottom: .5rem;
    left: 0.5rem;
    right: 0.5rem;
}

.cover .moral-value-choice .icon {
    position: absolute;
    left: 0.5rem;
    top: 0.5rem;
    margin: 0;
    /*display: none;*/
    background-color: transparent;
    background-size: contain;
    width: 1.75rem;
    height: 1.75rem;

}

.cover .moral-value-choice .check {
    width: 1.75rem;
    height: 1.75rem;
    border: 2px solid #3c3744;
    display: block;
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    border-radius: 100%;
    background-color: #FFF;
}

.cover .moral-value-choice label.selected {
    background-color: rgba(60, 55, 68, 0.05);
}

.cover .moral-value-choice label.disabled {
    opacity: .25;
}

.cover .moral-value-choice label.selected .label {
    color: #3c3744;
}

.cover .moral-value-choice label.selected .check {
    background-color: #00C853;
    border-color: #00C853;
}

.cover .moral-value-choice label.selected .check img {
    margin: 0.3rem 0 0 0.25rem;
}

.cover .featured li {
    float: left;
    margin-right: 1rem;
    margin-bottom: .5rem;
}

.cover .featured li a {
    display: block;
    position: relative;
    background-color: #FEFFFD;
    width: 3.125rem;
    height: 2.5rem;
    overflow: hidden;
    border-radius: 0.5rem;
}

.cover .featured li a img {
    width: 2.5rem;
    margin: 0 auto;
    display: block;
}

.cover .featured li.more {
    font-size: 3rem;
    color: #FFF;
}

/** end COVER STYLES **/

.intro {
    margin: 0 auto 4rem;
}

.intro p {
    line-height: 1.25rem;
}

h2 {
    font-size: 1.75rem;
    color: #3c3744;
    font-family: Lato_heavy, sans-serif;
    margin-bottom: 1.5rem;
    line-height: 1.15em;
}

h2 small {
    font-size: 1rem;
}

.inline-block h2 {
    margin-bottom: 1rem;
}

.subh2 {
    font-size: 1rem;
    margin-bottom: 2.5rem;
    line-height: 1.15em;
    display: block;
    color: #3c3744;
}

label {
    cursor: pointer;
    font-family: Lato_heavy, sans-serif;
    font-size: 0.875rem;
    color: #3c3744;
}

.form-group {
    margin-bottom: 1.5rem;
}

.form-group>label {
    text-transform: uppercase;
    color: #3c3744;
    font-size: 0.75rem;
    font-family: Lato_heavy, sans-serif;
}

section p {
    color: #3c3744;
    line-height: 1.1875rem;
}

section .delete-account {
    margin-top: 1em;
}

section .delete-account a {
    color: #aaa;
    display: block;
    text-align: center;
    max-width: 24rem;
    margin: 0 auto;
}

.disclaimer {
    color: #ccc;
    font-size: 0.75rem;
    font-family: Lato_heavy, sans-serif;
    padding: 3em 0 0;
}

/* Form elements */
.form-control {
    /*font-family: Lato_heavy, sans-serif;*/
    font-size: 1rem;
}

input.form-control,
textarea.form-control,
select.form-control {
    border-radius: 2em;
    border: 2px solid #3c3744;
    padding: 0.125rem 0.75rem;
}

textarea.form-control {
    border-radius: 1rem;
}

input::placeholder,
textarea::placeholder,
select::placeholder {
    text-transform: uppercase;
    color: #3c3744;
    font-size: 0.75rem;
    line-height: 1.625rem;
}

input#id_query::placeholder {
    text-transform: none;
}

select.form-control {
    display: block;
    font-size: 0.75rem;
    color: #444;
    text-transform: uppercase;
    line-height: 1em;
    /*padding: 0 1.4em 0 .8em;*/
    padding: 0 0.75rem;
    /*height: 2rem;*/
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    /*border: 1px solid #aaa;*/
    /*box-shadow: 0 1px 0 1px rgba(0,0,0,.04);*/
    /*border-radius: .5em;*/
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%233c3744%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
        linear-gradient(to bottom, #ffffff 0%, #fff 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}

select.form-control:hover {
    border-color: #888;
}

select.form-control:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222;
    outline: none;
}

select.form-control option {
    font-weight: normal;
}

/* / Form elements */

.keep-touch p {
    margin-bottom: 0;
}

.keep-touch input {
    /*box-shadow: 0 0 1rem rgba(60, 55, 68, 0.2);*/
    border: 2px solid rgb(157, 155, 161);
}

.keep-touch button {
    background-color: rgba(157, 155, 161, 1);
    color: #fefffd;
    padding: 0.375rem 1rem;
    position: absolute;
    top: 0;
    right: 0;
}

.promo-block {
    margin-bottom: 3rem;
    padding-top: 2rem;
}

#guide {
    /*display: none;*/
    /*padding-top: 1rem;*/
    margin-bottom: 4rem;
}

#guide section {
    margin: 0;
}

#guide .card-body {
    padding: 0;
}

#guide .card-title {
    font-size: 1.75rem;
    color: #00c853;
    font-family: "Rubik", Arial;
    font-weight: bold;
    margin: 0 0 1.75rem 0;
    padding-top: 0;

}

#guide .icon {
    /*text-align: center;*/
    float: left;
    margin-bottom: 1.5rem;
}


#guide .description {
    text-align: left;
    /*float: left;*/
    padding-top: 0.25rem;
    line-height: 1.1875rem;
    margin-left: 3.75rem;
}


#guide .btn {
    margin-top: 1.5rem
}

section.card {
    border-radius: 20px;
    padding: 0;
    border: none;
    margin: 2rem auto 5rem;
    position: relative;
}

section .card-body {
    padding: 1rem;
}

section.card .close {
    position: absolute;
    right: 0.875rem;
    top: 0.875rem;
    width: 1rem;
    height: 1rem;
    background: url("../img/close_me.svg") no-repeat center;
}

section.card h5.card-title {
    font-size: 1.375rem;
    /*font-family: Lato_bold, sans-serif;*/
    font-family: Rubik, sans-serif;
    font-weight: bold;
    padding-top: 0.25rem;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

p.card-text {
    margin-bottom: 0.75rem;
    text-align: center;
}

.card-title {
    margin-bottom: 0.5rem;
}

p.emoji-line {
    font-size: 1.375rem;
}

/*.card-body {padding: 0 0 0 2.75em;}*/

.criteria-form .criteria {
    border: 1px solid #eee;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 5px 10px;
}

.criteria-form .criteria:hover {
    background-color: #f8f8f8;
}

.criteria-form .criteria label {
    margin-bottom: 0;
    display: block;
}

.company {
    position: relative;
    display: block;
    width: 100%;
    border-radius: 10px;
    /*margin: 0 auto 0.625rem;*/
    max-width: 500px;
    margin-bottom: 0.625rem;
}

.companies-list {
    margin-bottom: 4rem;
}

/* Business sectors icons */
.business-sector .icon {
    display: inline-block;
    background-size: contain;
    width: 1em;
    height: 1em;
    /*margin-bottom: -0.063em;*/
    margin-bottom: -0.13em;
}

.business-sector-UT .icon {
    background-image: url("../img/sectors/UT.png");
}

.business-sector-SM .icon {
    background-image: url("../img/sectors/SM.png");
}

.business-sector-FD .icon {
    background-image: url("../img/sectors/FD.png");
}

.business-sector-AL .icon {
    background-image: url("../img/sectors/AL.png");
}

.business-sector-FT .icon {
    background-image: url("../img/sectors/FT.png");
}

.business-sector-BG .icon {
    background-image: url("../img/sectors/BG.png");
}

.business-sector-HP .icon {
    background-image: url("../img/sectors/HP.png");
}

.business-sector-KF .icon {
    background-image: url("../img/sectors/KF.png");
}

.business-sector-OT .icon {
    background-image: url("../img/sectors/OT.png");
}

.business-sector-SP .icon {
    background-image: url("../img/sectors/SP.png");
}

.business-sector-SS .icon {
    background-image: url("../img/sectors/SS.png");
}

.business-sector-EP .icon {
    background-image: url("../img/sectors/EP.png");
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: none;
}

.btn-outline-primary,
.btn-outline-secondary {
    border-radius: 2em;
    border: none;
    text-transform: uppercase;
    font-size: 0.75em;
    font-family: Lato_heavy, sans-serif;
    outline: none;
    padding: 0.4375rem 1rem;
}

.btn-outline-primary.btn-lg,
.btn-outline-secondary.btn-lg {
    font-size: 1.125em;
    padding-right: 1.5em;
    padding-left: 1.5em;
    position: relative;
}

.btn-outline-primary,
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus {
    background-color: #00c853;
    color: #fefffd;
    /*box-shadow: 0 0 16px 0 rgba(60, 55, 68, 0.2);*/
    border: none;
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    background-color: #00c853;
    color: #fefffd;
}

.btn-outline-primary.btn-danger {
    background-color: #dd2c00;
}

.btn-outline-secondary {
    font-size: 0.75rem;

}

.btn-outline-secondary,
.btn-outline-secondary:hover {
    background-color: rgba(60, 55, 68, 0.05);
    color: #3c3744;
}

.company-header .btn-outline-secondary,
.company-header .btn-outline-secondary:hover {
    background-color: #CCC;
}

.btn-outline-secondary.hover-dark:hover {
    background-color: #3c3744;
    color: #fff;
}

/*.btn-outline-secondary:hover {*/
/*background-color: #3C3744;*/
/*}*/

.btn-outline-secondary.dark,
.btn-outline-secondary.dark:hover {
    background-color: #3c3744;
    color: #fefffd;
    /*box-shadow: 0 0 16px 0 rgba(60, 55, 68, 0.2);*/
}

.btn-outline-secondary.blue,
.btn-outline-secondary.blue:hover {
    background-color: #12B0FB;
    color: #FFF;
    /*box-shadow: 0 0 16px 0 rgba(60, 55, 68, 0.2);*/
}

.btn.twitter,
.btn.facebook {
    padding-right: 3em;
    /*background: no-repeat right center;*/
    background-repeat: no-repeat;
    background-position: right 1em center;
    background-size: 1rem;
}

.btn.twitter {
    background-image: url("../img/icons/TwitterIcon.svg");
}

.btn.facebook {
    background-image: url("../img/icons/FacebookIcon.svg");
}

.menu-toggler {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.75em;
    width: 2em;
    height: 2em;
    padding: 1.25em;
    margin-top: 0.35em;
    float: right;
}

.menu-toggler:hover {
    padding: 1.25em;
}

.app-menu .modal-dialog {
    position: absolute;
    top: 0;
    right: 0;
    width: 33%;
    min-width: 255px;
    margin: 0 -1em 0 0;
}

.app-menu .search-link {
    display: none;
}

.no-auth .app-menu .search-link {
    display: block;
}

.app-menu .logout-form button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.5em 0;
    color: #3c3744;
    outline: none;
}

.modal-content {
    border: none;
    border-radius: 0.5rem;
}

.modal-content button.close {
    background: #eee;
    border-radius: 2em;
    width: 1.25em;
    height: 1.25em;
    line-height: 0;
    margin-top: 0.5em;
    margin-right: 0;
    position: relative;
    padding: 0;
}

.modal-header {
    border-bottom: none;
}

.modal-body {
    font-size: 1.125em;
}

.modal-body ul li.spacer {
    display: block;
    height: 1em;
}

.modal-body ul li a {
    display: block;
    padding: 0.5em 0;
    color: #3c3744;
}

.sectors-menu {
    display: none;
    box-shadow: 0 0 16px 0 rgba(60, 55, 68, 0.2);
    position: absolute;
    background-color: #fff;
    top: 2.5rem;
    left: -4rem;
    z-index: 1200;
    width: 16rem;
}

.sectors-menu .container {
    padding: 0;
}

.sectors-menu a {
    color: #3c3744;
    display: block;
    padding: 0.25rem 0;
}

.sectors-menu a:hover {
    color: #00c853;
}

.sectors-menu ul {
    margin-bottom: 0;
    padding: 1rem 0;
    font-size: 0.75rem;
    font-weight: bold;
    text-align: left;
}

a .link-all {
    margin-top: -1.25rem;
    margin-bottom: 2rem;
    color: #3c3744;
    display: block;
    font-size: 0.875rem;
}

a .link-all::after {
    content: "";
    display: inline-block;
    margin-left: 0.25rem;
    background: url("../img/icons/arrow.svg") no-repeat center;
    width: 1rem;
    height: 1rem;
    margin-bottom: -0.25rem;
}

/* .business-sector h2,
.all-companies h2 {} */

.company .rank {
    position: absolute;
    top: 0;
    left: 0;
    width: 104px;
    font-size: 1.125em;
    font-weight: bold;
    line-height: 64px;
    height: 64px;
    text-align: left;
    padding: 0 0 0 7px;
    background-color: #F1F1F2;
    color: #fff;
}

/*
.company .rank.gold {
    background-color: #FFD700;
}

.company .rank.silver {
    background-color: #C0C0C0;
}

.company .rank.bronze {
    background-color: #CD7F32;
}
*/

/*.scope-me .company .rank {*/
/*background-color: #00c853;*/
/*}*/

.company .logo {
    position: absolute;
    left: 24px;
    top: 0;
    width: 80px;
    height: 64px;
    background: #fff no-repeat center;
    background-size: contain;
    text-align: center;
}

.company .logo img {
    height: 100%;
    background-color: transparent;
    border-radius: 1rem;
}

.companies-list .company .logo,
.companies-list .company .rank,
.companies-list .company .artwork {
    border-radius: 14px;
}

.company.not-published {
    background-color: #EEE;
}

.companies-list .company .artwork {
    display: block;
    box-shadow: 0 0 20px #ccc;
    transition: box-shadow .2s;
}

.companies-list .company .artwork:hover {
    box-shadow: 0 0 5px #DDD;
}

.companies-list .company .rank,
.companies-list .company .artwork {
    width: 104px;
    height: 64px;
    font-family: Rubik, sans-serif;
    font-weight: bold;
}

.companies-list .company.rank-high .rank {
    font-size: 0.75em;
}

.companies-list .company .description {
    position: absolute;
    display: block;
    top: 0;
    left: 7.25rem;
    padding-right: 3.125em;
}

.companies-list .company .moralscore-plus svg {
    width: 2rem;
    height: 2rem;
    margin-top: -0.75rem;
    margin-bottom: -0.65rem;
    margin-left: 0.5rem;
}



.companies-list .company.unrated .main-values {
    display: none;
}

.companies-list a .company .description {
    color: #333;
    padding-top: 0.25rem;
    text-align: left;
}

.companies-list .company .description .name {
    font-size: 1.125em;
    font-family: Rubik, sans-serif;
    font-weight: 700;
    line-height: 1.25em;
    margin-bottom: 0.125rem;
    max-height: 2.5rem;
    overflow: hidden;
}

.companies-list .company.no-reputation .description .name {
    margin-top: 1.25rem;
}

.companies-list .company .description .sector {
    margin-bottom: 0;
    display: none;
}

.search .companies-list .company .description .sector,
.tag-page .companies-list .company .description .sector,
.all-companies .companies-list .company .description .sector,
.quizz .companies-list .company .description .sector {
    display: block;
}

.all-companies .companies-list .company .main-values,
.quizz.public .companies-list .company .description .main-values,
.quizz.dashboard .companies-list .company .description .main-values {
    display: none;
}

.tag-page .companies-list .company,
.all-companies .companies-list .company,
.quizz .companies-list .company {
    margin-bottom: 1.5rem;
}

/*.home .all-companies .companies-list .company .description .sector {*/
/*display: none;*/
/*}*/

.companies-list .company .description .name a,
.companies-list .company .description p a {
    color: #3c3744;
}

.companies-list .company .description p {
    font-size: 0.8em;
    margin-top: 0.25rem;
    line-height: 1.25em;
}


.companies-list .company .description .icon img {
    max-width: 1rem;
    max-height: 1rem;
}

.companies-list .company .description .star {
    display: block;
    float: left;
    margin-top: 1px;
    margin-right: 0.5em;
}

.companies-list .company .rating {
    position: absolute;
    display: block;
    right: 0.375rem;
    top: 10px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #3c3744;
    color: #fff;
    border-radius: 100%;
    font-size: 1.25em;
    padding: 0;
    text-align: center;
    font-family: Rubik, sans-serif;
    /*box-shadow: 0 0 1rem rgba(60, 55, 68, 0.2);*/
    margin-right: 0;
}

.companies-list .company.paid .rating {
    border: 2px solid #3C3744;
    line-height: 36px;
}

.companies-list .company.paid .rating svg {
    width: .75rem;
    height: .75rem;
    position: absolute;
    right: -.15rem;
    top: -.25rem;
}

.company .link-to-company {
    display: none;
}

/* Comments feed */

.comments-feed .companies-list .company .description {
    top: -2.5rem;
}

.comments-feed .companies-list li {
    padding: 3rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.comments-feed .companies-list li:last-child {
    border-bottom: none;
}

.comments-feed .companies-list .reputation-comment hr {
    display: none;
}

.comments-feed .companies-list .posted-at {
    font-size: 0.75rem;
    color: #7D7C7E;
    margin-bottom: 2rem;
}

.comments-feed .companies-list .reputation,
.comments-feed .companies-list .rating {
    display: none;
}

.comments-feed .companies-list .company .link-to-company {
    display: block;
    color: #3c3744;
    font-size: 0.875rem;
    padding-top: 0.25rem;

}

.comments-feed .companies-list .company .link-to-company::after {
    content: "→";
    display: inline-block;
    margin-left: 0.5rem;
}

.comments-feed .reputation-comment .name {
    margin-top: 1rem;
    margin-bottom: 0;

}

.comments-feed .reputation-comment .view-more {
    font-size: 0.875rem;
    color: #999;
    cursor: pointer;
}

.home .comments-feed {
    overflow: hidden;
    position: relative;
    padding-bottom: 2rem;
}

.home .comments-feed .companies-list .company .description {
    top: 0;
}

.home .comments-feed .companies-list .company {
    margin-left: 1.75rem;
}


.home .comments-feed .carousel-control-next-icon {
    background-color: black;
}

.home .comments-feed .carousel-control-prev-icon {
    background-color: black;
}

.home .comments-feed .companies-list {
    margin-bottom: 1rem;
}

/* End comments feed */



.company .rank {
    background-position: .5rem 1.5rem;
    background-repeat: no-repeat;
}

.company.lvl-zero-very_high .rank {
    background-image: url("../img/levels/very_high.svg");
}

.company.lvl-zero-very_high .rank,
.company.lvl-zero-very_high .rating,
.company-page .rating.lvl-very_high,
.gauge-container.very_high,
.gauge-container.very_high::before {
    background-color: #00C853;
}

.company.lvl-zero-high .rank {
    background-image: url("../img/levels/high.svg");
}

.company.lvl-zero-high .rank,
.company.lvl-zero-high .rating,
.company-page .rating.lvl-high,
.gauge-container.high,
.gauge-container.high::before {
    background-color: #D5E630;
}

.company.lvl-zero-average .rank {
    background-image: url("../img/levels/average.svg");
}

.company.lvl-zero-average .rank,
.company.lvl-zero-average .rating,
.company-page .rating.lvl-average,
.gauge-container.average,
.gauge-container.average::before {
    background-color: #E89005;
}

.company.lvl-zero-low .rank {
    background-image: url("../img/levels/bad.svg");
}

.company.lvl-zero-low .rank,
.company.lvl-zero-low .rating,
.company-page .rating.lvl-low,
.gauge-container.low,
.gauge-container.low::before {
    background-color: #DD2C00;
}

.company.lvl-zero-very_low .rank {
    background-image: url("../img/levels/very_bad.svg");
    background-position: 0.375rem 1.5625rem;
}

.company.lvl-zero-very_low .rank,
.company.lvl-zero-very_low .rating,
.company-page .rating.lvl-very_low,
.gauge-container.very_low,
.gauge-container.very_low::before {
    background-color: #000;
}


.star-wrapper {
    display: inline-block;
    width: 125px;
    height: 25px;
    position: relative;
    background-color: #E9E9EA;
}

.star-wrapper .gauge {
    background-color: #FFBD00;
    height: 25px;
    position: absolute;
    top: 0;
    left: 0;
}

.star-wrapper .stars {
    position: absolute;
    top: 0;
    left: 0
}

.star-wrapper .score {
    display: block;
    position: absolute;
    top: .25rem;
    right: -35px;
    font-weight: bold;
    color: #FFBD00;
}

.company-page .reputation-rating {
    border: 1px solid #E9E9EA;
    display: block;
    width: 12rem;
    padding: 1rem;
    border-radius: .5rem;
    margin: 0;
    margin-bottom: .75rem;
    position: relative;
}

.company-page .reputation-rating .prefix {
    position: absolute;
    top: -.5rem;
    left: .5rem;
    font-size: .5rem;
    text-transform: uppercase;
    display: inline-block;
    background-color: #FFF;
    padding: 0 .5rem;
    color: #999;
    font-weight: bold;
}

.company-page .reputation {
    border: 1px solid #E9E9EA;
    display: inline-block;
    padding: 1rem;
    border-radius: .5rem;
    margin-bottom: 2rem;
}

.company-page .company .reputation {
    border: none;
    padding: 0;
    margin-bottom: 0;
}

.company-page .reputation .star-wrapper {
    float: left;
}

.company-page .reputation .prefix {
    display: block;
    float: left;
    line-height: 1.5625rem;
    font-weight: bold;
    padding-right: .5rem;
}

.company-page .reputation .suffix {
    display: inline-block;
    line-height: 1.5625rem;
    padding-left: .5rem;
    color: #FFBD00;
}

.company-page .reputation .suffix a {
    color: #FFBD00;
}

.company-page .reputation-comment .name {
    font-weight: bold;
    margin-bottom: .5rem;
}

.company-page .reputation-comment {
    margin-bottom: 1.5rem;
}

.reputation-comment hr {
    margin-top: 2rem;
}

.reputation-comment .member-since {
    line-height: 1.75rem;
    font-size: 0.75rem;
    color: #7D7C7E;
    margin-bottom: .5rem;
}

.reputation-comment .generated-summary {
    display: block;
    font-size: 0.625rem;
    line-height: 1.75rem;
    color: #3C3744;
    margin-bottom: 1rem;
}

.reputation-comment .comment {
    line-height: 1.75rem;
    margin-bottom: .5rem;
    padding-top: 1rem;
}

.reputation-comment .badge-letter {
    text-transform: capitalize;
    display: inline-block;
    background-color: #FFF;
    padding: .4em;
    border: 1px solid #CCC;
    border-radius: 100%;
    width: 2rem;
    height: 2rem;
    text-align: center;
    font-weight: bold;
    margin-right: .5rem;
    box-shadow: 0px 0px 1rem #DDD;

}



.company-page .notice {
    color: #9D9BA1;
    line-height: 1.3rem;
    margin-top: .5rem;
    margin-bottom: 2.5rem;
}

.company-page .modal .notice {
    font-size: 0.75rem;
    margin-top: 2rem;
}

.company-page .modal .disclaimer {
    font-size: 0.875rem;
    margin: 1rem 0;
    font-weight: bold;
    color: #3C3744;
    padding: 1rem 0;
}

.company-page .modal h3 {
    margin: 1rem 0 0 1rem;
    font-family: Rubik, sans-serif;
    font-weight: bold;
}

.company-page .modal .form-group>label {
    text-transform: none;
    font-size: 1rem;
}

.company-page .modal input::placeholder,
.company-page .modal textarea::placeholder,
.company-page .modal select::placeholder {
    text-transform: none;
    font-size: 1rem;
}

.company-page .modal p.thankyou-text {
    font-weight: bold;
    font-size: 1rem;
    line-height: 1.3125rem;
    margin: 1rem 0 2rem;
}

.company-page .reputation-contribute {
    padding: .5rem;
    margin: 3.125rem auto;
    box-shadow: 0 0 16px 0 rgba(60, 55, 68, 0.35);
}

.modal-login h5.card-title {
    font-family: Lato_normal, sans-serif;
    font-size: 1.25rem;
}

.modal-login p.card-title {
    font-size: 1.25rem;
}

.modal-login p.card-text {
    font-size: 0.875rem;
    margin-bottom: 2.75rem;
}


/* Raty */

.cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png {
    font-size: 2em;
}

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

.cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: "raty";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
}

.star-on-png {
    color: #FFBD00
}

.star-off-png {
    color: #CCC
}

.cancel-on-png:before {
    content: "\e600";
}

.cancel-off-png:before {
    content: "\e601";
}

.star-on-png:before {
    content: "\f005";
}

.star-off-png:before {
    content: "\f006";
}

.star-half-png:before {
    content: "\f123";
}

/* End raty */



.scope-me .company.lvl-user-very_high .rank {
    background-image: url("../img/levels/very_high.svg");
}

.scope-me .company.lvl-user-very_high .rank,
.scope-me .company.lvl-user-very_high .rating {
    background-color: #00C853;
}

.scope-me .company.lvl-user-high .rank {
    background-image: url("../img/levels/high.svg");
}

.scope-me .company.lvl-user-high .rank,
.scope-me .company.lvl-user-high .rating {
    background-color: #D5E630;
}

.scope-me .company.lvl-user-average .rank {
    background-image: url("../img/levels/average.svg");
}

.scope-me .company.lvl-user-average .rank,
.scope-me .company.lvl-user-average .rating {
    background-color: #E89005;
}

.scope-me .company.lvl-user-low .rank {
    background-image: url("../img/levels/bad.svg");
}

.scope-me .company.lvl-user-low .rank,
.scope-me .company.lvl-user-low .rating {
    background-color: #DD2C00;
}

.scope-me .company.lvl-user-vey_low .rank {
    background-image: url("../img/levels/very_bad.svg");
}

.scope-me .company.lvl-user-very_low .rank,
.scope-me .company.lvl-user-very_low .rating {
    background-color: #000;
}

.companies-list .company .rating .all {
    display: inline-block;
}

.companies-list .company .rating .me {
    display: none;
}

/*.scope-me .company .rating {*/
/*background-color: #00c853;*/
/*}*/

.scope-me .company .rating .all {
    display: none;
}

.scope-me .company .rating .me {
    display: inline-block;
}

.companies-list .company .trend {
    position: absolute;
    right: 0;
    bottom: 0.25rem;
    text-indent: -999em;
    width: 1.3125rem;
    height: 1.3125rem;
}

.trend.up {
    background-image: url("../img/trends/up.svg");
}

.trend.up {
    background-image: url("../img/trends/up.svg");
}

.trend.down {
    background-image: url("../img/trends/down.svg");
}

.trend.equal {
    background-image: url("../img/trends/equal.svg");
}

/***********
Domain filter
************/
.domain-filter {
    /*display: flex;*/
    /*justify-content: space-between;*/
    /*flex-flow: row;*/
    height: 5.25rem;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    /*line-height: 3rem;*/
    margin-bottom: 1rem;
    position: relative;
    margin-top: 2.5rem;

}

.domain-filter ul {
    display: table;
    margin: 0 auto;
    width: auto;
}

.domain-filter li {
    display: inline-block;
}

.domain-filter li a {
    display: table;
    width: 6.1rem;
    height: 4.25rem;
    color: #3C3744;
    border: 2px solid #FFF;
    border-radius: .75rem;
    padding: .5rem;
    margin: 0 .15rem;
    font-size: 0.85rem;
    font-weight: bold;
    background-color: #F1F1F2;
    text-align: center;
    white-space: normal;
}

.domain-filter li.active a {
    border-color: #3C3744;
    font-family: "Lato_heavy", sans-serif;
}

.domain-filter li a span {
    display: table-cell;
    vertical-align: middle;
}

.domain-filter li:first-child a {
    margin-left: 0;
}

/***********
Sector Detail
************/
.sector-detail h6,
.all-companies h6,
.tag-page h6,
.quizz h6 {
    font-size: 0.8125rem;
    line-height: 2rem;
    position: relative;
    font-family: Rubik, sans-serif;
    font-weight: normal;
    margin-bottom: 1rem;
}

.sector-detail h6 span,
.all-companies h6 span {
    font-weight: 500;
}

.sector-detail .companies-list,
.quizz .companies-list {
    margin-bottom: 2rem;
}

/***********
Company page
************/

.company-page .company-header .back {
    margin-bottom: 1rem;
}

.company-page .company-header .artwork {
    background: no-repeat center;
    background-size: contain;
    height: 12em;
    margin: -0 -1rem;
    text-align: center;
}

.company-page .company-header .artwork img {
    height: 100%;
}

.company-page .company-name {
    margin-top: 1.5rem;
    line-height: 2em;
}

.company-page .company-name .name {
    display: inline-block;
    padding: 0 0.5rem 0 0.65rem;
}

.company-page .rating {
    display: inline-block;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    padding: 0;
    width: 3.5rem;
    height: 3.5rem;
    font-size: 1.75rem;
    font-weight: bold;
    line-height: 2.1em;
    text-align: center;
    border-radius: 100%;
    /*background-color: #3c3744;*/
    color: #fff;
    /*box-shadow: 0 0 1rem rgba(60, 55, 68, 0.2);*/
    position: relative;
    font-family: Lato_heavy, sans-serif;
}

.company-page.paid .rating {
    border: 2px solid #3C3744;
    line-height: 3rem;
}

.company-page.paid .rating svg {
    width: .75rem;
    height: .75rem;
    position: absolute;
    right: 0;
    top: 0;
}

.company-page .trend {
    position: absolute;
    right: -0.25rem;
    bottom: -0.25rem;
    width: 1.3125rem;
    height: 1.3125rem;
}

.company-page h2 {
    margin-bottom: 1rem;
}

.company-page h4 {
    font-family: Rubik, sans-serif;
    font-weight: 500;
    font-size: 1rem;
    color: #3c3744;
    margin-top: -0.25em;
    margin-bottom: 0.75em;
}

.company-page h4 a {
    color: #3c3744;
}

.company-page h4 .ranking {
    display: inline-block;
    margin-left: 1rem;
}

.company-page h5 {
    font-family: Lato_normal, sans-serif;
    font-size: 1rem;
    color: #3c3744;
    margin: 0 auto 1rem;
    max-width: 34rem;
}

.company-page h6 {
    font-family: Lato_normal, sans-serif;
    font-size: 1.375rem;
    margin-bottom: 2rem;
}

.company-page .moralscore-plus {
    font-size: 0.875rem;
    margin-bottom: 2rem;
}

.company-page .moralscore-plus svg {
    width: 2rem;
    height: 2rem;
    margin-bottom: -0.75rem;
}

.company-page .unrated-block {
    color: #FF6400;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5em;
}

.company-page .unrated-block a {
    color: #FF6400;
    text-decoration: underline;
}

.company-page .rse-block,
.company-page .moralscore-block,
.company-page .reputation-block {
    padding-top: 5rem;
}

.company-page .rse-block {
    display: none;
}

.company-page .reputation-block {
    margin-bottom: 3.125rem;
}

.company-page .moralscore-block .claim {
    margin: 1rem auto;
}

.company-page .moralscore-block .claim button {
    text-wrap: initial;
    display: block;
    font-family: Montserrat_regular, sans-serif;
}

.company-page .moralscore-block .claim b {
    font-family: Montserrat_bold, sans-serif;
}

.company-page .moralscore-block .claim-already,
.company-page .moralscore-block .claim-pending {
    margin-top: 2rem;
}

.company-page .rating-block {
    display: block;
    border: 1px solid #E9E9EA;
    border-radius: 0.5rem;
    padding: 0.5rem;
    overflow: hidden;
    line-height: 3.5rem;
    ;
}

.company-page .rating-block .name {
    font-size: 1.25rem;
    font-family: Lato_heavy, sans-serif;
    display: block;
    float: left;
}

.company-page .rating-block .rating {
    float: right;
}



.company-page .rse-block .cta-link {
    display: block;
    background-color: #3C3744;
    color: #FFF;
    font-size: 0.75rem;
    border-radius: .5rem;
    line-height: 1.125rem;
    padding: .5rem 1rem;
    margin-top: 1.5rem;

}


.company-page .internal-nav a {
    display: inline-block;
    width: 33.33333333333333%;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    padding: 1rem 0;
    color: #3C3744;

}

.company-page .internal-nav a:hover {
    text-decoration: underline;
}

.company-page .internal-nav a:nth-child(2) {
    border: 1px solid #DDD;
    border-top: none;
    border-bottom: none;
}


.company-page .main-values {
    padding-bottom: 1.5rem;
    display: none;
}

.company-page .score-badge {
    font-family: Rubik, sans-serif;
    font-weight: bold;
    display: block;
    position: absolute;
    right: 0;
    top: -0.55rem;
    font-size: 1.375rem;
    width: 2.25rem;
    height: 2.25rem;
    border: 1px solid #3c3744;
    border-radius: 100%;
    text-align: center;
    line-height: 2.1rem;
    color: #3c3744;
}

.company-page .score-list {
    margin-top: 4rem;
}

.company-page .score-list li {
    margin-bottom: 0.75em;
}

.company-page .score-list .score {
    position: relative;
    margin-bottom: 2rem;
}

.company-page .score-list .score .score-badge {
    float: right;
}

.company-page .score-list .score .name {
    font-size: 1.125rem;
    cursor: pointer;
    margin: 0 2.5rem 0 2rem;
}

.company-page .score-list .score .description {
    margin-left: 2rem;
    margin-right: 2.5rem;
    font-size: 0.75rem;
}

.company-page .score-list .score .description span {
    display: block;
    padding-bottom: .5rem;
}

.company-page .score-list .icon {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: #3c3744;
    border-radius: 100%;
    float: left;
    margin-top: -0.25rem;
    margin-right: 0.5rem;
}

.company-page .error-reporting {
    font-size: 0.75rem;
    padding-top: 1rem;
}

.company-page .error-reporting a {
    color: rgba(60, 55, 68, 0.5);
}

.caret-bottom {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: url("../img/chevron.svg") no-repeat center 0.5rem;
}

.caret-close {
    width: 1rem;
    height: 1rem;
    background: url("../img/cross.svg") no-repeat center 0.25rem;
    float: right;
}

.company-page .score-list .name .caret-close {
    margin-right: 3rem;
    position: relative;
    z-index: -10;
}

.company-page .score-list .name .caret-bottom {
    z-index: -10;
    position: relative;
}

.company-page .score-list .description {
    display: none;
}

.company-page .score-list .expand .description {
    display: block;
    padding-top: 0.75rem;
}

.company-page .score-list .expand .description .source-link {
    display: inline-block;
    color: rgba(60, 55, 68, 0.5);
    text-decoration: underline;
}

.company-page .score-list .name .caret-close {
    display: none;
}

.company-page .score-list .expand .name .caret-close {
    display: inline-block;
}

.company-page .score-list .name .caret-bottom {
    display: inline-block;
}

.company-page .score-list .expand .name .caret-bottom {
    display: none;
}

/*-----*/

.company-page .score-list .score-header {
    padding: 0;
    line-height: 2.5em;
    /*margin-bottom: 0.75em;*/
    position: relative;
    height: 2.25rem;
}

/*.company-page .score-list .best .icon {*/
/*background-color: #ffd700;*/
/*}*/

.company-page .score-list .score-header .name {
    font-size: 1.125rem;
    line-height: 1.35rem;
    margin-left: 0.375em;
    margin-bottom: 0.5rem;
    color: #3c3744;
    display: block;
    /*padding-right: 2.25rem;*/
    /*position: absolute;*/
    /*left:1.5rem;*/
    /*top:0.675rem;*/
    float: left;
    max-width: 81%;
    width: 81%;
    padding-top: 0.6rem;
    position: relative;
    z-index: 99;
}

.company-page .score-list .score-header .name .oi {
    display: none;
}

.company-page .score-list .score-header .name.collapsed .oi {
    display: inline-block;
    opacity: 0.2;
}

.company-page .score-list .score-header .score-zero {
    display: block;
}

.company-page .score-list .score-header .score-user {
    display: none;
}

.company-page .score-list .score-header .score-user-grade {
    display: none;
}

.company-page .score-list.me .score-header .score-user-grade {
    display: block;
}

.company-page .score-list.me .score-header .score-zero-grade {
    display: none;
}

.company-page .score-list .description .oi {
    position: absolute;
    right: 2.75rem;
    top: -1.5rem;
    opacity: 0.2;
}

.company-page .score-list .description p {
    /* float: left; */
}

.company-page.unrated .rating {
    display: none;
}

.company-page.unrated .ranking {
    display: none;
}

.company-page.unrated .main-values {
    display: none;
}


/* Company tag block */
.company-tags {
    padding-left: 1rem;
}

.company-tags .name {
    font-weight: bold;
    display: block;
    margin-bottom: 1rem;
}

.company-tags .description {
    font-size: 0.875rem;
}

.company-tags a .link-all {
    margin-top: 1rem;
    margin-bottom: 0;
    font-family: 'Lato_bold', sans-serif;
    background-position: 11rem center;
}

/* Company information block */
.company-info {
    margin-bottom: 2rem;
}

/*.company-info dl {*/
/*margin-bottom: 4rem;*/
/*}*/

/*.company-info .col-left dl {*/
/*margin-bottom: 0;*/
/*}*/

/*.company-info dl dt {*/
/*font-weight: normal;*/
/*text-indent: 1rem;*/
/*margin-right: 1rem;*/
/*}*/

/*.company-info dl dd {*/
/*font-weight: bold;*/
/*float: right;*/
/*}*/

.company-info dl {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    width: 100%;
    /* set the container width*/
    overflow: visible;
    font-size: 0.875rem;
    margin-left: 1rem;
    margin-bottom: 0;
}

.company-info dl dt {
    flex: 0 0 50%;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 1rem;
}

.company-info dl dd {
    margin-left: auto;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    flex: 0 0 50%
}

.news-source-wrap {
    padding-bottom: 4rem;
}

.news-sources li {
    margin-bottom: 1rem;
    margin-left: 1rem;
}

.news-sources li a {
    color: #3c3744;
}

.news-sources li a span {
    display: block;
}

.news-sources li a .title {
    font-size: 0.875rem;
    font-weight: bold;
}

.news-sources li a .source {
    color: #3c3744;
    opacity: 0.5;
    font-size: 0.75em;
}

/* Sector detail page */
.sector-header,
.title-header {
    /*padding-bottom: 1.5rem;*/
    margin-bottom: 2rem;
}

.title-header small {
    display: block;
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
}

.sector-header h3,
.title-header h3 {
    margin-bottom: 2rem;
}

.sector-header h1 a.domain-link {
    font-size: 1rem;
    display: block;
    margin-bottom: 1rem;
}


.profile .title-header,
.quizz.dashboard .title-header,
.quizz.start .title-header,
.quizz.step .title-header,
.quizz.end .title-header {
    background-color: rgba(60, 55, 68, 0.05);
    padding: 1rem 1.25rem;
}

.profile .title-header h1 {
    margin-top: 1.5rem;
}

.profile .title-header p {
    margin-top: -1.5rem;
    padding-bottom: 1rem;
}

.profile .title-header h6 {
    margin: -1.5rem auto 2rem;
    max-width: 30rem;
}

/* Progress bar */
.p-bar {
    position: relative;
    margin: 1.5rem 0 0.5rem 0;
    width: 16rem;
}

.p-bar .line {
    float: left;
    width: 4rem;
    height: 3px;
    border-radius: 2px;
    background-color: #CCC;
    margin: 0.9375rem 0.5rem 0 0.5rem;
}

.p-bar .step {
    position: relative;
    float: left;
    width: 2rem;
    height: 2rem;
    border: 3px solid #CCC;
    border-radius: 100%;
    cursor: default;
    transform: scale(.75);
}

.p-bar .step span {
    display: none;
    position: relative;
    width: 1em;
    margin: .25rem auto;
}

.p-bar .step.active {
    background-color: #00C853;
    border-color: #00C853;
}

.p-bar .step.completed,
.p-bar .line.completed {
    background-color: #00C853;
    border-color: #00C853;
}

.p-bar .step.completed {
    cursor: pointer;
}

.p-bar .step.completed span {
    display: block;
}

/* Load bar */
#load-button {
    background-color: rgba(0, 200, 83, 0.5);
    position: relative;
    overflow: hidden;
    cursor: default;
}

.load-bar {
    background-color: rgb(0, 200, 83);
    height: 2.5625rem;
    position: absolute;
    z-index: -1;
    left: 0;
    width: 0;
    top: 0;
    border-radius: 2rem;
}

/* Custom value */

.custom_values_form .form-control {
    border: none;
    margin-bottom: 2.5em;
    padding: 0;
}

.custom_values_form h6 {
    padding-bottom: 1rem;
    color: #3c3744;
    width: 19rem;
    margin: 0 auto;
    font-family: Lato, sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.4rem;
}

.custom_values_form .choices {
    position: relative;
    width: 19rem;
    margin: 0 auto;
    padding-bottom: 5em;
}

.custom_values_form .choices label {
    display: block;
    border: 2px solid #3c3744;
    text-indent: -999em;
    width: 2em;
    height: 2em;
    border-radius: 100%;
    float: left;
    margin: 0 0.65em;
}

.custom_values_form .choices label:hover {
    /*border: 1px solid #666;*/
    background-color: #eee;
}

.custom_values_form .choices label.selected {
    background-color: #00c853;
    border-color: #00c853;
}

.custom_values_form .choices label.val-1,
.custom_values_form .choices label.val-6 {
    width: 3em;
    height: 3em;
}

.custom_values_form .choices label.val-2,
.custom_values_form .choices label.val-5 {
    width: 2em;
    height: 2em;
    margin-top: 0.5em;
}

.custom_values_form .choices label.val-3,
.custom_values_form .choices label.val-4 {
    width: 1.5em;
    height: 1.5em;
    margin-top: 0.75em;
}

.custom_values_form .choices label.val-4 {
    margin-right: 1.5em;
}

.custom_values_form .choices label.val-4::before {
    display: block;
    position: absolute;
    width: 0.125rem;
    height: 1rem;
    background-color: #999;
    content: "";
    left: 10.85em;
    top: 0.95em;
    border-radius: 0;
    cursor: default;
}

.custom_values_form .choices .range {
    position: absolute;
    top: 3.5em;
    max-width: 45%;
    line-height: 1.15em;
    color: #3c3744;
    font-family: Lato_heavy, sans-serif;
    font-size: 0.875rem;
}

.custom_values_form .choices .range.min_help_text {
    left: 0;
    text-align: left;
}

.custom_values_form .choices .range.max_help_text {
    right: 0;
    text-align: right;
}

/* Misc page */
#id_gender,
#id_birthyear_range {
    -moz-column-count: 3;
    -moz-column-gap: 1rem;
    -webkit-column-count: 3;
    -webkit-column-gap: 1rem;
    column-count: 3;
    column-gap: 1rem;
    line-height: 1.25rem;
}

/* AddThis buttons */

/* .addthis_inline_share_toolbox {
    margin-bottom: 0.5rem;
}

.addthis_inline_follow_toolbox {
    width: 9rem;
    margin: 0 auto;
} */

.quizz .share-box {
    display: none;

}

.share-link input {
    border: 1px solid #333;
    border-radius: 1rem;
    width: 100%;
    padding: .5rem;
    text-align: center;
    margin-top: 1rem;
}


.graph-profile {
    width: 100%;
    height: 20rem;
    margin: -2rem auto 0;
}

/* Compare block on profile page */
.compare {
    margin-bottom: 1rem;
}

/* Invitation block on profile page */
.invite {
    padding: 0 1rem 0.5rem;
    margin-bottom: 0.5rem;
}

#invite-form {
    display: none;
}

#invite-form textarea {
    height: 19rem;
}

.alert {
    margin-bottom: 2rem;
}

/* Comparison block on profile page */
#compare-form {
    position: relative;
    display: none;
}

#compare-form .btn {
    position: absolute;
    right: 0;
    top: 0;
}

.no-comparison-found {
    margin-bottom: 2rem;
    position: relative;
}

/* Moral values icons */
.moral-value-CORP .icon {
    background-image: url("../img/moral_values/CORP.svg");
}

.cover .moral-value-CORP .icon {
    background-image: url("../img/moral_values/cover/CORP.svg");
}

.moral-value-COMM .icon {
    background-image: url("../img/moral_values/COMM.svg");
}

.cover .moral-value-COMM .icon {
    background-image: url("../img/moral_values/cover/COMM.svg");
}

.moral-value-COMP .icon {
    background-image: url("../img/moral_values/COMP.svg");
}

.cover .moral-value-COMP .icon {
    background-image: url("../img/moral_values/cover/COMP.svg");
}

.moral-value-EQUI .icon {
    background-image: url("../img/moral_values/EQUI.svg");
}

.cover .moral-value-EQUI .icon {
    background-image: url("../img/moral_values/cover/EQUI.svg");
}

.moral-value-INNO .icon {
    background-image: url("../img/moral_values/INNO.svg");
}

.cover .moral-value-INNO .icon {
    background-image: url("../img/moral_values/cover/INNO.svg");
}

.moral-value-JUST .icon {
    background-image: url("../img/moral_values/JUST.svg");
}

.cover .moral-value-JUST .icon {
    background-image: url("../img/moral_values/cover/JUST.svg");
}

.moral-value-PRCE .icon {
    background-image: url("../img/moral_values/PRCE.svg");
}

/*.cover .moral-value-PRCE .icon {*/
/*background-image: url("../img/moral_values/cover/PRCE.svg");*/
/*}*/

.moral-value-PRIV .icon {
    background-image: url("../img/moral_values/PRIV.svg");
}

.cover .moral-value-PRIV .icon {
    background-image: url("../img/moral_values/cover/PRIV.svg");
}

.moral-value-QOS .icon {
    background-image: url("../img/moral_values/QOS.svg");
}

/*.cover .moral-value-QOS .icon {*/
/*background-image: url("../img/moral_values/cover/QOS.svg");*/
/*}*/

.moral-value-TECH .icon {
    background-image: url("../img/moral_values/TECH.svg");
}

.cover .moral-value-TECH .icon {
    background-image: url("../img/moral_values/cover/TECH.svg");
}


.moral-value-SDG1 .icon {
    background-image: url('../img/moral_values/SDG1.svg');
}

.moral-value-SDG2 .icon {
    background-image: url('../img/moral_values/SDG2.svg');
}

.moral-value-SDG3 .icon {
    background-image: url('../img/moral_values/SDG3.svg');
}

.moral-value-SDG4 .icon {
    background-image: url('../img/moral_values/SDG4.svg');
}

.moral-value-SDG5 .icon {
    background-image: url('../img/moral_values/SDG5.svg');
}

.moral-value-SDG6 .icon {
    background-image: url('../img/moral_values/SDG6.svg');
}

.moral-value-SDG7 .icon {
    background-image: url('../img/moral_values/SDG7.svg');
}

.moral-value-SDG8 .icon {
    background-image: url('../img/moral_values/SDG8.svg');
}

.moral-value-SDG9 .icon {
    background-image: url('../img/moral_values/SDG9.svg');
}

.moral-value-SDG10 .icon {
    background-image: url('../img/moral_values/SDG10.svg');
}

.moral-value-SDG11 .icon {
    background-image: url('../img/moral_values/SDG11.svg');
}

.moral-value-SDG12 .icon {
    background-image: url('../img/moral_values/SDG12.svg');
}

.moral-value-SDG13 .icon {
    background-image: url('../img/moral_values/SDG13.svg');
}

.moral-value-SDG14 .icon {
    background-image: url('../img/moral_values/SDG14.svg');
}

.moral-value-SDG15 .icon {
    background-image: url('../img/moral_values/SDG15.svg');
}

.moral-value-SDG16 .icon {
    background-image: url('../img/moral_values/SDG16.svg');
}

.moral-value-SDG17 .icon {
    background-image: url('../img/moral_values/SDG17.svg');
}


.moral-value-list li .icon {
    display: block;
    width: 1.5em;
    height: 1.5em;
    border-radius: 100%;
    background-color: #333;
    float: left;
}

.moral-value-list li h5,
.moral-value-list li p {
    margin-left: 2rem;
}

/* Scope Switcher */
.switch-wrapper {
    background-color: #f5f5f5;
}

.scope {
    display: none;
    background-color: #f5f5f5;
    text-align: center;
    /*padding: 1rem 0 2rem;*/
    padding: 1rem 0;
    /*margin: 0 -15px 2.5rem -15px;*/
}


/*.home .scope {background-color: #FFF;}*/

.company-page .scope {
    padding: 1rem 0;
}

.scope .scope-group {
    border: 1px solid rgba(60, 55, 68, 0.1);
    background-color: rgba(60, 55, 68, 0.05);
    border-radius: 2em;
    display: inline-block;
    font-size: 1rem;
    text-transform: uppercase;
}

.scope .scope-group button,
.scope .scope-group .toggle {
    color: #3c3744;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 2em;
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    text-transform: uppercase;
    font-size: 0.75rem;
    font-family: Lato_heavy, sans-serif;
}

.scope.me .scope-group button#all-toggle,
.scope.all .scope-group button#me-toggle,
.scope.me .scope-group a#all-toggle,
.scope.all .scope-group a#me-toggle {
    border: 1px solid transparent;
    color: #8a888e;
}

.scope.me .scope-group button#me-toggle,
.scope.me .scope-group a#me-toggle {
    background-color: #fff;
    border: 1px solid #00c853;
    color: #00c853;
}

.scope.all .scope-group button#all-toggle,
.scope.all .scope-group a#all-toggle {
    background-color: #fff;
    border: 1px solid #3c3744;
    color: #3c3744;
}

.scope .average-note {
    display: none;
    max-width: 21rem;
    margin: 0.5rem auto 0;
    color: rgba(60, 55, 68, 0.67);
}

.home.scope-all .scope .average-note {
    display: block;
}

.filter {
    text-align: right;
}

/* Criteria page */
.criteria-domains h4 {
    margin-bottom: 2rem;
}

.criteria-domains .criteria-categories {
    margin-left: 1rem;
}

.criteria-domains .criteria-items {
    margin-bottom: 2rem;
}

.criteria-domains .criteria-categories h5 {
    font-weight: bold;
    font-size: 1rem;
    font-family: "Lato_bold", sans-serif;
    margin-bottom: 1rem;
}

.criteria-domains .criteria-categories .criteria-items h6 {
    font-size: 1rem;
    margin-left: 1rem;
}

.criteria-domains .criteria-categories .criteria-items p {
    margin-left: 1rem;
}

.admin-rating .grade {
    margin-bottom: 0.5rem;
}

.admin-rating textarea {
    margin-left: 1rem;
    width: 80%;
    height: 5rem;
    padding: 0.5rem;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Testimonials */
.testimonials {
    margin-top: 1rem;
    margin-bottom: 2rem;
    /*padding: 0 1.875rem;*/
}

.testimonial-item {
    margin-bottom: 0.875rem;
}

.testimonial-item img {
    float: left;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100%;
}

.testimonial-item .content {
    margin-left: 3.5rem;
}

.testimonial-item .testimonial-title {
    font-size: 0.875rem;
    font-weight: bold;
    font-family: Rubik, sans-serif;
    margin-bottom: 0.25rem;
}

.testimonial-item .testimonial-text {
    font-size: 0.6875rem;
    margin-bottom: 0.125rem;
    /*
    font-family: Monaco, sans-serif;
    */
}

.testimonial-item .testimonial-bio {
    font-size: 0.5625rem;
    color: rgba(60, 55, 68, 0.5);
}

.testimonial-item .testimonial-bio a {
    color: rgba(60, 55, 68, 0.5);
}

.testimonial-item .testimonial-bio a:hover {
    text-decoration: underline;
}

/* Search */
.search .no-result {
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: center;
    margin-bottom: 3rem;
}

/*.search .count-0 .no-result {*/
/*display: block;*/
/*}*/

.home .search-box {
    padding-bottom: 2.5rem;
    background-color: rgba(60, 55, 68, 0.05);
    margin-top: -2.5rem;
}

.home.no-auth .search-box {
    padding-top: 2.5rem;
}

.search .search-box {
    /*margin-top: -4.5rem;*/
    margin-top: 0;
}

.search .search-box h1 {
    margin-top: 2.5rem;
}

.search-box form {
    position: relative;
    max-width: 22rem;
    margin: 0 auto;
    height: 2.75rem;
}

.search-box input {
    padding: 0.5rem 3rem 0.5rem 1rem;
    border-color: #00C853;
}

.search-box input,
.search-box input::placeholder {
    font-size: 1rem;
    line-height: 1.5rem;
    outline: none;
}

input.form-control:focus,
textarea.form-control:focus,
select.form-control:focus {
    border-color: #00C853;
}

.search-box form button[type=submit] {
    position: absolute;
    right: 1px;
    top: 1px;
    background-color: #00C853;
    padding: 0;
    width: 2.5rem;
    /*height: 1.75rem;*/
    height: 2.625rem;
    border-radius: 0 2rem 2rem 0;
}

.search-box form button[type=reset] {
    position: absolute;
    display: block;
    width: 2rem;
    height: 2rem;
    right: 3rem;
    top: .375rem;
    border-radius: 100%;
    text-indent: -999rem;
    border: none;
    background: url('../img/reset_search.svg') no-repeat center;
    cursor: pointer;
}

.search-box form button svg {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0.25rem;
}

.search .results {
    margin-top: 3rem;
}

.search .companies-list .company .rating {
    right: 0
}

.search .companies-list .company {
    margin-left: auto;
    margin-right: auto;
}

/*.search ul.sectors-list {*/
/*}*/

/*.search ul.sectors-list li {*/
/*padding: 0.25rem 0;*/
/*}*/

/*.search ul.sectors-list a {*/
/*color: #333;*/
/*}*/

.sectors-list .sector-icon a.icon {
    display: block;
    background: no-repeat;
    background-size: cover;
    background-position: top center;
    position: relative;
    border: 1px solid #FFF;
    border-radius: 100%;
    height: 8.125rem;
    width: 8.125rem;
    padding: 1.75rem;
    margin: 0 auto 4.5rem;
    box-shadow: 0px 0px 1rem #DDD;
}

.sectors-list .sector-icon a img {
    width: 100%;
    height: 100%;
}

.sectors-list .sector-icon span {
    display: block;
    position: absolute;
    top: 8.5rem;
    left: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    color: #333;
    border-radius: 0 0 1rem 1rem;
    padding: .5rem;
    font-size: 1.25rem;
    text-align: center;
    line-height: 1em;
}

.search section h2 {
    margin-bottom: 0.25rem;
}

.search section h4 {
    font-size: 0.875rem;
    color: #3c3744;
    margin-bottom: 1rem;
}

.search .container {
    position: relative;
}

.loader {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}

.search .loader {
    display: none;
}

.loader::after {
    content: '';
    background: url('../img/loader.svg') no-repeat center;
    background-size: contain;
    display: block;
    /*background-color: #FFF;*/
    width: 20rem;
    height: 5rem;
    margin: 0 auto;
    /*border: 2px solid #EEE;*/
    /*border-radius: .5rem;*/
    text-align: center;
    /*font-weight: bold;*/
    /*font-size: 1.25rem;*/

}

.loading-true .results {
    opacity: 0.5;
}

.loading-true .loader {
    display: block;
}

.sector-filter {
    margin-bottom: 1rem;
}

.sector-filter label {
    font-weight: normal;
    font-family: "Lato", sans-serif;
}

.sector-filter input[type=checkbox] {
    display: none;
}

.sector-filter-item {
    background-color: #EEE;
    border-radius: 2rem;
    display: inline-block;
    padding: .5rem 1rem;
    margin-right: .5rem;
    cursor: pointer;
    border: 2px solid #FFF;
    font-weight: bold;

}

.sector-filter-item img {
    max-width: 1rem;
    max-height: 1rem;
}

.sector-filter input[type=checkbox]:checked+span {
    border-color: #333;
    /*font-weight: bold;*/
}

/* Flat pages */

.flat-page h1 {
    font-family: "Lato_heavy", sans-serif;
    font-weight: bold;
    margin-bottom: 2rem;
}

.flat-page h2 {
    font-size: 1rem;
    font-weight: normal;
    font-family: "Lato_normal", sans-serif;
    margin-bottom: 3rem;
}

.flat-page h3 {
    font-family: "Lato_heavy", sans-serif;
    margin: 2.5rem auto 1.5rem;
}

.flat-page h4 {
    font-size: 1.25rem;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}

.flat-page p {
    font-size: 1rem;
    font-family: "Lato_normal", sans-serif;
    line-height: 1.1875rem;
}

.flat-page li {
    line-height: 1.25rem;
    margin-bottom: 0.25rem;
}

/* Footer */

footer {
    padding-top: 2rem;
    padding-bottom: 5rem;
    font-size: 0.8125rem;
}

footer a {
    color: #3C3744;
}

footer a:hover {
    text-decoration: underline;
    color: #3C3744;
}

footer .social {
    margin: 0;
    padding: 2rem 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}

footer .social li {
    text-align: center;
    text-indent: -999em;
    line-height: inherit;
    margin-bottom: 0;
}

footer .social a {
    display: block;
    margin: 0 auto;
    height: 2rem;
    width: 2rem;
    background-size: contain;
    background-position: center;
}

footer .social .instagram a {
    background-image: url('../img/social/instagram_ethique_environnement.svg');
}

footer .social .linkedin a {
    background-image: url('../img/social/linkedin_ethique_environnement.svg');
}

footer .social .facebook a {
    background-image: url('../img/social/facebook_ethique_environnement.svg');
}

footer .social .twitter a {
    background-image: url('../img/social/twitter_ethique_environnement.svg');
}

footer .disclaimer {
    font-size: 1em;
    font-family: inherit;
    color: #3C3744;
    padding: 0 0 1rem;
}

/*footer ul {*/
/*margin: 0 auto;*/
/*text-align: center;*/
/*}*/

/*footer div {*/
/*text-transform: uppercase;*/
/*font-size: 0.75em;*/
/*font-weight: bold;*/
/*margin: 12px 0;*/
/*}*/

/*footer .disclaimer {*/
/*font-size: 0.75rem;*/
/*text-transform: inherit;*/
/*font-family: "Lato", sans-serif;*/
/*font-weight: normal;*/
/*color: #3c3744;*/
/*padding-top: 1.5em;*/
/*}*/

/*footer .copyright {*/
/*display: block;*/
/*margin-top: 0.5rem;*/
/*}*/

/*footer a,*/
/*footer a:hover {*/
/*color: #3c3744;*/
/*}*/

/*footer a:hover {*/
/*text-decoration: underline;*/
/*}*/

/** / Footer **/

.shadow {
    box-shadow: 0 0 32px 0 rgba(60, 55, 68, 0.15);
}

/*** Press Gallery ***/

.press-gallery {
    padding: 1rem 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;
}

.press-gallery li {
    margin: .5rem;
}

.press-gallery li a {
    display: block;
    height: 2rem;
}

.press-gallery li.size-xl a {
    height: 3rem
}

.press-gallery li.size-l a {
    height: 2.5rem
}

.press-gallery li.size-m a {
    height: 2rem
}

.press-gallery li.size-s a {
    height: 1.5rem
}

.press-gallery li.size-xs a {
    height: 1rem
}

.press-gallery li a img {
    max-height: 100%;
    filter: grayscale(100%);
    opacity: .5;
}

.press-gallery li a:hover img {
    filter: none;
    opacity: 1;

}

/*** Quizz ***/
.quizz .p-bar {
    width: 23rem;
    margin: 0 auto 2rem;
}

.quizz h2 {
    font-family: Rubik, sans-serif;
    font-weight: normal;
}

.quizz .companies {
    margin-bottom: 1.5rem;

}

.quizz .companies label {
    display: block;
    height: 6rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    /*text-indent: -999rem;*/
    position: relative;
    border: 2px solid transparent;
    border-radius: 1rem;
    box-shadow: 0 0 20px #eee;
    margin-bottom: 3.5rem;
}

.quizz .companies label.other-previous-choice {
    border-color: rgba(213, 230, 48, 0.15);
}

.quizz .companies label.last-previous-choice {
    border-color: rgba(213, 230, 48, 0.5);
}

.quizz .companies label.selected {
    border-color: rgb(0, 200, 83);
    color: rgb(0, 200, 83);
}

.quizz .companies label span {
    position: absolute;
    top: 6.5rem;
    left: 0;
    display: block;
    width: 100%;
}

.quizz .companies label input {
    display: none;
}

.quizz.end h3 {
    margin-bottom: 2rem;
}

.quizz .card {
    padding: 2rem 1rem;
    text-align: center;
    max-width: 22rem;
    margin-bottom: 2rem;
}

.quizz .card .card-title {
    font-size: 1.875rem;
    line-height: 1em;
    margin-bottom: 0;
    font-weight: bold;
    font-family: Lato_heavy, sans-serif;
}

.quizz .card .score {
    width: 7.5rem;
    height: 7.5rem;
    margin: 1rem auto 1.75rem;
    border-radius: 100%;
    position: relative;
}

/*.quizz .card .score span {*/
/*display: block;*/
/*position: absolute;*/
/*left: 0;*/
/*top: 1.75rem;*/
/*width: 7.5rem;*/
/*font-size: 4rem;*/
/*line-height: 1em;*/
/*color: #FFF;*/
/*font-family:Rubik, sans-serif;*/
/*}*/

.quizz .card .score-range {
    width: 8.5rem;
    margin: 0 auto 1rem;
    line-height: 1em;
    height: 1.5rem;
}

.quizz .card .score-range li {
    float: left;
    position: relative;
    text-indent: -999rem;
    margin-right: .25rem;
}

.quizz .card .score-range li:last-child {
    margin-right: 0;
}

.quizz .card .score-range li::after {
    content: '';
    border: 2px solid transparent;
    border-radius: 1rem;
    position: absolute;
    left: 0;
    top: 0;
}

.quizz .card .score-range li,
.quizz .card .score-range li::after {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
}

.quizz .card .score-range li.very_low::after,
.quizz .card .score.very_low {
    background: #000;
}

.quizz .card .score-range li.low::after,
.quizz .card .score.low {
    background: #DD2C00;
}

.quizz .card .score-range li.average::after,
.quizz .card .score.average {

    background: #E89005;
}

.quizz .card .score-range li.high::after,
.quizz .card .score.high {
    background: #D5E630;
}

.quizz .card .score-range li.very_high::after,
.quizz .card .score.very_high {
    background: #00C853;
}

.quizz .card .score-range li.active::after {
    border-color: #3C3744;
}

.quizz .card .verbose {
    font-size: 1.125rem;
    line-height: 1.25rem;
    margin: 0 auto 0.5rem;
}

.quizz .card .question {
    font-size: 0.875rem;
    margin-top: 1.75rem;
    font-weight: bold;
}

.quizz .card .callout {
    font-size: 0.875rem;
    margin-top: 0.25rem;
    margin-bottom: 1rem;
}

.quizz .card small {
    font-size: 0.875rem;
    color: #B2B2B2 !important;
}

.quizz .card .logo {
    width: 6.625rem;
    height: 1.875rem;
    background: url('../img/logo.svg') no-repeat center;
    background-size: contain;
    text-indent: -999rem;
    margin: 1.625rem auto 0;
}

.quizz h4 {
    font-family: Lato_heavy, sans-serif;
    font-size: 1.625rem;
    text-align: center;
    font-weight: bold;
    margin-bottom: 1rem;
}

.quizz h5 {
    font-size: 1.125rem;
    margin-bottom: 1.25rem;
}

.quizz hr {
    margin: 2.5rem 0;
}

/* End Quizz */

/* Gauge */
.gauge-container {
    width: 8.5rem;
    height: 8.5rem;
    display: block;
    background-color: #00c853;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
    /* vertical-align: middle; */
}

.gauge-container::before {
    content: 'M';
    font-family: Rubik, sans-serif;
    position: absolute;
    left: 3.75rem;
    background-color: #00c853;
    color: #FFF;
    font-size: 1.15rem;
    font-weight: 700;
    top: .35rem;
    display: block;
    padding: 0;

}

.gauge-container>.gauge {
    fill: rgba(0, 0, 0, 1);
    /*background-color: red;*/
    margin: -.25rem;
}

.gauge-container>.gauge .dial {
    stroke: rgba(255, 255, 255, 0.2);
    stroke-width: 5;
    /*fill: rgba(0, 0, 0, 0);*/
}

.gauge-container>.gauge .value {
    stroke: rgb(255, 255, 255);
    stroke-width: 5;
    fill: rgba(0, 0, 0, 0);
}

.gauge-container>.gauge .value-text {
    fill: rgb(255, 255, 255);
    font-family: Rubik, sans-serif;
    font-weight: 700;
    font-size: 2.5rem;
    margin-top: 20px;
}

.gauge-container.small {
    width: 3.875rem;
    height: 3.875rem;
}

.gauge-container.small>.gauge .value-text {
    font-size: 2.5rem;
    line-height: 2.5rem;
}

.gauge-container.small>.gauge {
    margin: -0.1875rem;
}

.gauge-container.small::before {
    font-size: 0.75rem;
    left: 1.65rem;
    top: -0.06rem;
    overflow: hidden;
    clip: rect(3px, 1em, 1em, 0);

}

/* End Gauge */

/*  Mobile app */
#mobile-menu {
    display: none;
}

/*.press-gallery {*/
/*padding: 1rem 0;*/
/*display: flex;*/
/*flex-flow: row wrap;*/
/*!*flex-direction: row;*!*/
/*justify-content: space-around;*/
/*!*align-items :center;*!*/
/*}*/

/*.press-gallery li {*/
/*margin: .5rem .1rem;*/
/*border: 1px solid #FFF;*/
/*max-height: 2rem;*/
/*min-width:0;*/
/*}*/

/*.press-gallery li a {*/
/*height: 100%;*/
/*display: block;*/
/*flex: auto;*/
/*}*/

/*.press-gallery li img {*/
/*filter: grayscale(100%);*/
/*opacity: .5;*/
/*vertical-align: middle;*/
/*height: 100%;*/
/*min-width: 0;*/
/*!*width: 100%;*!*/
/*}*/

/*.press-gallery li:hover img {*/
/*filter: none;*/
/*opacity: 1;*/
/*}*/

/*.press-gallery li.size-xl {*/
/*max-height: 3rem;*/
/*margin-top: 0;*/
/*}*/

/*.press-gallery li.size-l {*/
/*max-height: 2.5rem;*/
/*margin-top: 0;*/

/*}*/

/*.press-gallery li.size-s {*/
/*max-height: 1.5rem;*/
/*}*/

/*.press-gallery li.size-xs {*/
/*max-height: 1rem;*/
/*}*/

/*** / Press Gallery ***/