/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-bottom: 140px;
  color: #ffffff;
  font-family: Calibri, sans-serif;
    
}

@font-family-sans-serif:  Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif;
@font-family-serif:       Georgia, "Times New Roman", Times, serif;
@font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
@font-family-base:        @font-family-sans-serif;



@headings-font-family:    inherit;
@headings-font-weight:    500;
@headings-line-height:    1.1;
@headings-color:          inherit;

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;

}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
  color: #fff;
}

.logolo {
    font-weight: 700;
    color: #159bc7;
    
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
    
  height: 500px;
  margin-bottom: 60px;
  font-family: Calibri, sans-serif;

}
/* Since positioning the image, we need to help out the caption */

.carousel-caption {
	align: right;
	z-index: 10;
	text-align: left;
	font-weight:900;
	color: #000;
}

.special {
	align: right;
	z-index: 10;
	text-align: left;
	font-weight:900;
	color: #000;
	width: 36%;
	min-width: 300px;
	padding:12px 25px;
	border-radius:16px;
	background-color: #fff;
}


.carousel-caption h1{
	text-align: left;
	text-shadow:none;
}

.carousel-caption h2{
	position:relative;
	top:-100px;
	text-align: right;
	text-shadow:none;
}

.carousel-caption .blue{
	font-size: 36px;
	font-weight:600;
	color: #159bc7;
}

.carousel-caption .black{
	font-size: 36px;
	font-weight:300;
	color: #000;
}

.carousel-caption p{
	font-size: 24px;
	color: #333;
	font-weight:300;
	text-shadow:none;
}

.carousel-caption > .btn .btn-primary{
  	background-color: #159bc7;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: #777;
}
.carousel-inner > .item > .slide {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}

.mycontainer {
	align-items:top;
	padding:0px;
}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
	font-weight: 700;
	color: #159bc7;
	font-family: Calibri, "Lucida Sans", sans-serif;
	font-size: 32px;
}
.marketing .col-lg-4 p {
	margin-right: 10px;
	margin-left: 10px;
	color: #000;
	font-weight: 300;
	font-size: 18px;
	line-height: 30px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 40px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
    font-size: 22px;
  line-height: 1;
  letter-spacing: -1px;
}



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 40px;
    font-size: 22px;
    line-height: 1.4;
  }

  
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 40px;
  }
  
  .lead {
	 color: #000;
  }
}

#foot {
	background: #159bc7 url("../img/meister.png") no-repeat top right;
	background-size: auto 100%;
	color: #fff;
	padding: 25px;
	border-radius:16px;
}

#foot p{
	width:50%;
}

#foot .logo{
	width:24%;
	height:24%;
}


/* Contact-Form
------------------------- */

#contactdiv{
z-index:999;
opacity:0.98;
position:absolute;
color: #000;
background: #159bc7;
background-size: cover;
background-position: fixed;
display: none;
}

#contactbox{
z-index:999;
width:750px;
height: 500px;
border-radius:24px;
box-shadow:6px 6px 36px;
background: #fff;
opacity:1.0;
position: relative;
left: 50%;
top: 50%;
margin-left:-375px;
margin-top:-250px;
background-image:url('../img/conback.png');
background-repeat:no-repeat;
/*border: 2px solid rgb(90, 158, 181);
*/
}

#request{
padding:95px 30px 0px 30px;
font-size:15px;
/*font-weight:bold;*/
width:750px;
height: 500px;
/*margin:20px 250px 0 35px;*/
float:left;
}

#request .left{
width:50%;
float:left;
padding-right:50px;
}

#request .left label{
font-weight:bold;
font-size:15px;
color: #159bc7;
font-weight:light;
}

#request .right{
width:50%;
float:right;
}

#request .right label{
font-size:12px;
color: #159bc7;
font-weight:light;
position:relative;
bottom:-3px;
}

#request .right input[type=text]{
width:100%;
height:32px;
margin-bottom:10px;
border:1px solid #999;
border-radius:3px;
padding:4px;
}

#request .right textarea{
width:100%;
height:100px;
border:1px solid #999;
border-radius:3px;
padding:5px;
resize:none;
}

#reply{
display: none;
padding:95px 30px 0px 30px;
font-size:17px;
width:750px;
height: 500px;
float:left;
}

#onclick{
cursor:pointer;
}

.mybtn{
padding:10px 25px;
font-size:17px;
border-radius:6px;
border:1px dotted #999;
color: #999;
}

a:hover {
	text-decoration:none;
	color: #159bc7;
	font-weight:600;
}