@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Bree+Serif');
@import url('https://fonts.googleapis.com/css?family=Quattrocento+Sans:700');

html,
body{
	margin: 0;
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}
body{
  font-family: 'Bree Serif';
}
#lo-container{
  position: relative;
  margin: 0 auto;
  background-color: rgb(188,24,25);
  overflow: hidden;
}
#lo-gradient{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 50px;
  background-image: linear-gradient(
    rgb(164,25,22),
    rgb(188,24,25)
  );
}
#lo-logo{
  position: absolute;
  width: 50px;
  height: 50px;
}
#lo-logo img{
  width: 100%;
  height: auto;
}
/*#lo-img-box-1{
  background-image: url("../media/pige-kost.jpg");
}
#lo-img-box-2{
  background-image: url("../media/mand-gul.jpg");
}
#lo-img-box-3{
  background-image: url("../media/mand-motor.jpg");
}
#lo-img-box-4{
  background-image: url("../media/mand-maske.jpg");
}
*/#lo-img-box-svg{
  position: absolute;
  left: 0;
  top: 85px;
  width: 100%;
  height: 35px;
  text-align: center;
}
#lo-img-box-svg svg{
  height: 100%;
  width: auto;
}
#lo-header,
#lo-text{
  position: absolute;
  top: 126px;
  left: 0;
  width: 100%;
  font-size: 32px;
  text-align: center;
  color: rgba(255,255,255,1.00);
}
#lo-text{
  font-size: 17px;
  line-height: 1.2;
  opacity: 0;
}
#lo-slider-container{
  position: absolute;
  top: 182px;
  width: 300px;
  height: 60px;
  background-image: url("../media/slider.svg");
  background-repeat: no-repeat;
  background-size: 90% auto;
  background-position: center top;
}
#lo-slider{
  position: relative;
  top: 34px;
  width: 210px;
  height: 14px;
  margin: 0 auto;
}
#lo-button-container{
  position: absolute;
  display: none;
  top: 140px;
  width: 300px;
  height: 60px;
  text-align: center;
}
#lo-button{
  display: inline-block;
  font-family: 'Quattrocento Sans';
  font-size: 18px;
  text-align: center;
  line-height: 1.7;
  color: rgb(186,12,14);
  width: 150px;
  height: 30px;
  border-radius: 20px;
  background-color: rgba(255,255,255,1.00);
  cursor: pointer;
}
#lo-button-new{
  display: none;
  width: 80px;
  margin-left: 10px;
}
.lo-box-shadow{
  position: absolute;
  background-size: cover;
  width: 100px;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 6px 6px 8px 0px rgba(0,0,0,0.25);
}
.lo-men{
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 7.7358;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	border-bottom-right-radius: 4px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-widget-content {
	background-color: transparent;
  border: 0px solid white;
}
.ui-widget {
	font-family: Gill Sans,Arial,sans-serif;
	font-size: 1.2em;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
}
.ui-slider-horizontal .ui-slider-handle {
	top: -10px;
	margin-left: -10px;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 30px;
	height: 30px;
  outline: none;
  background-image: url("../media/slider-button.svg");
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}