.socialamedia a i {
    color:#4d4d4d;
}

header .socialamedia a i:hover {
    color:#ffffff;
}

.slick img {
    max-width:100%;
}

.gallery figcaption { 
    display:none;
}
/* css för boxar startsida */
.startBox, .imageholder, .gallery {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.startBox > article {
    padding-bottom:10px;
    margin-bottom:10px;
}

.startBox > article {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.startBox > article:first-child {
    padding-left:0;
}

.startBox > article:last-child {
    padding-right:0;
}

.boxImg {
    position:relative;
}

.startBox .boxImg img { 
    width:100%;
    max-width:100%;
    height:auto;
}

.boxImg h3 {
    position:absolute;
    bottom:-13px;
    width:100%;
    background:rgba(255,255,255,0.6);
    padding:5px;
    font-size:1.7em;
    font-weight:bold;
    color:#0E95E6;
}

.startBox .boxContent h2 {
    font-size:2.0em;
    text-align:center;
    display:block;
}

.startBox .boxContent h2 a {
    text-decoration:none;
}

.slick-track div {
    background-repeat: no-repeat;
}

.slick .container {
    position: relative;
}

.slick-dots {
    bottom:0;
    z-index:11;
}

.slick-dots li {
    margin:-5px 0;
}

.slick-dots li button:before {
    font-size:12px;
}

.slick-slider {
    margin-bottom:0;
    border-bottom: #00aef0 solid 8px;
}

.textTop {
    position:relative;
    width: 100%;
    background:#1a1a1a;
    color:white;
    padding-bottom:15px;
}

.textTop h1 {
    color:white;
    text-transform:uppercase;
}

.textTop h1 span {
    color:#00aef0;
    text-transform:none;
}

.formStartsida {
    background:#0e95e6;
    padding:10px 0;
    color:white;
}

.formStartsida label {
    display:none;
}

.startsida footer {
    position:relative !important; 
}

header .socialamedia {
    position:absolute;
    right:10px;
    top:10px;
}

header .socialamedia a {
    margin-right:5px;
}

/* slut css startsida */

/* css för footer  */
footer {
    position:relative;
    width:100%;
    background:#eee;
    padding:10px 0;
}

footer .container {
    background:#eee;
}

footer h4 {
    font-size:1.8em;
}

footer .socialamedia a {
    background:none;
    display:inline-block;
    opacity:0.7;
    text-decoration:none;
}

footer .socialamedia a:hover {
    opacity:1.0;
}
/* slut css för footer  */

/* css för formulär startsidan  */
#contact .boltforms-row input {
    display:block;
    width:100%;
    color:black;
}

.boltforms-row input[type="submit"], .boltforms-row button {
    width:100%;
    background:#0C86CF;
    border:#0B7DC2 solid 1px;
    color:white;
    font-size:1.0em;
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

.boltforms-row input[type="submit"]:hover, .boltforms-row button:hover {
    background:black;
    border:#222 solid 1px;
}
/* css slut för formulär startsidan  */

/* css för fixed header vid scroll */
.fixed { 
    position:fixed !important;
    z-index:11 !important;
    top:0;
    background:rgba(26,26,26,0.9);
    border-bottom:#00aef0 solid 8px
}

header.fixed .logo {
    padding:0;
}

.startsida header.fixed .logo img {
    max-width:60%;
}

header.fixed nav {
    margin-top:1.5%;
}

/* css för fixed heacer vid scroll */

/******** galleri *******/
.imageholder a { 
    background:none;
    display:block;
    float:left;
    position:relative;
}
.imageholder {
    overflow:hidden;
   padding:10px 10px 50px 10px;
   margin-bottom:15px; 
}
.imageholder a img, .gallery figure a img { 
    display:block;
    border-bottom: 5px solid transparent;
    border-right: 5px solid transparent;
    width:100%;
    height:auto;
}

.imageholder a:hover:before {
background:rgba(0,0,0,0.5);
width:98%;
height:98%;
position: absolute;
top: 0;
left:0;
padding:20% 45%;
content: "\f00e";
font-size:0.6em;
color: #eee;
display: inline-block;
font-family: FontAwesome;
}

/******** galleri *******/



*,
*:before,
*:after {
    box-sizing: border-box;
}

.clear {
    clear: both;
}

html {
    position:relative;
    height: 100%;
}

body {
    margin-bottom: 168px /* height of footer */
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Oswald', sans-serif;;
}


a,a:visited,a:active{
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

.container {
    max-width: 1100px;
    padding: 0.5em;
    width: 100%;
}

.map-canvas {
    height: 50vh;
}

.map-canvas img {
    max-width: none;
}

img {
    max-width: 100%;
    height: auto;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style],
.twitter-timeline {
    width: 100% !important;
}

.slick-track div {
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    background-size: 100%;
    position: relative;
}

@media (max-width: 480px) {
    .content {
        margin-top:100px;
    }
}

@media (max-width: 550px) {
    .imgRight img {
        width:100%;
    }
}

@media (max-width: 750px) {
}

@media (max-width: 1000px) {
}

@media (max-width: 1200px) {
}
/* Menu */
nav .menu li, nav .menu ul, .menu {
    margin: 0;
    padding: 0;
}

.startsida header a {
    text-decoration: none;
    color: #fff;
}

header a {
    text-decoration: none;
    color: #fff;
}

.startsida header {
    width: 100%;
    position: relative;
    z-index: 2;
}

header {
    width: 100%;
    position: relative;
    top:0;
    text-transform: uppercase;
    z-index: 11;
    /*box-shadow:0 2px 3px 0 rgba(26,26,26,0.6);*/
    background:#1a1a1a;
    border-bottom: #00aef0 solid 8px;
}

header:after {
    content: "";
    clear: both;
    display: block;
}

.search {
    float: right;
    padding: 30px;
}

input {
    border: none;
    padding: 10px;
    border-radius: 20px;
}

.logo {
    float: left;
}

.logo a {
    display: block;
} 

nav>ul {
    float: left;
    position: relative;
}

nav li {
    list-style: none;
    float: left;
}

nav .dropdown {
    position: relative;
}

nav li a {
    float: left;
    padding: 8px 15px;
    margin-right:1px;
}

nav li a:hover, nav .active a, header.fixed active a {
    background: #00AEF0;
    color:white;
}

header.fixed a {
    color:white;
}

nav li ul {
    display: none;
}

nav li:hover ul {
    display: inline;
}

nav li li {
    float: none;
}

nav .dropdown ul {
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    padding: 20px 0;
    border-bottom: 3px solid #34495e;
}

nav .dropdown li {
    white-space: nowrap;
}

nav .dropdown li a {
    padding: 10px 35px;
    font-size: 13px;
    min-width: 200px;
}

nav .mega-dropdown {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    overflow: hidden;
    padding: 20px 35px;
    border-bottom: 3px solid #34495e;
}

nav li li a {
    float: none;
    color: #333;
    display: block;
    padding: 8px 10px;
    border-radius: 3px;
    font-size: 13px;
}

nav li li a:hover {
    background: #bdc3c7;
    background: #FAFBFB;
}

.mega-col {
    width: 25%;
    float: left;
}

#menu-icon {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
    margin-right: 30px;
    display: none;
}

#menu-icon span {
    border: 2px solid #fff;
    width: 30px;
    margin-bottom: 5px;
    display: block;
    -webkit-transition: all .2s;
    transition: all .1s;
}

@media only screen and (max-width: 1170px) {
    nav .menu >ul>li >a {
        padding: 35px 15px;
    }
}

@media only screen and (min-width: 960px) {
    nav {
        display: block!important;
    }
}

@media only screen and (max-width: 959px) {
    nav {
        display: none;
        width: 100%;
        clear: both;
        float: none;
        max-height: 400px;
        overflow-y: auto;
    }

    #menu-icon {
        display: inline;
        top: 70px;
        cursor: pointer;
        z-index:100;
    }

    #menu-icon.active .first {
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        margin-top: 10px;
    }

    #menu-icon.active .second {
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        position: relative;
        top: -9px;
    }

    #menu-icon.active .third {
        display: none;
    }

    .search {
        float: none;
    }

    .search input {
        width: 100%;
    }

    nav {
        padding: 10px;
    }

    nav ul.menu {
        float: none;
    }

    nav li {
        float: none;
    }

    nav ul.menu li a {
        float: none;
        padding: 8px;
        display: block;
    }

    header nav ul.menu ul {
        display: block;
        position: static;
        background: none;
        border: none;
        padding: 0;
    }

    header nav ul.menu a {
        color: #fff;
        padding: 8px;
    }

    header nav ul.menu a:hover {
        background: #fff;
        color: #333;
        border-radius: 3px;
    }

    header nav ul.menu li li a:before {
        content: "- ";
    }

    .mega-col {
        width: 100%;
    }
    
    .formStartsida .container div {
        float:none;
        width:100%;
        margin:0;
    }
}

/* Mobile first queries */
@media (max-width: 480px) {
    .startsida header.fixed .logo img, header .logo img {
        max-width:60%;
    } 
    
    header .socialamedia {
        display:none;
    }
    
    #menu-icon {
        top:45px;
    }
    
    .slick-slider {
        margin-top:106px;
    }
    
    header, .startsida header {
        position:fixed;
        top:0;
        width:100%;
    }
}

/* Larger than mobile */
@media (min-width: 400px) {
    .startBox > article, .imageholder a, .gallery > * {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin:0;
    }
}

/* Larger than phablet */
@media (min-width: 550px) {
}

/* Larger than tablet */
@media (min-width: 750px) {
    .startBox > article, .imageholder a, .gallery > *  {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        flex-grow:0;
        margin:0;
    }
        
    .container {
        padding:1em;
    }
    
    .imgRight {
        float:right;
        padding-left:20px;
    }
   
}

/* Larger than desktop */
@media (min-width: 1000px) {
    nav {
        position:absolute;
        bottom:0;
        right:0;
    }
    
    .startBox > article, .imageholder a, .gallery > * {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        flex-grow:0;
        margin:0;
    }
    
    #contact .simpleform-row {
        display:inline-block;
        width:32.6%;
        margin-right:5px;
    }
    

}

/* Larger than Desktop HD */
@media (min-width: 1200px) {


}