@charset "UTF-8";
/*******************************************************
	GENERAL VARIABLES
*********************************************************
gul/guld: 	rgb(255,178,77)
blå: 		rgb(15,92,152)
*********************************************************/
/********************************************************
	@EXTEND GENERAL-CLASSES
*********************************************************
********************************************************/
.row {
  margin: 0; }

.fa {
  color: #ffb24d;
  font-size: 50px;
  width: 100%;
  text-align: center; }

.dark, .primary-background, section.below-header, section.second-block, footer {
  background-color: #333;
  color: #E0E0E0; }

.light {
  background-color: #DDD;
  color: #222; }

.white, .secondary-background, section.first-block, section.third-block {
  background-color: #FFF;
  color: #222; }

.header-image-extend, .header-image {
  position: fixed;
  top: 51px;
  height: 50vh;
  width: 100%;
  min-height: 200px;
  max-height: 350px;
  -webkit-transform: translateZ(0);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateZ(0);
  /* IE 9 */
  transform: translateZ(0);
  /* Firefox 16+, IE 10+, Opera */
  z-index: -1; }

.in-front-of-header-image, header .col-xs-12, section.below-header, section.first-block, section.second-block, section.third-block, footer {
  position: relative;
  z-index: 30; }

/* details */
.detail-style, .detail-style-top-left, section.below-header .top-left-detail, section.below-header .top-left-detail-second-layer, .detail-style-bottom-right, section.below-header .bottom-right-detail, section.below-header .bottom-right-detail-second-layer, .detail-style-bottom {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0.5; }

.detail-style-top-left, section.below-header .top-left-detail, section.below-header .top-left-detail-second-layer {
  top: 0;
  left: 0; }

.detail-style-bottom-right, section.below-header .bottom-right-detail, section.below-header .bottom-right-detail-second-layer {
  bottom: 0;
  right: 0; }

.detail-style-bottom {
  bottom: 0; }

/********************************************************
	GENERAL ELEMENTS
*********************************************************
https://www.typewolf.com/open-source-web-fonts
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
********************************************************/
html, body {
  height: 100%;
  margin: 0;
  outline: none !important;
  font-family: 'Open Sans', sans-serif;
  -webkit-font-smoothing: antialiased; }

body {
  padding-top: 51px;
  background-color: #333; }

section {
  padding: 75px 0; }

a {
  color: #4FAAF9; }

a:hover {
  color: #4FAAF9; }

hr {
  border: 2px solid #0f5c98;
  max-width: 50px;
  margin-top: 10px;
  margin-bottom: 15px; }

.internet-explorer {
  position: fixed;
  bottom: 0;
  z-index: 9999;
  width: 100%;
  height: 60px;
  background-color: #111;
  color: red;
  text-align: center; }

.internet-explorer p {
  margin-bottom: 0;
  margin-top: 20px; }

.internet-explorer a {
  color: red;
  font-weight: bold; }

header > .container.header-ie {
  max-width: 500px;
  width: 100%; }

@media screen and (max-width: 767px) {
  h1 {
    font-size: 30px; } }
/********************************************************
	NAVBAR
*********************************************************
********************************************************/
.nav > li > a {
  padding-left: 10px;
  padding-right: 10px; }

.navbar-inverse {
  border-bottom: 2px solid #0f5c98;
  background-color: #333; }

.navbar-inverse .navbar-brand {
  color: #0f5c98; }

nav.navbar img.logo {
  margin-left: 30px;
  margin-top: 10px;
  width: 120px;
  max-width: 120px;
  height: auto;
  max-height: 35px; }

nav.navbar.navbar-inverse .navbar-nav > .active > a {
  border-top: 2px solid #FFB24D;
  padding-top: 13px; }

@media screen and (max-width: 767px) {
  nav.navbar.navbar-inverse .navbar-nav > .active > a {
    border: 0; } }
nav.navbar a.lang {
  padding: 0; }

nav.navbar a.lang img {
  width: 35px;
  height: auto;
  margin-top: 13px;
  margin-left: 15px;
  opacity: 0.9; }

nav.navbar a.mobile.lang {
  display: none; }

@media screen and (max-width: 767px) {
  nav.navbar a.desktop.lang {
    display: none; }

  nav.navbar a.mobile.lang {
    display: block;
    float: right;
    margin-right: 10px; } }
@media screen and (max-width: 1000px) {
  .navbar-container {
    width: 90%;
    padding: 0; }

  nav.navbar img.logo {
    margin-left: 10px; } }
@media screen and (max-width: 300px) {
  nav.navbar img.logo {
    margin-left: 15px; } }
/********************************************************
	HEADER
*********************************************************
********************************************************/
header {
  height: 50vh;
  min-height: 200px;
  max-height: 350px; }

header .container {
  height: 100%;
  position: relative; }

header .col-xs-12 {
  text-align: center;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  transform: translate(-50%, -50%);
  /* Firefox 16+, IE 10+, Opera */ }

header h1 {
  margin-top: 0; }

/********************************************************
	BELOW HEADER
*********************************************************
********************************************************/
section.below-header {
  padding: 75px 0; }

section.below-header .top-left-detail {
  border-top: 75px solid #0f5c98;
  border-right: 75px solid transparent; }

section.below-header .top-left-detail-second-layer {
  border-top: 85px solid #0f5c98;
  border-right: 85px solid transparent; }

section.below-header .bottom-right-detail {
  border-bottom: 75px solid #0f5c98;
  border-left: 75px solid transparent; }

section.below-header .bottom-right-detail-second-layer {
  border-bottom: 85px solid #0f5c98;
  border-left: 85px solid transparent; }

@media screen and (max-width: 767px) {
  section.below-header .top-left-detail {
    border-top: 100px solid #0f5c98;
    border-right: 100px solid transparent; }

  section.below-header .bottom-right-detail {
    border-bottom: 100px solid #0f5c98;
    border-left: 100px solid transparent; }

  section.below-header .top-left-detail-second-layer {
    border-top: 110px solid #0f5c98;
    border-right: 110px solid transparent; }

  section.below-header .bottom-right-detail-second-layer {
    border-bottom: 110px solid #0f5c98;
    border-left: 110px solid transparent; } }
section.below-header .col-sm-12:nth-child(2) {
  margin-top: 50px; }

@media screen and (max-width: 767px) {
  section.below-header div[class^="col-sm-"]:nth-child(2) {
    margin-top: 50px; } }
/********************************************************
	first-block, second-block, third-block
*********************************************************
********************************************************/
/********************************************************
	FOOTER
*********************************************************
https://css-tricks.com/snippets/css/sticky-footer/
********************************************************/
footer {
  padding: 75px 0;
  border-top: 3px solid #0f5c98; }

footer .social {
  margin-top: 20px; }

footer .social a:focus {
  text-decoration: none; }

footer .social a:hover {
  text-decoration: none; }

footer .social .fa {
  color: #ffb24d; }

footer .social a .fa:hover {
  color: #0f5c98; }

footer p {
  margin: 0;
  font-weight: 200; }

footer .social .fa {
  display: inline; }

footer .social a.mid-icon .fa {
  margin: 0 10px; }

/********************************************************
	header
*********************************************************
********************************************************/
.header-image {
  background: url("../img/header-index.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

header img {
  width: 180px;
  max-width: 200px;
  height: auto;
  max-height: 58px; }

/********************************************************
	below-header
*********************************************************
********************************************************/
@media screen and (max-width: 767px) {
  section.below-header .col-sm-6:nth-child(2) {
    margin-top: 50px; } }
/********************************************************
	first-block
*********************************************************
********************************************************/
section.first-block .index-table ul {
  list-style-type: none;
  padding-left: 10px; }

section.first-block .index-table h3 {
  margin-left: 30%; }

section.first-block .index-table ul li {
  border-left: 4px solid #0f5c98;
  padding: 2px;
  padding-left: 15px;
  font-weight: 200;
  margin-left: 25%; }

@media screen and (max-width: 1000px) {
  section.first-block .index-table h3 {
    margin-left: 20%; }

  section.first-block .index-table ul li {
    margin-left: 15%; } }
@media screen and (max-width: 500px) {
  section.first-block .index-table h3 {
    margin-left: 10%; }

  section.first-block .index-table ul li {
    margin-left: 5%; } }
@media screen and (max-width: 767px) {
  section.first-block > div > div:nth-child(1) > div > div:nth-child(1) > ul {
    margin-bottom: 50px; } }
section.first-block .history-business {
  margin-top: 50px; }

@media screen and (max-width: 767px) {
  section.first-block .row.history-business > div:nth-child(1) {
    margin-bottom: 35px; } }
section.first-block .fa {
  margin-bottom: 0; }

section.first-block h2 {
  margin-top: 10px; }

/********************************************************
	FOOTER
*********************************************************
********************************************************/
/* @RM test styling */
.test {
  z-index: 999;
  width: 20px;
  height: 20px;
  background-color: purple;
  margin-left: 50%;
  border-left: 6px solid red; }

/* /@RM */
/*


section#company .desktop-table {
	display: initial;
}
@media screen and (max-width: 767px) {
	section#company .desktop-table {
		display: none;
	}
}
.table > thead > tr > td {
	padding: 0;
}

.table > tbody > tr > td {
	border: none;
	border-left: 2px solid $primary-color;
	font-weight: 200;
}
.table > tbody > tr:nth-child(1) td {
	border-top: 2px solid $primary-color;
}
.table > tbody > tr:last-child {
	border-bottom: 2px solid $primary-color;
}



section#company .mobile-table {
	display: none;
}
@media screen and (max-width: 767px) {
	section#company .mobile-table {
		display: initial;
	}
}




*/

/*# sourceMappingURL=justscriptit_index.css.map */