@charset "utf-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
.form-check { display: block;  margin-bottom: 0.5rem;  position: relative; font-weight:500;}
.header_bg::after {border-bottom: 1px solid rgba(34, 36, 38, 0.15);box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);content: "";left: 0;position: absolute;top: 100%;width: 100%;z-index: 100;}
.header_bg {background: #fff none repeat scroll 0 0;display: inline-block;height: 65px;position: relative;width:100%; float:left;}
.logo a img {display: inline-block;padding-right: 10px;vertical-align: middle;}
.logo a{ color:#000;}
.logo {padding-top: 11px;}
.logo a span {font-size: 1.8rem;height: 35px;position: relative;vertical-align: middle;}
.header_right {float: right;margin-top:10px;} 
.ui.button {-moz-user-select: none;background: #e0e1e2 none repeat scroll 0 0;border: medium none;border-radius: 0.285714rem;box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;color: rgba(0, 0, 0, 0.6);cursor: pointer;display: inline-block;font-family: Lato,"Helvetica Neue",Arial,Helvetica,sans-serif;font-style: normal;font-weight: 700;line-height: 1em;margin: 0 0.25em 0 0;min-height: 1em;outline: 0 none;padding: 10px 12px;text-align: center;text-decoration: none;text-shadow: none;text-transform: none;transition: opacity 0.1s ease 0s, background-color 0.1s ease 0s, color 0.1s ease 0s, box-shadow 0.1s ease 0s, background 0.1s ease 0s;vertical-align: baseline;}
.ui.blue.button, .ui.blue.buttons .button {background-color: #5cb85c;background-image: none;color: #fff;text-shadow: none;}
.card {-moz-box-direction: normal;-moz-box-orient: vertical;background: #fff none repeat scroll 0 0;border: medium none;border-radius: 0.285714rem;box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;display: inline-block;position: relative;transition: box-shadow 0.1s ease 0s, transform 0.1s ease 0s, -webkit-transform 0.1s ease 0s;width: 100%;margin:35px 0;padding:1em;text-align:center;height:auto;}
.maroon {color: #f05f40;}
.fa-6x {font-size: 8em;text-align:center;}
.card h4{font-size: 1.28571em;font-weight: 700;line-height: 1.28571em;margin:15px 0;}
.card p {color: rgba(0, 0, 0, 0.68);font-size: 1em;}
.block_info, .info {-moz-box-direction: normal;-moz-box-orient: vertical;background: #fff none repeat scroll 0 0;border: medium none;border-radius: 0.285714rem;box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;display: inline-block;margin: 0 0 35px 0;padding: 1em;position: relative;transition: box-shadow 0.1s ease 0s, transform 0.1s ease 0s, -webkit-transform 0.1s ease 0s;width: 100%;}
.bl_img {display:inline-block; vertical-align:middle;width: 2.5em;}
img{ max-width:100%;}
.bl_contant {display: inline-block;padding-left: 0.75rem;vertical-align: middle;}
.bl_contant > a {font-size: 1.51429rem;}
.bl_contant p{color: rgba(0, 0, 0, 0.6);display: block;font-size: 1rem;font-weight: 400;line-height: 1.2em;margin: 0;padding: 0;}
.take_btn {display: inline-block;text-align: center;vertical-align: middle;width: 100%;margin-top:15px;}
.ui.primary.button, .ui.primary.buttons .button {background-color: #f05f40;background-image: none;color: #fff;text-shadow: none;}
.info h6 {font-size: 16px;font-weight: 700;margin-bottom:5px;}
.info ul {list-style-position: inside;opacity: 0.85;padding: 0;text-align: left;}
.info li {font-size: 14px;line-height: 18px;list-style:decimal;margin-left: 13px;}
.footer.ui.link.horizontal.divided.list {display: inline-block;text-align: center;width: 100%;}
.footer.ui.link.horizontal.divided.list .item {border-left: 1px solid rgba(34, 36, 38, 0.15);border-top: medium none;line-height: 0.6;margin: 0;padding:0 5px;color: #000;transition: color 0.1s ease 0s;font-size:13px;}
.item.black {color: #777 !important;display: inline-block;}
.footer.ui.link.horizontal.divided.list .item:first-child{ border-left:0;}
.olive {color: #163f8f;}
.blue {color: #5cb85c; }
.addbeer {float:right; }
	
.navbar-nav > li > a {
    padding-bottom: 15px;
    padding-top: 15px;
}
.navbar-nav {
    padding-top:10px;
	padding-left:25px;
}
.navbar-default {
    background-color: #fff;
    border-color: rgba(34, 34, 34, 0.05);
    transition: all 0.35s ease 0s;
}


.GREEN {color:green;}
.RED {color:red;}

.header { line-height:40px; font-size:20px; font-weight:bold;}
h1 {font-size:28px !important;}
h2 {font-size:22px !important;}
h3 {font-size:18px !important;}
label{font-weight:500;}

.hidden > a {
    background-color: #ddd;
    border-radius: 6px;
    margin: 5px 0;
    color:#000;
    font-size:18px;
    font-weight:bold;
}

.hidden > a:hover {
    color:#fff !important;
    font-size:18px;
    font-weight:bold;
    background-color: #5cb85c !important; 
}

.header_right a:hover {
    background-color: #888 !important; 
    color:#fff !important;
}

/*
Her er css informasjon om brygg boks
*/

.portfolio-item {margin-bottom: 20px;cursor: pointer;overflow: hidden;position: relative;box-shadow: 3px 3px 2px #888888; margin-left:0px; margin-right:0px; height:128px;background-color: #eeeeee !important;}
.image_sec {padding:0px !important;}
.image_sec img {width:100%;}
.pagination {margin-bottom: 120px;}
.card-title a {	font-size:18px;	color:#333;white-space: nowrap;}
.card-text {float: left;width: 100%;font-size:15px;}
.card-title {padding-top: 0px;}
.small_pic {padding: 10px;	width: 100%;}
.images_sec {float: left;	padding-bottom: 0 !important;	padding-left: 0 !important;	padding-right: 2%;	padding-top: 0 !important;	width: auto; height:100%;}
.images_sec img { max-width:100%; height:100%; width:auto;}
.texes_sec {float:left;	width:55%;}
.small_image {float: right;width: 12%;}
.list_data_top {margin-bottom: 30px; overflow: hidden; position: relative;box-shadow: 3px 3px 2px #888888;padding:10px;}
.list_data {margin-bottom: 30px; overflow: hidden; position: relative;box-shadow: 3px 3px 2px #888888;padding:10px;background-color: #eee !important;}
.page-header { border-bottom: 1px solid #ddd; width: 100%;}
.form-check{margin-bottom:0px;}
.pad-5{margin-top:7px;}
.rim-page-panel-divider { background: #464646 none repeat scroll 0 0; height: 5px; margin-top: 10px;}
.rim-page-panel-nav-information { background: #eee none repeat scroll 0 0;color: #bdbdbd; }
.rim-page-panel-srm { right: 20px; top: 4px;}
.bar-chart {display: inline-block; margin-right: -5px;  position: relative; text-align: center; width: 20%;padding-top:5px;}
.bar-background { background-color: #f5f5f5; height: 100%; position: relative; width: 100%;}
.bar-chart .bar-background {    height: 200px;    margin: 0 auto;    width: 20px;}
.bar-background .style-bar-range {    background-color: #434343;    position: absolute;    width: 100%;}
.bar-background .style-bar-value {    background-color: #4caf50;    height: 2px;    position: absolute;    width: 100%;}
.bar-background .style-bar-value.out-range {    background-color: #ffc107;}
.field-group { box-sizing: border-box; clear: both; margin: 1px 0; padding: 4px 0; position: relative; width: 100%;}
.cus-select { float: left; width: 75%;}
.field-group > .col-xs-6.col-sm-6 > span { float: left; padding-top: 5px; font-size:12px;padding-left:2px;}
.field-group > .col-xs-6.col-sm-5 > span { float: left; padding-top: 5px; font-size:12px;padding-left:2px;}
.list_data p { margin-bottom: 4px;}
.page-header{padding:0px; margin:0px;}
.page-header h3{margin-top:3px;}
@media all and  (min-width: 991px) {
.card-title{padding-top: 0px;}
}
@media (max-width: 991px) {
.card h4{ font-size:16px;}
#logodiv {display:none;}
.card{ min-height:340px;}
.bl_contant p{ font-size:13px;}
.navbar-nav {padding-left:1px;}
}
@media (max-width: 767px) {
.card {min-height: 100%;}
.card{ margin-bottom:0;}
.block_info{ margin-top:20px;}
.header_bg{height:auto;}
.hidden{ display:block !important;}
.card-title {padding-top: 0px;}
.small_image, .stars {display:none;}
.texes_sec {float:left;	width:69%;}
.portfolio-item {margin:10px; height:64px;}
.card-title { margin: 0;  padding: 0;}
.card-title a {	font-size:14px;	color:#333;}
.card-text {font-size:11px;}
.bar-chart{font-size:10px;}
.list_data p { float: left; margin-bottom: 4px;  width: 100%;margin-top:5px;}
.table-responsive {
   /* display: block;*/
    overflow-x: auto;
    width: 100%;
}
}
@media screen and (max-width:600px){
.bk_if .col-xs-8, .bk_if .col-xs-4{ width:100%;}
.block_info{ margin-bottom:15px;}
.take_btn{ margin:5px 0 15px;}
}
@media screen and (max-width:479px){
.logo a span{ font-size:13px;}
.ui.button {font-size: 12px;padding: 10px 8px;}
.header_right{ margin-top:17px;}
.texes_sec{float: left;width: 132px;}
.table-responsive {
    display: block;
    overflow-x: auto;
    width: 100%;
}
}
#mapid { height: 680px; }
#logodiv{
    float: left !important;
    margin: 5px 0 0 50px;
    width: 275px;
}
@media only screen and (max-width : 1200px) {
#logodiv{
    float: left !important;
    margin: 5px 0 0 50px;
    width: auto;
} 
}

.fin_tune{width:25%;}
@media (max-width: 768px) {
  .fin_tune{width:auto;}
}