.image.avatar {
    background-color: rgba(255,255,255,.3);
    border-radius: 0;
}

.image.avatar img {
    border-radius: 0;
}

header.major h3 {
    color: #D2232A;
}

#wrapper {
    padding-right: 18em;
    font-size: 16pt;
}

.btn.btn-link,
.btn-link .btn {
    color: #D2232A !important;
}

h2 {
    color: #D2232A !important;
}

#header {
    background-color: #D2232A !important;
    width: 18em;
    font-family: "Lato";
    font-size: 16pt;
}

header {
    background-color: transparent !important;
}

#header > nav ul li a.active {
    color: #D2232A !important;
}

#header > nav ul li.menu-item--expanded > a:first-of-type {
    background: linear-gradient(#D2232A,#9E1A21);
}

#header > nav ul li a {
    padding: 0.25em 0;
}

#header > nav ul li {
    border-top: none;
}

#header > header {
    padding: 1.5em;
}

#header .card {
    padding: 1.5em;
    background-color: white;
    box-shadow: 0 19px 38px rgba(0,0,0,0.30),0 15px 12px rgba(0,0,0,0.22);
}

#header header .card a {
    transition: none;
    border: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
}

#header header .card img {
    max-width: 100%;
}

#main > section > .container {
    padding: 2em 0 1em 0;
}

@media screen and (max-width: 1024px) {
    #titleBar .toggle:before {
        background:#D2232A;
    }

    .card div {
        height: 169px !important;
    }

    #wrapper {
        padding-right: 0 !important;
    }

    #header {
        width: 23em;
    }
}

@media screen and (max-width: 736px) {
    #header {
        width:17em;
    }

    .card div {
        height: 112px !important;
    }
}

#one::before {
    height: 10em;
}

#header > nav ul li a.is-active {
    background: #fff !important;
    color: #D2232A !important;
}


form #edit-preview {
    visibility: hidden;
}

ul.menu.tabs-sub {
    background-color: #9E1A21;
}

#header > footer .icons li a {
    color: #D1777B;
}

#header > header p {
    color: #9E1A21;
}

.fcontainer {
    height: 100%;
    min-height: 216px;
    position: relative;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px;
}

.fcontainer p {
    margin: 0 !important;
}

.card {
    margin-top: 0 !important;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
}

.card div {
    display: block;
    width: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.card .back {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.card.flipped {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.card .back {
    display: none;
}

.card.flipped .front {
    display: none;
}

.card.flipped .back {
    display: block;
}

.card .front {
    display: block;
    display: flex;
    flex-direction: column;
}

.card span {
    color: #681117;
}

pas-web {
  font-size: initial !important;
}

.login-wrapper .login .login-group .success {
    background: #266900 !important;
}

.btn.btn-info-outline {
    border-color: #D2232A !important;
    color: #D2232A !important;
}

a {
    color: #D2232A !important;
}

.btn.btn-info-outline:hover {
    background-color: rgba(210, 35, 42, .3) !important;
}

.spinner {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22Layer_2%22%20data-name%3D%22Layer%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20.cls-1%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20.cls-2%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20fill%3A%20none%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20stroke-miterlimit%3A%2010%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20stroke-width%3A%205px%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20stroke%3A%20%23000000%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20stroke-opacity%3A%200.15%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20.cls-2%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20stroke%3A%20%23D2232A%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3C%2Fstyle%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%3Ctitle%3EPreloader_72x2%3C%2Ftitle%3E%0A%20%20%20%20%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2236%22%20cy%3D%2236%22%20r%3D%2233%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22M14.3%2C60.9A33%2C33%2C0%2C0%2C1%2C36%2C3%22%3E%0A%20%20%20%20%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A") !important;
}