/* HOME */



.black-box {
    /* background-color: rgba(0, 0, 0, .7); */
    background-color: rgba(71, 70, 70, .65);
    /* border: #474646 solid 2px; */
    padding: 2em;
    border-radius: 2em;
}





/* ##### ###### */

.citation {
    text-transform: uppercase;
    font-size: 1.8rem;
    width: 70%;
    margin: auto;
    text-align: center;
}

.citation .color-green {
    color: #72c02c;
}

.citation .author {
    font-size: 1rem;
}


.overlay-dark.overlay-dark-citation:after {
    background-color: #000000 !important;
}


.overlay-dark.overlay-dark-number:after {
    background-color: #000000 !important;
}




/* zone points */

.point,
.point-why {
    display: flex;
    flex-direction: row;
}

.point-why {
    /* border: 2px solid #f7f7f7; */
    border: 2px solid #eeeeee;
    padding: 1em;
}

.point-why:hover {
    border-color: #dddddd;
    background-color: #ffffff;
}



.point .icon-zone,
.point-why .icon-zone {
    padding-right: 1em;
    padding-bottom: 3em;
}

.point .icon-zone .icon {
    font-size: 24px;
    color: #ffffff;
}

.point-why .icon-zone .icon {
    font-size: 36px;
    color: #6dbb30;
}


/* Rouded circle */

.point .icon-zone .icon .circle-icon {
    width: 50px;
    height: 50px;
    border-radius: 10px; /* 50%; */
    text-align: center;
    /* line-height: 100px; */
    vertical-align: middle;
    padding-top: 13px;
}


.point .content-zone {

}

.point .content-zone .title,
.point-why .content-zone .title {
    font-weight: bold;
}





.box-disc .box-title {
    padding: 1em;
    text-align: center;
}

.box-disc .box-content {
    text-align: center;
    min-height: 4em;
}


/* Dominant */
.box-d .box-title {
    background: #ff4136;
}

.box-d .box-hand {
    border-color: #ff4136;
}

.box-d .box-content {
    border-color: #ff4136;
}

/* influent */
.box-i .box-title {
    background: #ffdc00;
}

.box-i .box-hand {
    border-color: #ffdc00;
}

.box-i .box-content {
    border-color: #ffdc00;
}

/* stable */
.box-s .box-title {
    background: #2ecc40;
}

.box-s .box-hand {
    border-color: #2ecc40;
}

.box-s .box-content {
    border-color: #2ecc40;
}

/* consciencieux */
.box-c .box-title {
    background: #0074d9;
}

.box-c .box-hand {
    border-color: #0074d9;
}

.box-c .box-content {
    border-color: #0074d9;
}