/*-----------------------------------------------------------------------------------------
  Sida: The Thing About Us
  COPYRIGHT (c) ASKS INTERNET- & REKLAMBYR AB 1997-2018. ALLA R€TTIGHETER RESERVERADE.  
-----------------------------------------------------------------------------------------*/
header,footer,nav,main,aside,article,figure,figcaption,section {display:block;}
figure {margin:0;}
/*-------------------------------------------------------------
  Grid
--------------------------------------------------------------*/
/* SEKTIONER */
.section {clear:both; padding:0px; margin:0px;}
.cf:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
*, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/* KOLUMNER */
.col {display:block; float:left; margin:0 0 1.6% 1.6%;}
.col:first-child, .span_2_of_2, .span_1_of_1, .col.span_1_of_3:nth-child(3n+1), .col.span_1_of_4:nth-child(4n+1), .col.span_1_of_5:nth-child(5n+1), .col.span_1_of_6:nth-child(6n+1){margin-left:0;}

/* GRUPPERING / CLEARFIX */
.group:before, .group:after {content:""; display:table;}
.group:after {clear:both;}

/* GRID */
.span_1_of_1{width:100%}.span_2_of_2{width:100%}.span_1_of_2{width:49.2%}.span_3_of_3{width:100%}.span_2_of_3{width:66.1%}.span_1_of_3{width:32.2%}.span_4_of_4{width:100%}.span_3_of_4{width:74.6%}.span_2_of_4{width:49.2%}.span_1_of_4{width:23.8%}.span_5_of_5{width:100%}.span_4_of_5{width:79.68%}.span_3_of_5{width:59.36%}.span_2_of_5{width:39.04%}.span_1_of_5{width:18.72%}.span_6_of_6{width:100%}.span_5_of_6{width:83.06%}.span_4_of_6{width:66.13%}.span_3_of_6{width:49.2%}.span_2_of_6{width:32.26%}.span_1_of_6{width:15.33%}.span_7_of_7{width:100%}.span_6_of_7{width:85.48%}.span_5_of_7{width:70.97%}.span_4_of_7{width:56.45%}.span_3_of_7{width:41.92%}.span_2_of_7{width:27.42%}.span_1_of_7{width:12.91%}.span_8_of_8{width:100%}.span_7_of_8{width:87.3%}.span_6_of_8{width:74.6%}.span_5_of_8{width:61.9%}.span_4_of_8{width:49.2%}.span_3_of_8{width:36.5%}.span_2_of_8{width:23.8%}.span_1_of_8{width:11.1%}.span_9_of_9{width:100%}.span_8_of_9{width:88.71%}.span_7_of_9{width:77.42%}.span_6_of_9{width:66.13%}.span_5_of_9{width:54.84%}.span_4_of_9{width:43.55%}.span_3_of_9{width:32.26%}.span_2_of_9{width:20.97%}.span_1_of_9{width:9.68%}.span_10_of_10{width:100%}.span_9_of_10{width:89.84%}.span_8_of_10{width:79.68%}.span_7_of_10{width:69.52%}.span_6_of_10{width:59.36%}.span_5_of_10{width:49.2%}.span_4_of_10{width:39.04%}.span_3_of_10{width:28.88%}.span_2_of_10{width:18.72%}.span_1_of_10{width:8.56%}.span_11_of_11{width:100%}.span_10_of_11{width:90.7%}.span_9_of_11{width:81.47%}.span_8_of_11{width:72.24%}.span_7_of_11{width:63.01%}.span_6_of_11{width:53.78%}.span_5_of_11{width:44.55%}.span_4_of_11{width:35.32%}.span_3_of_11{width:26.09%}.span_2_of_11{width:16.86%}.span_1_of_11{width:7.63%}.span_12_of_12{width:100%}.span_11_of_12{width:91.46%}.span_10_of_12{width:83%}.span_9_of_12{width:74.54%}.span_8_of_12{width:66.08%}.span_7_of_12{width:57.62%}.span_6_of_12{width:49.16%}.span_5_of_12{width:40.7%}.span_4_of_12{width:32.24%}.span_3_of_12{width:23.78%}.span_2_of_12{width:15.32%}.span_1_of_12{width:6.86%}

/* TOTALBREDD */ 
.section {max-width:900px; margin:0 auto;}

/* HEADER */
.header {padding:20px;}
.header-wrapper {position:fixed; width:100%; z-index:5;}
.headroom--not-top.headroom--pinned {background:rgba(8, 12, 12, 0.7);}
.headroom--unpinned {transform:translateY(-120%);}
.headroom {transition:transform .4s ease-in-out;will-change:transform}
.headroom--pinned {transform:translateY(0)}

/*-------------------------------------------------------------
  Generella instŠllningar
--------------------------------------------------------------*/
body, html {height:100%;}
img {max-width:100%; height:auto;}
iframe {display:block; margin:0 auto;}
img {-moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
ol li {line-height:24px; margin-bottom:10px;}

#bodywrapper {min-height:100%; position:relative;}
#wrapper { min-height:100%;}

.logo {margin:20px 0 5px; text-align:center;}
.logomeny {display:none;}
.soktoggle {text-align:center; width:30px; margin:8px 0 0; cursor:pointer; font-style:normal; position:relative; z-index:6;}
.soktoggle:after {font-family:"SS BlackTie-Regular"; content:"\1F50E"; color:#222;}
.stangsok:after {font-family:FontAwesome; content:"\f00d";}
.sokrutan {display:none; left:50%; position:absolute; top:200px; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:400px; z-index:60;}
.sokrutan.active {display:block;}
.sokruta {border:none; background:#fff; width:86.5%; height:50px !important; float:left; font-size:11px; color:#444; padding:3px 10px; -webkit-appearance:none; border-radius:0 !important; -webkit-border-radius:0 !important;}
.sokknapp {display:block; width:13%; height:50px; line-height:50px; text-align:center; float:left; margin:0 0 0 0.5%; padding:0 5px; border-radius:0; -webkit-border-radius:0;}
.stang::after {font-family:"SS BlackTie-Regular";  content:"\2421";}
#footer {width:100%; padding:40px 0 50px; -webkit-align-self:flex-end; -ms-flex-item-align:end; align-self:flex-end; position:relative;}
#footer .section {position:relative;}
.navtoggle {display:none;}
.bigwrapper {padding:0 10%; text-align:center; width:100%; left:50%; position:absolute; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.dimmer.active {background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0; bottom:0; display:block; height:100%; left:0; position:fixed; right:0; top:0; width:100%; z-index:4;}
.mobilenav .stang::after {display:none;}
.meny {margin-top:10px;}

/*-------------------------------------------------------------
  Startsidan
--------------------------------------------------------------*/
.home-hero::before, .owl-item::before {background-color:#000; content:""; height:100%; left:0; opacity:0.3; position:absolute; top:0; width:100%;}
.home-hero.hero1 {background:url("/bilder/header-2600.jpg") no-repeat fixed center center / cover ; min-height:80vh;}
.home-hero.hero2 {/* background:url("/bilder/video-2600.jpg") no-repeat fixed center center / cover ; */ min-height:80vh;}
.textbox {width:100%; left:50%; position:absolute; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.textbox2 {padding:50px 10%; width:100%; position:relative;}
.bg {background:url("/bilder/bg.jpg") repeat fixed center center;}
.bg2 {background:url("/bilder/bg-2600_2.jpg") no-repeat fixed center center / cover;}

/*-------------------------------------------------------------
  Fotogalleri
--------------------------------------------------------------*/
#FotoGalleri a {float:left; display:block; width:32.66%; margin:0 1% 1% 0; /*min-height:190px;*/}
#FotoGalleri a:nth-child(3n) {margin:0 0 1% 0 !important;}

/*-------------------------------------------------------------
  Texter
--------------------------------------------------------------*/
.prod-FAQ {border-bottom:1px solid #555; float:left; padding:10px; width:100%; color:#fff;}
/* .prod-FAQ:nth-child(1) {border-top:1px solid #ddd;} */
.prod-FAQ span {cursor: pointer; display: block; font-weight: bold; line-height: 30px; min-height: 30px; position: relative;width: calc(100% - 40px);}
.prod-FAQ span::after {background:#fff; border-radius: 3px; content: "\f078"; font-family: FontAwesome; font-size: 14px; font-weight: bold; position: absolute; right: -40px; text-align: center; top: 0; width: 30px; color: #000;}
.prod-FAQ.active span::after {background-color: #f5f5f5; content: "\f077"; font-family: FontAwesome;}
.foldout-FAQ {color:#fff;}

/*-------------------------------------------------------------
  Effekter
--------------------------------------------------------------*/
.dimmer.active, .sokrutan.active, .soktoggle::after, .stangsok::after, .header.scroll .logo, #nav6Meny ul li ul, #nav6Meny ul li a
{-moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

input[type="text"], input[type="password"], select, textarea, #nyhetsbrev input[type="submit"], #kontaktformular input[type="submit"] {
    background-color:#fff;
    border:1px solid #f1f1f1;
    color:#555;
    display:inline-block;
    font-size:14px;
    height:35px;
    line-height:30px;
    padding:6px;
    transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    vertical-align:middle;
    -webkit-appearance:none;
}
textarea {min-height:100px; line-height:normal;}
input:focus, select:focus, textarea:focus {border-color:rgba(82, 168, 236, 0.8); box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6); outline:0 none;}

.formular {padding:20px 30px; max-width:800px;}
.formular input, .formular textarea {width:100%;}
.formular .primbutton {border:none; font-size:16px;}

/*-------------------------------------------------------------
  Typografi och fŠrger
--------------------------------------------------------------*/
body,p,td,ul,ol {font-family:'Overpass', sans-serif; font-weight:300; font-size:15px; color:#111; margin:0;}
ol {padding-left:20px;}
p {line-height:22px; margin-bottom:15px;}
ul {line-height:25px; padding-left:20px; font-weight:400;}
select,input,textarea,button {font-size:12px;}
b,strong {font-weight:700;}

a:link {color:#f222; text-decoration:none; outline:none;}
a:visited {color:#f222; text-decoration:none; outline:none;}
a:active {color:#f222; text-decoration:underline; outline:none;}
a:hover {color:#f222; text-decoration:underline; outline:none;}

h1,h2,h3,h4 {font-family: 'Amatic SC'; font-style:normal; line-height:normal; margin:0 0 5px 0; letter-spacing:0.5px; color:#f5f5f5; position: relative;}
h1 {font-size:45px; font-weight:700;}
h2 {font-size:40px; margin:20px 0 12px; font-weight:700;}
h3 {font-size:25px; font-weight:300;}
h4 {font-size:17px; font-weight:300;}
.h1stor {font-size:35px;}
.h2stor {font-size:40px; text-transform:uppercase; font-weight:700;}
h2:after {background: #f5f5f5; content: ""; height:2px; left:50%; position:absolute; top:105%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); position: absolute; width:50px;}
.header h1 {text-shadow:0 1px 2px #000; margin:0;}
h2#about {margin-bottom:25px;}

i.soktoggle, i.fa-search, .Nyhetsarkiv_Rubrik, .NyhetTyp3_Rubrik, .soktoggle {font-size:21px;}
.sokruta {font-size:20px;}
.knapp, .Nyhetsarkiv_Ingress, .NyhetTyp3_Ingress {font-size:15px;}
.NyhetTyp3_Datum, .NyhetTyp3_Lasmer, .Kommentarer_Datum, .NyhetTyp5_Datum {font-size:12px; text-transform:uppercase;}
.Kommentarer_Text {font-size:13px;}
.DuArHar {font-size:10px;}

#footer p {font-size:13px;}
#footer h3 {font-size:27px;}
#footer h4 {font-size:14px; text-transform:uppercase;}
.meny a {color:#fff; text-transform:uppercase; padding:0 5px; font-size:13px; text-shadow:0 1px 2px #000;}

/* F€RGER */
.bigwrapper h2 a, .bigwrapper a h2, .bigwrapper h3 a, .bigwrapper a h3, .knapp {color:#fff;}
.gradient {background:radial-gradient(circle at right bottom , #33b1f8 0px, #aa81f3 100%) repeat scroll 0 0 rgba(0, 0, 0, 0)}

/* BLANDAT */
.bigwrapper h2 a, .bigwrapper a h2, .bigwrapper h3 a, .bigwrapper a h3 {text-shadow:2px 2px 3px #333;}
.knapp {border:none; height:35px; line-height:35px; text-align:center;}

/* KNAPPAR */
.primbutton {background:#37a237; border-bottom:2px solid #2e922e !important; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#fff; height:40px; line-height:38px; display:inline-block; transition:all 0.5s ease 0s; cursor:pointer; -webkit-appearance:none;}
.primbutton a {color:#fff; padding:0 20px; display:block;}
.primbutton a:hover {text-decoration:none;}
.primbutton:hover {background:#2e922e;}

.secbutton {background:#999; border-bottom:2px solid #777; border-radius:3px; -webkit-border-radius:3px; color:#fff; height:40px; line-height:40px; display:inline-block; padding:0 10px; transition:all 0.5s ease 0s;}
.secbutton:hover {background:#777;}

/*-------------------------------------------------------------
  Egenskaper
--------------------------------------------------------------*/
.left {float:left;}
.right {float:right;}
.ten {padding:10px;}
.twenty {padding:20px;}
.margTB {margin:10px 0}
.margT {margin:10px 0 0}
.margB {margin:0 0 10px}
.margB10 {margin:0 0 10px}
.paddTB {padding:10px 0}
.paddT {padding:10px 0 0}
.paddB {padding:0 0 10px}
.p30 {padding:60px 16px;}
.border {border:1px solid #f1f1f1}
.borderT {border-top:1px solid #ccc}
.borderB {border-bottom:1px solid #ccc}
.borderTB {border-top:1px solid #eee; border-bottom:1px solid #eee}
.shadow {-moz-box-shadow:1px -2px 10px #444; -webkit-box-shadow:1px -2px 10px #444; box-shadow:1px -2px 10px #444;}
.radius {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.center {text-align:center;}
.relative {position:relative;}
.none {display:none !important}
.desktop {display:block;}
.mobile {display:none;}
.flexW {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.flex {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}

.whiter {background:rgba(255, 255, 255, 0.95)}
.white {background:#fff;}
.lightgrey {background:#eee;}
.darkgrey {background:#444;}
.darerkgrey {background:#222;}
.black {background:#171717;}
.blue {background:#2167ac;}
.primcolor {background:#1c8e44;}
.whitetext, .whitetext a, .whiteT, .whiteT p, .whiteT a {color:#f5f5f5;}
.blacktext, .blacktext a {color:#000;}