img.kris-bruk{
    width: 120px;
    animation: pulseAnimation 1s
}

@keyframes pulseAnimation {
    0% {
      transform: scale(1);
      opacity: 0;
    }
    50% {
      transform: scale(1.4);
    }
    100% {
      transform: scale(1);
      opacity: 1
    }
  }

  

  .portfolio-item{
    max-height: 300px;
    overflow: hidden;
  }

  .portfolio-inner .portfolio-text{
    max-height: 300px;
  }
  
  

.bg-dark{
    background-color: #04091e!important
}


.btn-primary{
    background-color: #f3c300;
    border-color: #f3c300;
    color: #04091e!important
}
.btn-primary:focus,
.btn-primary:hover, 
.btn-primary:active {
    background-color: #f3c300;
    border-color: #f3c300;
    transform: scale(1.05);
    box-shadow: none!important
}

.btn.btn-primary.py-sm-3.px-sm-4{
    font-size: 1.3rem; 
    color:#04091e!important
}

.carousel-caption,
.facts, .quote{
    background: rgba(4, 9, 30, .6)
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6,
.text-primary{
    color: #04091e!important
}

.bg-light{
    background-color: rgb(7 10 30 / 10%) !important;
}

h1.display-1 span{
    display: block;
    font-size: 0.2em !important;
}
.h-100.d-inline-flex.align-items-center.me-4 span a{
    color: #fff
}

.service-item:hover .service-text{
    background:rgba(15, 66, 41, 0)
}

.service-item:hover .service-text p{
    color: #04091e!important
}

.quote .privacy-policy{
    font-size: 0.6em; 
    color: #52536866
}

.portfolio-inner::before, .portfolio-inner::after{
    background: rgba(4, 9, 30, .6)
}

.portfolio-inner .portfolio-text .btn{
    background: rgba(4, 9, 30, 1);
    color:#fff
}

.copyright{
    color:#04091e!important;
    background:#ffc107
}

.copyright a{
    color:#04091e!important;
    text-decoration: none;
}

.testimonial-carousel .owl-nav .owl-prev, 
.testimonial-carousel .owl-nav .owl-next{
    color:#04091e;
    background: rgb(7 10 30 / 10%) !important
}


.testimonial-carousel .owl-nav .owl-prev:hover, .testimonial-carousel .owl-nav .owl-next:hover{
    background: #04091e!important;
    color: #fff!important
}

.form-control:focus{
    box-shadow: none!important
}

a,
a:hover{
    color:#fff
}


.service-text h4 a,
.posts .post h3 a, 
.post p a {
    color: inherit
}

.posts .post p a {
    color:#ffc107
}


.posts .post h3 a:hover,
.posts .post p a:hover{
    text-decoration: underline;
}

.post .container{
    max-width: 1024px;
}
.post .container h2{
    font-size: 1.2em
}


.breadcrumb a:hover{
    text-decoration: underline
}


.sitemap .col ul li a{
    color:inherit
}
.sitemap .col ul li a:hover{
    text-decoration: underline
}


.author{
    display: flex;
    gap: 20px
}

.tags ul {
    list-style-type: none;
    padding-inline-start: 0
}
.tags ul li{
    display: inline-block;
}
.tags ul li a{

    color:#ffc107;
    font-size:0.8em
   
}


@media screen and (max-width:768px){
    img.kris-bruk{
        position: relative!important;
        width: 80px!important;
        height: auto!important;
    }
    .back-to-top{
        right: -300px;
    }
    h1.display-1 span{
        font-size:0.4em!important;
        margin-top: 0.5em
    }
    .footer .g-5 .col-lg-3{
        width: 100%;
        text-align: center;
    }
    .d-flex.pt-2{
        justify-content: center;
    }

    .call-me{
        padding:0.8em 1em
    }

    .call-me.fx{
        position: fixed;
        bottom: 2%;
        width: 94%;
        left:3%;
        z-index: 9999
    }
   .footer{
    text-align: center;
   }
   .footer ul{
    list-style-type: none;
    padding-inline-start: 0
   }
   .category p.w-50{
    width: 100%!important;
   }

   .portfolio-item{
        position: relative!important;
        top: auto!important;
        left:auto!important
   }
}