@charset "UTF-8";
/*
Theme Name: Löfman
Theme URI: 
Author: 
Author URI:
Description: 
Requires at least: 
Version: 1.0
License: 
License URI: 
Text Domain: 
Tags: 
*/
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700");
@import url("https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800");
@import url("css/scrollindicator.css");
@import url("css/owl-carousel.css");
*, html {
  color: white;
}

body {
  background-color: #333333;
  font-family: 'Poppins', sans-serif;
  color: white;
}

a:hover, .btn-link:hover {
  text-decoration: none;
  opacity: 0.8;
}

.invert {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  opacity: 0.5;
}

.bluehero {
  color: white;
  -webkit-box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.02), 0 6.7px 5.3px rgba(0, 0, 0, 0.028), 0 12.5px 10px rgba(0, 0, 0, 0.035), 0 -2.8px 2.2px rgba(255, 255, 255, 0.02), 0 -6.7px 5.3px rgba(255, 255, 255, 0.028);
          box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.02), 0 6.7px 5.3px rgba(0, 0, 0, 0.028), 0 12.5px 10px rgba(0, 0, 0, 0.035), 0 -2.8px 2.2px rgba(255, 255, 255, 0.02), 0 -6.7px 5.3px rgba(255, 255, 255, 0.028);
}

.supershadow {
  background: linear-gradient(145deg, #2e2e2e, #373737);
  -webkit-box-shadow: 7px 7px 14px #2d2d2d, 
 -7px -7px 14px #393939;
          box-shadow: 7px 7px 14px #2d2d2d, 
 -7px -7px 14px #393939;
}

.linearbg {
  background: linear-gradient(-46deg, #2f2f2f 45%, #333333 45%, #3e3e3e 84%, #464444 83%);
}

.navbar-brand img {
  width: 120px;
}

h1, h2, h3, h4, h5, h6, nav a {
  font-weight: bold;
  font-family: 'Poppins', sans-serif;
}

h5 {
  color: #75B1D6;
}

@media (max-width: 1200px) {
  h4 {
    font-size: 1.2rem;
    line-height: 1.3;
  }
}

@media (max-width: 600px) {
  h4 {
    font-size: 1.0rem;
    line-height: 1.3;
  }
}

.wp-caption {
  margin-top: 1rem;
}

.wp-caption img {
  width: 100%;
  border-radius: 6px;
}

.wp-caption .wp-caption-text {
  font-size: .8rem;
  color: #D2D2D2;
  padding: 0.5rem 0 1rem 0;
}

.border-right {
  border-right: 1px solid rgba(0, 0, 0, 0.22);
}

.lightblue {
  color: #75B1D6;
}

.bg-white {
  background-color: white;
}

.bg-dark {
  background-color: black !important;
}

.darkgrey {
  background-color: #929191;
  border-bottom: 5px solid silver;
}

.bg-light {
  background-color: #333333 !important;
}

.backgroundimage {
  background-size: cover;
  background-position-y: bottom;
}

.backgroundimage .container {
  -webkit-box-shadow: -15px 0 15px -10px rgba(0, 0, 0, 0.5), 15px 0 15px -10px rgba(0, 0, 0, 0.5);
          box-shadow: -15px 0 15px -10px rgba(0, 0, 0, 0.5), 15px 0 15px -10px rgba(0, 0, 0, 0.5);
}

.container-fluid {
  padding-right: 0px;
  padding-left: 0px;
}

.card.contact {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background-color: #1D1D1B;
}

.card.contact .roundout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #d5d5d5;
  border-radius: 6px 0 0 6px;
}

.card.contact .roundout .img-circle {
  border-radius: 6px 0 0 6px;
  width: 100px;
  height: 100px;
}

.card.contact .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.5rem 1.25rem;
  color: white;
}

.card.contact .card-body h5 {
  font-weight: bold;
  margin-bottom: 0px;
}

.card.contact .card-body .card-text {
  font-size: .8rem;
}

.card.contact .card-body .btn-link {
  color: #D2D2D2;
}

.card.contact .mybtn {
  width: 50%;
  float: left;
  border-radius: 0px;
  background-color: #333333;
  border: none;
  color: white;
}

.card.contact .mybtn i {
  margin-right: 6px;
}

.card.contact .mybtn:first-child {
  border-right: 2px solid white;
}

footer {
  background-color: #1D1D1B;
  color: lightgrey;
  font-size: .8rem;
  min-height: 350px;
}

footer h4 {
  color: rgba(255, 255, 255, 0.5);
}

footer img {
  padding-right: 3%;
}

footer a {
  color: white;
}

footer a:hover {
  color: white;
}

.thumbs {
  -webkit-box-shadow: 1px -2px 3px -2px rgba(0, 0, 0, 0.2);
          box-shadow: 1px -2px 3px -2px rgba(0, 0, 0, 0.2);
}

.thumbs .thumb img {
  width: 100%;
  padding: 0.4rem;
}

.navbar-expand-lg .navbar-nav .active .nav-link {
  color: #0075BE;
}

.navbar-expand-lg .navbar-nav .nav-link {
  color: white;
}

.navbar-expand-lg .navbar-nav .nav-link:hover {
  color: #0075BE;
}

@media (min-width: 992px) {
  .pt-md-6 {
    padding-top: 5rem !important;
  }
  .mt-md-6 {
    margin-top: 6rem !important;
  }
  .navbar-expand-lg {
    background-image: url(head-bg.png);
    background-position: center center;
    padding: 0;
  }
  .navbar-expand-lg .navbar-nav .active .nav-link {
    background-color: #2B2B2B;
    border-bottom: 5px solid #0075BE;
    color: white;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding: 2rem;
    color: white;
  }
}

.carousel-control-next, .carousel-control-prev {
  width: auto;
}

.carousel {
  width: 100%;
}

.carousel .carousel-control-prev, .carousel .carousel-control-next {
  display: none;
}

.carousel .slide-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.carousel .slide-box .slide-image {
  opacity: 0.5;
  border-radius: 3px;
  width: 11%;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.carousel .slide-box .slide-image:hover {
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
          box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

@media (max-width: 480px) {
  .carousel .slide-box .slide-image {
    width: 21%;
    margin: 2%;
  }
}

.carousel .slide-box .slide-image i {
  position: absolute;
  background-color: #fb661d;
  padding: 3px;
  border-radius: 50%;
  right: 0;
}

.carousel .slide-box .slide-image img {
  width: 85%;
}

@media (max-width: 480px) {
  .card-body {
    padding: 0.9rem;
  }
  .darkgrey {
    padding-left: 0px;
    padding-right: 0px;
  }
  .darkgrey .container {
    margin-left: 0px;
    margin-right: 0px;
  }
  footer .mobox {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding-bottom: 1rem;
    margin-bottom: 2rem;
  }
}

@media (min-width: 1000px) {
  .we-are h3 {
    font-size: 2.2rem;
  }
  .we-are p {
    font-size: 1.2rem;
  }
  .navbar-brand img {
    width: 160px;
  }
  .darkgrey {
    padding-bottom: 2rem;
  }
}

blockquote {
  margin: 0 0 1rem;
  font-size: 2rem;
  font-family: georgia;
  font-style: italic;
  quotes: "“" "”" "‘" "’";
  line-height: 122%;
}

q:before,
blockquote:before {
  content: open-quote;
}

q:after,
blockquote:after {
  content: close-quote;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  color: #75B1D6;
  font-size: 1.2em;
}

blockquote {
  margin-left: 0;
  padding-left: 1em;
  border-left: 5px solid #75B1D6;
}
/*# sourceMappingURL=style.css.map */