/* Move down content because we have a fixed navbar that is 3.5rem tall */
html {
    scroll-behavior: smooth;
}

body {
    padding-top: 3.5rem;
}

.bg-secondary {
    background-color: #fcf8f2 !important;
}

.vh-100 {
    height: 100vh !important;
}

.vh-75 {
    min-height: 75vh !important;
}

.b1 {
    background-image: url('assets/img/solhem.jpg');
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
}

.home {
    min-height: 100vhx;
    display: flex;
}

@media (max-width:575px) {
    .home {
        min-height: 800px;
        display: flex;
    }
}

@media (max-width:700px) {
    .b1 {
        background-image: url('assets/img/solmobil.jpg');
        background-position: center center;
        background-attachment: fixed;
        background-size: cover;
    }
}

.scond {
    min-height: 40vh;
    display: flex;
}

.thcond {
    min-height: 40vh;
    display: flex;
}

.btn-primary {
    color: #fff;
    background-color: #232b84;
    border-color: #182185;
}

.vw-100 {
    width: 98vw !important;
}

.text-primary {
    color: rgba(40, 47, 134, 0.97) !important;
}

a:hover {
    color: #29507a;
    text-decoration: none;
}

a {
    color: #2b3293;
    text-decoration: none;
    background-color: transparent;
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.fade-in {
    -webkit-animation: fade-in 1.9s cubic-bezier(.39,.575,.565,1.000) 1s infinite both;
    animation: fade-in 1.9s cubic-bezier(.39,.575,.565,1.000) 1s infinite both;
}

@-webkit-keyframes fade-in{
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-in{
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.grow2 {
    transition: all 1s ease-in-out;
}

.grow2:hover {
    transform: scale(1.05);
}

.ank {
    padding-top: 90px;
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}