*{
    font-family: 'Roboto';
    font-weight: 400;
    font-style: normal;
}
.cvet_fona{
    background-color: #006953;
}
.visota-kartozrki{
    min-height: 12rem;
    margin-bottom: 0.4rem;
}
.card-title{
    padding: 0.5rem 0 0 0.8rem;
    margin: 0;
    font-weight: 800;
    font-size: 1.7rem !important;
    color: white;
    font-family: "Futura PT Extra";
opacity: 100%;
}

.card-podzagolovok{
    padding: 0 0 0.5rem 0.8rem;
    margin: 0;
    font-weight: 600;
    font-size: 1.2rem !important;
    color: #00ff00;
    font-family: "Futura PT Demi";
}
.card-zagolovok{
    background-image:url("../img/gray.svg");

    margin-top: 6rem;
}
.card-bord{
    border: 0;
}
body, html {
    height: 100%;
    margin: 0;
    padding: 0;
}
.top-logo {
    width: 70%;
    padding: 0 30px 0 5px;
}
.icons_niz{
    width: 3rem;
}
.foot{
    padding: 0.7rem 0.5rem;
}
.fon-img-1{
    background-image: url("../img/fon-1.gif");
}
.promejutok{
    min-height: 0.5rem;
}
.card-body{
    padding: 0;
}

.nal{
    background-image: url("../img/fon-1.gif");
    background-repeat: repeat;
    background-size: auto 150%;
}

#nalychevo{
    background-image: url("../img/fon-1.gif");
    background-repeat: repeat;
    background-size: auto 120%;
}

#south-camchatskiy{
    background-image: url("../img/fon-2.png");
    background-repeat: repeat;
    background-size: auto 120%;
}

#bistrinskiy{
    background-image: url("../img/fon-3.png");
    background-repeat: repeat;
    background-size: auto 120%;
}

#kluchevskoy{
    background-image: url("../img/fon-4.png");
    background-repeat: repeat;
    background-size: auto 120%;
}

#viluchenskiy{
    background-image: url("../img/fon-5.png");
    background-repeat: repeat;
    background-size: auto 120%;
}

#koly-river{
    background-image: url("../img/fon-6.png");
    background-repeat: repeat;
    background-size: auto 120%;
}

.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}
main {
    flex: 1;
    overflow-y: auto;
}
header, footer {
    width: 100%;
    flex-shrink: 0;
}

.shadow-up {
    box-shadow: 0 -.5rem 1rem rgba(0, 0, 0, .15);
}

.scrollable-nav {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
}

.scrollable-nav::-webkit-scrollbar {
    display: none;
}

.scrollable-nav button {
    flex-shrink: 0;
}

.scrollable-nav div {
    flex-shrink: 0;
}

.card-fixed {
    width: 250px;
    height: 100px;
}

.text-container {
    max-width: 80%;
    max-height: 80%;
    overflow: hidden;
}

.text-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card_pod{
    padding: 0.3rem;
    margin-bottom: 0.3rem;
}
.podzagolovok{
    color:  #006a53;
    font-family: 'Futura PT Demi';
    font-weight: 600;
    font-size: 1.6rem;
    padding: 0;
}
.paragraph_card{
    margin: 0;
    padding: 0;
    color: #4c4f54;
    font-family: 'Futura PT Demi';
    font-weight: 300;
    font-size: 1.3rem;
    text-align: justify;
}

.bk_stat{
    background-color: white;
}
.paragraph_marsh{
    margin: 0;
    padding-top: 0.4rem;
    color: #4c4f54;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 1.2rem;
    text-align: justify;
    line-height: 1;
}
.podzagolovok-mars{
    color: #006a53;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 1.3rem;
    padding: 0;
}
.zagolovok-mars{
    color: #006a53;
    color: #006a53;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 1.6rem;
    padding: 0.5rem 0;
    text-align: center;
}
.osn-zagolovok-mars{
    color: #006a53;
    font-family: 'Futura PT Demi';
    font-weight: 600;
    font-size: 1.5rem;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}
.marshrut{
    margin: 0.3rem 0;
    padding: 0.6rem;
}