@import url(https://fonts.googleapis.com/css?family=OpenSans);


  body {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 22px;
    color: #555;
    background-color: #555555;
  }


/*************************
*******Header******
**************************/


nav{
  margin-bottom: 0;
  padding: 30px 0 30px 0;
}

nav .navbar-inverse .container{
  position: relative;
}


.field-toggle{
  position: relative;
  top: 30px;
  right: 15px;
  display: none;
  height: 50px;
}



nav .navbar {
	background: #fff;
	border: 0;
	margin-bottom: 0;
	padding:17px;
	border-bottom:1px solid #999;
}
@media(min-width:992px) {
    nav .navbar {
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out, width .5s ease-in-out;
    }

    nav .top-nav-collapse {
        padding: 0px;
    }

    nav .navbar-brand> .testimg {
	margin-top:-15px;
  	width:100%;
	transition: all .5s ease-in-out;
    }
		
	nav .navbar-brand> .testimgadd{
		margin-top:0;
		width:60%;
	}	
}
@media(max-width:991px) {
	nav .navbar img {
		width:60%;
	}
	nav .navbar {
		padding:0;	
	}
	nav .navbar-nav.navbar-right >li a {
		padding:0 10px !important;
		font-size:12px !important;
	}
}
nav .navbar-toggle{
  margin-top: 20px;
}

nav .navbar-brand{
  padding: 0;
  margin-left: 0;
}

nav .navbar-brand h1{
  padding: 0;
  margin: 0;
}

nav .navbar-nav.navbar-right >li:last-child{
  margin-right: 20px;
}

nav .navbar-nav.navbar-left >li a, nav .navbar-nav.navbar-right >li a {
  color: #000;
  font-size: 14px;
  padding: 17px;
  padding: 0px 17px;
  font-weight: 400;
}

nav .navbar-nav.navbar-left >li a, nav .navbar-nav.navbar-right >li .active {
  color: red;
  font-size: 14px;
  padding: 17px;
  padding: 0px 17px;
  font-weight: 400;
}


nav .navbar-inverse .navbar-nav  li.active > a,  
nav .navbar-inverse .navbar-nav  li.active > a:focus, 
nav .navbar-nav.navbar-right li > a:hover,
.navbar-inverse .navbar-nav > .open > a {
  background-color: inherit;
  border: 0;
  color: #A81010;
}

nav .nav li a {
    line-height: 56px;
}

/*  Dropdown menu*/

ul.sub-menu {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
}

nav .navbar-nav li ul.sub-menu li a{
  color: #818285;
  padding: 5px 0;
  font-size: 13px;
  display: block;
  text-transform: capitalize;
}

nav .navbar-nav li ul.sub-menu li .active{
  background: #00aeef;
  color: #fff;
  position: relative;
}

nav .navbar-nav li ul.sub-menu li .active i{
  position: absolute;
  font-size: 56px;
  top: -13px;
  color: #0884d5;
}

nav .navbar-nav li ul.sub-menu li .active .fa-angle-right{
  left: -3px;
}

nav .navbar-nav li ul.sub-menu li .active .fa-angle-left{
  right: -3px;
}

nav .navbar-nav li ul.sub-menu li a:hover,
nav .navbar-nav li ul.sub-menu li a:focus{
  background: #00aeef;
  color: #fff;
}

.fa-angle-down{
  padding-left: 5px; 
}



section#kontakt{
  padding: 60px 0;
  background-color: #fff;
  background: url(../images/bg.jpg) 55% 100%;
}
section#kontakt h3{
  margin-top: 0;
}


footer#footer{
  background-color: #555;
  color:#fff;
  height: 80px;
  line-height: 80px;
}
section#firmaprofil{
  padding: 30px 0;
  background-color: #fff;
  background: url(../images/bg.jpg) 55% 100%;
  min-height:450px;
}
section#viudfoerer{
  padding: 30px 0;
  background-color: #fff;
  background: url(../images/bg.jpg) 55% 100%;
  min-height:450px;
  ;
}
section#landing {
}
section#breadbrumbs{
/*  padding: 0 0 0 0;
  margin-top: 15px;*/
  border-bottom: 1px solid #999;
  background-color: #fff;
}
section#landing_footer{
  padding: 30px 0;
  background-image: url(../images/landing/landing_footer.jpg);
}
section#velkommen{
  padding: 30px 0;
  background-color: #fff;
  background: url(../images/bg.jpg) 55% 100%;
}

section#referencer{
  padding: 30px 0;
  background-color: #fff;
  background: url(../images/bg.jpg) 55% 100%;
  min-height:450px;
}


      #push
       {
        height: 50px;
        background-color: #fff;
      }


      

#winSize{
  opacity:0.2;
  position:fixed;
  bottom:1%;
  right:1%;
  border:rgba(0,0,0,0.8) 3px solid;
  background:rgba(0,0,0,0.6);
  padding:5px 10px;
  color:#fff;
  text-shadow:#000 1px 1px 1px,#000 -1px 1px 1px;
  z-index:9999;
  transition: all ease 300ms; 
  
}
#winSize:hover{
  opacity:1;
  
}


#winSize2{
  opacity:0.2;
  position:fixed;
  bottom:10%;
  right:1%;
  border:rgba(0,0,0,0.8) 3px solid;
  background:rgba(0,0,0,0.6);
  padding:5px 60px 25px 30px;
  color:#fff;
  text-shadow:#000 1px 1px 1px,#000 -1px 1px 1px;
  z-index:9999;
  transition: all ease 300ms; 
  
}
#winSize2:hover{
  opacity:1;
  
}


@media(min-width:992px) {
    nav .navbar {
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out, width .5s ease-in-out;
    }

    nav .top-nav-collapse {
        padding: 0px;
    }

    nav .navbar-brand> .testimg {
    width:180px;
    transition: all .5s ease-in-out;
    }
    
  nav .navbar-brand> .testimgadd{
    margin-top:0;
    width:30%;
  } 
}
@media(max-width:991px) {
  nav .navbar img {
    width:30%;
  }
  nav .navbar {
    padding:0;  
  }
  nav .navbar-nav.navbar-right >li a {
    padding:0 10px !important;
    font-size:9px !important;
  }
  section#breadbrumbs {
    padding: 0;
  }
  nav .navbar-header {
    box-sizing:initial;
  }

  ol.breadcrumb{
    float: right;
    margin-top: 0;
  }
}



.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 430px;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}



#map-container { height: 300px; }
figure {
    position: relative;
}
figure figcaption {
    font-size: 22px;
    color: #FFF;
    text-decoration: none;
    top: 2px;
    left: 2px;
    position: absolute;
    background-color: #000;
    padding: 5px;
}

section#referencer .panel .col-sm-6:nth-child(3), section#referencer .panel .col-sm-6:nth-child(4){
  display: none;
}
section#viudfoerer img{
  margin: 5px 0;
}

.panel-pmg {
  border-color: #9C393C;
}
.panel-pmg > .panel-heading {
  color: #ffffff;
  background-color: #9C393C;
  border-color: #9C393C;
}
.panel-pmg > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #9C393C;
}
.panel-pmg > .panel-heading .badge {
  color: #9C393C;
  background-color: #ffffff;
}
.panel-pmg > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #9C393C;
}