/* Move down content because we have a fixed navbar that is 3.5rem tall */
body {
    padding-top: 3.5rem;
    background: linear-gradient(90deg, rgba(190, 190, 190, 0.73) 1.00503%, rgba(64, 60, 60, 0.63) 100%);
}

.bgelektriko {
    background-image: url('assets/img/aslundselektrikeruppsala2.jpg');
    background-size: cover;
}

.bgmontage {
    background-image: url('assets/img/elektriker-montage.jpg');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center top;
}

.bglampo {
    background-image: url('assets/img/lampo.png');
    background-size: auto;
    background-position: right bottom;
    background-repeat: no-repeat;
}

.txtsha {
    text-shadow: 3px 2px 2px #000000;
    color: #ffffff;
    font-weight: 500;
}

.bg-pan-bottom {
    -webkit-animation: bg-pan-bottom 12s both;
    animation: bg-pan-bottom 12s both;
}

@-webkit-keyframes bg-pan-bottom{
    0% {
        background-position: 50% 0;
    }

    100% {
        background-position: 50% 100%;
    }
}

@keyframes bg-pan-bottom{
    0% {
        background-position: 50% 0;
    }

    100% {
        background-position: 50% 100%;
    }
}

.navhovr {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

.navhovr:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    bottom: 0;
    background: #ffc107;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.navhovr:hover:before,
.navhovr:focus:before,
.navhovr:active:before {
    left: 0;
    right: 0;
}

.slide-in-right {
    -webkit-animation: slide-in-right 2s cubic-bezier(.25,.46,.45,.94) 2s both;
    animation: slide-in-right 2s cubic-bezier(.25,.46,.45,.94) 2s both;
}

@-webkit-keyframes slide-in-right{
    0% {
        -webkit-transform: translateX(500px);
        transform: translateX(500px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slide-in-right{
    0% {
        -webkit-transform: translateX(500px);
        transform: translateX(500px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

.bg-pan-right {
    -webkit-animation: bg-pan-right 12s both;
    animation: bg-pan-right 12s both;
}

@-webkit-keyframes bg-pan-right{
    0% {
        background-position: 0 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}

@keyframes bg-pan-right{
    0% {
        background-position: 0 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}

.blur-out {
    -webkit-animation: blur-out 3s ease-out 1s both;
    animation: blur-out 3s ease-out 1s both;
}

@-webkit-keyframes blur-out {
    0% {
        -webkit-filter: blur(0);
        filter: blur(0);
    }

    100% {
        -webkit-filter: blur(10px);
        filter: blur(10px);
    }
}

@keyframes blur-out {
    0% {
        -webkit-filter: blur(0);
        filter: blur(0);
    }

    100% {
        -webkit-filter: blur(10px);
        filter: blur(10px);
    }
}

.grsha {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.grsha:hover,
.grsha:focus,
.grsha:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}