.flip-container {
    max-width: 300px;
    margin: auto;
}

.index-services a.services-font {
    font-size: 1rem;
    font-weight: 400;
}


.index-services li.active a.services-font{
    color: #998100;
    font-weight: 600;
    font-style: italic;
}



.index-services a.persons-font {
    font-size: 1rem;
    font-weight: 400;
    color: #fff;
}


.index-services li.active a.persons-font{
    color: #998100;
    font-weight: 600;
    font-style: italic;
}

.persons .right-box {
    background: transparent;
}

.active-service {
    /*width: 80%;*/
    margin: 20px auto 0;
    border: 1px solid #998100;
    padding: 10px 10px 10px 40px;
    font-weight: 600;
    font-style: italic;
    background: #f5f5f5;
    /*background: url('/dist/img/svg/arrow_down.svg') no-repeat 97% center #f5f5f5;*/
    background-size: 15px;
    cursor: pointer;
}

.active-service i {
    float: right;
    vertical-align: middle;
    margin-top: 4px;
    margin-right: 8px;
    transition: all .3s linear;
    transform: rotate(0deg);
}

.active-service.open i {
    transform: rotate(180deg);
    transition: all .3s linear;
}

.dropdown-services-menu {
    background: #f5f5f5;
    border: 1px solid #998100;
    display: none;
}

.dropdown-services-menu .index-services ul, .dropdown-services-menu .index-services li {
    list-style: none;
}

.dropdown-services-menu .index-services li a.persons-font {
    color: #998100;
}

.dropdown-services-menu .index-services li.active a.persons-font,
.dropdown-services-menu .index-services li a.persons-font:hover {
    font-weight: 600;
    font-style: italic;
    color: #000000;
}