/*!
 * Start Bootstrap - Freelancer v5.0.0 (https://startbootstrap.com/template-overviews/freelancer)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-freelancer/blob/master/LICENSE)
 */

@font-face {
  font-family: 'Lato Light';
  src: url('/sv/public/newsite/css/Lato-Light.ttf') format('truetype'); 
}

body {
  font-family: 'Lato Light';
  color: #333;
}

h1,h2,h3,h4,h5,h6 {
  font-weight: 700;
  color: #000;
}
a {
  color: #000;
}
a:focus, a:hover, a:active {
  color: #ff8a00;
}
.container-fluid{
  max-width: 1400px;
}
section{
  padding: 6em 0;
}
.brands img{
  max-height: 70px;
  max-width: 150px;
}
.box-shadow{
  box-shadow: 0 0 50px rgba(0,0,0,.05);
}
.bg-light{
  background: #ececf2!important;
}
.img-90{
  width: 90%;
}
button:focus{
  outline: none;
}
.btn{
  font-size: 16px;
  letter-spacing: .1pt;
  border-radius: 0;
  padding: 8px 20px;
  text-transform: uppercase;
}
.text-primary{
    color: #ff8a00 !important;
}
.btn-primary, .bg-primary{
  background: #ff8a00!important;
  border: #ff8a00;
}
.btn-primary:focus{
  background: #ff8a00!important;
  border: #ff8a00;
  color: #fff;
  box-shadow: none;
}
.btn-primary:hover{
  background: #ee7a00;
}
.btn-outline-primary{
  border-color: #ff8a00;
  color: #ff8a00;
}
.btn-outline-primary:hover{
  background-color: #ff8a00;
  color: #fff;
  border-color: #ff8a00;
}
.wh-100{
  width: 110px;
  height: 110px;
}
#mainNav {
  box-shadow: 0px 0px 100px rgba(0,0,0,.05);
  background: #fff;
  transition: all .3s;
}
#mainNav .navbar-nav {
  margin-top: 1rem;
}
.navbar-brand img{
  max-height: 50px;
}
#mainNav .navbar-toggler {
  font-size: 24px;
  padding: 0.8rem;
}
#mainNav .navbar-toggler i{
  color: #000;
}
#mainNav .navbar-nav {
  margin-top: 0;
}
.navbar-shrink{
  padding-top: 0;
  padding-bottom: 0;
}
.brands img{
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  transition: all .5s;
  cursor: pointer;
}
.brands img:hover{
  -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
  filter: grayscale(0);
}
.footer {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: #000;
  color: #fff;
}
.copyright {
  background-color: #333;
}
.w-sm-50{
  width: 50%;
}
.country img{
  width: 30px;
}
.country .dropdown-menu {
    top: 90%;
    min-width: 192px;
    padding: 10px 7px;
    margin: .1rem 0 0;
}
.country .dropdown-item {
    width: 30px;
    margin: 7px;
    float: left;
    clear: none;
    padding: 0;
    cursor: pointer;
}
.services-menu .dropdown-menu.show{
    position: fixed;
    top: 75px;
    left: 0px;
    background: #3a3a3a;
}
.bg-black{
  background: #000;
}
footer a{
  color: #fff;
}
.navbar-shrink .services-menu .dropdown-menu.show{
  top: 59px;
  transition: all .3s;
}
.services-menu .dropdown-menu h4{
  font-size: 18px;
  font-weight: 400;
}
.services-menu .dropdown-menu h2{
  font-size: 21px;
  padding-bottom: 10px;
  color: #ff8a00;
}
.services-menu .dropdown-menu ul{
  font-size: 14px;
  line-height: 26px;
}
.services-menu .dropdown-menu ul li{
}
.services-menu .dropdown-menu ul li a{
  color: #fff;
  font-weight: 300;
}
.ml-35{
  margin: 0 -35px;
}
.bubble p{
  margin-bottom: 0;
  padding: 10px 0;
}
.bubble{
  background: rgba(0,0,0,.7);
  margin-bottom: 1px;
  border-radius: 5px;
}

@media (max-width: 991px) {
  .fixed-top{
    position: static;
  }
  .services-menu .dropdown-menu.show{
    position: static;
  }
  .services-menu{
    display: block;
  }
  .services-menu .col-lg{
    text-align: left;
    margin: 10px;
  }
}
@media (max-width: 767px) {
  .img-90{
    max-width: 300px;
    margin-bottom: 30px;
  }
  .w-sm-50{
    width: 100%;
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .max-h-500{
    max-height: 500px;
    overflow-y: hidden;
  }
  .max-h-600{
    max-height: 600px;
    overflow-y: hidden;
  }
}
@media (min-width: 768px) {
  .bubble{
    border-radius: 50%;
    float: left;
    display: inline-block;
    width: 200px;
    height: 200px;
  }
  .bubble-bg{
    background: url(/sv/public/newsite/images/bubbles.png) left top no-repeat;
    background-size: cover;
  }
  .bubble-2{
    width: 130px;
    height: 130px;
    margin-right: -40px;
  }
  .bubble-3{
    width: 180px;
    height: 180px;
    margin-left: -20px;
    margin-top: 40px;
  }
  .bubble-4{
    width: 230px;
    height: 230px;
  }
  .bubble-5{
    margin-left: 10px;
    margin-top: -30px;
  }
  .bubble-6{
    width: 160px;
    height: 160px;
    margin-top: 60px;
  }
  .bubble-7{
    width: 120px;
    margin-left: -20px;
    height: 120px;
  }
  .bubble-8{
    width: 160px;
    height: 160px;
    margin-left: -20px;
    margin-top: 40px;
  }
  .bubble-10{
    margin-top: -40px;
    width: 190px;
    height: 190px;
  }
  .bg-blue{
    background: rgba(87,207,120,.7);
  }
  .bg-orange{
    background: rgba(255,138,0,.7);
  }
  .bg-green{
    background: rgba(40,50,120,.7);
  }
  .bg-grey{
    background: rgba(0,0,0,.5);
  }
}