﻿/* ===================================
    Own fonts
====================================== */

@font-face {
    font-family: 'Bergen Text';
    src: url('../fonts/BergenText-SemiBold.woff2') format('woff2'),
        url('../fonts/BergenText-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Bergen Text';
    src: url('../fonts/BergenText-BoldItalic.woff2') format('woff2'),
        url('../fonts/BergenText-BoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Bergen Text';
    src: url('../fonts/BergenText-Regular.woff2') format('woff2'),
        url('../fonts/BergenText-Regular.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Bergen Text';
    src: url('../fonts/BergenText-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/BergenText-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Bergen Text';
    src: url('../fonts/BergenText-Italic.woff2') format('woff2'),
        url('../fonts/BergenText-Italic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Bergen Text';
    src: url('../fonts/BergenText-Bold.woff2') format('woff2'),
        url('../fonts/BergenText-Bold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}


.error{
    border:1px solid red !important;
    box-shadow:0 0 5px red;
}

.bg--dark {
    background-color: #433635;
}

.fw-600 {
	font-weight:600;
}

.wizard-sub-text.fw-600 {
	margin-bottom:0px;
}

.wizard-sub-text:last-of-type {
	font-size:16px!important;
}

.bar{
    padding:35px 40px;
	z-index:99;
}

.bar .wrapper {
}

.bar .logo{
	position:absolute;
	top:-25px;
	left:15px;
    width:100px;
    height:115px;
	z-index:1000;
}

nav a.nav-item{
    color:#fff;
}

    nav a.nav-item:focus,
    nav a.nav-item:hover{
        text-decoration:underline;
    }

.validation-error{
    display:none;
    font-size:20px;
    font-weight:700;
    color:red;
}

.multisteps-form__progress-btn{
    cursor:default;
}

.wizard-form-input select{
    max-width:100%;
}

@media only screen and (max-width:1199px){
    .wizard-form-input select{
        width:100%;
    }
}

@media only screen and (max-width:991px){
    .bar .logo{
	top:-30px;
	left:50%;
    width:80px;
    height:100px;
	margin-left:-40px;
}
}