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

:root{
	--skyrslu-blar:#292e34;
	--skyrslu-blar-hover:#1e2226;
}

html{
	scroll-behavior: smooth;
}

body{
margin:0;
font-family: 'Strait', sans-serif;
}

/* Borði Uppi */
.BordiUppiContainer{
	width:100%;
	height:100px;
	margin:auto;
	background: white;
	display:block;
	position:fixed;
	top:0;
	border-bottom: 1px solid rgba(153,153,153,0.5);
	z-index:9998;
}
.BordiUppi{
	width:75%;
	max-width:1200px;
	height:100px;
	margin:auto;
	display:block;
}
.BordiUppiMynd{
	width:20%;
	min-width: 200px;
	max-width:250px;
	margin-top:18px;
	margin-left:30px;
}
.BordiUppiMynd:hover{
	cursor: pointer;
}
.BordiUppiLink {
    display: table;
    height:100%;
    width:200px;
    float:right;
    text-align: center;
    font-size: 16px;
    cursor:pointer;
    list-style: none;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
    z-index:9999;
}
.BordiUppiLink:hover {
  background-color:#e3e3e3;
  cursor: pointer;
}
.BordiUppiLink a{
	text-decoration: none;
    color: var(--skyrslu-blar);
    vertical-align: middle;
    display: table-cell;
}
.BordiUppiFani{
	width:22px;
}
.Hamborgari{
	color:var(--skyrslu-blar);
	float: right;
    color: #333;
    text-align: center;
    padding: 30px 30px;
    text-decoration: none;
    font-size: 20px;
    cursor:pointer;
    display:none;
}
/* /Borði Uppi */
.frontur{
	width:80%;
	margin:auto;
}
.efniRappari{
	width: 70%;
	max-width:1200px;
	margin:auto;
	display:block;
	margin-top:100px;
}
.efniMarginTop{
	margin-top:300px;
}
.SiteLink{
	margin-bottom:300px;
}
#starfsmenn{
	background:var(--skyrslu-blar);
	color:#FFF;
	margin-top:400px;
	min-height:800px;
	padding-top:20px;
}
#samband{
	min-height:800px;
	padding-top:100px;
}
/* Dálkun */
.dalkar {
	margin: 0 -15px;
}
.dalkun:after {
	content: '';
	display: table;
	clear: both;
}
.dal {
	float: left;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.dal-1 {
	width: 8.33%;
}
.dal-2 {
	width: 16.66%;
}
.dal-3 {
	width: 25%;
}
.dal-4 {
	width: 33.33%;
}
.dal-5 {
	width: 41.66%;
}
.dal-6 {
	width: 50%;
}
.dal-7 {
	width: 58.33%;
}
.dal-8 {
	width: 66.67%;
}
.dal-9 {
	width: 75%;
}
.dal-10 {
	width: 83.33%;
}
.dal-11 {
	width: 91.66%;
}
.dal-12 {
	width: 100%;
}
.midjad{
	text-align:center;
}
/* /Dálkun */
.kassi{
	width:80%;
	margin:auto;
	min-height:300px;
	padding:20px;
	background-color: rgba(255,255,255,.05);
	text-align:center;
}
.kassi i{
	margin-top:20px;
	font-size:50px;
}
.kassi p{
	text-align:left;
	margin-left:40px;
	margin-right:40px;
}
.kassi a{
	text-decoration: none;
	color:#666;
	font-weight:bold;
}
.kassi a:hover{
	color:#999;
}
.kassiStor a{
	text-decoration: none;
	color:var(--skyrslu-blar);
	font-weight:bold;
}
.kassiStor a:hover{
	color:#666;
}
.kassiStor{
	width:80%;
	margin:auto;
	padding:20px;
	text-align:center;
}
.kassiStor i{
	margin-top:20px;
	font-size:50px;
}
.kassiStorNoBack a{
	text-decoration: none;
	color:#2c3a51;
	font-weight:bold;
}
.kassiStorNoBack a:hover{
	color:#999;
}
.kassiStorNoBack{
	width:100%;
	max-width:800px;
	margin:auto;
	padding:20px;
	text-align:center;
}
.kassiStorNoBack i{
	margin-top:20px;
	font-size:50px;
}
.kassiStorEfni{
	width: 80%;
	margin:auto;
}
.kassiStorEfni p{
	font-size:19px;
}
/* FRÓÐI-Skýrslur */
.frodiP{
	text-align: left;
	margin-left:5px;
	font-size: 18px;
	font-weight:300;
}
.frodi select {
	border-radius: 0;
	font-family: 'Font Awesome 5 Pro', sans-serif;
	-moz-appearance:none;
}
.frodi input[type=text], input[type=number], select, textarea {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	background-color: white;
	font-size:100%;
	padding: 8px 10px;
	resize:none;
	appearance: normal;
	margin-bottom:10px;
	-webkit-appearance: none;
	border: 3px solid #f2f2f2;
	-webkit-transition: border 0.3s; /* Safari */
    transition: border 0.3s;
}
.frodi input[type=text]:hover, input[type=number]:hover, textarea:hover{
	border: 3px solid #999;
}
.frodi .input-ovirkt{
	border:none!important;
	background-color: #999!important;
}
.frodi .input-ovirkt:hover{
	border:none!important;
}
.frodi select:hover{
	border: 3px solid #999;
	cursor: pointer;
}
.frodi input[type=text]:focus, input[type=number]:focus, textarea:focus{
	outline:none;
	border: 3px solid #999;
}
.frodi input[type="number"] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.frodi input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
}
/*Checkbox*/
.frodi input[type=checkbox] {
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 10px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}
.frodi input[type=checkbox]:active, .frodi input[type=checkbox]:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.frodi input[type=checkbox]:checked {
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}
.frodi input[type=checkbox]:checked:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 1px;
	left: 4px;
	color: #99a1a7;
}
.frodi input[type=checkbox]:focus{
	outline:none;
}
.frodi .checkboxtexti{
	position: absolute;
	margin:5px 0px 0px 10px;
	font-style: normal;
}
/*Checkbox*/
/* LABEL */
.valgluggi{
	position: relative;
	display: block;
}
.valgluggi i {
	position: absolute;
	top: 12px;
	right: 16px;
	width: 6px;
	height: 11px;
	pointer-events: none;
}
.valgluggi em {
	position: absolute;
	top:10px;
	left:10px;
	pointer-events: none;
	color:#999;
}
/* LABEL */
/* FILE input */
.frodi input[type=file] {
	width: 0.1px;
	height: 0.1px; 
	opacity: 0;
	overflow: hidden;
	z-index: -1;
}
.frodi .filetakki{
	width:80%;
    border: none;
    padding: 15px 32px;
    text-align: left;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    background:#678;
    color:white;
}
.frodi .filetakki:hover{
	background: hotpink;
	cursor: pointer;
}
/* FILE input */
.em-maggi{
	padding-top:50px;
}
select.valError, input[type="text"].valError, input[type="number"].valError{
	background:rgba(255, 0, 0, 0.3);
	font-size:13px;
}
em.valError{
	color:#c11b1b;
	font-style:normal;
	font-size:13px;	
}
/* FRÓÐI */
/* TAKKAR */
.takki:focus{
	outline:none;	
}
.med-takki:focus{
	outline:none;
}
.smatakki-dalkun-inline:focus{
	outline:none;	
}
.takki{
    border: none;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    font-family : inherit;
}
.med-takki{
    border: none;
    padding: 10px 18px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    font-family : inherit;
}
.takki-inline{
	margin-top:45px;
}
.takki-vinstri{
    float:left;
}
.takki-haegri{
    float:right;
}
.smatakki{
    border: none;
    padding:5px 7px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    font-family : inherit;
}
.smatakki-dalkun-inline{
    border: none;
    padding:5px 7px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
	margin-top:56px;
	font-family : inherit;
}
.takki-blar{
	color: white;
	background-color:#4286f4;
}
.takki-blar:hover {
  background-color: #2674f2;
}
.takki-skyrsluBlar{
	color: white;
	background-color:var(--skyrslu-blar);
}
.takki-skyrsluBlar:hover {
  background-color: #666;
}
.takki-raudur{
	color: white;
	background-color:#e23838;
}
.takki-raudur:hover {
  background-color: #c13030;
}
.takki-dokkraudur{
	color: white;
	background-color:#c13030;
}
.takki-dokkraudur:hover {
  background-color: #8c2121;
}
.takki-graenn{
	color: white;
	background-color:#46af4d;
}
.takki-graenn:hover {
  background-color: #299e31;
}
.takki-appel{
	color: white;
	background-color:#e07502;
}
.takki-appel:hover {
  background-color: #ba6000;
}
.takki-grar{
	color: white;
	background-color:#666;
}
.takki-grar:hover {
  background-color: #565656;
}
.takki-hvitur{
	color: #333;
	background-color:#FFF;
}
.takki-hvitur:hover {
  background-color: #999;
}
.takki-ovirkur{
	color:black!important;
	background-color:grey!important; 
}
/* /TAKKAR */
/* Borði Niðri */
.BordiNidri{
	width:100%;
	height:80px;
	margin:auto;
	margin-top:200px;
	background: white;
	font-size:13px;
}
.BordiNidriVinstri{
	width:70%;
	max-width:1200px;
	margin:auto;
	text-align: left;
}
.BordiNidri a {
	text-decoration: none;
	margin-right:50px;
	color:#2c3a51;
}
.BordiNidriLink{
	font-size:17px;
}
.BordiNidri p {
	display:inline-block;
	margin-right:50px;
	font-size:14px;
}
.BordiNidri a:hover {
	cursor:pointer;
	color:#999;
}

/* /Borði Niðri */
@media only screen and (max-width: 1110px) {
 	.BordiUppi{
		width:100%;
	}
	.BordiNidriVinstri{
		width:90%;
	}
	.efniRappari{
		width:100%;
	}
}
@media only screen and (max-width: 880px) {
	.dal-1, .dal-2, .dal-3, .dal-4, .dal-5, .dal-6, .dal-7, .dal-8, .dal-9, .dal-10, .dal-11, .dal-12 {
		width: 100%;
	}
	.dal{
		margin-bottom:30px;
	}

	.Hamborgari{
		display:block;
	}
	.BordiUppiLink {
		float:none;
		width:100%;
		height: 40px;
		text-align: center;
		padding:8px;
		background:white;
		display:none;
	}
	.MobileFyrsti{
		margin-top:30px;
	}
	.MobileSyna{
		display:block;
	}
}