/* Quick.Cms.Ext v6.x default stylesheet */

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu'), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v5/hHs22WBTTzMhSqc5uBBDKg.woff) format('woff');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v5/nsLtvfQoT-rVwGTHHnkeJj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'FontAwesome';
  src: url('font/fontawesome-webfont.eot?v=4.0.3');
  src: url('font/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('font/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('font/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('font/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* GLOBAL STYLES */
html, body {height: 100%; margin: 0;}
body, body *{margin:0;padding:0;border:0;}
table{color:#8D65B1;font-family:"Ubuntu",Helvetica,sans-serif;font-size:13px;}
h1,h2,h3,h4{font-size:1em;}
body{padding:0;text-align:center;font-family:"Ubuntu",Helvetica,sans-serif;font-size:13px;line-height:1.5em;color:#888;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%; background-color:#F5F5F5}

input[type="text"], input[type="password"], input[type="file"], input[type="email"], select, textarea{padding:5px; border:solid 1px #888;background: none repeat scroll 0 0 #F5F5F5;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, select:focus, textarea:focus{box-shadow:0 0 3px rgba(100,100,100,0.6);}
input[type="text"].warning-required, input[type="password"].warning-required, input[type="email"].warning-required, select.warning-required, textarea.warning-required{border-color:#ac0000 #c78688 #c78688 #ac0000;background:#fbefef;}
input[type="submit"], button[type="submit"]{font-style:normal;font-family:"Ubuntu",Helvetica,sans-serif; padding:8px 19px;border:solid 1px #888;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; color:#F5F5F5; cursor:pointer; overflow:hidden; text-decoration:none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; background:none}
input[type="submit"]:hover, input[type="submit"]:focus, button[type="submit"]:hover, button[type="submit"]:focus{border:solid 1px #8D65B1; color:#8D65B1;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
label{font-weight:bold;}
label span{padding-left:10px;color:#acb3b7;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;font-size:100%;}
tbody, tfoot, thead{margin:0;padding:0;}
caption, tr, th, td{margin:0;padding:2px 4px;border:1px solid #e8eaee;font-size:100%;font:inherit;vertical-align:baseline;}

a{background-color:inherit;color:#8D65B1;text-decoration:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
a:hover{color:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}

.msg{clear:both;overflow:hidden;padding:20px 0;text-align:center;}
.msg.done, .msg.error{margin:10px 0;background:#000 url('img/info.png') no-repeat 20px center;color:#fff;font-size:1.5em;}
.msg.done a, .msg.error a{color:#fff;}
.msg.done a:hover, .msg.error a:hover{color:#333;}
.msg a.action{display:inline-block;margin:7px 7px;padding:3px 8px;border:1px solid #fff;text-decoration:none;font-size:0.813em;}
.msg a.action:hover{background:#fff;}
.msg.panel a.action{margin-top:13px;}
.msg.error{background-color:#f00;}
.wai{position:absolute;width:1px;height:1px;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);overflow:hidden;}


/* VERSION 1: container - 100%, inner - fixed size */
  #container{position:relative;width:100%;margin:0 0;background:#fff;height: 100%;}
  #header{z-index:777;background: none repeat scroll 0 0 #eee; box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);color: #7D7D7D;transition: all 0.3s ease-in 0s; position: fixed;width: 100%;top: 0;}
  #head1 .container, #head2 .container, #slider, #body .container, #foot .container{margin:0 auto;text-align:left;}
  #head1 .container:after, #head2 .container:after, #body .container:after{content:"";display:table;clear:both;}
  #head1, #head2, #slider, #body{}
  #slider{position:relative;background:top center no-repeat;width:100%;}
  #head1{width:100%;margin:0 auto;text-align:left; position:relative;}
  #head2{width:100%;margin:0 auto;text-align:left;height:113px;background:#29250a;}
  #head2 .container{float:right; clear:right;}
  #foot .container{width:220px;margin:0 auto;text-align:left;}


#container:after{content:"";display:table;clear:both;}

.wai{position:absolute;width:1px;height:1px;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);overflow:hidden;}

/* QUICK LINKS */
#skiplinks{position:absolute;top:0px;left:0px;}
#skiplinks a{position:absolute;top:-500px;left:0px;z-index:10;min-width:200px;padding:10px;color:#fff;}
#skiplinks a:focus{top:0;background:#000;color:#fff;}

/* BANER 2 */
#baner2img{width:850px;margin: 0 auto 0 auto;}
#baner2img img{width:850px;height:auto;}


/* LOGO, HEADER BACKGROUND AND SLOGAN */
#head1 .container{display: block;margin-left: auto;margin-right: auto;width: 10.5%;}
#logo{padding:30px 0px 20px 0px; color:#8D65B1;display:table-cell;}
#logo #title{float:left;}
#logo #title a{font-weight:bold;font-size:50px;text-transform:capitalize;text-decoration:none; color:#8D65B1;}
#logo #title a:hover{opacity:0.5;}
#logo #title a span{background:inherit;}
#logo #title a strong{color:#2d2d2d; font-weight:normal}
#logo #title a em{font-style:normal;}
#logo #slogan{float:left;clear:left;background:inherit;color:#333;display:none;}

.logagl {
  display: flex;
  flex-flow: nowrap;
  justify-content: space-evenly;
  line-height: normal;
}

/* PFLEIDERER LOGO */
#pfleiderer{margin-top: auto; margin-bottom: auto; display: flex; align-items: center;}
#pfleiderer img{width: auto; height: 52px; float: left; }

/* EBAN LOGO*/
#eban{margin-top: auto; margin-bottom: auto; padding: 30px 0px 20px 0px; display: flex; align-items: center;}
#eban img{width: auto; height: 60px; float: left;}

/* PFLEIDERERPLYTY LOGO*/
#pfleidererplyty{margin-top: auto; margin-bottom: auto; display: flex; align-items: center;}
#pfleidererplyty img{width: auto; height: 26px; float: left;}

/* MEDIA */

#media{position: absolute; right: 0; width: 100px; display: flex; justify-content: space-around; align-items: center; flex-direction: column;}

#facebook, #instagram{margin-top: 8px; margin-bottom: 8px; height: 34px; width: 34px; display: flex; position: relative;}
#facebook{float: left;}
#instagram{float: right;}
#facebook img, #instagram img{width: auto; height: 42px;}
#facebook img, #instagram img{animation-name: pulse;animation-duration: 2s;animation-fill-mode: both;}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.5); }
  100% { transform: scale(1); }
}

@media screen and (max-width:1200px){#facebook img, #instagram img{position:absolute; right: 55px; padding-top: 15px; top: 0 !important;}}


/* BODY/CONTENT STYLES
#body{clear:both;float:left;width:100%;margin:115px 0 auto 0;background:#ffffff url('img/test.jpg') no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
#body{clear:both;float:left;width:100%;margin:0 auto;background:#ffffff;}
#body .container{overflow:hidden;width:100%;margin:auto;text-align:left;position: absolute;top: 20%;left: 3%;}
#body{padding: 0;background:#ffffff url('img/slider2.jpg') no-repeat center center;text-align:center;background-size: cover;height: 100%;}
#body{clear:both;float:left;width:100%;height: 100%;padding: 0;background:#ffffff url('img/slider2.jpg') no-repeat center top;text-align:center;background-size: cover;overflow: hidden;}*/
#body{clear:both;float:left;width:100%;height: 100%;padding: 0;text-align: center;background-image: url('img/ebanbg.jpg');background-size: cover;overflow: hidden;background-position: center center;background-repeat: no-repeat;position: fixed;top: 114px;}
#body .container{overflow:visible;margin:0;text-align:left;height: 100%;}
#body .containermain{max-width:685px;}
#body:after{content:"";display:table;clear:both;}

/* PAGE */
#page{text-align:left;clear:left; width:100%;margin-top: 90px; margin-bottom: 165px;}
#page h1{margin:30px 0 40px 0;font-size:2.417em;font-weight:normal; color:#2680e8}
#page .msg.error h1{margin-top:15px;color:#fff;}
#page .msg.error.panel h1{margin:0;font-size:1em;}

/* PAGE CONTENT */
#page div.content{padding-top:0px;font-size:1.4em;line-height:1.5em;}
#page div.content > ul, #page div.content > ol{margin:0 auto 0 auto;;padding:0;}
#page div.content > ul:after, #page div.content > ol:after{content:"";display:table;clear:both;}
#page div.content > ul li, #page div.content > ol li{margin:8px 0;padding:0;border-left:0;}
#page div.content p{padding-bottom:10px;}

/* FOOTER - SITE AND SCRIPT COPYRIGHTS STYLES */

#foot{clear:both;background:#eee;font-size:1.083em;box-shadow: inset 0 4px 0 rgba(0, 0, 0, 0.2);position:fixed;width:220px;bottom:0;right:0;}
#foot .container{padding: 22px 0 10px 0;}
#foot .container:after{content:"";display:table;clear:both;}
#foot a{color:#1098DD;text-decoration:none;}
#foot a:hover{text-decoration:underline;}
#foot .copy{float:left;}
#foot .options{float:right;}
#foot .options ul{list-style:none;}
#foot .options li{float:right;margin-left:25px;}
#foot .options li a{display:block;width:16px;height:16px;text-indent:100%;white-space:nowrap;overflow:hidden;font-size:1%;color:transparent;transition:none;}
#foot .options li.print a{background:url('img/options.png') no-repeat 0 0;}
#foot .options li.print a:hover{background-position:0 -16px;}
#foot .options li.back a{background:url('img/options.png') no-repeat 0 -32px;}
#foot .options li.back a:hover{background-position:0 -48px;}

#powered{width:100%;text-align:center;background:#eee;}
#powered a{display:inline-block;width:192px;height:26px;}
#powered a:hover{border-color:#fff;}

/* ADMIN OPTIONS */
#page ul.options{position:absolute;right:0;top:15px;min-width:100px;list-style:none;text-align:right;}
#page ul.options li{display:inline-block;margin-left:10px;}
.panel-link{display:inline-block;width:21px;height:21px;background:rgba(255,255,255,0.6) url('../admin/img/options.png') no-repeat 0px 0px;text-indent:100%;white-space:nowrap;overflow:hidden;font-size:1%;color:transparent;}
.panel-link.edit:hover{background-position:0 -21px;}
.panel-link.delete{background-position:-21px 0;}
.panel-link.delete:hover{background-position:-21px -21px;}

.dev{padding:5px;text-align:center;color:#f00;font-weight:bold;}

@media print{
  /* PRINT STYLES */
  * {color:#000 !important;background:#fff !important;border-color:#444 !important;border-width:1px !important;}

  body{margin:1cm 0;font-size:0.875em;}
  #container{position:static;width:17.2cm;height:auto;margin:0;box-shadow:none;}
  #head1{height:auto;}
  #logo{padding:0 0 0.2cm;}
  #logo #title a{font-size:2em;}
  .menu-top{margin-top:0.3cm;}
  .menu-top li a{padding:0.1cm 0.2cm;border:0;border-right:1px solid #000;font-size:1em;}
  .menu-top .selected a, .menu-top .selected-parent a{font-weight:bold;}
  #head2 .container{position:static;}

  #body{clear:none;border-top:0;}
  #page{clear:both;position:static;float:none;}
  #page h1{margin:0;}

  #body, #head1, #foot{float:none;}
  .menu-top li:hover:after, .menu-top .selected:after, .menu-top .selected-parent:after, #search-form, #foot .options{display:none;}
}

/* STRONA-GŁOWNA */

.widget.type-10.location-0 {bottom: 80px !important;}
.widget-id-14 {margin: 0 auto 0 auto !important; padding: 0 1rem !important; width: 180px; background: transparent !important;}
.widget-id-14 .title, .widget-id-14 .description {position: static; background: #f8c300; width: 180px; line-height: 27px;}
.widget-id-14 .title a{color: #000000;}
.widget-id-14 h2{font-size: 1rem;}
.widget-id-14 li img {width: 180px;}
.widget-id-14 .quick-slider-nav-dots-wrapper {width: 180px;}
.widget-id-14 .quick-slider-slide.quick-slider-slide {width: 180px;}

.widget-dark-background{z-index: -1 !important;}

.widget.type-10.location-3{background: #fff0 !important; border: none !important; left: 42% !important;}
.widget.type-10.location-3{position: fixed; width: 100%; height: 100%; left: -30px; top: 0px; background: rgba( 0, 0, 0, 0.7 ); z-index: 1000;}


#widget-15 .close {background: white; width: 908px; height: 82px; margin-top: -10px; padding-top: 42px;}
#widget-15 .close a{padding: 15px 40px; font-size: medium;}


/* RESPONSIVE WEB DESIGN - media queries */
@media screen and (max-width:1550px){
  #widget-15 .close {width: 97%; margin-top: -10px; padding-top: 42px; margin-left: 10px;}
  #widget-15 img {width: 97%; height: 97%;}
  
  #body .containermain{width:440px;}
  
  .hexagon-menu{display: flex;flex-direction: column;flex-wrap: wrap;align-items: center;align-content: flex-start;row-gap: 0px;column-gap: 0px;position: relative;width: 95%;}
  
  
  
  #page .page-home .hexagon-item:nth-last-child(1), .page-home .hexagon-item:nth-last-child(2), .page-home .hexagon-item:nth-last-child(3) {
  -webkit-transform: rotate(30deg) translate(-64px, -461px);
  -moz-transform: rotate(30deg) translate(-64px, -461px);
  -ms-transform: rotate(30deg) translate(-64px, -461px);
  -o-transform: rotate(30deg) translate(-64px, -461px);
  transform: rotate(30deg) translate(-64px, -461px);
  }
}

@media screen and (max-width:1199px){
  #head1 .container{display: flex; flex-direction: column; align-items: center;}
  #foot .container{width:90%;}

  #content {margin-left: 2%;}
  .widget-id-14 {visibility: hidden;}
  #widget-15 .close {width: 95%; margin-top: -10px; padding-top: 42px; margin-left: 18px;}
  #widget-15 img {width: 95%; height: 95%;}
}

@media screen and (max-width:900px){
  #widget-15 .close {width: 80%; margin-top: -10px; padding-top: 42px; margin-left: 70px;}
  #widget-15 img {width: 80%; height: 80%;}
}

@media screen and (max-width:865px){
  #content li img{width:90%;}
  #baner2img{width:100%;}
  #baner2img img{width:100%;height:auto;}
}

@media screen and (max-width:760px) {
  #pfleiderer img, #pfleidererplyty img {height: 20px;}
  #eban img {height: 54px;}
  #eban{padding: 30px 0px 28px 0px;}
  #foot .options{padding:0 10px 0 0;}
  #widget-15 .close {width: 70%; margin-top: -10px; padding-top: 42px; margin-left: 105px;}
  #widget-15 img {width: 70%; height: 70%;}
  #head2{height:90%;}
}

@media screen and (max-width:580px){
  #foot .options{padding:0 20px 0 0;}
  #pfleiderer img, #pfleidererplyty img {height: 16px;}
  #eban img {height: 50px;}
  #eban{padding: 30px 0px 32px 0px;}
  #widget-15 .close {width: 60%; margin-top: -10px; padding-top: 42px; margin-left: 140px;}
  #widget-15 img {width: 60%; height: 60%;}
  #head2{height:90%;}
}

@media screen and (max-width:480px) {
  .logagl {
    flex-direction:  column;
    justify-content: space-evenly;
    align-content:  center;
    align-items: center;
  }
  #pfleiderer{padding: 3px 0 4px 0;}
  #pfleidererplyty{padding: 3px 0 3px 0;}
  #eban{padding: 0;}
  #eban img {height: 40px;}
  #content{margin-top: 30px;}
  #page{margin-top:0;}
  #body .containermain{margin:0 auto; width:100%;}

  #widget-15 img {width: 300px; height: auto;}
  #widget-15 .close {background: white; width: 300px; height: 40px; margin-top: -11px; padding-top: 20px; margin-left:200px;}
  #widget-15 .close a{padding: 15px 40px; font-size: small;}

  #foot .copy, #foot .options{width:100%;}
  #foot .options li{float:left;margin:15px 25px 0 0;}
  #foot {margin-top: 670px;}
}

@media screen and (max-width:390px) {

  #content {margin-left: 0;}
  #body .containermenu{scale:0.8;}
  #page .container{width:0;}
  #content {margin-top: 0;}
}