/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 04.10.2015, 04.10.2015 15:27:05
    Author     : marc
*/
html {
  width: 100%;
  height: 100%;
}
body {
  width: 100%;
  height: 100%;
  font-family: 'Ubuntu', sans-serif;
  overflow-x: hidden;
  padding-top: 120px;
  color: #64414c;
  background-color: #d9a9b6;
}
h1,
h2,
h3,
h4 {
  color: #70494b;
}
p {
  font-size: 16px;
}
a {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: text-shadow 0.3s;
}
a:hover,
a:focus,
a:active,
a.active,
a.inline {
  text-shadow: 1px 1px 2px rgba(100, 65, 76, 0.5);
  text-decoration: none;
}
header {
  background-color: #f8f3f4;
  padding: 50px 0;
  margin-top: -50px;
}
footer {
  background-color: #d9a9b6;
}
.lead {
  font-weight: 400;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default,
.btn-default:hover {
  /*background-color: fade(@brand-primary, 12.5);*/
  background-color: #e6d8dc;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default.focus {
  /*background-color: fade(@brand-primary, 25);*/
  background-color: #dcc8ce;
}
.btn-default:focus,
.btn-default.focus {
  background-color: #fff;
}
.navbar-default {
  background-color: #d9a9b6;
  border-color: transparent;
  box-shadow: 2px 2px 8px 2px rgba(112, 73, 75, 0.6);
  padding: 20px 0;
  margin-bottom: 0;
}
.navbar-default .navbar-brand {
  color: #64414c;
  font-weight: bold;
  font-size: 1.8em;
  /*position: absolute;*/
  /*margin-right: 40px;*/
  /*        padding: 5px;
                padding-left: 15px;*/
  /*        white-space: nowrap;*/
  /*min-width: 300px;*/
  /*        width: 87%;
                white-space: nowrap; 
                overflow: hidden;
                text-overflow: ellipsis;*/
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  /*        .center {
                    position: absolute;
                    top: 50%;
                    width: 100%;
                    transform: translateY(-50%);
                }*/
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
  /*color: darken(@brand-primary, 10%);*/
  color: #64414c;
  text-shadow: 1px 1px 2px rgba(100, 65, 76, 0.5);
  /*text-decoration: underline;*/
  /*            width: 100%;
                        overflow: visible;*/
}
@media (max-width: 490px) {
  .navbar-default .navbar-brand {
    font-size: 1.0em;
    position: absolute;
    top: 1em;
    margin-right: 40px;
    padding-top: 3px;
    line-height: 90%;
  }
  .navbar-default.navbar-shrink .navbar-brand {
    font-size: 1.0em !important;
  }
  header {
    padding: 30px 0;
    margin-top: -70px;
  }
  
}
.navbar-default .navbar-collapse {
  border-color: rgba(100, 65, 76, 0.3);
}
.navbar-default .navbar-toggle {
  background-color: transparent;
  border-color: transparent;
  margin-right: 0;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #64414c;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
  box-shadow: 1px 1px 2px rgba(100, 65, 76, 0.5);
}
.navbar-default .nav li a {
  color: #70494b;
}
.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
  color: #70494b;
  /*outline: none;*/
}
.navbar-default .nav li.active a {
  color: #70494b;
  text-shadow: 1px 1px 2px rgba(100, 65, 76, 0.5);
  background-color: transparent;
}
.navbar-default .navbar-nav > .active {
  /*        .navbar-nav>.active>a:hover,
                    .navbar-nav>.active>a:focus {
                    color: white;
                    background-color: darken(@brand-primary, 10%);
                }*/
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  /*border-radius: 0;*/
  color: #70494b;
  text-shadow: 1px 1px 2px rgba(100, 65, 76, 0.5);
  background-color: transparent;
}
.navbar-default.navbar-shrink {
  padding: initial;
}
.navbar-default.navbar-shrink .navbar-brand {
  font-size: 18px;
}
/*@media(min-width:768px) {
    .navbar-default {
        background-color: transparent;
        padding: 25px 0;
        -webkit-transition: padding 0.3s;
        -moz-transition: padding 0.3s;
        transition: padding 0.3s;
        border: none;
            .navbar-brand {
                font-size: 2em;
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                transition: all 0.3s;
            }
                .navbar-nav>.active>a {
                        border-radius: 3px;
                }
    }
    .navbar-default.navbar-shrink {
        background-color: @gray-darkest;
        padding: 10px 0;
                .navbar-brand {
                font-size: 1.5em;
            }    
        }
}*/
.box {
  overflow: hidden;
  /*margin-bottom: ceil(@grid-gutter-width / 2);*/
  padding: 8px;
  /*    padding-left: ceil(@grid-gutter-width / 4);
        padding-right: ceil(@grid-gutter-width / 4);*/
}
.box.box-white img {
  background-color: white;
}
.box.box-white,
.box.box-white a {
  color: #64414c;
}
.box.box-brown img {
  background-color: #57311a;
}
.box.box-brown,
.box.box-brown a {
  color: #ab7b43;
}
.box.box-pink img {
  background-color: #d9a9b6;
}
.box.box-pink,
.box.box-pink a {
  color: #64414c;
}
.box.box-purple img {
  background-color: #64414c;
}
.box.box-purple,
.box.box-purple a {
  color: #d9a9b6;
}
.box > div,
.box > a > div {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.box > div > div,
.box > a > div > div {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  white-space: pre-line;
}
@media (max-width: 768px) {
  .box > div > div,
  .box > a > div > div {
    font-size: 2.5vw;
  }
}
@media (min-width: 768px) {
  .box > div > div,
  .box > a > div > div {
    font-size: 19px;
  }
}
@media (min-width: 992px) {
  .box > div > div,
  .box > a > div > div {
    font-size: 25px;
  }
}
@media (min-width: 1200px) {
  .box > div > div,
  .box > a > div > div {
    font-size: 20px;
  }
}
.box > div > div .x200,
.box > a > div > div .x200 {
  font-weight: bold;
  font-size: 2em;
}
.box > div > div .x120,
.box > a > div > div .x120 {
  font-size: 1.2em;
}
.container.shadow .row {
  background-color: white;
  box-shadow: 2px 2px 8px 2px rgba(87, 49, 26, 0.6);
  padding: 5px;
  margin: 0;
}
.thumbnail {
  box-shadow: 2px 2px 8px 2px rgba(87, 49, 26, 0.6);
  border: none;
  border-radius: 0;
  background-color: #fff;
}
.thumbnail .hint {
  height: 0;
  position: relative;
  top: -1.5em;
}
.media {
  padding: 10px;
  margin: -10px;
}
.media .media-left {
  padding-right: 20px;
}
.media .media-object {
  width: 50vw;
  height: 50vw;
  max-width: 300px;
  max-height: 300px;
}
@media (max-width: 480px) {
  .media .media-left,
  .media .media-right,
  .media .media-body {
    display: block;
  }
  .media .media-left {
    padding-right: 0;
  }
  .media .media-object {
    width: 80vw;
    height: 80vw;
    /*            width: 100vw;
                        height: 100vw;*/
    max-width: 80vw;
    max-height: 80vw;
  }
  .media .media-body {
    width: auto;
  }
}
section {
  padding: 50px 0;
  /*    h2.section-heading {
                    font-size: 40px;
                    margin-top: 0;
                    margin-bottom: 15px;
        }
        h3.section-subheading {
                    font-size: 16px;
                    text-transform: none;
                    font-style: italic;
                    font-weight: 400;
                    margin-bottom: 75px;
        }*/
}
@media (min-width: 768px) {
  section {
    padding: 100px 0;
  }
}
section.map {
  /*height: 75%;*/
  height: 70vh;
  padding: 0;
  margin-bottom: 100px;
  margin-top: -30px;
  /*position: relative;*/
}
@media (min-width: 768px) {
  section.map {
    height: 500px;
    margin-top: -75px;
  }
}
section.map .row,
section.map .container,
section.map xiframe {
  /*width: 100%;*/
  height: 100%;
}
.carousel {
  padding: 7px;
  padding-top: 0px;
  margin: -15px;
  margin-top: 17px;
}
.carousel .carousel-inner .item {
  padding: 10px;
}
.carousel .carousel-control {
  top: -17px;
  font-size: 1.2em;
  text-shadow: none;
}
.carousel .carousel-control.left,
.carousel .carousel-control.right {
  background: none;
}
.carousel .carousel-control.left .arrow,
.carousel .carousel-control.right .arrow {
  width: 0;
  height: 0;
}
.carousel .carousel-control.left {
  text-align: left;
  margin-left: 15px;
}
.carousel .carousel-control.left .arrow {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 12px solid #64414c;
}
.carousel .carousel-control.right {
  text-align: right;
  margin-right: 15px;
}
.carousel .carousel-control.right .arrow {
  float: right;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 12px solid #64414c;
}
.carousel .carousel-indicators {
  top: -1em;
  bottom: auto;
  /*        .active {
            width: 15px;
            height: 15px;
        }*/
}
.carousel .carousel-indicators li {
  /*            width: 13px;
            height: 13px;*/
  margin: 1px 3px;
}
.carousel .carousel-indicators li.active {
  margin: 0px 3px;
}
.carousel .carousel-indicators li:hover,
.carousel .carousel-indicators li:focus,
.carousel .carousel-indicators li:active {
  box-shadow: 1px 1px 2px rgba(100, 65, 76, 0.5);
}
.modal .modal-header {
  background-color: #d9a9b6;
}
.modal .img-thumbnail {
  box-shadow: 2px 2px 8px 2px rgba(87, 49, 26, 0.6);
  border: none;
  border-radius: 0;
  background-color: #fff;
}
#portfolioModal .modal-header small {
  font-weight: bold;
  margin-left: 1em;
}
#portfolioModal .modal-body button.pull-right {
  margin: 0 0 1em 1em;
}
#portfolioModal .modal-body #portfolioModalCarousel {
  padding: 7px;
  padding-top: 0px;
  margin: -15px;
  margin-top: 23px;
}
#portfolioModal .modal-body #portfolioModalCarousel.solo {
  margin-top: 0;
}
#portfolioModal .modal-body #portfolioModalCarousel .carousel-inner .item {
  padding: 10px;
}
#portfolioModal .modal-body #portfolioModalCarousel .carousel-control.left {
  margin-left: 15px;
}
#portfolioModal .modal-body #portfolioModalCarousel .carousel-control.right {
  margin-right: 15px;
}
#portfolioModal .description {
  min-height: 40px;
}
/* fade image in after load */
/*.lazyload,
.lazyloading {
    opacity: 0;
}
.lazyloaded {
    opacity: 1;
    transition: opacity 300ms;
}*/
/*# sourceMappingURL=main.css.map */