/*
----- iStudio custom ---- */
@font-face {
  font-family: "Gotham";
  src: url("../font/GothamPro-Medium.woff2") format("woff2"),
       url("../font/GothamPro-Medium.woff") format("woff");
}

html, body {height: 100%;}
body {font-family: "Gotham", serif;}

img {max-width: 100%;height: auto;}

.flagg {padding-top:8px;max-height:42px;float:right;}

.col-9 h1 {text-transform: uppercase; margin: 0px 0px;}
.col-9 h2 {text-transform: uppercase;}

h3 {font-size:22px;font-weight:400;}

.container-fluid.main {
	position: relative;
	background-image: url("../img/business-meeting-background.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	z-index: 0;
}

.center {
	display: flex;
	justify-content: center;
	align-items: center;
}

#recaptcha {
    width: 304px;
    margin: 0 auto;
}

.centerCaptcha {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}



.main:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:  rgba(235, 235, 235, 0.7);
  z-index:-2;
}

.row {min-width:100%;}

/* Knapper */

a.button {
	background-color:#3d8b8c;
	border:none;
	padding:20px 70px;
	color:#FFF;
	font-size:20px;
	text-transform:uppercase;
	-o-transition:.7s;
	-ms-transition:.7s;
	-moz-transition:.7s;
	-webkit-transition:.7s;
	transition:.7s;
	-webkit-box-shadow: 0px 2px 11px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 11px -4px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 11px -4px rgba(0,0,0,0.75);
}
a.button:hover {background-color:#3baeaf;color:white;text-decoration:none; }

.button-sm {
	background-color:#3d8b8c;
	border:none;
	width:100%;
	padding:15px 70px;
	color:#FFF;
	font-size:17px;
	text-transform:uppercase;
}

.button-admin {
	background-color:#3d8b8c;

	border:none;
	width:300px;
	padding:15px 70px;
	color:#FFF;
	font-size:17px;
	text-transform:uppercase;
	text-align:center;
	display: block;
  margin-left: auto;
  margin-right: auto;

}

.button-sm:hover {background-color:#3baeaf;color:white;text-decoration:none; }

table.knapper {width:100%;padding:0 30px;margin-top:40px;}

.button-ja {
	background-color:#3d8b8c;
	border:none;
	width:140px;
	padding:10px 40px;
	color:#FFF;
	font-size:15px;
	text-transform:uppercase;
	-webkit-box-shadow: 0px 2px 11px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 11px -4px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 11px -4px rgba(0,0,0,0.75);
}

.button-ja:hover {
	background-color:#3baeaf;
	color:white;
	text-decoration:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
	}

.button-nei {
	background-color:#FFF;
	border: 1px solid #3d8b8c;
	color:#3d8b8c;
	width:140px;
	padding:10px 40px;
	font-size:15px;
	text-transform:uppercase;
	-webkit-box-shadow: 0px 2px 11px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 11px -4px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 11px -4px rgba(0,0,0,0.75);
}
.button-nei:hover {
	background-color:#3baeaf;
	color:white;
	text-decoration:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.container-fluid.bottom {
	background-color:#2f3840;
	height:90px;
	color:#FFF;
}

.logoer {padding-top:25px;}
.canon {padding:8px 0px 0px 15px;}


/*---- SKJEMA ---- */

.skjemaside {background-color:#323232;min-height:800px;}
.skjemaside .center{padding: 120px 20px;}

.skjema {
  width: 100%;
  max-width: 480px;
  padding: 70px;
  margin: auto;
  background-color:#FFF;
}
.skjema .checkbox {
  font-weight: 400;
}
.skjema .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 8px;
  font-size: 14px;
}
.skjema .form-control:focus {
  z-index: 2;
}
.skjema input[type="text"] {
	margin-bottom: 10px;
	border-radius: 0;
}
.skjema input[type="password"] {
	margin-bottom: 10px;
	border-radius: 0;
}

p.registrer{font-size:12px;float:left;}
p.glemt {font-size:12px;float:right;}


/* ---- MIN SIDE ---- */
.minside {
	background-color:#FFF;
	padding:30px;
	max-width:1200px;
}




h1.hovedtittel {font-size:26px !important;padding-top:25px;font-weight:700;}
.minside  h2 {font-size:24px !important;}
.minside p {font-family: Arial,Helvetica Neue,Helvetica,sans-serif;font-size:14px;}


table.minside2 {font-family: Arial,Helvetica Neue,Helvetica,sans-serif;font-size:14px;margin:0 auto;}
table.minside2 th {background-color:#3d8b8c;color:#FFF;text-align:center;width:140px;border:1px solid #CCC}
table.minside2 td.noborder {text-align:right;padding-right:10px;border-style:solid;border-color:#FFF #CCC #FFF #FFF;}
table.minside2 td {border:1px solid #CCC;text-align:center;padding:5px;}
table.minside2 td.sum {background-color:#EEE;font-weight:600;}

table.minside {font-family: Arial,Helvetica Neue,Helvetica,sans-serif;font-size:14px;margin:0 auto;}
table.minside th {background-color:#3d8b8c;color:#FFF;text-align:center;width:140px;border:1px solid #CCC}
table.minside td.noborder {text-align:right;padding-right:10px;border-style:solid;border-color:#FFF #CCC #FFF #FFF;}
table.minside td {border:1px solid #CCC;text-align:center;padding:5px;}
table.minside td.sum {background-color:#EEE;font-weight:600;}




.minsidemeny {font-family: Arial,Helvetica Neue,Helvetica,sans-serif;font-size:13px;padding:20px;float:right;}


@media (max-width: 575.98px) {
	.col-9 h1 {font-size:20px;padding-top:8px;}
	.col-9 h2 {font-size:14px;}
	.kundelogo {padding-top:12px;padding-bottom:4px;min-width:65px}
	.container-fluid.main {padding: 60px 10px;min-height: 400px;}
	.skjema {padding:25px}
	.button-nei, .button-ja {width:110px;}
	h1.hovedtittel {font-size:16px !important;padding-top:10px;font-weight:500;}
	.minside h2 {font-size:14px !important;padding-top:10px;}
	h3 {font-size:17px;font-weight:400;}
	.button-sm {font-size:15px;}
	table.minside td.noborder {display:none;}
	table.minside th {font-size:13px;}

}

@media (min-width: 575.98px) {
	.kundelogo {padding-bottom:6px;}

}

@media screen and (max-height: 650px){ 
#rc-imageselect, .g-recaptcha { transform:scale(0.89); -webkit-transform:scale(0.89); transform-origin:0 0; -webkit-transform-origin:0 0; }

}

@media (min-width: 576px) and (max-width: 767.98px) {
	h1.hovedtittel {font-size:16px !important;padding-top:20px;font-weight:600;}
	.col-9 h1 {font-size:22px;padding-top:8px;}
	.col-9 h2 {font-size:16px;}
	.container-fluid.main {padding: 60px;}

}

@media (min-width: 768px) and (max-width: 991.98px) {
	h1.hovedtittel {font-size:18px !important;padding-top:20px;font-weight:600;}
	.col-9 h1 {font-size:28px;padding-top:8px;}
	.col-9 h2 {font-size:22px;}
	.container-fluid.main {padding: 60px;}

}

@media (min-width: 992px) and (max-width: 1199.98px) {
	h1.hovedtittel {font-size:20px !important;padding-top:15px;font-weight:700;}
	.col-9 h1 {font-size:32px;padding-top:12px;}
	.col-9 h2 {font-size:24px;}
	.container-fluid.main {padding: 80px;}

}

@media (min-width: 1200px) {
	.col-9 h1 {font-size:48px;}
	.col-9 h2 {font-size:36px;}
	.top {padding: 10px 0px;}
	table.minside {margin-top:30px;min-width:600px;max-width:1050px;}
	.row {min-width:1150px !important;}
	.container-fluid.main {padding: 60px;min-height:700px;}
	
}

@media (min-width: 1480px) {

}