/* Body  */

body
{
    font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.bg
{
    background-image: url(images/background.jpg);
}

/* Navigation top */

.title-bar
{
    background: #fff;
    padding: 0.9rem;
    color: #000;
}

.menu-icon
{
    background-color: #000;
}

.top-bar
{
    background: #fff;
    margin-bottom: 25px;
}

.top-bar ul
{
    background: #fff;
}

.top-bar ul li
{
    background: #fff;
}

.top-bar ul li a
{
    color: #000;
    text-transform: uppercase;
}

.top-bar-right
{
    margin-top: 30px;
}

.menu-text
{
    color: #fff;
    padding: 0;
    margin: 0;
}

@media only screen and (max-width: 40em)
{
    .menu-text
    {
        display: none !important;
    }
    .buttonfixed
    {
        display: none;
    }
}

@media only screen and (min-width: 40em)
{
    .menu:last-child
    {
    }
    .menu:first-child
    {
        border-left: none;
    }
    .menu li:not(:last-child)
    {
    }
}

.dropdown.menu .submenu
{
    border: none;
    z-index: 10000;
}

.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow > a::after
{
    border-color: #fff transparent transparent;
}

.is-drilldown-submenu-parent > a::after
{
    border-color: transparent transparent transparent #fff;
}

.js-drilldown-back::before
{
    border-color: transparent #fff transparent transparent;
}

/* Boxshadows */

.sh1
{
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.sh2
{
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.sh3
{
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.sh4
{
    box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

.sh5
{
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

/* Footer */

.footer
{
    background: rgba(255,255,255,1);
    text-align: center;
    font-size: 0.8rem;
    padding: 0.5rem;
}

/* Fade in columns */

.image-wrapper
{
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.04);
    overflow: hidden;
    position: relative;
    text-align: center;
    border-radius: 4px;
}

.image-overlay-content
{
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.overlay-fade-in p
{
    color: #f4f4f4;
    font-size: 14px;
    padding: 7px;
    opacity: 0;
    transition: all 0.2s linear;
}

.overlay-fade-in img
{
    transition: all 0.2s linear;
}

.overlay-fade-in .image-overlay-content
{
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.8);
    transition: all 0.4s ease-in-out;
}

.overlay-fade-in h2
{
    color: #fff;
    padding: 5px;
    font-size: 1.2rem;
    margin-top: 5%;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    background: #990000;
}

.overlay-fade-in .button
{
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #757575;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
    position: relative;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.overlay-fade-in .button:hover
{
    box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

.overlay-fade-in:hover img
{
    transform: scale(1.2);
}

.overlay-fade-in:hover .image-overlay-content
{
    opacity: 1;
}

.overlay-fade-in:hover h2, .overlay-fade-in p, .overlay-fade-in .button
{
    opacity: 1;
}

.overlay-fade-in:hover p
{
    transition-delay: 0.1s;
}

.overlay-fade-in:hover .button
{
    transition-delay: 0.2s;
}

/* P font */

p
{
    font-family: Arimo, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

/* More Margin */

.moremargin
{
    margin-top: 25px;
    margin-bottom: 15px;
}

/* Images Fullwidth */

.fullwid
{
    width: 100%;
}

/* Fontfamily rubriker */

.ozzy
{
    font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    text-transform: uppercase;
}

/* Redtext */

.redtext
{
    color: #990000;
}

/* whitetext */

.whitetext
{
    color: #fff;
}

.whitelink
{
    color: #fff;
}

.whitelink:hover
{
    color: #757575;
}

/* redbg */

.redbg
{
    background-color: #990000;
}

.redbgback
{
    background-color: #990000;
    background-image: url(images/backani.gif);
}

.social
{
    margin: 2%;
}

.morepadding
{
    padding: 25px;
}

/* Modal */

.buttonfixed
{
    position: fixed;
    top: 300px;
    right: 0;
    font-size: 18px;
    background-color: #990000;
    background-image: url(images/backani.gif);
    z-index: 1000;
}

.buttonfixed:hover
{
    background-color: #000;
}

.reveal
{
    display: none;
    z-index: 1006;
    padding: 1rem;
    border: 1px solid #cacaca;
    background: rgba(252,252,252, 0.85);
    border-radius: 0;
    position: relative;
    top: 100px;
    margin-left: auto;
    margin-right: auto;
    overflow-y: auto;
}

[data-whatinput='mouse'] .reveal
{
    outline: 0;
}

@media screen and (min-width: 40em)
{
    .reveal
    {
        min-height: 0;
    }
}

.reveal .column, .reveal .columns, .reveal .columns
{
    min-width: 0;
}

.reveal > :last-child
{
    margin-bottom: 0;
}

@media screen and (min-width: 40em)
{
    .reveal
    {
        width: 400px;
        max-width: 75rem;
        margin-left: auto;
        margin-right: auto;
    }
    .reveal .reveal
    {
        left: auto;
        right: auto;
        margin: 0 auto;
    }
}

.reveal.collapse
{
    padding: 0;
}

@media screen and (min-width: 40em)
{
    .reveal.tiny
    {
        width: 30%;
        max-width: 75rem;
    }
    .reveal.small
    {
        width: 50%;
        max-width: 75rem;
    }
    .reveal.large
    {
        width: 90%;
        max-width: 75rem;
    }
}

.reveal.full {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	height: 100vh;
	min-height: 100vh;
	max-width: none;
	margin-left: 0;
	border: 0;
	border-radius: 0;
}

@media screen and (max-width: 39.9375em)
{
    .reveal
    {
        top: 0;
        left: 0;
        width: 90%;
        height: 60%;
        margin-right: auto;
        margin-left: auto;
        min-height: 60%;
        max-width: none;
        border: 0;
        border-radius: 0;
    }
}

.reveal.without-overlay
{
    position: fixed;
}

form.konform input, form.konform label, form.konform textarea
{
    margin: 7px auto;
    font-size: 16px;
    max-width: 85%;
}

form.konform textarea
{
    height: 80px;
}

.move-right .inner-wrap {
	-ms-transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	margin-left: 114px;
}

.left-off-canvas-menu {
	-ms-transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	position: fixed;
	width: 0;
	height: 100%;
}

.move-right .left-off-canvas-menu
{
    width: 114px;
}

.move-right .exit-off-canvas
{
    display: none;
}

.left-off-canvas-toggle
{
    display: none;
    margin-top: 1rem;
    margin-left: 1rem;
    font-size: 3rem;
    color: #333;
    transition: all .25s ease-in-out;
}

.left-off-canvas-toggle:focus
{
    color: #333;
}

.left-off-canvas-toggle:hover
{
    color: #8c8c8c;
    transition: all .25s ease-in-out;
}

.ad-block
{
    margin-bottom: 2rem;
}

.dropp li a
{
    margin: 3px;
    padding: 6px;
    line-height: 110%;
    text-transform: none !important;
}

.dropp
{
    padding: 3px;
    background-color: #E8E8E8;
}

.dropp li a:hover, .hoover a:hover
{
    background-color: #757575;
    color: #fff;
}

.moreheigt
{
    height: 95px;
}

.linkheader
{
    color: #000;
}

.sidelink
{
}

.sidelink li
{
    list-style-type: none;
}

.secondary li
{
    padding: 3px;
    list-style-image: url(images/bullets.png);
}

.sidelink a:link, .sidelink a:visited
{
    color: #fff;
    padding: 0px;
}

.sidelink a:hover
{
    color: #fff;
    background-color: #990000;
}

.sidactive
{
    background-color: #990000;
    padding: 5px;
}

.grey
{
    background-color: #757575;
}

.white
{
    background-color: #fff;
}

.accordion
{
    list-style-type: none;
    text-align: left;
    background: #fff;
    margin-left: 0;
}

.accordion-item:first-child > :first-child
{
    border-radius: 0 0 0 0;
}

.accordion-item:last-child > :last-child
{
    border-radius: 0 0 0 0;
}

.accordion-title
{
    display: block;
    padding: 1.25rem 1rem;
    line-height: 125%;
    font-size: 1rem;
    color: #fff;
    background-color: #757575;
    position: relative;
    border: none;
    text-transform: uppercase;
}

:last-child:not(.is-active) > .accordion-title
{
    border-radius: 0 0 0 0;
    border: none;
}

.accordion-title:hover, .accordion-title:focus
{
    background-color: none;
    color: #757575;
}

.accordion li
{
    list-style-type: none;
}

.accordion-title::before
{
    right: 1rem;
    top: 40%;
    margin-top: -0.5rem;
}

.is-active > .accordion-title::before
{
    content: '–';
}

.accordion-content
{
    padding: 1rem;
    display: none;
    border: none;
    border-bottom: 0;
    background-color: #757575;
    color: #0a0a0a;
}

:last-child > .accordion-content:last-child
{
    border: none;
}

.is-accordion-submenu-parent > a
{
    position: relative;
}

.is-accordion-submenu-parent > a::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: inset 6px;
	border: none;
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: 1rem;
}

.is-accordion-submenu-parent[aria-expanded='true'] > a::after
{
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
}

.h1small
{
    font-size: 32px;
    border-bottom: solid 1px #990000;
}

a
{
    color: #000;
    text-decoration: none;
    line-height: inherit;
    cursor: pointer;
}

a:hover, a:focus
{
    color: #757575;
}

p.inline
{
    border: none;
    display: inline-table;
    margin-right: 10px;
    font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
}

p.inline a:link, p.inline a:visited
{
    color: #fff;
}

p.inline a:hover
{
    color: #990000;
}

p.inlinelarge
{
    text-transform: uppercase;
}

.border
{
    clear: both;
    border-bottom: dashed 1px #757575;
    margin-bottom: 15px;
}

.whiteblock
{
    padding: 25px;
    background-color: #fff;
    margin-bottom: 2%;
}

.blockbild
{
    width: 100%;
    max-height: 175px;
}

h4.redplatta, h6.redplatta
{
    background-color: #990000;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 25px;
    padding-right: 7px;
    color: #fff;
    margin-right: -25px;
    margin-left: -25px;
    margin-bottom: 15px;
}

h6.greyplatta
{
    background-color: #757575;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 25px;
    padding-right: 7px;
    color: #fff;
    margin-right: -25px;
    margin-left: -25px;
    margin-bottom: 15px;
}

/* Reveal Modal bildspel */

/* Modal */

.revealbild {
	display: none;
	z-index: 1006;
	padding: 1rem;
	border: none;
	border: 3px solid #fff;
	background: #757575;
	border-radius: 0;
	position: relative;
	top: 100px;
	margin-left: auto;
	margin-right: auto;
	overflow-y: auto;
}

[data-whatinput='mouse'] .revealbild
{
    outline: 0;
}

@media screen and (min-width: 40em)
{
    .revealbild
    {
        min-height: 0;
    }
}

.revealbild .column, .revealbild .columns, .revealbild .columns
{
    min-width: 0;
}

.revealbild > :last-child
{
    margin-bottom: 0;
}

@media screen and (min-width: 40em)
{
    .revealbild
    {
        max-width: 1060px;
        margin-left: auto;
        margin-right: auto;
    }
    .revealbild .revealbild
    {
        left: auto;
        right: auto;
        margin: 0 auto;
    }
}

.reveal.collapse
{
    padding: 0;
}

@media screen and (min-width: 40em)
{
    .revealbild.tiny
    {
        width: 30%;
        max-width: 75rem;
    }
    .revealbild.small
    {
        width: 50%;
        max-width: 75rem;
    }
    .revealbild.large
    {
        width: 90%;
        max-width: 75rem;
        max-height: 500px;
    }
}

.revealbild.full {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	height: 100vh;
	min-height: 100vh;
	max-width: none;
	margin-left: 0;
	border: 0;
	border-radius: 0;
}

@media screen and (max-width: 39.9375em)
{
    .revealbild
    {
        top: 0;
        left: 0;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        max-height: 50%;
        max-width: none;
        border: 0;
        border-radius: 0;
    }
}

.revealbild.without-overlay
{
    position: fixed;
}

h5.modalplatta
{
    background: #990000;
    color: #fff;
    padding: 10px;
}

.stangmodal
{
    padding-right: 10px;
    font-size: 50px;
    line-height: 100%;
    color: #fff;
}

span.stang
{
    font-size: 16px;
    line-height: 100%;
    color: #fff;
    float: left;
    margin-top: 25px;
    margin-right: 15px;
}

.rightcol
{
    margin-top: 10px;
    margin-bottom: 25px;
}

span.sitte
{
    font-size: 0.8rem;
    color: #fafafa;
}

span.sitte a:link, span.sitte a:visited
{
    color: #000;
    text-decoration: underline;
    text-transform: none;
}

span.sitte a:hover
{
    text-decoration: underline;
}

.has-tip
{
    cursor: pointer;
    border-bottom: none;
}

.tooltip
{
    text-align: center;
    background-color: #000;
    color: #fff;
    font-family: Arimo, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-size: 90%;
    padding: 1rem;
    position: absolute;
    z-index: 10;
    top: calc(100% + 0.6495rem);
    max-width: 12rem !important;
    border-radius: 3px;
}

.fotmitt
{
    background-color: #fafafa;
}

.fotbot
{
    background-color: #757373;
    text-align: left;
}

.lefter
{
    text-align: left;
}

.righter
{
    text-align: right;
}

.fotbox
{
    padding: 15px;
    margin-top: 5px;
    background-color: #fff;
}

.socialfot
{
    margin-top: 20px;
    margin-left: 5px;
    margin-right: 5px;
}


.fotknapp
{
    margin: 0;
    padding: 0;
    cursor: pointer;
    text-decoration: underline;
}

.fotnav
{
    font-size: 14px;
    text-transform: none;
}

.margtop
{
}

.navigeringfot
{
}

.bottomnav
{
    clear: both;
    padding-top: 10px;
    margin-top: 10px;
}

.inlinenav
{
    display: inline-block;
    min-width: 190px;
    paddding: 15px 15px;
    margin-left: 25px;
    margin-right: 25px;
    background-color: #fff;
    color: #000;
}

.inlinenav:hover
{
    color: #000;
    background-color: #990000;
}

footer a:link, footer a:visited, footer a:hover footer a:focus
{
    color: #000 !important;
}

.mobilknapp a:link, .mobilknapp a:visited
{
    color: #fff;
}

.mobilknapp a:hover
{
    color: #000;
}

.moretop
{
    line-height: 195%;
}

.dubbel
{
    display: none;
}

.sidenav
{
    list-style-type: none;
}

.largenav
{
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: -20px;
    margin-right: -20px;
}

.smallnav li
{
    text-transform: none;
    padding: 5px;
    list-style-type: none;
}

.smallnav
{
    margin-top: 15px;
    font-size: 16px;
}

.left
{
    text-align: left !important;
}

.pnav
{
    padding: 5px;
}

.pnav a:link, .pnav a:visited
{
    color: #fff;
    font-size: 16px;
}

.pnav:hover
{
    background-color: #990000;
}

.navig
{
    margin-top: 15px;
    margin-bottom: 15px;
}

.embedsocial-album
{
    font-weight: bold;
    text-transform: uppercase;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto!important;
}

.emb
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
}

.embedsocial-album img
{
}

iframe.frame
{
    border: none;
    width: 90%;
    height: 300px;
}

.galleri
{
    margin-top: 25px;
}

form.formular17
{
    max-width: 85%;
    margin-left: 25px !important;
    text-align: left !important;
    margin-bottom: 25px !important;
}

form.formular17 label
{
    font-size: 18px;
    margin-left: 3px;
}

form.formular17 textarea
{
    height: 75px !important;
}

input.senda
{
    padding: 8px !important;
    background-color: #871403;
    text-transform: uppercase;
    border: none;
    color: #fff !important;
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}