@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.1/font/bootstrap-icons.css");
@font-face {
  font-family: SohoGothicPro-Regular;
  src: url(/fonts/SohoGothicPro-Regular.otf);
}

@font-face {
  font-family: SohoGothicPro-light;
  src: url(/fonts/SohoGothicPro-Light.otf);
}

@font-face {
  font-family: SohoGothicPro-LightItalic;
  src: url(/fonts/SohoGothicPro-LightItalic.otf);
}

@font-face {
  font-family: SohoGothicPro-Bold;
  src: url(/fonts/SohoGothicPro-Bold.otf);
}

body,html
{
    padding-bottom: 0!important;
    margin-bottom: 0!important;
    color: #5a5a5a;

}




#showBannerButton
{
  position: fixed;
  z-index: 100;
  top: 200px;
  height: 330px;
  text-align: center;
  font-weight: 600;
  writing-mode: vertical-lr;
  text-orientation: upright;
  background-color: #F4D097;

  left:0px;
  transition: left 0.2s ease-in; /* Animation transition */
  box-shadow: none!important;
  border-left: solid 1px gray;
}



@media (max-width: 768px) {
  
  #showBannerButton
  {
    visibility: hidden;
  }
  
}



@media screen and (max-width: 768px) {

  #imgSliderDesktop
  {
    display: none;
  }

  #imgSliderMobile
  {
    display: block;
  }

}


@media screen and (min-width: 769px) {

  #imgSliderMobile
  {
    display: none!important;
  }

  #imgSliderDesktop
  {
    display:block;
  }



}




.bg-blue
{
  background-color: #1c578c;
}

.blue-text a
{
  color: #1c578c!important;
  text-shadow: 1px 1px 1px aliceblue;
}

.red-text
{
  color: or;
  text-shadow: 1px 1px 1px aliceblue;
}

.gold-text
{
  color: #b5ac2f;
}

.btn-primary
{
    background-color: #1c578c;
}

*{
  scroll-behavior: smooth;
}

.navbar a
{
    font-size: 16px;
    color: #333!important;
   
    font-family: SohoGothicPro-light;
}



.hideMeCaption, .hideMeHead
{
    opacity:0;
}

.navbar li a.active,
.navbar li a:hover
{

  background-color:  orange!important;
  color: white!important;
   text-shadow: 1px 1px 0px #000000;
   font-weight: 600;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.navbar-brand
{
    max-width: 150px; 
    height: auto;
}

.navbar
{
  -webkit-box-shadow: 0px 5px 15px -8px rgba(0,0,0,0.38);
  -moz-box-shadow: 0px 5px 15px -8px rgba(0,0,0,0.38);
  box-shadow: 0px 5px 15px -8px rgba(0,0,0,0.38);
}

.navbar-nav > li{
  padding-left:5px;
  padding-right:5px;
}


.btn-warrning
{
  background-color: orange!important;
  font-weight: 600;
}


.btn-warning:hover
{
  border: solid 2px orange!important;
  color:#333;
}




.separator
{
    height: 1rem;
    border-top: 0;
}

.faq  button
{
    color:#1c578c!important; 
}

.lead
{
  font-family: SohoGothicPro-light;
  font-size: 1.10rem;
}

h1, h2, h3, h4, h5 ,h6
{
  font-family: SohoGothicPro-bold;
 
}

p
{
  font-family: SohoGothicPro-light;
}


.customCol
{
  padding: 10% 10%;
}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  @media (min-width: 768px) {
    .bd-placeholder-img-lg {
      font-size: 3.5rem;
    }
  }





footer h3
{
    color: white;
    margin-bottom: 1rem; 
}

footer
{
  background-color: #2c2d3b;
}

footer p
{
    font-size: 13px;
}

footer bi
{
  color: white!important;
}
 
footer a
{
  color: white;
}

  .articleImage
  {
    width: 400px;
    height: 400px;
  }

  footer svg
  {
    margin-right: 5px;
  }

  footer
  {
    background-color: #2B3141;
    
  }

  .footer-btn
  {
    border-radius: 0!important;
  }

  .social-svg
  {
    height: 20px;
    max-width: 18px;
  }

  /* index */

.omoss
{
  padding: 100px 250px;
}

.banner
{
  padding: 5px;
}

.recaptcha-mobile { display: none; }

@media (max-width: 768px) {
  .recaptcha-desktop { display: none; }
  .recaptcha-mobile { display: block; }
}
.form-button
{
  background-color: #f27405;
  display: block;
  width: 100%;
  max-width: 304px; /* don’t go wider than captcha */
  margin-top: 10px;
}


.form-login h3
{
  font-family: SohoGothicPro-Bold;
 
}

.form-login
{ 
  text-align: center; 
  background-image: url('/images/tools-background.jpg');
  background-size: cover;
  font-family: SohoGothicPro-light;
  padding: 100px 200px;
  
}


.form-check
{
  text-align: left;

}

.form-check a:link
{
  margin-left: 100px;
}

.input-group-text
{
  background-color: white;

}
#inlineFormInputGroupUsername2, #inlineFormInputName1
{
  border-left: none;
}
 

 .servicebackground
 {
   background-image: url('/images/tools-background.jpg');
   
 }
 .servicebackground2
 {
  background-color: rgba(36, 35, 35, 0.836);
 }

 .servicebackground2 .col-lg-4, .servicebackground2 .btn
 {
   color: whitesmoke;
   text-align: center;
   
   
 } 



 


 /* @Media index */
 @media (max-width: 1200px) 
 {  
   .omoss
   {
     padding: 75px 150px;
   }
 
  
 
   .form-login
   { 
     
     padding: 75px 75px!important;
     
   }
 
   
 }

 
@media (max-width: 992px) 
{ 
  .omoss
  {
    padding: 50px 100px;
  }
}


@media (max-width: 768px) 
{
  .omoss
  {
    padding: 50px 100px;
  }
}

@media (max-width: 576px) { 
  .omoss
  {
    padding: 50px 50px;
  }

  .order-xs-first {
    -ms-flex-order: -1;
    order: -1!important;
  }
  .order-xs-last {
    -ms-flex-order: 13;
        order: 13!important;
  }
  
}


/*Personal */

.personal_epost
{
background-color: grey;
}



/* Bootstrap mod, add xs spacing */

@media (max-width: 576px) {
  .text-xs-left {
    text-align: left !important;
  }
  .text-xs-right {
    text-align: right !important;
  }
  .text-xs-center {
    text-align: center !important;
  }
}

@media (max-width: 576px) {
  .m-xs-0 {
    margin: 0 !important;
  }
  .mt-xs-0,
  .my-xs-0 {
    margin-top: 0 !important;
  }
  .mr-xs-0,
  .mx-xs-0 {
    margin-right: 0 !important;
  }
  .mb-xs-0,
  .my-xs-0 {
    margin-bottom: 0 !important;
  }
  .ml-xs-0,
  .mx-xs-0 {
    margin-left: 0 !important;
  }
  .m-xs-1 {
    margin: 0.25rem !important;
  }
  .mt-xs-1,
  .my-xs-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xs-1,
  .mx-xs-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xs-1,
  .my-xs-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xs-1,
  .mx-xs-1 {
    margin-left: 0.25rem !important;
  }
  .m-xs-2 {
    margin: 0.5rem !important;
  }
  .mt-xs-2,
  .my-xs-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xs-2,
  .mx-xs-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xs-2,
  .my-xs-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xs-2,
  .mx-xs-2 {
    margin-left: 0.5rem !important;
  }
  .m-xs-3 {
    margin: 1rem !important;
  }
  .mt-xs-3,
  .my-xs-3 {
    margin-top: 1rem !important;
  }
  .mr-xs-3,
  .mx-xs-3 {
    margin-right: 1rem !important;
  }
  .mb-xs-3,
  .my-xs-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xs-3,
  .mx-xs-3 {
    margin-left: 1rem !important;
  }
  .m-xs-4 {
    margin: 1.5rem !important;
  }
  .mt-xs-4,
  .my-xs-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xs-4,
  .mx-xs-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xs-4,
  .my-xs-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xs-4,
  .mx-xs-4 {
    margin-left: 1.5rem !important;
  }
  .m-xs-5 {
    margin: 3rem !important;
  }
  .mt-xs-5,
  .my-xs-5 {
    margin-top: 3rem !important;
  }
  .mr-xs-5,
  .mx-xs-5 {
    margin-right: 3rem !important;
  }
  .mb-xs-5,
  .my-xs-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xs-5,
  .mx-xs-5 {
    margin-left: 3rem !important;
  }
  .p-xs-0 {
    padding: 0 !important;
  }
  .pt-xs-0,
  .py-xs-0 {
    padding-top: 0 !important;
  }
  .pr-xs-0,
  .px-xs-0 {
    padding-right: 0 !important;
  }
  .pb-xs-0,
  .py-xs-0 {
    padding-bottom: 0 !important;
  }
  .pl-xs-0,
  .px-xs-0 {
    padding-left: 0 !important;
  }
  .p-xs-1 {
    padding: 0.25rem !important;
  }
  .pt-xs-1,
  .py-xs-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xs-1,
  .px-xs-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xs-1,
  .py-xs-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xs-1,
  .px-xs-1 {
    padding-left: 0.25rem !important;
  }
  .p-xs-2 {
    padding: 0.5rem !important;
  }
  .pt-xs-2,
  .py-xs-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xs-2,
  .px-xs-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xs-2,
  .py-xs-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xs-2,
  .px-xs-2 {
    padding-left: 0.5rem !important;
  }
  .p-xs-3 {
    padding: 1rem !important;
  }
  .pt-xs-3,
  .py-xs-3 {
    padding-top: 1rem !important;
  }
  .pr-xs-3,
  .px-xs-3 {
    padding-right: 1rem !important;
  }
  .pb-xs-3,
  .py-xs-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xs-3,
  .px-xs-3 {
    padding-left: 1rem !important;
  }
  .p-xs-4 {
    padding: 1.5rem !important;
  }
  .pt-xs-4,
  .py-xs-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xs-4,
  .px-xs-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xs-4,
  .py-xs-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xs-4,
  .px-xs-4 {
    padding-left: 1.5rem !important;
  }
  .p-xs-5 {
    padding: 3rem !important;
  }
  .pt-xs-5,
  .py-xs-5 {
    padding-top: 3rem !important;
  }
  .pr-xs-5,
  .px-xs-5 {
    padding-right: 3rem !important;
  }
  .pb-xs-5,
  .py-xs-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xs-5,
  .px-xs-5 {
    padding-left: 3rem !important;
  }
  .m-xs-n1 {
    margin: -0.25rem !important;
  }
  .mt-xs-n1,
  .my-xs-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xs-n1,
  .mx-xs-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xs-n1,
  .my-xs-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xs-n1,
  .mx-xs-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xs-n2 {
    margin: -0.5rem !important;
  }
  .mt-xs-n2,
  .my-xs-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xs-n2,
  .mx-xs-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xs-n2,
  .my-xs-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xs-n2,
  .mx-xs-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xs-n3 {
    margin: -1rem !important;
  }
  .mt-xs-n3,
  .my-xs-n3 {
    margin-top: -1rem !important;
  }
  .mr-xs-n3,
  .mx-xs-n3 {
    margin-right: -1rem !important;
  }
  .mb-xs-n3,
  .my-xs-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xs-n3,
  .mx-xs-n3 {
    margin-left: -1rem !important;
  }
  .m-xs-n4 {
    margin: -1.5rem !important;
  }
  .mt-xs-n4,
  .my-xs-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xs-n4,
  .mx-xs-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xs-n4,
  .my-xs-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xs-n4,
  .mx-xs-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xs-n5 {
    margin: -3rem !important;
  }
  .mt-xs-n5,
  .my-xs-n5 {
    margin-top: -3rem !important;
  }
  .mr-xs-n5,
  .mx-xs-n5 {
    margin-right: -3rem !important;
  }
  .mb-xs-n5,
  .my-xs-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xs-n5,
  .mx-xs-n5 {
    margin-left: -3rem !important;
  }
  .m-xs-auto {
    margin: auto !important;
  }
  .mt-xs-auto,
  .my-xs-auto {
    margin-top: auto !important;
  }
  .mr-xs-auto,
  .mx-xs-auto {
    margin-right: auto !important;
  }
  .mb-xs-auto,
  .my-xs-auto {
    margin-bottom: auto !important;
  }
  .ml-xs-auto,
  .mx-xs-auto {
    margin-left: auto !important;
  }
}



/********************************/