body{ 
	font-family: 'Montserrat';
    font-weight: 300;
    font-style: normal;
	}

body p { font-size: 18px; color:#737373;line-height: 1.5em; padding-bottom: 20px;}

a{color:#868686;}
footer a {color:#FFF;}
footer a:hover {color:#FFF;}

.font-light {
    font-family: 'Montserrat';
    font-weight: 300;
    font-style: normal;
}

.font-bold {
    font-family: 'Montserrat';
    font-weight: 600;
    font-style: normal;
}

.font-extrabold {
    font-family: 'Montserrat';
    font-weight: 800;
    font-style: normal;
}

.font-normal {
    font-family: 'Montserrat';
    font-weight: 400;
    font-style: normal;
}

a:focus, a:hover {text-decoration: none;}

nav.navbar, nav.navbar * {position:relative; z-index: 200; margin-bottom: 0px !important;}
.container>.navbar-collapse {padding-right: 0;} 

.navbar {background-color: #ffffff; border-radius:initial} /* hendan menu bakgrundin skal helst bara vera á forsíðuni */

.navbar {border: none}
.container>.navbar-header {z-index:250}
.navbar>.container .navbar-brand {margin-left:0; top: 7px;}

.navbar-brand {padding-top:0px; height:86px;}

#navbar ul.nav {float:left; margin-left:20px;}
#navbar ul.nav li a {color:#1e2d37; text-transform: uppercase; 
    font-size: 16px; height:103px; line-height: 130px; 
    padding-top:0px; padding-bottom:0px;
font-size:16px; font-weight: 900;}

#navbar ul.nav li a:hover, #navbar ul.nav li:hover {background:none;}

.fbluetop {background: linear-gradient(180deg, #1A899B 0%, #235173 100%); height:auto; min-height: 256px;}
.carousel-container {top:-105px; position: relative; z-index: 10;}
.carousel-inner {z-index: 10 !important; }
.carousel-caption {bottom:25%;}
.carousel-caption h3 {font-size:56px; font-weight: 900; color:#FFF; text-transform: uppercase;}
.carousel-caption p {font-size:20px; font-weight: 300; padding-bottom: 30px; }
.greenbtn {background-color:#00a251; color:#FFF; font-size: 16px; padding:5px 10px;}
.greenbtn:hover {color:#FFF; text-decoration:none;background-color: #1e2d37}
.darkbl {background-color: #1e2d37; color:#FFF; padding-top:50px; display: block; margin-top: -105px; padding-bottom:50px;}
.darkbl p {font-size:19px; text-align: center; color:#fff}
.darkbl h3 {	
	font-family: 'Montserrat';
    font-weight: 300;
    font-style: normal;
	font-size:39px;
	margin-bottom: 20px;
}

.linkbox{padding-bottom:40px;padding-left: 40px;padding-right: 40px;}
.linkbox p{padding-bottom: 20px}

.text-center {text-align:center;}
.nowpadding {padding-left:0px; padding-right:0px;}
.nolpadding {padding-left:0px;}
.norpadding {padding-right:0px;}

h1, h2, h3, h4, h5, h6 {
    text-transform:uppercase;  
	font-family: 'Montserrat';
    font-weight: bold;
    font-style: normal;
	}

.greenbg {
    background-color:#d9f1e5; 
    color:#4c4c4c;
    padding-top:50px;
    padding-bottom:50px;
    font-size:18px;
}

.greenbg h5 {
    color:#1e2d37;
    font-size:27px; 
    font-weight: 300;
}

.greenbg .citateigari {font-weight:bold;}

.front-icon-oki {padding-bottom:60px; color:#979898; font-size:15px; text-align: center;}
.front-icon-oki h4 {font-size:35px; font-weight:900; color:#1e2d37; text-transform:uppercase; margin-top:60px; margin-bottom:50px;}
.front-icon-oki h5 {
    font-size: 23px; font-weight:normal;
    margin-bottom:30px;
    color:#1e2d37;
}
.front-icon-oki .greenbtn {margin-top:30px;}

.front-icon-oki img {clear:both; margin-left:auto; margin-right: auto; width:55%}

.verkbreak {color:#1e2d37; font-size:35px; font-weight: 900; text-transform: uppercase; padding-top:60px; padding-bottom: 50px;}

.citat {padding-bottom:20px; padding-top:20px;}
.flexrow .caption {
    width:76%; 
    margin-left:12%;
    margin-right: 12%; 
    margin-top:80px; 
    text-align:center; color:#FFF;
 margin-bottom:20%; 
 background-color:rgba(16,64,95,0.6); 
 color:#FFF;
 padding-top:40px;
 padding-bottom:40px;
 padding-left:20px;
 padding-right: 20px;
}


.flexrow .caption h6 {text-transform: uppercase; 
    font-size:39px; 
    font-weight: 100;
    /*text-shadow: -2px 4px 5px rgba(150, 150, 150, 1);*/
     }

.flexrow .caption p { font-size:22px; color:#FFF;font-weight:600}

.flexrow div, .flexrow a {background-size: cover;}

.flexrow .sub-caption { 
    width:90%; 
    margin-left:5%;
    margin-right:5%; 
    margin-top:140px;
    text-align:center;
    font-size: 40px !important;
    color:#FFF;
    margin-bottom:120px; 

}

.flexrow .sub-caption h6 {font-size: 32px;
text-shadow: -2px 4px 5px rgba(150, 150, 150, 1);
     }

@media (min-width: 768px) {
  .row.equal {
    display: flex;
    flex-wrap: wrap;
  }
}
  
.greybg {font-size:26px; color:#000; text-transform:uppercase; font-weight:100; background-color:#cfd4d6; padding-top:30px; padding-bottom:30px; }

.greybg * {line-height: 81px;}

.snarleidir {color:#1e2d37; font-size: 34px; font-weight: 900; margin-bottom:50px; }

.snarleidirrow {font-size: 23px; color:#1e2d37; text-transform:uppercase; padding-top:80px; padding-bottom: 80px;}

.snarleidirrow p {padding-top:20px}

footer {
    background-color: #1e2d37;
    width:100%;
    padding-top:60px;
    padding-bottom:60px;
    color:#FFF;
    font-size:14px;
}

footer img {margin-top:-10px;}

.topimg img {width:100%; height:auto; text-align: center;}

.topimg_container {border-bottom: 10px solid #1e2d37; position: relative; display: block; max-height:100vh; overflow:hidden;}

.topimg-container:after {
    position: absolute;
    background: rgba(231,242,230,0.6);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 0;
}
.topimg-container:after {background: rgba(231,242,230,0.3);}

ul.filterul {margin-top:0px; margin-left:0px;}

ul.filterul li {font-size:20px; line-height: 70px; display:inline; float:left; margin-right: 25px;}
ul.filterul li:hover {cursor:pointer;}
ul.filterul li.active {font-weight:900;}

.filterblock {display:block; margin-top:0px; padding-top:0px; position: relative; margin-top:-105px; }

.topimg .pagetitle {position:absolute; top:60%; font-size:60px; color:#FFF; 
    /*text-shadow: -2px 4px 5px rgba(150, 150, 150, 1);*/
    color:#1e2d37;
    left: 50%; /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, -50%); /* This is a shorthand of */
    font-weight:900;
    text-transform:uppercase;
	letter-spacing: 0.03em;          
}

.blockmakeup {display:block; width:100%; margin-top:-103px;}

.content-white img {max-width: 100%; height: auto; padding-bottom:30px;}

.content-white h2, .darkgbg h2, .lightgbg h2, .whitebg h2 {font-size: 55px; margin-top:50px; font-weight: 400; margin-bottom:40px}

.lightgbg, .whitebg  { margin-top:0px !important; padding-bottom:30px; padding-top:30px}

.lightgbg a, .whitebg a, .darkgbg a {
    display:block;
    padding:5px 10px; color:#1e2d37; border:2px solid #1e2d37; border-radius: 2px;
    font-size:16px; font-weight:bold;
    float:left;
    width:auto;
    margin-top:15px; margin-bottom:15px;
}

.lightgbg a:hover, .whitebg a:hover, .darkgbg a:hover {
    background-color: #1e2d37;
    color:#FFF;
    text-decoration:none;
}

.darkgbg {margin-top:130px !important; padding-bottom:30px; padding-top:30px}

.nolpadding img {margin-bottom:30px;}


.top_negative_offset_image img {position:relative; top:-100px;}


.darkgbg {background-color:#cfd4d6; margin-top:120px; padding-bottom:30px;}


.lightgbg {background-color:#efefef; margin-top:120px; padding-bottom:30px;}

.lightgbg img {margin-bottom:30px}
.empcont {font-size:18px; line-height: 1.2em; padding-top:60px;}

.empcont .col-md-3 {margin-bottom:30px;}
.empcont img {width:100%; margin-bottom:20px;}
.empnavn {display:block; float:left; font-weight:bold; clear:both;} 
.empheit {display:block; float:left; clear:both;}
.empemail{display:block; float:left; clear:both;}
.emptelefon{display:block; float:left; clear:both; margin-bottom:30px}

.projectcont {margin-top:60px;margin-bottom:60px}

h1.verkaetlan {
    font-size: 50px;
    text-transform:uppercase;
    font-weight: 100;
  margin-bottom:20px;
}

.projectslider {border-bottom:10px solid #000;}

.projectul-wrap {display:block; float:left; width:100%; background-color:#cfd4d6; margin-top:30px; margin-bottom:30px;
box-sizing: border-box;
padding:30px;
}

 
.projectcont img {width:100%; height:auto;}

.projectul-wrap h1, .projectul-wrap h2, .projectul-wrap h3, .projectul-wrap h4, .projectul-wrap h5, .projectul-wrap h6 {font-size:30px; text-transform: uppercase; font-weight:normal;}

.projectul-wrap ul{padding:0px !important;}

.projectul-wrap ul li {display:block; clear:both; float:left; margin-bottom:5px;}

.projectul-wrap ul {
  list-style-type: none;
}
.projectul-wrap ul> li {
  text-indent: 0px;
}
.projectul-wrap ul > li:before {
  content: "-";
  text-indent: 0px;
}

.marg-bottom {margin-bottom:60px !important;}

footer p {font-size:14px; color:#FFF;}

.navbar-header, .navbar-brand, .navbar-brand img {position:relative; width:auto; height:auto; z-index:2500;}

.navbar-brand, .navbar-brand img {z-index:3000 !important; position:relative; display:inline; float:left; height:auto; }
.navbar-brand img{width:100%; margin-top:10px;}
.navbar-brand {
  width:200px;
  
}

.buseturfooterlogo {}
.stoypfooterlogo {margin-left:20px;}
.footerlogo {display:inline; float:left; height:24px; width:auto; }

a.stoyp img {
  width:103px !important;
  height:auto;
  margin-top:35px;
}

 
#topmenu *{
overflow:hidden;
}
@media screen and (max-width: 768px) {
   .row, .container, .container-fluid{max-width:100%; overflow-x:hidden;}
  .buseturfooterlogo, .stoypfooterlogo {
  display:block;
    margin-bottom:20px;
  }
  .footerlogocol {text-align:center;}
  .footerlogocol img{display:inline-block !important; margin-left:0px !important; float:none !important;}
}

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

#navbar ul.nav li a.stoyp{
	line-height:normal !important;
  	height:auto !important;
}

div#navbar{
  width:calc(100% - 200px);
  display:inline; float:left;
}
ul#topmenu {
width:100%;
}
}
.imgmargin {margin-top:30px; margin-bottom:30px;}

.carousel-caption p {color:#FFF !important;}

/* bootstraap slider fade */

.carousel-fade .carousel-inner .item {
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
}

.details {
    margin: 50px 0; }
 .details h1 {
      font-size: 32px;
      text-align: center;
      margin-bottom: 3px; }
    .details .back-link {
      text-align: center; }
      .details .back-link a {
        display: inline-block;
        margin: 20px 0;
        padding: 15px 30px;
        background: #333;
        color: #fff;
        border-radius: 24px; }
        .details .back-link a svg {
          margin-right: 10px;
          vertical-align: text-top;
          display: inline-block; }

/* /bootstrap slider fade */


 .carousel-control {z-index:8000 !important; }


.stoypli {
  float:right !important;
}
a.stoyp {
height:100%;
  padding-top:30px;
}


@media (max-width: 1500px) {
.topimg .pagetitle{font-size: 50px;}
	.carousel-caption {bottom:20%;}
}
@media (max-width:1200px){
	.flexrow .caption h6 {font-size: 33px;}
  h1.verkaetlan{font-size:45px;}
  .top_negative_offset_image img {top:0px}
  .content-white h2, .darkgbg h2, .lightgbg h2, .whitebg h2 {font-size: 40px}
  .lightgbg img, .imgmargin img, .darkgbg img, .whitebg img {width:100%}
}
@media (max-width: 767px) {
  .lightgbg .row, .darkgbg .row, .whitebg .row {margin-left:0; margin-right:0}
	body p {font-size: 15px;}
 * {max-width:100% !important;}
  h1, h2, h3, h4, h5, h6, .verkbreak {font-size:26px !important;}
  .top_negative_offset_image img {position:relative; top:0px !important;}
  img {width:100%; height:auto;}
  .topimg .pagetitle { font-size:28px !important; top: 50%; width:100%; left: 80%; transform: translate(-80%, -50%); text-align:center;}
  .carousel-caption {bottom:15%;}
  .carousel-container {margin-top:100px;}
  .navbar-brand img {height:50px; width:auto;}
  .carousel-caption p {padding-bottom: 5px;}
  
  .icon-bar {background-color:#000 !important;}
  #topmenu {float:left;}
  #topmenu li {line-height:30px; float:left; display:block; clear: both; width:100%;}
  #topmenu li a{line-height:30px; float:left; display:block; border-top:1px solid #eee; }
  #navbar ul.nav {float: left; display: block; width: 100%; margin: 0;}	
  #navbar ul.nav li a {height: 61px; line-height: 61px; width: 100%;}
  footer p{font-size: 13px; padding-top: 10px; text-align: center;}
  .greybg * {line-height: 60px; text-align: center;}
	.greybg {padding-bottom: 50px;    padding-top: 50px;}
	.verk {padding:0; margin-bottom:0!important}
	.verk .row {margin:0}
	.darkbl {padding-bottom: 50px; padding-left: 0; padding-right: 0;}
	#navbar ul.nav li a img {margin-top: 0px; width:103px}
	#navbar ul.nav li a img:parent { height:110px !important; line-height:110px !important }
	.filterblock, .fitlermenu {padding: 5px 0;}
	ul.filterul li {font-size: 16px; line-height: 37px; margin-right: 10px; margin-left:10px; float: none;}
	ul.filterul { text-align: center; padding-left: 0;}
   .container>.navbar-header, .container>.navbar-collapse {margin-left:0; margin-right:0}
   .container>.navbar-collapse {padding-right:15px; padding-left:15px;}
  .content-white h2, .darkgbg h2, .lightgbg h2, .whitebg h2 {margin-top:20px}
  img.sociallinks {width:70px}
  
a.stoyp:hover {
background:none !important;
display:inline; float:left;}
a.stoyp {
background:none !important;}
  a.stoyp img{
    margin-top: 10px !important;
    margin-left: -15px;
    margin-bottom: 15px !important;
}
  }
  
  
}

@media (max-width:568px){
	.carousel-caption {bottom:10%;}
	.darkbl p {font-size: 16px;}
	.carousel-caption p {display:none}
	.greenbtn {display:none}
	.row {margin-left:0;margin-right:0}
	.snarleidirrow a{padding-bottom:20px}
	.flexrow .caption {width: 100%;
margin-left: 0%;
margin-right: 0%;}
	.front-icon-oki img {width:75%}
  .container, .container-fluid{padding-left:0;padding-right:0;}
  .navbar-brand img{padding-left:10px}
}


.empitem {
  width:100%;
  height:auto;
  min-height:300px;
  
}


footer img {margin-top:0px !important;}

.footerbottom {
background-color:#000;
  color:#FFF;
  line-height:40px;
}

.footerbottom a:hover, .footerbottom a{
color:#FFF;}

.text-center {text-align:center;}

.kolofon img {
  margin-right: 8px;
  max-width:25px !important;
  position:relative;
  top:-1.5px;
}