html, body {
    color: #1F2B37;
    background: #F9F9F9;
}
header {
    background: #065E54;
}
header .logo .logo-img {
    width: 145px;
    min-height: 45px;
    display: flex;
    align-items: center;
}
header {
    background: #065E54;
}
header .logo mark {
    top: 30%;
    transform: translateY(-50%);
    right: -119px;
    color: #FFFFFF;
    margin: 0;
    font-size: 22px;
}
header nav a {
    color: #FFFFFF;
}
header .logo mark div {
    position: relative;
}
header .logo mark div .circle {
    position: absolute;
    top: -22px;
    right: 0;
    left: -42px;
    bottom: 0;
    width: 180%;
    max-width: none;
}
header .logo h2 {
    color: #FFFFFF;
    font-size: 1rem;
}
@media only screen and (min-width: 568px) and (max-height: 600px) {
    header .logo .logo-img {
        width: 200px;
    }
    header .logo mark {
        right: -125px;
    }
    header .logo mark div .circle {
        width: 190%
    }
    header .logo h2 {
        font-size: 1.3rem;
    }
}
@media (min-width: 768px) {
    header .logo .logo-img {
        width: 200px;
    }
    header .logo mark {
        right: -125px;
    }
    header .logo mark div .circle {
        width: 190%
    }
    header .logo h2 {
        font-size: 1.3rem;
    }
}

 .searchBar {
    background: #064E45;
}
.searchBar .setAd,
.searchBar .profile,
.searchBar .setAd:hover,
.searchBar .profile:hover {
    color: #FFFFFF;
}
.searchBar a.drop,
.searchBar a.drop:hover {
    border-left: 1px solid #98A3A2;
    color: #1F2B37;
    background: #EFECEA no-repeat right center;
}
.searchBar .btn {
    box-shadow: inset 0 -3px 0 0 #D8F9D4;
    background: #D8F9D4 10px center;
    color: #064E45;
}
.searchBar .btn:hover {
    box-shadow: inset 0 -3px 0 0 #D8F9D4;
    background: #D8F9D4 10px center;
    color: #064E45;
}
.searchBar .input {
    color: #98A3A2;
}
figure#picWall .areaBox {
    background: #065E54;
}
figure#picWall .areaBox h2 {
    color: #FFFFFF;
}
figure#picWall .profile .ribbon {
    background: #39B557;
}
aside.categorys div.boxes a:hover {
    background: #F6B742;
}
#baseGrid aside.categorys div {
    background: #EFECEA;
}
aside.categorys h5,
aside.categorys a {
    color: #1F2B37;
}
figure#picWall .info p span, .searchBar .drop:hover {
    color: #39B557;
}
.profile .ribbon {
    background: #39B557;
    color: #FFFFFF;
}
.legal__container {
    color: #FFFFFF;
}

/* registration */
#formBox {
    background: #EFECEA;
}
#regForm .formHeader {
    background: #064E45;
}
#urApi .button,
#urApi .button:hover,
#urApi .button.active,
#urApi .button.active:hover,
#urApi .btn-group .button:hover {
    background: #064E45;
    border: 2px solid #064E45;
    color: #FFFFFF
}
.registration .registration-inner {
    background-color: #064E45;
}
.registration .form-inner {
    background-color: #EFECEA;
}
#regForm .closeme {
    color: #FFFFFF;
}
#regForm .closeme:hover {
    background-color: #ffffff;
    color: #1F2B37;
}
#urApi span.text,
#urApi .goPrev:before {
    color: #FFFFFF;
}
#animation div {
    background: #39B557 repeat-y left center;
}
.legal__container {
    background: #064E45;
}