:root {

  --color-main: #00435e;
  --color-main-lite: #1b7aa0;
  --color-text: #323232;

}

.color-white {
    color: #ffffff;
}

.text-primary {
    color: var(--color-main) !important;
}

.border-primary {
    border-color: var(--color-main) !important;
}

.fs-08 { font-size: .8rem; }
.fs-09 { font-size: .9rem; }
.fs-12 { font-size: 1.2rem; }
.fs-15 { font-size: 1.5rem; }
.fs-18 { font-size: 1.8rem; }
.fs-2 { font-size: 2rem; }
.fs-25 { font-size: 2.5rem; }
.fs-3 { font-size: 3rem; }
.fs-35 { font-size: 3.5rem; }
.fs-4 { font-size: 4rem; }

body {
    font-family: 'DaxlinePro';
    font-weight: 400;
    font-style: normal;
    color: var(--color-text);
}

#list-nav a.active {
    font-weight: bold;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Pobeda';
    font-weight: bold;
    font-style: normal;
}

h1 {
    font-size: 3rem;
}

a {
    color:var(--color-main);
    text-decoration: none;
    transition: color 0.3s;
}

a:hover {
    color: var(--color-main-lite);
    text-decoration: none;
    transition: color 0.3s;
}

#list-nav a.active {
    color:var(--color-main);
}

i {
    transition: all ease-in-out 0.3s;
}

.main-head-title {
        color:var(--color-main);
    }

.card-title {
    font-size: .9rem;
}

.inform-card .inform-card-img img {
    transition: all ease-in-out .3s;
}

.inform-card .inform-card-img {
    overflow: hidden;
}

.inform-card:hover .inform-card-img img {
    transition: all ease-in-out .3s;
    transform: rotate(5deg) scale(1.1);
}