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

body{ padding:200px 0 0 0; background: #e3e2d7 url(../img/bkgdark.jpg); font-family: 'Signika Negative', sans-serif; font-weight:400; color:#6a5538}
body.home{padding-top:0;}
a{color:#9f7837}
a:hover{color:#9f7837; text-decoration:underline}

h1{width: 175px; height:90px; background: url(../img/owadolandia.png) no-repeat; text-indent:-999px; overflow:hidden; margin: 20px auto;}
h2{font-family: 'Oranienbaum', serif; font-weight: 400;  color:#6a5538; font-size:30px; text-shadow: none}
h2 span{color:#c49947}
h3{font-family: 'Signika Negative', sans-serif; font-weight: 700; color:#6a5538; font-size:18px; margin:10px 0 2px 0}
h4{font-weight: 600; color:#488eaf; font-size:16px;}

.btn-default:focus,
.btn-default:active,
.btn-default{background-color:#8ec447; border:none; border-bottom: 3px solid #7daf3f; border-radius:5px; font-weight: 700; font-size:12px; color:#ddedc8; text-shadow: 0 1px rgba(0,0,0,0.3); text-transform:uppercase; padding: 8px 10px 4px 10px; position:relative}
.btn-default:hover{background-color:#8ec447; border:none; border-bottom: 3px solid #7daf3f; color:#fff}
.btn-default:hover:after{position: absolute; bottom: 0; left: 50%; margin-left:-3px; content:''; width: 0; height: 0; border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #7daf3f;}

.btn-brown-dark:focus,
.btn-brown-dark:active,
.btn-brown-dark{background-color:#6a5538; border:none; border-bottom: 3px solid #4d3e29; border-radius:5px; font-weight: 700; font-size:22px; color:#ede1c8; text-shadow: 0 1px rgba(0,0,0,0.3); text-transform:uppercase; padding: 8px 15px 4px 15px; position:relative}
.btn-brown-dark:hover{background-color:#6a5538; border:none; border-bottom: 3px solid #4d3e29; color:#fff}
.btn-brown-dark:hover:after{position: absolute; bottom: 0; left: 50%; margin-left:-3px; content:''; width: 0; height: 0; border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #4d3e29;}

.btn-brown-light:focus,
.btn-brown-light:active,
.btn-brown-light{background-color:#c49947; border:none; border-bottom: 3px solid #9f7837; border-radius:5px; font-weight: 700; font-size:22px; color:#ede1c8; text-shadow: 0 1px rgba(0,0,0,0.3); text-transform:uppercase; padding: 8px 15px 4px 15px; position:relative}
.btn-brown-light:hover{background-color:#c49947; border:none; border-bottom: 3px solid #9f7837; color:#fff}
.btn-brown-light:hover:after{position: absolute; bottom: 0; left: 50%; margin-left:-3px; content:''; width: 0; height: 0; border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #9f7837;}

.brown-light{font-weight:700; color:#c49947}

.sticky-wrapper{width:100%;}
.stuck{position: fixed; top:20px; z-index: 1099; }
.navbar-green{background-color:#8ec447; border-bottom: 4px solid #7daf3f; color:#fff}
.navbar-wrapper .navbar.navbar-green{border-radius: 8px}
.navbar-green .navbar-nav{padding: 0 30px}
.navbar-nav > li > a{postition: relative; padding: 14px 31px 11px 25px; font-family: 'Signika Negative', sans-serif; font-weight: 700; color:#ddedc8; text-transform:uppercase; text-shadow: 0 1px rgba(0,0,0,0.3)}
.navbar-nav > li > a:focus,
.navbar-nav > li > a:active,
.navbar-nav > li.active > a,
.navbar-nav > li > a:hover{background:none; color:#fff}
.navbar-nav > li > a:hover:after{position: absolute; bottom: 0; left: 50%; margin-left:-3px; content:''; width: 0; height: 0; border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #7daf3f;}
.navbar-wrapper {position: absolute;top: 0;left: 0;right: 0; z-index: 20;}
.navbar-wrapper .container {padding-left: 0;padding-right: 0;}
.navbar-wrapper .navbar {padding-left: 15px;padding-right: 15px;}

.welcome{position: absolute; width: 500px; margin-left: -250px; text-align:center; top:190px; left:50%; z-index:15; font-size:16px; font-weight:700; color:#c49947}

.carousel {height: 670px; background: #e3e2d7 url(../img/bkg.jpg); position: relative; overflow: hidden;}
.carousel:after{position: absolute; content: ' '; height: 20px; bottom: -20px; right: -50px; left: -50px; background-color: transparent; box-shadow: 0 0 80px rgba(106,85,56,1); border-bottom: 1px solid #a59a86;}
.carousel-caption {z-index: 10;}
.carousel .item {height: 670px;}
.carousel .item p{font-size:16px; color:#6a5538;}
.carousel .carousel-caption{position: absolute; width:1000px; height:450px; margin:0 0 0 -500px; padding: 30px 500px 30px 80px; text-align:left; text-shadow:none; left: 50%; right:auto}
.carousel .carousel-caption p{width: 390px;}
.carousel .carousel-caption.first{background: url(../img/biedronka.png) no-repeat center bottom;}
.carousel .carousel-caption.second{background: url(../img/gasienica.png) no-repeat center bottom;}
.carousel-control{height: 66px; width: 66px; border-radius: 33px; background: rgba(142, 196, 71, 0.2); border: 3px solid #8ec447; top: 400px; line-height:66px; z-index:11;}
.carousel-control .glyphicon{top:20px; left:20px; color:#8ec447; text-shadow: none}
.carousel-control.left{background-image:none; margin-left:-570px;  left:50%;}
.carousel-control.right{background-image:none; margin-right: -570px; right:50%}
.carousel .btns{position: absolute; bottom: 50px; left:50%; z-index:11; margin-left:-200px}
.carousel .btns a:first-child{float:left; padding-right: 25px}
.carousel .btns a:last-child{float:left; padding-left: 25px}
.carousel .btns .or{background:#e1e0d5; float: left; width: 30px; height:30px; text-align: center; line-height:32px; border-radius:15px; position:relative; z-index:5; margin: 8px -12px 0 -12px}

.marketing [class*="col"] {text-align:center}
.marketing h3{width:auto; display:inline-block; padding: 3px 0; margin:5px 0 8px 0}
.marketing h3{border-bottom:1px solid #756146}

.news{padding: 0; color:#6a5538}
body.home .news{padding:0 10px}
.news h3{font-family: 'Oranienbaum', serif; font-weight: 400; font-size:24px; margin: 0 0 5px 0}
.news h3 a{color:#6a5538;}
.news .date{color:#7daf3f}

.carousel-divider{margin:-4px 0 40px 0; height: 5px; background:#a0947c; border:none; box-shadow: 0 2px 5px rgba(0,0,0,0.3)}
.featurette-divider{margin: 30px 0; height: 4px; background:#a0947c; border:none; border-bottom:2px solid #85745a; border-radius: 3px;}
.featurette-divider.nobot{margin-bottom:0}
.featurette-divider.notop{margin-top:0}

.featurette .col-md-3{text-align:center;}

#map_canvas{width: 100%; height:300px; background:#f0ede5}

footer{margin-bottom:30px}
footer .pull-left{width:70%;}
footer .pull-right{width:30%; text-align:right}
.footer-nav{list-style-type:none; padding:0;}
.footer-nav li{display: inline; margin-right: 15px}
.footer-nav li a{color:#6a5538;}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th{background: rgba(255,255,255,0.3)}
.table > thead > tr > th{border-bottom:2px solid #a0947c}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{border-top:1px solid #a0947c}

.pictures_container{float: left; width: 100%; text-align:center}
.pictures_container .zoom{display: inline-block; width:150px; height:150px; border-radius: 75px; overflow:hidden; margin: 20px; padding:0; border: 3px solid #8ec447}
.pictures_container .zoom:hover{border: 3px solid #fff}

.contactform .form-group {margin:10px -5px}
.contactform .form-group .form-control{background: #efeee6; border: 1px solid #cbc2b0}
.contactform .form-group .form-control:focus{box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset, 0 0 8px rgba(142, 196, 71, 0.6)}
.contactform .form-group .form-control.error{border: 1px solid red}
.contactform .form-group #message{height: 250px;}
.contactform .help-block{margin:0; padding:0; list-style-type:none; color: red; margin: 5px;}

.alert{position: fixed; width:800px; left:50%; top: 220px; margin-left:-400px; z-index:999; box-shadow: 0 5px 10px rgba(0,0,0,0.5)}

blockquote {position:relative; border-left: 0; text-indent: 20px;}
blockquote:before{content:''; position:absolute; width: 25px; height:19px; background: url(../img/quote.png) no-repeat; top:0; left:0;}
blockquote:after{content:''; position:absolute; width: 25px; height:25px; background: url(../img/quote.png) no-repeat -25px 0; bottom:0; right:20px;}

.swiss{text-align:center; font-size: 14px; line-height:20px; margin: 10px 0 0 0}
.swiss img{display: block; margin: 10px auto; width:250px}

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

@media (min-width: 768px) {

  /* Remove the edge padding needed for mobile */
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }

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

  .featurette-heading {
    font-size: 40px;
  }

}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 20px;
  }
}