html { height: 100%; overflow-y: scroll }
body { height: 100%; background-color: white; }
h1, h2, h3, h4, h5, p, a, span, button { font-family: 'Open Sans', sans-serif; } h1 { font-weight: lighter}
.navbar-grey { min-height: 30px; height: 30px; margin-bottom: 0px; border-bottom: 0;  }
.navbar-grey ul a, .navbar-grey p { padding: 2.5px 10px; }
#navbar-grey-top {background: white;}
#navbar-grey-top ul {
    border-bottom: 1px solid #eee;
    margin-right: 0px;
    padding: 2px 0;
}
#navbar-grey-top ul li:last-child a {
    padding-right: 0px;
}

#navbar-white { margin-top: 0px; background: white; } /* border-color: #101010; */
#navbar-white .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background-color: white; color: #CCC }
#navbar-white #logotyp { margin-top: -35px; height: 60px; }
@media(max-width:767px){
    #navbar-white #logotyp { margin-top: -10px; height: 40px; }
    body {padding-top: 50px;}
}
#navbar-meny a { font-size: 16px; }
#navbar-meny .dropdown-menu { border-top: 1px solid white; }
#navbar-meny .dropdown-menu a { font-size: 14px; }
#start,#cover { height:100%; }
#cover { background: url(img/Mekanikerunderbil_min.jpg) no-repeat center center; background-size: cover; color: white; padding-top: 20%; padding-bottom: 20%; }
#introtext {
    font-size: 5.5em;
    text-shadow: 0 0 10px #333;
}
.container h1 {
    font-size: 5.5em;
}
#introtext_xs { font-size: 3.0em; text-shadow: 0 0 10px #333; }
#startAllians { margin-top: 30px; margin-bottom: 30px; }
.intro-divider{margin-left:25%;margin-right:25%;border-top:1px solid #f8f8f8;border-bottom:1px solid rgba(0,0,0,.2)}
.divider { border-color: #eeeeee; width: 100%; }
.start-btn,
.start-buttons {
    margin-top: 40px;
    margin-bottom: 40px;
}
.navbar_bottom { bottom:0px; margin-top:40px;}
#page_personal .panel-tabs > li { float: left; margin-bottom: -1px; }
#page_varumarken .panel-tabs > li { float: left; margin-bottom: -1px; }
.network-name{text-transform:uppercase;font-size:14px;font-weight:400;letter-spacing:2px}
#btn1{margin:0px; display: inline;}
#btn2{margin:0px; display: inline;}
#btn3{margin:0px; display: inline;}
#btn4{margin:0px; display: inline;}

body.modal-open {
    overflow: visible;
    padding-right: 0px !important;
}
@media (max-width: 992px) {
    #startAllians img {
        width: 100%;
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .start-buttons a {
        width: 100%;
        margin-bottom: 20px;
    }
    .start-buttons a:last-child {
        margin-bottom: 0px;
    }
}

.flaticon { margin-bottom: 20px;}
/*.intro-header { text-align: center;color: #f8f8f8;background: url(../img/Mekanikerunderbil_min.jpg) no-repeat center center;background-size: cover; }*/
#page { margin-bottom: 90px; }
#page .subpages h2 { text-transform: uppercase; line-height: 1.1em; font-size: 36px; letter-spacing: 2px; padding-bottom: 15px; }
#page .subpages h3 {     font-size: 28px;font-weight: 100;font-style: italic;text-transform: none; padding-bottom: 15px;letter-spacing: 2px;line-height: 1.1em;}
#page .subpages { display: none; }
#page_personal .panel-tabs > li { float: left; margin-bottom: -1px; }
#page_varumarken .panel-tabs > li { float: left; margin-bottom: -1px; }
/*.intro-message>h1,.intro-message>h3{text-shadow:2px 2px 3px rgba(0,0,0,.6)}*/
#footer-container,.intro-divider,.media__body{text-align:center}
#nav-under-carousel{border-top:1px solid #000}
#bild-bil{max-height:200px}
.intro-message{position:relative;padding-top:20%;padding-bottom:20%}
.intro-message>h1{margin:0;font-size:5.5em}
#karta37 {width:100%; height:350px;}
#motorsport {width:100%; height:350px;}
@media(min-width:767px){
    .intro-header{padding-top:195px;padding-bottom:195px}
    }
@media(max-width:767px){
    .intro-header{padding-top:70px;padding-bottom:70px}
    .intro-message{padding-bottom:15%}
    .intro-message>h1{font-size:3em}
    ul.intro-social-buttons>li{display:block;margin-bottom:20px;padding:0}ul.intro-social-buttons>li:last-child{margin-bottom:0}
    #karta37 {width:100%; height:200px;}
}
.media{display:inline-block;position:relative;vertical-align:top}.media__image{display:block}.media__body{background:rgba(41,128,185,.7);bottom:0;color:#fff;font-size:1em;left:0;opacity:0;overflow:hidden;padding:3.75em 3em;position:absolute;top:0;right:0;-webkit-transition:.6s;transition:.6s}.media__body:hover{opacity:1}.media__body:after,.media__body:before{border:1px solid rgba(255,255,255,.7);bottom:1em;content:'';left:1em;opacity:0;position:absolute;right:1em;top:1em;-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);-webkit-transition:.6s .2s;transition:.6s .2s}.media__body:before{border-bottom:none;border-top:none;left:2em;right:2em}.media__body:after{border-left:none;border-right:none;bottom:2em;top:2em}.media__body:hover:after,.media__body:hover:before{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.media__body h2{margin-top:0}.media__body p{margin-bottom:1.5em}

/*#logga { margin-top: -18px; height: 60px; }*/

/*p {font-size: 18px; font-weight: 100; font-style: italic; line-height:1.5em}*/
p {font-size: 18px; font-weight: 100;}
.ul-aterforsaljare{font-size: 14px; font-weight: 100; font-style: italic; line-height:1.5em; list-style-type:none; padding-left:0px;}
.padding-0{padding: 0px;}
.table > thead > tr:first-child > td,
.table > tbody > tr:first-child > td {
    border: none;
}
/*
.table th, .table td {
     border-top: none !important;
 }*/
 .panel {
     -webkit-box-shadow: none;
     box-shadow: none;
 }
#btn1{margin:0px;}
#personal_background {background-color:#F8F8F8;}
#varumarken_background {background-color:#F8F8F8;}
.h2_rubrik {font-size: 28px; font-weight: 100; font-style: italic; text-transform: none;}
.margin_top_0{margin-top:0px;}
.omoss_hornstenar{padding-right:120px; margin-bottom:35px;}
.color_black{color:#333;}
.inline_block {display: inline-block;}
.padding_left_0 {padding-left: 0px;}
.float_right {float:right;}
.varubild{text-align:center; margin-bottom:20px; width:157px; border:1px solid #aaa; margin-right:27px; background-color:#fff;}
.varubild1 {height:130px; width:157px;}
.varubild2 {padding-top:10px; width:120px;}
.varubild3 {position:absolute; bottom:0px; left:10px; right:10px;}
#all_aterforsaljare {display:none;}