html,
        body {
          height: 100hv;

		  /*overflow: hidden;*/


        }

        /* body{
          background-color: #333;
        } */

        body{
          overflow: -moz-scrollbars-vertical;
          overflow-y: scroll;
          overflow-x: hidden;
          position:relative;
        }

        html{scroll-behavior:smooth}




        /* SCROLL trekompaniet typ */
        #topContent {
          margin-top: -120px;
          height:55vh;
          background: url(../img/backgroundTEST.jpg) no-repeat center center fixed;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
          /* overflow-y:hidden; */


        }

        #mainContent{
          box-shadow:
           0px 10px 10px -10px black,
           0px -10px 10px -10px black;
        }

        #bottomContent {
          /* position: relative;
          margin-top: -120px;
          height:70vh;
          background: url(../img/backgroundTEST.jpg) no-repeat center center fixed;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
          box-shadow:
          inset 0px 7px 7px -8px black,
          inset 0px -7px 7px -8px black; */
        }







        .arrowdnNOPE{
          position: absolute;
          bottom: 30%;  /* justeres i forhold til #topcontent */
          width: 100%;
          padding-bottom: 30px;
          background-color: #f3f5f5; /* e9e9e9 */
          margin-top: -40px;
          /* z-index:1001; */
          /* overflow-x:hidden; */
        }

        .arrowdn:before,
        .arrowdn:after {
          content: '';
          position: absolute;
          bottom: 100%;
          width: 50%;
          padding-bottom: inherit;
          background-color: inherit;
        }
        .arrowdn:before {
          right: 50%;
          -ms-transform-origin: 100% 100%;
          -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
          -ms-transform: skewX(45deg);
          -webkit-transform: skewX(45deg);
          transform: skewX(45deg);
        }
        .arrowdn:after {
          left: 50%;
          -ms-transform-origin: 0 100%;
          -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
          -ms-transform: skewX(-45deg);
          -webkit-transform: skewX(-45deg);
          transform: skewX(-45deg);
        }






        #mainContent{
          background-color: #f3f5f5; /* e9e9e9 */
          margin-top: -20px;
          /* z-index: 100; */

        }

        #divTop{ /* mainContent */
          /* background: url(../img/backgroundBottom3.jpg) no-repeat center center;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover; */
          background-color: #f3f5f5; /* testfarge */
        }

        #wrap{
          position: relative;
          overflow: hidden;
          width: 70%;
          height: 150px;
          margin: 0 auto;
          background-color: #fff;
        }


        /*     Margin for row's based on position on page      */

        .rowTop{
          padding-top: 90px;
          padding-bottom: 150px;
        }

        .rowMiddle{
          padding-top: 100px;
          padding-bottom: 150px;
        }

        .rowBottom{
          padding-top: 100px;
          padding-bottom: 150px;
        }

        .rowWhite{
          margin: 10px;
          border-radius: 1px;
          padding-top: 20px;
          padding: 50px;
        }

        /*.rowOmOssCont{
          padding-top: 100px;
          padding-bottom: 150px;
        }*/




        /*#queryArea{
           transition: all 300ms ease;
        }

        #exampleFormControlTextarea1{
          transition: all 300ms ease;
        }*/

        #divQueryAreaOffset{
          transition: all 500ms ease;
        }

        /*#ddbQuery{
          position:relative;
          display:inline-block;
          float: left;
        }*/

        /* LOADING  */
        .loader {
          border: 16px solid #f3f3f3; /* Light grey */
          border-top: 16px solid #3498db; /* Blue */
          border-radius: 50%;
          width: 100px;
          height: 100px;
          animation: spin 2s linear infinite;
          margin-top: 100px;
        }

        @keyframes spin {
          0% { transform: rotate(0deg); }
          100% { transform: rotate(360deg); }
        }





        #divTop{
          margin-top: 30px;
          overflow:hidden;
        }

        #btnHentData{
          margin-top: 10px;
        }

        .arrow-down {
          position:relative;
          width: 0;
          height: 0;
          border-left: 30px solid transparent;
          border-right: 30px solid transparent;

          border-top: 30px solid  transparent; /*f00*/


          margin-bottom: -30px; /*  MÅ FIKSES!!! Kun midlertidig løsning for å få pil til å stå riktig  */
          z-index: 1;
        }


        .arrow-down-kontakt {
          position:relative;
          width: 0;
          height: 0;
          border-left: 30px solid transparent;
          border-right: 30px solid transparent;

          border-top: 30px solid #e9e9e9; /*#4c3128;*/

          margin-bottom: -30px; /*  MÅ FIKSES!!! Kun midlertidig løsning for å få pil til å stå riktig  */
          z-index: 1;
        }

        /* #ffooterContent{
          margin-top: 50px;
          padding-top: 30px;
          background-color: #efefef;
        } */

        #footerContent{
          /* height: 800px; */
          position: relative;

        }

        #footerContent .top-content{
          /* margin-top: 50px; */
          padding-top: 50px;
          background-color: #271f1d;
          /* padding-bottom: 30px; */

          /*background: url(../img/stream.jpg) no-repeat center center fixed;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;*/


          /* background: url(../img/backgroundTEST.jpg) no-repeat center center fixed;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover; */
        }

        #footerContent:before{
          position:absolute;
          width:50px;
          height:50px;
          background-color: white;
          top:0;
          left:50%;
        }






        /***** NavBar toppmeny *****/
        #imgLogo{
            max-height: 50px;
            padding: -20px;
        }

        #xh2Brand{
            z-index: 100000;
            color: #444;
        }

        #navbarNav a{
            font-size: 14pt;
            /*font-family:Garamond*/
          font-family: 'Roboto Condensed',sans-serif;
          /* margin-top:12px;
          color:#ccc; */
        }



        .navbar{
            z-index: 11000;
            background: inherit;
        }

        /* Dark navbar */
        .navbar.navbar-no-bg{
          /*background: rgba(0,0,0,0.3)!important;*/
          /* background: rgba(0,0,0,0.3)!important; */
        }

        .halfTransBcg{
          background: rgba(0,0,0,0.0)!important;
        }

        .sticky { /* +Disabled for å deaktivere sticky header */
            position: fixed;
            top: 0;
            width: 100%;
            background: #333;

            /*-webkit-filter: blur(5px);
            -moz-filter: blur(5px);
            -o-filter: blur(5px);
            -ms-filter: blur(5px);
            filter: blur(5px);*/
        }





        /*.fgKontakt{
            padding: 10px;
        }*/

        /*.form-control{
            padding-top: 30px;
        }*/

        /*.containerTopUnderside{
            background-color: rgb(255, 255, 255);
            padding: 40px;
            box-shadow: 2px 2px solid #444;
            border-radius: 2px;
        }*/


		/**** HOME ****/

          .rowSPA{ /* bytte navn */
              /*height: 100vh;*/
              z-index: -111000;
              margin-top: 120px; /* fordi fjernet top-content padding 150px */
              /*background-color: rgba(0,0,0,0.3);*/
          }

      		.transBcg{
      			background-color: rgba(3,3,3,0.8);
      			border: 3px solid #eee;

      			/*transform: skew(-2deg);*/
      			padding-left: 50px;
      			padding-top: 10px;
      			padding-bottom: 20px;
            padding-right: 15px;
      			margin-top: 80px;


      		}

      		.h1Home{
      			/*transform: skew(2deg);*/
      		}

      		.pHome{
      			/*transform: skew(2deg);*/
            font-size: 14pt;
      		}

          #imgSlogan{
            max-width: 80%;
            margin:auto;
            margin-top: 30vh;

            /* margin-left: auto;
            margin-right: auto; */
          }

          #h1Slogan{
            color: #dfdfdf;
            font-size: 32pt;
            margin:auto;
            margin-top: 27vh;
            text-align: center;
          }







          /* .carousel-item > img {
            object-fit: cover;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 50vh;
          } */









          /*      Carousel CSS    kommenter tilbake igjen!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  */

          /*
          .carousel-inner .carousel-item-right.active,
          .carousel-inner .carousel-item-next {
            transform: translateX(33.33%);
          }

          .carousel-inner .carousel-item-left.active,
          .carousel-inner .carousel-item-prev {
            transform: translateX(-33.33%)
          }

          .carousel-inner .carousel-item-right,
          .carousel-inner .carousel-item-left{
            transform: translateX(0);
          }*/

           /* .carousel-inner>.item{

             -webkit-transition: -webkit-transform .1s ease-in-out!important;
             -o-transition: -o-transform .1s ease-in-out!important;
             transition: transform .1s ease-in-out!important;
           }  */

          /* #divBildeSlider{ */
          .divBildeSlider{
            min-height: 271px;
            max-height: 400px;
          }

          /* .item{ */
            /* #divBildeSlider{
              position: relative;
              height:100%;
          }

          .carousel-image {
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
          } */

          /* .carousel-item{
            height:100%;
            overflow: hidden;
          } */







        /**** OmOss ****/


		/*.rowOmOss{
			margin: 10px;
		}*/

        /*.rowOmOss .row{
            background-color: #fefefe;
			border: 3px solid rgba(3,3,3,0.8);
            border-radius: 1px;
            padding-top: 20px;
            padding: 50px;
        }*/


        .omOssImg{
          /* position:relative; */
          /* height: 100%; */
          /* width: 60%; */
          /* overflow:hidden; */
          margin-bottom: 20px;
        }






		/***** OmOss *****/

            .services-container{
              /* min-height: 90vh; /* gjør at et element fyller hele siden, for SPA */ */
              padding-top: 110px;
            }

            .h3ContentHeader{
                  color: #101218; /*333*/
                  max-height: 50px;
                  /* margin-top: -30px; */
                  padding-left:8px;
                  padding-bottom: 10px;
                  padding-right: 20px;
                  padding-top: 4px;

                  /* background-color: rgba(3,3,3,0.3); */
                  /* display: inline-block; */
                  border-radius: 2px;
                  text-align: center;
                  font-family: 'Roboto Condensed',sans-serif;
                  font-size: 2.125rem;
            }

            .h3ContentHeaderInverted{

              color: #fafafa; /*333*/
              max-height: 50px;
              /* margin-top: -30px; */
              padding-left:8px;
              padding-bottom: 10px;
              padding-right: 20px;
              padding-top: 4px;

              /* background-color: rgba(3,3,3,0.3); */
              /* display: inline-block; */
              border-radius: 2px;
              text-align: center;
              font-family: 'Roboto Condensed',sans-serif;
              font-size: 2.125rem;

            }

            .h3ContentHeader .whiteOnDark{
              color: #dfdfdf
            }

            .whiteOnDark{
              color: #dfdfdf
            }

            .pApiDemo{
                position: relative;
                font-size: 18pt;
                /*transform: skew(2deg);*/
                text-align: center;
                font-family: 'Roboto Condensed',sans-serif;
            }




            .pOmOss{
              position: relative;
              font-size: 18pt;
              /*transform: skew(2deg);*/
              text-align: center;
              font-family: 'Roboto Condensed',sans-serif;
            }

            .pOmOss span{
              background-color: #f9f9f9;
            	padding: 6px;
            	-webkit-box-decoration-break: clone;
            	box-decoration-break: clone;
            	line-height: 50px;
            }

            .pOmOssBoxx{
              background-color:white;
              border-radius:10px;
              height:200px;
              padding:10px;
            }

            .rowOmOssCont{
              /* height: 80vh; */
            }

        		/*.rowOmOssCont .row{
                margin: 10px;
                border-radius: 1px;
                padding-top: 20px;
                padding: 50px;
        		}*/

            .rotateimg180 {
              -webkit-transform:rotate(180deg);
              -moz-transform: rotate(180deg);
              -ms-transform: rotate(180deg);
              -o-transform: rotate(180deg);
              transform: rotate(180deg);
            }

        		.row{
        			margin-left: 0px!important;
        			margin-right: 0px!important;
        			margin-bottom: 0px!important;
        		}


    .rowWhite{
      /* background-color: #eee; */
      /* background-color: #f9f9f9; */
			/* border: 3px solid rgba(3,3,3,0.8); */
      /* border: 2px solid rgba(5,5,5,0.2); */
    }

    .hrLinje{
      color: black;
    }



      /***** Kontaktoss *****/
            .rowKontaktOss{
                /* background-color: #fefefe; */
                /* background-color: rgba(3,3,3,0.3); */
                margin: 10px;
                border-radius: 2px;
                padding-top: 20px;
                /*padding: 50px;*/
            }

            .rowKontaktOss form{
                /* display: block; */
            }

            .pKontakt{
                color: #fff; /*#333;*/
                font-size: 14pt;
                padding-bottom: 5px;
            }

            #pCallUs{
              color: white;
            }

            .rowKontaktOss.col-md-9{
              padding-left: 0px;
            }

            #iframeKontakt{
              border: none;
              width: 800px;
              height: 420px;
            }


      /***** Presentasjon *****/
        		.listGroupPresentasjon{
        			/*transform: skew(-2deg);*/
        			border: 3px solid rgba(3,3,3,0.8);
        		}

        		.list-group-item{
        			/*transform: skew(6deg);*/
        		}

            .list-group-item:first-child {
                border-top-left-radius: 0.1rem;
                border-top-right-radius: 0.1rem;
                border-bottom-left-radius: 0.1rem;
                border-bottom-right-radius: 0.1rem;

            }


      /***** Top menu *****/

            .navbar {
                background: #444;
                -o-transition: all .6s;
                -moz-transition: all .6s;
                -webkit-transition: all .6s;
                -ms-transition: all .6s;
                transition: all .6s;
                backface-visibility: hidden;

            }

            .navbar.navbar-no-bg {
                background: #444;
                /* background: rgba(0, 0, 0, 0.6); original farge på navbar når scroll*/
                background: rgba(39, 31, 29, 0.9);
                /* backdrop-filter: blur(0.7px); */
            }

            /* .navbar-dark .navbar-nav {
                font-size: 14px;
                color: #fff;
                font-weight: 600;
            } */

            /* .nav-item a{
              margin-top:12px;
              color:white;
            } */



            }

            /* .navbar-dark .navbar-nav .nav-link {
                color: #fff;
                color: rgba(255, 255, 255, 0.9);
                border: 0;
            } */

            /* .navbar-dark .navbar-nav .nav-link:hover {
                color: #fff;
            }*/

            /* .navbar-dark .navbar-nav .nav-link:focus {
                color: #fff;
                outline: 0;
            } */

            .nav-item .active { background-color: rgba(255, 255, 255, .4); }



            .navbar-expand-md .navbar-nav .nav-link {
                padding-left: 1rem;
                padding-right: 1rem;
            }

        /*.navbar-brand {
            width: 136px;
            background: url("img/doge.png") left center no-repeat;
            border: 0;
            text-indent: -99999px;
        }*/
          #navbarHeader{
            overflow: hidden;
          }

        /***** Top content *****/

                /* .top-content {
                }

                .top-content .text {
                    color: #fff;
                }

                .top-content .text h1 {
                    margin-top: 25px;
                    color: #fff;
                }

                .top-content .description {
                    margin: 30px 0 10px 0;
                }

                .top-content .description p {
                    opacity: 0.8;
                }

                .top-content .top-big-link {
                    margin-top: 45px;
                } */


        /***** Footer *****/

                #sticky-footer {
                    position: fixed;
                    bottom: 0px;
                    width: 100%;
                    /* Set the fixed height of the footer here */
                    height: 40px;
                    line-height: 60px; /* Vertically center the text there */
                    background-color: #f5f5f5;
        			      border-top: 2px solid #333;
                  }

                  #sticky-footer {
                    flex-shrink: none;
                  }

                  .footerText{
                      margin-top: -30px;
                      /*padding: 30px;*/
                  }

                    /*       Line separator      */


        /***** Arrow about us *****/








        @media (min-width: 400px) and (max-width: 1199px) {

            .rowSPA{ /* bytte navn */
                /* margin-top: 20px; */
            }

            #h1Slogan{
              color: #dfdfdf;
              font-size: 24pt;
              margin:auto;
              margin-top: 27vh;
              text-align: center;
            }

            .rowWhite{
              margin: 10px;
              border-radius: 1px;
              padding-top: 20px;
              padding: 0px; /* Minsker margen rundt i mobilvisning */
            }

            .pOmOss{
              position: relative;
              font-size: 15pt;
              /*transform: skew(2deg);*/
              text-align: center;
              font-family: 'Roboto Condensed',sans-serif;
            }

            .h3ContentHeader{
                  color: #101218; /*333*/
                  max-height: 50px;
                  /* margin-top: -30px; */
                  padding-left:8px;
                  padding-bottom: 10px;
                  padding-right: 20px;
                  padding-top: 4px;

                  /* background-color: rgba(3,3,3,0.3); */
                  /* display: inline-block; */
                  border-radius: 2px;
                  text-align: center;
                  font-family: 'Roboto Condensed',sans-serif;
                  font-size: 1.9rem;
            }






            .top-content{
                /*margin-top: -140px;*/
               /* padding: 40px 0; */
            }

            /* OmOss */
        		.rowOmOssCont .row{
                    margin: 10px;
                    border-radius: 1px;
                    padding-top: 20px;
                    padding: 20px!important;
        		}

            .services-container{
                /* min-height: 90vh;  /* gjør at et element fyller hele siden, for SPA */  */
                padding-top: 20px; /*20px;*/
            }

            #divApiDemo{
              margin-top: 80px;
            }

            .divApiDemoContainer{
              margin-top: 70px;
            }

            /* .navbar.navbar-no-bg{
              background: rgba(0,0,0,0.5); /*!important;*/
            } */

            /* Hvis liten skjerm, fullskjerm bilde - halv skjerm */
            #topContent{
              height:60vh;
            }

            #iframeKontakt{
              border: none;
              width: 800px;
              height: 800px;
            }


        }

        @media (min-width: 1200px) and (max-width: 1800px) {
          .container{
            /* max-width: 80%; */
          }

          #imgSlogan{
            max-width: 1200px;
            /* margin-left: 200px; */
          }
        }

        @media (min-width: 2200px) {
          .container{
            max-width: 1400px;
          }

          #imgSlogan{
            margin-left: 200px;
          }


        }



        /*@media (min-width: 992px) and (max-width: 1199px) {

            .services-box .services-box-icon { width: 60px; height: 60px; font-size: 32px; line-height: 60px; border-radius: 22px; }

            .about-us-box-text { padding-right: 0; }

        }

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

            .navbar-expand-md .navbar-nav .nav-link { padding-left: 0.6rem; padding-right: 0.6rem; }

            .top-content { padding: 180px 0; }

            .section-description p { padding: 0; }

            .services-box .services-box-icon { width: 50px; height: 50px; font-size: 26px; line-height: 50px; border-radius: 18px; }

            .about-us-box { margin-top: 80px; }
            .about-us-box:last-child { margin-top: 50px; }
            .about-us-box-text { padding-right: 0; text-align: center; }

            .more-services-box .more-services-box-icon { width: 50px; height: 50px; font-size: 26px; line-height: 50px; border-radius: 18px; }

            .portfolio-box h3:hover i { padding-left: 10px; }

            .blog-box h3:hover i { padding-left: 10px; }

        }

        @media (max-width: 767px) {

            .navbar.navbar-no-bg { background: #444; }
            .navbar-dark .navbar-toggler { border-color: #444; }
            .navbar-dark .navbar-toggler:focus { background: #333; outline: 0; }
            .navbar-expand-md .navbar-nav .nav-link { padding-top: 0.3rem; padding-bottom: 0.3rem; }

            .top-content { padding: 140px 0; }
            .top-content .top-big-link { margin-top: 25px; }
            .top-content .top-big-link a.btn { margin-top: 10px; }

            .section-description p { padding: 0; }

            .services-container { padding-bottom: 60px; }
            .services-box { text-align: center; }
            .services-box h3 { margin-top: 20px; padding-top: 10px; }

            .about-us-box { margin-top: 80px; }
            .about-us-box:last-child { margin-top: 50px; }
            .about-us-box-text { padding-right: 0; text-align: center; }

            .more-services-box { text-align: center; }
            .more-services-box h3 { margin-top: 20px; padding-top: 10px; }

            .portfolio-box { text-align: center; }
            .portfolio-box-image { max-width: 540px; margin: 0 auto; }

            .blog-box { text-align: center; }
            .blog-box-image { max-width: 540px; margin: 0 auto; }
            .blog-box h3 { margin-top: 30px; }

            footer { text-align: center; }
            .footer-right { padding-top: 10px; text-align: center; }
            .footer-bottom { padding-top: 20px; }

        }

        @media (max-width: 415px) {

            h1, h2 { font-size: 32px; }

        }



        @media
        only screen and (-webkit-min-device-pixel-ratio: 2),
        only screen and (   min--moz-device-pixel-ratio: 2),
        only screen and (     -o-min-device-pixel-ratio: 2/1),
        only screen and (        min-device-pixel-ratio: 2),
        only screen and (                min-resolution: 192dpi),
        only screen and (                min-resolution: 2dppx) {


            .navbar-brand {
                background-image: url(../img/logo@2x.png) !important; background-repeat: no-repeat !important; background-size: 136px 39px !important;
            }

        }*/