/*

	-----------------------------------
	Project Name: Pumah
	File Name: main.css
	-----------------------------------

	Table of Contents.

	1.  Reset CSS
	2.  Custome
	3.  Header
	4.  Slider
	5.  Project Slideshow
	6.  Inner Page
	7.  Footer

*/

/*========================================
	1. Reset CSS
========================================*/

/*  Page Setup  */
html { font-family: sans-serif; font-size: 10px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body { background-image: url(../images/background.jpg); color: #2a4875; font-family: Arial, verdana; font-size: 14px; line-height: 22px; background-attachment: fixed; }

/*  iPhone, iPad/Safari browser  */
textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
select { border-radius: 0; }
select:hover { cursor: pointer; }

/*  Link and color  */
a { color: #b0361f; outline: 0 !important; }
a:active,
a:focus,
a:hover { color: #b0361f; text-decoration: underline; outline: 0 !important; }
ul,
li,
ol { list-style: none; margin: 0; padding: 0; }
label { font-weight: inherit; }
form { float: left; margin-bottom: 40px; width: 100%; }
img { max-width: 100%; }

/*  Set Container Width  */
@media (min-width:1200px) {
	.container { width: 1010px; }
}

/*========================================
	2. Custome
========================================*/
.position-relative { position: relative; }

/*========================================
	3. Header
========================================*/
header { display: inline-block; margin-bottom: 50px; min-height: 165px; width: 100%; }

/*  Logo  */
.logo { float: none; left: 80px; margin: 0 auto; position: absolute; right: 0; text-align: center; width: 110px; z-index: 9999; }
.navbar-brand { float: none; height: auto; padding: 0; }
.navbar-brand > img { margin: 0 auto; }

/*  Maenner Project Image  */
.maenner-project-logo { left: 0; position: absolute; top: 0; }

/*  Navation  */
.navbar-default { background-color: transparent; border-color: transparent; }
.navbar { border-radius: 0; left: 0; position: absolute; top: 55px; width: 100%; z-index: 5; }
.navbar-collapse { padding: 0 0; }
.navbar-default .navbar-nav > li > a { color: #fff; font-size: 14px; font-weight: 700; text-transform: uppercase; }
.navbar-default .navbar-nav > li > a:hover { color: #fff; }

/*  Dropdown  */
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus { background-color: transparent; color: #fff; }
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover { background-color: transparent; color: #fff; }
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus { border-color: rgba(255, 255, 255, 0.2); }

/*  Dropdown toggle  */
.dropdown-toggle { float: left; margin: 7px 0 0 0; }

/*  Dropdown Menu  */
.dropdown-menu { background-color: transparent; background-image: url(../images/menu-bg.jpg); opacity: 0; border: 0 none; border-radius: 0; display: block; padding: 12px 0; visibility: hidden; left: 14px; border: 1px solid rgba(0, 0, 0, 0.8); border-top-width: 2px; border-left-width: 2px; border-right-color: rgba(255, 255, 255, 0.2); border-bottom-color: rgba(255, 255, 255, 0.2); width: 175px; }
.dropdown:hover .dropdown-menu{ opacity: 1; transition-duration: 600ms; -moz-transition-duration: 600ms; -webkit-transition-duration: 600ms; -o-transition-duration: 600ms; visibility: visible; }
.dropdown-menu > li > a { color: #ffffff; font-weight: 300; text-transform: uppercase; padding: 10px; width: 100% !important; }
.dropdown-menu > li > a.active,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { background-color: transparent; color: #fff; }


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{color:#fff; background:transparent;}




/*========================================
	4. Slider
========================================*/

/*  carousel  */
.carousel { margin-bottom: 45px; }

/*  carousel fade  */
.carousel-fade .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; }
.carousel-fade .carousel-inner .active { opacity: 1; }
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; }
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-control { z-index: 2; }
.slider { position: relative; margin-bottom: 45px; }
.switchImage { width: 25%; float: left; padding: 13px 0; text-indent: -9999px; }
.fixTop,
.fixBottom { position: absolute; width: 100%; z-index: 1; }
.fixBottom { bottom: -6px; }

/*  owl-carousel  */
#owl-demo .item img{ display: block; width: 100%; height: auto; padding: 0; }
.owl-carousel { display: none !important; position: relative; width: 100%; margin-bottom: 45px; overflow: hidden; }
.owl-item { float: left; }
.owl-controls { display: block; float: left; margin: 0 !important; position: absolute; top: 45%; width: 100%; }
.owl-controls .owl-pagination { display: none; }
.owl-controls .owl-buttons { position: absolute; width: 100%; }
.owl-theme .owl-controls .owl-buttons > div { background-image: url(../images/slider-nav.png) !important; background-repeat: no-repeat !important; margin: 0 !important; padding: 0 !important; text-indent: -9999px; background-color: #fff !important; border-radius: 0 !important; height: 40px; width: 30px; }
.owl-controls .owl-prev { float: left; background-position: 9px 11px !important; }
.owl-controls .owl-next { float: right; background-position: -29px 11px !important; }

/*========================================
	5. Project Slideshow
========================================*/

/*  content  */
.content { background-image: url(../images/content_bg.png); background-repeat: no-repeat; background-position: left bottom; float: left; width: 100%; }
.project-slideshow { margin-bottom: 30px; }
.project-slideshow .bottomcarousel { background-image: url(../images/zettel.png); background-repeat: no-repeat; }

.bottomcarousel .item { display: none; min-height: 344px; text-align: center; }
.item > img { margin: 0 auto}
.bottomcarousel .item.active { display: block; }

/*========================================
	6. Inner Page
========================================*/

/*  side image  */
.side-image { position: absolute; left: 0; top: 0; z-index: -1; }
.center-image { height: 260px; margin: 0 0 10px; text-align: center; width: 100%; z-index: 0; }
.center-image img { max-height: 260px; max-width: 100%; width: auto; }
.right-side-image { position: absolute; right: 0; top: 0; z-index: 0; }

/*  side paper  */
.side-paper .title { background-image: url(../images/title-bg.png); background-repeat: repeat-y; min-height: 99px; padding: 39px 15px 0 25px; width: 93%; }
.title h2 { margin: 0; }
.side-paper .text { background-image: url(../images/paper-bg.png); background-repeat: repeat-y; display: inline-block; margin-bottom: 42px; padding: 33px 15px 0 25px; width: 93%; box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.4); -o-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.4); min-height: 240px; }
.text p { margin-bottom: 22px; }
.text h5 { font-weight: 700; line-height: 20px; margin-top: 0; }
.text img { margin: 22px 0; width: 100%; height: auto; }

/*  boxcontent  */
.boxcontent { float: left; margin-bottom: 40px; width: 100%; padding-right: 15px; }
.boxcontent ul { margin-left: 25px; }
.boxcontent ul li { background-image: url(../images/bullets-bg.png); background-repeat: no-repeat; background-position: 3px 10px; padding-left: 15px; }

/*  boxcontent  content list  */
.boxcontent .content-list { margin: 0; }
.boxcontent .content-list li { padding: 0; background-image: none; }

/*  content list  */
.content-list { float: left; width: 100%; margin-bottom: 60px; }
.content-list li span { float: left; font-weight: 700; min-width: 90px; }

/*  form control  */
.form-control { border-radius: 0; background-color: transparent; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; }
.form-group a { display: table; }
.btn-default { background-color: #f7ee7c; border-radius: 0; border: 0; color: #b0361f; margin: 40px 0 0; padding: 15px 44px 14px; box-shadow: 3px 3px 3px 2px rgba(0, 0, 0, 0.6); -moz-box-shadow: 3px 3px 3px 2px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 3px 3px 3px 2px rgba(0, 0, 0, 0.6); -o-box-shadow: 3px 3px 3px 2px rgba(0, 0, 0, 0.6); }
.btn-default:hover { background-color: #fff; }


/*  contact  */
.success { background-color: #2a4875; border: medium none; color: #fff; float: left; font-size: 12px; margin: -30px 0 18px; padding: 0 10px; width: 100%; }
.kontakt form { position: relative; top: 25px; }
.kontakt .form-group { position: static; }
.kontakt .parsley-errors-list { background: none !important;}
.kontakt .parsley-errors-list.filled { left: 0; position: absolute; right: 15px; top: 0; }
.kontakt #powermail_fieldwrap_9 ul { top: -27px !important; }
.kontakt .powermail_fieldwrap_e_mail_adresse ul { top: -80px !important; }
.kontakt .powermail_fieldwrap_telefonnummer ul { top: -50px !important; }
.kontakt .parsley-required,
.kontakt .parsley-custom-error-message { padding: 1px 10px !important; margin: 0 !important; color: #fff !important; }

.powermail_fieldwrap_e_mail_adresse { width:100%; }

.kontakt .powermail_fieldwrap_e_mail_adresse .col-md-12,
.kontakt .powermail_fieldwrap_telefonnummer .col-md-12 {
	position: inherit;
}

.parsley-custom-error-message { border: none; background-color: #B0361F; color: #fff; padding: 10px; font-size: 12px; margin: 0px 0px 10px 0px; }
.parsley-required { border: none; background-color: #B0361F; color: #fff; padding: 10px; font-size: 12px; margin: 0px 0px 10px 0px; }

.powermail_captchaimage { width: auto !important; }

.csc-sitemap ul li ul { margin-left: 5%; }

/*========================================
	7. Footer
========================================*/

/*  footer bg  */
.footer-bg { background-image: url(../images/footer_bg.png); background-position: 6px 0; background-repeat: repeat-y; display: inline-block; margin-bottom: 0; width: 100%; }
.footer-content { float: right; line-height: 26px; padding: 0 15px; }

/*  footer navigation  */
.footer-nav { float: left; }
.footer-nav li { float: left; padding: 0 35px 0 0; }
.footer-nav li a { color: #fff; font-weight: 700; text-transform: uppercase; }
.footer-nav li a:hover { text-decoration: none; }

/*  footer content  */
.footer-content p { color: #fff; float: right; margin: 0; }