@font-face {
    font-family: "Publica sans";
    src: url("../fonts/PublicaSans-Light.otf") format("opentype");
    font-weight: 300;
}

@font-face {
    font-family: "Publica sans";
    src: url("../fonts/PublicaSans-Bold.otf") format("opentype");
    font-weight: bold;
}

@font-face {
    font-family: "Publica sans";
    src: url("../fonts/PublicaSans-Medium.otf") format("opentype");
    font-weight: 500;
}


a:link,
a:hover,
a:visited,
a:active {
    text-decoration: none;
}

ol,
ul {
    list-style: none;
}

body {
    font-family: "Publica sans";
    font-size: 16px;
}

.fs-7 {
    font-size: 0.80rem !important;
}

.fs-8 {
    font-size: 0.60rem !important;
}

.fs-lg {
    font-size: 4.5rem !important;
}

.bg-principal {
    background-color: #5fb5bb !important;
}

.bg-footer {
    background-color: #6d6f71 !important;
}

.marker {
    background: url('../img/marker.png') no-repeat;
    background-size: contain;
    width: 50px;
    height: 50px;
    cursor: pointer;
}

.bg-size-300h {
    background-image: linear-gradient(to right, #5fb5bb, #5fb5bb);
    background-size: 100% 300px;
    background-repeat: no-repeat;
}

.text-principal {
    color: #625d5a !important;
}

.border-bottom-detail:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 40px;
    border-bottom: 3px solid #3da6ad;
}