/**
 * Theme Name: Waffen-Landmesser
 * Author: Lukas Rydygel
 * Version: 1.0
 */
@import '//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css';
@import 'fancybox/jquery.fancybox.css';
/*------------------------------------------------
    *	Body
--------------------------------------------------*/
body {
  font-family:'Open Sans';
  background:url(img/bg.png);
}
/*------------------------------------------------
    *	Headlines
--------------------------------------------------*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family:'Open Sans';
}
/*------------------------------------------------
    *	Header Row
--------------------------------------------------*/
hr {
  margin-bottom:40px;
  border-color:#fff;
  border-width:10px 0 0;
}
/*------------------------------------------------
    *	Anchor
--------------------------------------------------*/
a,
a:hover,
a:active {
  color:#355571;
}
/*------------------------------------------------
    *	Image
--------------------------------------------------*/
img.img-full {
  width:100%;
}
/*------------------------------------------------
    *	Container
--------------------------------------------------*/
.container {
  position:relative;
}
/*------------------------------------------------
    *	Buttons
--------------------------------------------------*/
.btn {
  color:#fff;
  border:1px solid #fff;
  border-radius:2px;
  background:url(img/blue.png);
}
.btn:hover,
.btn:active,
.btn:focus {
  color:#fff;
  background:url(img/red.png);
}
.btn-lg {
  border-width:2px;
}
.btn-block {
  text-transform:uppercase;
  border:none;
  border-radius:0;
}
.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  color:#fff;
  border-color:#d0aaa8;
  background:url(img/btn-primary.png) repeat-x;
}
/*------------------------------------------------
    *	Pager
--------------------------------------------------*/
.pager {
  background:url(img/blue.png);
}
.pager li {
  width:50%;
}
.pager li.pull-left {
  text-align:left;
}
.pager li.pull-right {
  text-align:right;
}
.pager li a {
  padding:10px 40px;
  line-height:1.33;
  color:#fff;
  font-size:18px;
  display:block;
  border-radius:0;
  border:none;
  background:none;
}
.pager li a:hover,
.pager li a:active,
.pager li a:focus {
  color:#fff;
  text-decoration:none;
  background:none;
}
/*------------------------------------------------
    *	Header
--------------------------------------------------*/
header {
  position:relative;
  height:137px;
  background:url(img/header.jpg) center top;
  background-attachment:fixed;
  z-index:1000;
}
header h1 {
  position:relative;
  margin:0;
  z-index:100;
}
header h1 a {
  height:100px;
  display:block;
  background:url(img/logo.png) center center no-repeat;
}
header .container {
  position:static;
}
@media (min-width:768px) and (max-width:979px) {
  header .container {
    padding:0;
    max-width:none;
  }
}
/*------------------------------------------------
    *	Toggle
--------------------------------------------------*/
#toggle {
  position:relative;
  margin:0 25px;
  height:50px;
  display:none;
  border-left:1px solid #c6c9cd;
  border-right:1px solid #c6c9cd;
}
#toggle select {
  position:absolute;
  right:0;
  top:0;
  width:100%;
  height:50px;
  margin:0;
  padding:0;
  opacity:0;
  z-index:10;
}
#toggle button {
  margin:0;
  padding:0 15px 0 45px;
  height:50px;
  line-height:50px;
  color:#3d4149;
  font-size:17px;
  font-weight:600;
  border-left:1px solid #d1d3d7;
  border-right:1px solid #d1d3d7;
  text-transform:uppercase;
  background:url(img/menu.png) no-repeat 15px center;
}
@media (max-width:767px) {
  #toggle {
    display:block;
  }
}
/*------------------------------------------------
    *	Nav
--------------------------------------------------*/
.nav > li {
  position:static;
}
.nav > li.active > a,
.nav > li.current-menu-item > a,
.nav > li.current-menu-parent > a,
.nav > li > a:hover,
.nav > li > a:active,
.nav > li > a:focus{
  padding-top:1px;
  margin-top:-1px;
  color:#3d4149;
  border-color:transparent;
  background:url(img/header.jpg) center top;
  background-attachment:fixed;
}
/*------------------------------------------------
    *	Navbar
--------------------------------------------------*/
.navbar-header {
  text-align:center;
}
.navbar.affix {
  position:fixed;
  top:0;
  left:0;
  width:100%;
}
.navbar {
  margin:0;
  min-height:36px;
  border-top:1px solid #c6c9cd;
  background:url(img/nav.png);
  background-size:100% 100%;
  box-shadow:0 5px 5px rgba(0, 0, 0, 0.3);
  border-radius:0;
}
.navbar-nav > li > a {
  padding:0 15px;
  height:36px;
  line-height:36px;
  color:#3d4149;
  font-size:15px;
  font-weight:600;
  text-transform:uppercase;
  display:block;
}
/* Left */
.navbar-left {
  border-left:1px solid #c6c9cd;
}
.navbar-left > li {
  border-right:1px solid #c6c9cd;
}
.navbar-left > li > a {
  border-left:1px solid #d1d3d7;
  border-right:1px solid #d1d3d7;
}
.navbar-left > li > a span {
  display:none;
}
.navbar-left > li.home > a {
  padding:0;
  width:40px;
  background:url(img/logo-icon.png) no-repeat center center;
  color:transparent;
  font:0px/0 a;
}
/* Right */
.navbar-right > li.shop a {
  padding-left:25px;
  background:url(img/shop.png) no-repeat left center;
}
@media (max-width:1199px) {
  .navbar-nav > li > a {
    padding:0 10px;
  }
}
@media (max-width:979px) {
  .navbar-nav > li > a {
    padding:0 5px;
  }
}
@media (max-width:849px) {
  .navbar-right > li.shop {
    border-right:1px solid #c6c9cd;
  }
  .navbar-right > li.shop > a {
    color:transparent;
    border-right:1px solid #d1d3d7;
    font:0px/0 a;
    background-position:center center;
  }
}
/*------------------------------------------------
    *	Submenu
--------------------------------------------------*/
.sub-menu-wrapper {
  position:absolute;
  top:100%;
  left:0;
  width:100%;
  background:url(img/header.jpg) center top;
  background-attachment:fixed;
  border-bottom:4px solid #5c6067;
  display:none;
  z-index:100;
}
.sub-menu {
  padding:0;
  list-style:none;
  border-left:1px solid #fff;
}
.sub-menu li {
  border-right:1px solid #fff;
  float:left;
}
.sub-menu li a {
  padding:0 44px;
  line-height:50px;
  color:#3d4149;
  font-size:15px;
  font-weight:600;
  display:block;
  border-left:1px solid rgba(255, 255, 255, 0.4);
  border-right:1px solid rgba(255, 255, 255, 0.4);
}
.sub-menu li a.active,
.sub-menu li a:hover,
.sub-menu li a:active {
  text-decoration:none;
  box-shadow:inset 0 0 15px rgba(0, 0, 0, 0.5);
}
/* Large */
.large .sub-menu li a {
  line-height:normal;
  padding:19px 100px 19px 15px;
  height:113px;
  line-height:25px;
  display:block;
}
.large .sub-menu li.menu-item-287 {
  background:url(img/menu-item-287.png) no-repeat right top;
}
.large .sub-menu li a span {
  font-size:14px;
  font-weight:500;
  display:block;
}
/*------------------------------------------------
    *	Content
--------------------------------------------------*/
#content {
  padding:40px 0;
}
.home #content {
  padding:0 0 100px 0 !important;
  margin-top:-55px;
}
/*------------------------------------------------
    *	Order
--------------------------------------------------*/
.order {
  padding:0;
  margin-bottom:40px;
  list-style:none;
  border-bottom:4px solid #5c6067;
}
.order li {
  margin-bottom:4px;
  float:left;
}
.order li a {
  padding:0 24px 0 10px;
  line-height:24px;
  color:#282828;
  font-size:16px;
  font-weight:600;
  display:block;
  background:url(img/order.png) no-repeat;
}
.order li a:hover,
.order li a:active,
.order li a:focus {
  color:#282828;
  text-decoration:none;
}
.order li.desc a {
  background-position:right 0;
}
.order li.asc a {
  background-position:right -24px;
}
/*------------------------------------------------
    *	Entry
--------------------------------------------------*/
.entry {
  margin-bottom:20px;
}
/*------------------------------------------------
    *	Page Header
--------------------------------------------------*/
.page-header {
  margin:0 0 5px 0;
  padding:0;
  border-color:#000;
}
.page-header h2 {
  margin:0 10px 5px 10px;
  color:#282828;
  font-size:24px;
  font-weight:600;
  text-transform:uppercase;
}
.page-header h2 a,
.page-header h2 a:hover,
.page-header h2 a:active {
  color:#282828;
  text-decoration:none;
}
.page-header h3 {
  margin:0 0 5px 0;
  color:#42576e;
  font-size:24px;
  font-weight:600;
  text-transform:uppercase;
}
.page-header h3 small {
  margin-bottom:5px;
  color:#000;
  font-size:14px;
  display:block;
}
.page-header h3 a,
.page-header h3 a:hover,
.page-header h3 a:active {
  color:#42576e;
  text-decoration:none;
}
/*------------------------------------------------
    *	Page Body
--------------------------------------------------*/
.page-body {
  padding:0 10px;
}
/*------------------------------------------------
    *	Info Box
--------------------------------------------------*/
.info-box {
  padding:10px;
  margin-top:30px;
  border:3px solid #bdbdc1;
  background:#fff;
}
/*------------------------------------------------
    *	Image
--------------------------------------------------*/
.img-wrapper {
  margin-bottom:20px;
  border:5px solid #fff;
}
/*------------------------------------------------
    *	More Link
--------------------------------------------------*/
.more-link {
  margin-top:5px;
  display:inline-block;
}
/*------------------------------------------------
    *	Teasers
--------------------------------------------------*/
#teasers {
  margin-bottom:35px;
}
#teasers .teaser {
  margin-bottom:20px;
  background:#fff;
}
#teasers .teaser .inner {
  position:relative;
  padding:10px;
}
#teasers .teaser .inner h3 {
  color:#3d4149;
  font-size:20px;
}
@media (max-width:991px) {
  #teasers .teaser .inner {
    height:auto !important;
  }
}
/*------------------------------------------------
    *	Tabs
--------------------------------------------------*/
.tabs {
  margin-top:50px;
  padding-bottom:13px;
  border-bottom:1px solid #767e8c;
}
.tabs > li {
  margin:0;
  float:left;
}
.tabs > li > a,
.tabs > li > a:hover,
.tabs > li > a:active {
  margin:0;
  line-height:14px;
  padding:0 10px;
  color:#3b4b59;
  border:none;
  background:none;
  border-right:1px solid #767e8c;
  border-left:1px solid #b1b8bd;
}
.tabs > li:first-child > a {
  padding-left:0;
  border-left:none;
}
.tabs > li:last-child > a {
  padding-right:0;
  border-right:none;
}
.tabs > li.active > a {
  font-weight:600;
  background:none;
}
.tab-content * {
  color:#3b4b59;
}
.tab-content h4 {
  font-size:16px;
  font-weight:600;
}
/*------------------------------------------------
    *	Carousel
--------------------------------------------------*/
.carousel img {
  max-width:100%;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
  display:inline;
}
/* Carousel Indicator */
.carousel-indicators {
  width:auto;
  left:auto;
  right:50%;
  margin:0 -490px 0 0;
  bottom:70px;
}
.carousel-indicators li {
  margin:0 0 0 4px;
  width:11px;
  height:11px;
  border:2px solid #fff;
  background:#777a82;
  box-shadow:0 0 3px rgba(0, 0, 0, 0.6);
}
.carousel-indicators li.active {
  margin:0 0 0 4px;
  background:#f3f3f3;
}
@media (max-width:1280px) {
  .carousel-indicators {
    margin:0 -410px 0 0;
  }
}
@media (max-width:979px) {
  .carousel-indicators {
    right:80px;
    top:320px;
    margin:0;
  }
}
@media (max-width:767px) {
  .carousel-indicators {
    display:none;
  }
}
/* Control */
.carousel-control {
  top:50%;
  margin:-42px 22px 0 22px;
  width:42px;
  height:83px;
  opacity:1;
}
.carousel-control:hover {
  opacity:1;
}
.carousel-control.left {
  background:url(img/carousel-control.png) left top;
}
.carousel-control.right {
  background:url(img/carousel-control.png) right top;
}
@media (max-width:979px) {
  .carousel-control {
    top:130px;
    margin:0 20px;
  }
}
@media (max-width:767px) {
  .carousel-control {
    top:50px;
  }
}
/* Caption */
.carousel-caption {
  left:50%;
  top:0;
  margin:60px 0 0 -570px;
  text-align:left;
}
.carousel-caption h2 {
  margin:0 0 10px 0;
  font-size:32px;
}
.carousel-caption p {
  font-size:20px;
}
/* Carousel Small */
.carousel-small .carousel-inner {
  border:5px solid #fff;
}
.carousel-small .carousel-control {
  position:relative;
  margin:0;
  left:auto;
  top:auto;
  right:auto;
  width:auto;
  height:auto;
  line-height:normal;
  font-size:16px;
  color:#3d4d5d;
  opacity:1;
}
.carousel-small .carousel-control:hover {
  opacity:1;
}
.carousel-small .carousel-control-counter {
  font-size:13px;
  color:#3d4d5d;
}
.carousel-small .carousel-control-counter .current {
  font-size:16px;
}
@media (max-width:1199px) {
  .carousel-caption {
    margin:70px 0 0 -460px;
  }
}
@media (max-width:979px) {
  .carousel-caption {
    position:relative;
    top:100%;
    left:0;
    padding:10px 30px 20px 30px;
    margin:35px 15px 50px 15px;
    color:#282828;
    text-shadow:none;
    background:rgba(255, 255, 255, 0.9);
  }
}
/* Carousel Thumbs */
.carousel-thumbs .carousel-inner {
  height:336px;
  border:none;
}
.carousel-thumbs .carousel-inner img {
  border:5px solid #fff;
}
@media (max-width:767px) {
  .carousel-thumbs .carousel-inner {
    height:auto;
  }
}
/*------------------------------------------------
    *	Google Map
--------------------------------------------------*/
.google-map-canvas {
  height:380px;
}
.content {
  width:180px;
}
/*------------------------------------------------
    *	Footer
--------------------------------------------------*/
footer {
  border-top:4px solid #fff;
}
#footer-wrapper {
  margin-top:4px;
  padding:40px 0;
  min-height:208px;
  outline:4px solid #42535f;
  background:url(img/footer.png);
  box-shadow:inset 0 75px 75px rgba(0, 0, 0, 0.4);
}
footer h2,
footer h3,
footer p {
  color:#fff;
  font-size:16px;
}
footer h2,
footer h3 {
  font-weight:600;
}
footer h2 {
  font-size:18px;
}
footer .tel,
footer .mailto {
  color:#fff;
}
footer .mailto:hover,
footer .mailto:active {
  text-decoration:underline;
}
footer .menu {
  padding:0;
  margin-top:45px;
  list-style:none;
}
footer .menu li {
  padding:0 10px;
  border-left:1px solid #fff;
  float:left;
}
footer .menu li:first-child {
  padding-left:0;
  border:none;
}
footer .menu li a,
footer .menu li a:hover,
footer .menu li a:active {
  color:#fff;
  text-decoration:none;
}
@media (max-width:480px) {
  footer {
    min-height:0;
    background:#344457;
  }
}
/*------------------------------------------------
    *	Social
--------------------------------------------------*/
footer .facebook a, footer  .facebook,
footer .youtube a, footer .youtube,
footer .whatsapp a, footer .whatsapp,
footer .flintenevent a, footer .flintenevent,
footer .calendar a, footer .calendar {
  padding:0 !important;
  border:none !important;
  color:transparent;
  font:0px/0 a;
  display:block;
}
footer .facebook a, footer .facebook {
  width:63px;
  height:57px;
  background:url(img/facebook.png);
}
footer .youtube a, footer .youtube {
  width:68px;
  height:61px;
  background:url(img/youtube.png);
}
footer .whatsapp a, footer .whatsapp {
  width:68px;
  height:61px;
  background:url(img/whatsapp.png);
}
footer .flintenevent a, footer .flintenevent {
  width:68px;
  height:61px;
  background:url(img/flintenevent.png);
}
footer .calendar a, footer .calendar {
  width:68px;
  height:61px;
  background:url(img/calendar.png);
}
footer li.facebook,
footer li.youtube,
footer li.whatsapp,
footer li.flintenevent,
footer li.calendar {
  background:none;
}
footer .facebook {
  margin:-50px 0 0 50px;
}
footer .youtube {
  margin:-25px 0 0 0;
}
footer .whatsapp {
  margin:-50px 0 0 0;
}
footer .flintenevent {
  margin:15px 0 0 -75px;
}
footer .calendar {
  margin:25px 0 0 -180px;
}
@media (max-width:480px) {
  footer .facebook {
    clear:both;
  }
  footer .facebook,
  footer .youtube,
  footer .whatsapp,
  footer .flintenevent,
  footer .calendar {
    margin:20px 10px;
  }
}
/*------------------------------------------------
    *	To Top
--------------------------------------------------*/
#to_top {
  position:fixed;
  bottom:20px;
  right:20px;
  width:48px;
  height:48px;
  background:url(img/top.png) no-repeat center center rgba(255, 255, 255, 0.8);
  border-radius:2px;
  display:block;
  z-index:8000;
}
@media (max-width:767px) {
  #to_top {
    visibility:hidden;
  }
}
/*------------------------------------------------
    *	Fancybox
--------------------------------------------------*/
.fancybox-skin {
  border-radius:0;
}
.fancybox-close {
  top:-33px;
  right:-33px;
  width:23px;
  height:23px;
  background:url(img/close.png) no-repeat;
}
.fancybox-nav span {
  margin-top:-42px;
  width:42px;
  height:83px;
  background:url(img/carousel-control.png) left top;
}
.fancybox-prev span {
  background-position:left top;
}
.fancybox-next span {
  background-position:right top;
}
.fancybox-title {
  padding:10px;
  color:#3d4d5d;
  font-size:16px;
  font-weight:bold;
}
/*------------------------------------------------
    *	Popup
--------------------------------------------------*/
#popup {
  padding:35px 50px;
}
/*------------------------------------------------
    *	Formular
--------------------------------------------------*/
.form-control {
  margin-bottom:20px;
  color:#282828;
  border:1px solid #c9c9ca;
  border-radius:2px;
  background:#eee;
  box-shadow:inset 2px 2px 2px rgba(0, 0, 0, 0.1);
}
.error {
  color:#b94a48;
  border-color:#eec3c7;
  background-color:#f2dede;
  box-shadow:inset 2px 2px 2px rgba(238, 195, 199, 0.1);
}
/*------------------------------------------------
    *	Social Nav
--------------------------------------------------*/
.social-nav {
  margin:0 15px 0 0;
  padding: 0;
  list-style:none;
  float:right;
}
.social-nav a {
  padding:0 !important;
  border:none !important;
  color:transparent;
  font:0px/0 a;
  display:block;
  width:50px;
  height:50px;
}
.social-nav li {
  float:left;
}
.social-nav .facebook {
  background:url(img/facebook-circle.png);
}
.social-nav .youtube {
  background:url(img/youtube-circle.png);
}
.social-nav .whatsapp {
  background:url(img/whatsapp-circle.png);
}
.social-nav .calendar {
  background:url(img/calendar-circle.png);
}
@media (min-width:768px) {
  .social-nav {
    display:none;
  }
}