body {
    margin: 0;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 13px !important;
}

.navbar-logo,
.logo-footer {
    width: 275px;
    height: 50px;
}

.logo-icon {
    width: 32px;
    height: 32px;
}

.carousel-caption {
    background: rgba(0, 0, 0, 0.45);
}

h2 {
    color: #005b89 !important;
    font-weight: bold;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 14px;
}

a {
    color: #005b89;
}

li a,
.footer-about a {
    color: white !important;
    font-size: 13px;
}

.card-body a {
    color: #005b89 !important;
    font-size: 13px;
}

a:hover {
    color: #E0671E !important;
}

.km-orange {
    color: #E0671E;
}

.km-blue {
    color: #005b89;
}

.bg-primary {
    background-color: #005b89 !important;
}

.bg-info {
    background-color: #168eca !important;
}

.w-100 {
    width: 100% !important;
    height: 75vh;
}

.video-responsive {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.info {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: fill;
}

.card-img-top {
    width: 100%;
    object-fit: fill;
}

.card h3 {
    color: #E0671E !important;
    font-weight: bold;
}

section {
    padding: 60px 0;
}

#team .card {
    border: none;
    background: #ffffff;
}

.image-flip:hover .backside,
.image-flip.hover .backside {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    border-radius: .25rem;
}

.image-flip:hover .frontside,
.image-flip.hover .frontside {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.mainflip {
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -moz-transform: perspective(1000px);
    transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
    position: relative;
}

.frontside {
    position: relative;
    -webkit-transform: rotateY(0deg);
    transform: rotate(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
    margin-bottom: 30px;
}

.backside {
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}

.frontside,
.backside {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 1s;
    -moz-transform-style: preserve-3d;
    -o-transition: 1s;
    -o-transform-style: preserve-3d;
    -ms-transition: 1s;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
}

.frontside .card,
.backside .card {
    min-height: 312px;
}

.frontside .card .card-body img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}