#header {height:90px;}
.inner-front {width:100%; max-width:1420px; margin:0 auto; padding:0 45px;}

.online {text-align:right; padding:15px 0; border-top:1px solid #e0e0e0; margin-top:15px;}
a.logout {display:inline-block; color:#fff !important; background-color:#bb0000; padding:3px 10px; margin-left:15px; border-radius:5px;}
a.logout:hover {background-color:#000;}

a.button-2 {color:#fff; background-color:#f15a24; display:inline-block; padding:10px 20px;}
a.button-2:hover {background-color:#cc4c1e;}

.top-login {margin-right:50px;}
.top-login a {display:inline-block; font-size:19px; font-weight:600; line-height:42px; padding:0 20px;}
.top-login a.bh {color:#72b220 !important;}
.top-login a.sk {color:#f15a24 !important;}
.top-login a.sfo {color:#538117 !important;}
.top-login a.mtf {color:#46a05f !important;}
.top-login a.goe {color:#223c7a !important;}
.top-login a:hover {color:#000;}

#mobile-menu .top-login {margin-right:0}
#mobile-menu .top-login a {display:block; font-size:15px; text-align:center; font-weight:600; line-height:auto; padding:0; background-color:#f0f0f0;}
#mobile-menu .top-login a:hover {background-color:#e5e5e5;}

.front nav {display:none;}

nav {border-top:1px solid #e5e5e5;}
nav ul {float:right; height:60px;}

.menu-sl {position:absolute; right:0; top:40px;}
.menu-sl div {margin-bottom:15px;}
.menu-sl > div > a {
    width:200px;
    display:inline-block;
    font-size:26px;
    line-height:52px;
    color:#f15a24;
    background-color:#fff;
    text-transform:uppercase;
    padding:0 30px;
    margin-right:0;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}
.menu-sl > div > a:hover {
    width:215px;
    margin-left:-15px;
}
.slidertext {
    position:absolute; left:50px; top:80px;
    max-width:60%;
}
.slider-btn-info {position:absolute; left:30px; bottom:193px;}
.slider-btn-mattilfolket {position:absolute; left:280px; bottom:193px;}

.sliderinfo {position:absolute; bottom:0; left:0; width:100%; color:rgba(255,255,255,0.9);}
.sliderinfo a {color:rgba(255,255,255,0.9);}
.sliderinfo .phone {background-color:rgba(65,158,67,0.8); font-size:32px; padding:10px 30px;}
.sliderinfo .phone i:before {color:rgba(255,255,255,0.5); margin-right:10px;}

.sliderinfo .mail {background-color:rgba(80,184,72,0.8); font-size:18px; padding:20px 70px;}
.sliderinfo .mail a {display:block; font-weight:600;}
.sliderinfo .mail a i {display:none;}
.sliderinfo .mail .biglink {position:absolute; bottom:0; right:30px; font-size:46px; line-height:90px; text-shadow: 0 0 5px rgba(0,0,0,0.7);}

.menu-sl-mob {display:none;}
.menu-sl-mob div {
    float:Left; 
    width:50%;
    text-align:center;
}
.menu-sl-mob div a {
    display:block;
    font-size:26px;
    line-height:62px;
    color:#f15a24;
    border-right:1px solid #e0e0e0;
    border-bottom:1px solid #e0e0e0;
    text-transform:uppercase;
    padding:0 20px;
}
.menu-sl-mob div:nth-child(even) a {border-right:none;}
.menu-sl-mob div a:hover {background-color:#f0f0f0;}

.frontslider {height:calc(100vh - 90px);}
.landingform {height:auto; background:#8dc640; padding-bottom:145px;}

.landingform,
.frontslider {
	width:100%;
	position:relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
	overflow: hidden;
    margin:0 auto;
}
.frontslider .container {
	position: relative;
	display:table;
	width:100%;
	height:100%;
	padding-right: 0;
	padding-left: 0;
	z-index:2040;
}
.landingform .container {
    position: relative;
	display:table;
	width:100%;
	height:100%;
    padding:30px;
}
.landingform h2 {
    text-transform:uppercase;
    color:#fff;
    font-weight:600;
}
.formrow {
    display:block;
    width:100%;
    margin-bottom:15px;
}
.form-input {float:left; margin-right:2%;}
.form-input:last-child {margin-right:0;}

.form-input-left {display:inline-block; margin-right:2%;}
.form-input-left label,
.form-input-left input {display:inline-block;}

.landingform {min-height:520px;}
.landingform label {color:#fff;}

.landingform input[type=text], 
.landingform select,
.landingform textarea {width:100%; border:none; border-radius:5px;}

.landingform input[type=text]:focus, 
.landingform select:focus,
.landingform textarea:focus {border:none;}

.landinginfo {position:absolute; bottom:0; left:0; width:100%; color:rgba(255,255,255,0.9);}
.landinginfo a {color:rgba(255,255,255,0.9);}
.landinginfo .phone {background-color:rgba(65,158,67,0.8); font-size:32px; padding:10px 30px;}
.landinginfo .phone i:before {color:rgba(255,255,255,0.5); margin-right:10px;}

.landinginfo .mail {background-color:rgba(80,184,72,0.8); font-size:18px; padding:20px 70px;}
.landinginfo .mail a {display:block; font-weight:600;}
.landinginfo .mail a i {display:none;}
.landinginfo .mail .bigbutton {
    position:absolute;
    bottom:90px;
    right:30px;
    font-size:32px;
    height:auto;
    line-height:70px;
    text-shadow: 0 0 5px rgba(0,0,0,0.7);
    background:none;
    margin:0;
    padding:0;    
 }

.formrow .w68pr {width:100%; max-width:68%;}
.formrow .w48pr {width:100%; max-width:48%;}
.formrow .w30pr {width:100%; max-width:30%;}
.formrow .w18pr {width:100%; max-width:18%;}
.formrow .w15pr {width:100%; max-width:14%;}
.formrow .w13pr {width:100%; max-width:14%;}

.ref-sit {background:#fafafa url(/assets/images/quotes.png) no-repeat 15px 15px; border:1px solid #e5e5e5; font-style:italic; padding:15px 15px 15px 65px; margin-bottom:2em;}

.iframe-form {height:480px; overflow:hidden;}
.iframe-form iframe {height:480px; width:100%;}
@media only screen and (max-width: 1420px) {
    .iframe-form {height:600px;}
    .iframe-form iframe {height:600px;}
}

/***************************************
			FAQ
***************************************/

.faq-wrapper > div {
    margin-bottom:10px;
}
.faq-wrapper > div > a {
        display:block;
        line-height:21px;
        font-size:17px;
        color:#333;
        background-color:rgba(150,150,150,0.2);
        border:1px solid #ccc;
        padding:6px 10px;
        border-top-left-radius:5px;
        border-top-right-radius:5px;
}
.faq-wrapper > div > a:before {
    font-family:"fontawesome";
    font-size:17px;
    padding-right:15px;
 }
.faq-wrapper > div > a.closed:before {content:"\f067";}
.faq-wrapper > div > a.open:before {content:"\f068";}
.faq-wrapper p {
    display:none;
    background-color:#fafafa;
    padding:20px 20px 20px 40px;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    margin-bottom:0;
}

footer .imglayer-1 {position:absolute; left:0; top:-60px;}
footer .imglayer-2 {position:absolute; right:-120px; top:-40px;}
.footer {padding-right:220px;}
.bh-footer {padding-left:120px;}
.bh-footer div i:before {font-size:28px; color:#f7f7f7; padding-right:10px;}
.bh-footer div span {font-size:28px; color:#f7f7f7;}

/**********************************
           LOGIN
***********************************/

.bhm-login {
	max-width:420px;
	padding:20px 30px;
	margin-top:0px;
			border-radius: 8px;
	   -moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.bhm-login.bhm {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7dca30', endColorstr='#649f27',GradientType=0 ); /* IE6-9 */
	background: -webkit-linear-gradient(top, #7dca30, #649f27); /* Chrome10+,Safari5.1+ */
	background:    -moz-linear-gradient(top, #7dca30, #649f27); /* FF3.6+ */
	background:     -ms-linear-gradient(top, #7dca30, #649f27); /* IE10+ */
	background:      -o-linear-gradient(top, #7dca30, #649f27); /* Opera 11.10+ */
	background:         linear-gradient(top, #7dca30, #649f27); /* W3C */
}
.bhm-login fieldset {
	border:none;
}

.bhm-login.bhm p {color:#fff; border-top:1px solid #fff; border-bottom:1px solid #fff; padding:15px 0;}

.bhm-login label {
	font-size:15px;
	display:block;
	color:#fff;
	margin-bottom:3px;
}
.bhm-login input[type=text],
.bhm-login input[type=password] {
	display:block;
	width:100%;
	line-height:auto;
	border:none;
	margin-bottom:10px;
}
.bhm-login input:focus {border:none;}
.bhm-login input[type=submit] {
	width:120px;
	text-transform:uppercase;
	background:#555;
}
.bhm-login input[type=submit]:hover,
.bhm-login input[type=submit]:focus{
	background:#333;
}
.bhm-login a {
	color:#fff;
}

#chpwd,
#bhmchpwd,
#skmchpwd,
#fomchpwd {display:none;}
.chpwd-field {margin-top:20px;}

/* ********* SKOLEMAT LOGIN ********* */

.bhm-login.skm {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47a20', endColorstr='#dc6e1d',GradientType=0 ); /* IE6-9 */
	background: -webkit-linear-gradient(top, #f47a20, #dc6e1d); /* Chrome10+,Safari5.1+ */
	background:    -moz-linear-gradient(top, #f47a20, #dc6e1d); /* FF3.6+ */
	background:     -ms-linear-gradient(top, #f47a20, #dc6e1d); /* IE10+ */
	background:      -o-linear-gradient(top, #f47a20, #dc6e1d); /* Opera 11.10+ */
	background:         linear-gradient(top, #f47a20, #dc6e1d); /* W3C */
}

.bhm-login.skm p {color:#fff; border-top:1px solid #fff; border-bottom:1px solid #fff; padding:15px 0;}

.bhm-login.skm input[type=submit] {
	background:#555;
}
.bhm-login.skm input[type=submit]:hover,
.bhm-login.skm input[type=submit]:focus{background:#333;}

#chpwd_skm {display:none;}
.chpwd-field {margin-top:20px;}

.skm-reg {
	border:1px solid #ddd;
	padding:20px 30px;
	margin-top:0px;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
			border-radius: 8px;
}
.skm-reg {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
	background: -webkit-linear-gradient(top, #f0f0f0, #e0e0e0); /* Chrome10+,Safari5.1+ */
	background:    -moz-linear-gradient(top, #f0f0f0, #e0e0e0); /* FF3.6+ */
	background:     -ms-linear-gradient(top, #f0f0f0, #e0e0e0); /* IE10+ */
	background:      -o-linear-gradient(top, #f0f0f0, #e0e0e0); /* Opera 11.10+ */
	background:         linear-gradient(top, #f0f0f0, #e0e0e0); /* W3C */
}

/* ********* FORELDREMAT LOGIN ********* */

.bhm-login.fom {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#206ff3', endColorstr='#1c61d4',GradientType=0 ); /* IE6-9 */
	background: -webkit-linear-gradient(top, #206ff3, #1c61d4); /* Chrome10+,Safari5.1+ */
	background:    -moz-linear-gradient(top, #206ff3, #1c61d4); /* FF3.6+ */
	background:     -ms-linear-gradient(top, #206ff3, #1c61d4); /* IE10+ */
	background:      -o-linear-gradient(top, #206ff3, #1c61d4); /* Opera 11.10+ */
	background:         linear-gradient(top, #206ff3, #1c61d4); /* W3C */
}

.bhm-login.fom p {color:#fff; border-top:1px solid #fff; border-bottom:1px solid #fff; padding:15px 0;}

.bhm-login.fom input[type=submit] {
	background:#555;
}
.bhm-login.fom input[type=submit]:hover,
.bhm-login.fom input[type=submit]:focus{background:#333;}

.fom-reg {
	border:1px solid #ddd;
	padding:20px 30px;
	margin-top:0px;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
			border-radius: 8px;
}
.fom-reg {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
	background: -webkit-linear-gradient(top, #f0f0f0, #e0e0e0); /* Chrome10+,Safari5.1+ */
	background:    -moz-linear-gradient(top, #f0f0f0, #e0e0e0); /* FF3.6+ */
	background:     -ms-linear-gradient(top, #f0f0f0, #e0e0e0); /* IE10+ */
	background:      -o-linear-gradient(top, #f0f0f0, #e0e0e0); /* Opera 11.10+ */
	background:         linear-gradient(top, #f0f0f0, #e0e0e0); /* W3C */
}


.dish-box {margin-bottom:30px;}
.dish-box img {margin-bottom:15px;}
.dish-box h4 {color:#f15a24; margin:0 0 1em 0;}

/* *************** */


.btn-submit {margin-top:20px;}

.vision {
    background: transparent url('img/vision_bg.png') no-repeat top center;
    padding:30px 0;
}
.vision.green {background-color:#69be6a; color:#fff;}
.vision h2 {font-weight:600; font-size:32px; margin-bottom:0.5em;}
.vision p {font-family:'Indie Flower'; font-size:24px; margin:0;}

@media only screen and (max-width: 1199px) {
    .top-login {margin-right:30px;}
    .top-login a {font-size:16px; padding:0 10px;}
}
@media only screen and (max-width: 991px) {
    .landing {padding:0 20px;}
    .top-login {display:none;}
    .menu-sl {display:none;}
    .menu-sl-mob {display:block;}

	#menu {display:none;}
    .top-nav {bottom:24px;}
    #mobile-menu-trigger {display:block;}

	.frontslider {height:540px;}
    .slider-btn-info {max-width:90px; left:15px; bottom:163px;}
    .slider-btn-mattilfolket {max-width:90px; left:115px; bottom:163px;}
    .slidertext {top:20px; left:20px}

    .footer {padding-right:0;}
    footer .imglayer-2 {position:absolute; right:-120px; top:40px; z-index:3000;}
    .bh-footer {width:100%; padding:0; margin-left:120px;}
    .bh-footer .col-md-6:first-child {border-bottom:1px solid #555; padding-bottom:15px; margin-bottom:15px;}
}
@media only screen and (max-width: 767px) {
	.frontslider {height:480px;}
    .faq-wrapper a {line-height:19px; font-size:15px;}
    footer .imglayer-1,
    footer .imglayer-2 {display:none;}
    .bh-footer {width:100%; padding:0; margin:0;}
    .sliderinfo .mail .biglink {bottom:80px; right:20px; font-size:32px; line-height:auto;}

    .landingform {padding-bottom:190px;}
    .landingform h2 {font-size:17px;}
    .form-input {margin:0 0 15px 0;}
    .form-input-left {display:block; margin-bottom:5px;}
    .form-input-left:last-child {margin-bottom:15px;}
    .formrow {margin-bottom:0;}
    .formrow .w68pr {max-width:100%;}
    .formrow .w48pr {max-width:100%;}
    .formrow .w30pr {max-width:49%;}
    .formrow .w18pr {max-width:49%; margin-right:2%}
    .formrow .w15pr {max-width:49%; margin-right:2%}
    .formrow .w13pr {max-width:49%;}

    .landinginfo .mail .bigbutton {
        width:100%;
        position:absolute;
        bottom:160px;
        right:0;
        text-align:center;
        font-size:32px;
        line-height:70px;
     }
}
@media only screen and (max-width: 479px) {
    .slidertext {position:absolute; left:15px; top:20px;}

    .sliderinfo .phone {font-size:24px; padding:10px 20px;}
    .sliderinfo .phone i:before {margin-right:5px;}
    .sliderinfo .mail {font-size:18px; padding:20px 20px;}
    .sliderinfo .mail .biglink {bottom:74px; right:20px; font-size:24px; line-height:auto;}
}