/* Quick.Cms.Ext v6.x default stylesheet */ @import url("style-sliders.css"); @import url("style-widgets.css"); /* Above files contains CSS for sites modules such as forms or page details. We recommend merging all .css files into one file at the end of the site development process. font-family: 'Nunito', sans-serif; */ @font-face { font-family: 'Muli'; src: url('fonts/Muli.ttf') format('truetype'); } @font-face { font-family: 'Muli Bold'; src: url('fonts/Muli-Bold.ttf') format('truetype'); } @font-face { font-family: 'Muli Light'; src: url('fonts/Muli-Light.ttf') format('truetype'); } @font-face { font-family: 'Muli Extra Light'; src: url('fonts/Muli-ExtraLight.ttf') format('truetype'); } @font-face { font-family: 'Muli Semi Bold'; src: url('fonts/Muli-SemiBold.ttf') format('truetype'); } /* Layout variables */ :root { --color-text: #363636; --color-primary: #171717; --color-dark: #38a4d7; --color-secondary: #959595; --color-white: #fff; --color-grey: #f6f6f6; --color-divider: #e8eaee; } /* GLOBAL STYLES */ body, body *, body *:before, body *:after{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} body,table{color:var(--color-text);font-size:1em;font-family: 'Nunito', sans-serif;} body{padding:0;background: #ffffff;} a{color: var(--color-dark);text-decoration:none; transition: all 0.5s ease} a:hover{color:#000;text-decoration:none; transition: all 0.5s ease} .msg{/* clear:both; */overflow:hidden;padding:20px 0;text-align:center;} .msg.done, .msg.error{margin:10px 0;background:var(--color-primary) url('img/sprite.svg#info') no-repeat 1rem center;background-size:2rem;color:var(--color-white);font-size: 1.1rem;padding: 20px 60px;} .msg.done a, .msg.error a{color:var(--color-white);} .msg.done a:hover, .msg.error a:hover{color:#1f1a17;} .msg p{margin:.7em 4rem;line-height:2.25rem;} .msg p:first-child{font-size:2rem;} .msg a.action{display:inline-block;margin:7px 7px;padding:3px 8px;border:1px solid var(--color-white);text-decoration:none;font-size:0.813rem;} .msg a.action:hover{background:var(--color-white);} .msg.panel a.action{margin-top:13px;} .msg.error{background-color: #a7dc5a;} body.is-msg-error404 .msg.error{margin-top:3rem;} .wai{position:absolute;width:1px;height:1px;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);overflow:hidden;} hr{display:block;background-color:#dcdadc;border-width:1px;width:100%;height:1px;margin: 28px auto;} .icon{display:inline-block;content:"";flex-shrink:0;width:1.5rem;height:1.5rem;fill:var(--color-white);} .icon--labeled{margin-left:.75em;width:1.5em;height:1.5em;} .preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff;} .preloader span{ background-position:center center; background-repeat:no-repeat; background-image:url(img/preloader.jpg);animation-name: lightSpeedIn;transform-origin: center bottom;animation-duration:2s;animation-fill-mode: both; position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; } #slider-1 .quick-slider-slide .description a, .button {display: block;position: relative;z-index: 1;padding: 12px 30px 11px;background: #93d531;cursor:pointer;color: #fff;font-size: 1.1em;line-height: 1em;margin: 25px 0 15px;display: table;border-radius: 0 15px 0 15px;font-family: 'Muli Bold';box-shadow: 2px 3px 3px rgb(0 0 0 / 15%);} .button input{background:none;font-weight:900;font-family: 'Nunito', sans-serif;font-size:0.875em;cursor:pointer;color:#fff} #slider-1 .quick-slider-slide .description a:hover, .button:hover{color:#fff} #slider-1 .quick-slider-slide .description a:before, .button:before{width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;z-index: -1;opacity: 0;background: #119fff;-webkit-transition: all 250ms linear;content: ".";text-indent: -99999px;outline:0;border-radius: 0 15px 0 15px;} #slider-1 .quick-slider-slide .description a:hover:before, .button:hover:before, .button:focus:before, .button:focus:before {opacity: 1;color: #fff;} #slider-1 .quick-slider-slide .description a:after, .button:after{content:url('img/button.png');margin: 3px 0 0 14px;font-size: 0.85em;float: right;} .form-full .save.button{/* background:#fff; */margin: 2px 0 0 0;padding: 0;} .form-full .save.button:hover input{color:#fff;background: #433d42;} .form-full .save.button:before{background:#389bd3;} .form-full .save.button:after{position: absolute;right: 19px;top: 12px;} .form-full .save.button:hover:after{color:#fff} #container:after{content:"";display:table;clear:both;} #body, #foot{margin:0 auto;padding:0;} .is-page-home #cien{position:relative;height: 8px;} .is-page-home #cien:after{content: "";display: block;position: absolute;left: 0;bottom: 0px;height:8px;width:100%;box-shadow: inset 1px 5px 7px -2px rgba(0, 0, 0, 0.26);z-index: 94;} /* QUICK LINKS */ #skiplinks{position:absolute;top:0;left:0;} #skiplinks a{position:absolute;top:-500px;left:0;z-index:10;min-width:200px;padding:10px;color:var(--color-white);} #skiplinks a:focus{top:0;background:#000;color:var(--color-white);} /* LOGO, SLOGAN, MENU */ .header__navigation{background: #fff;position: relative;} .header__navigation:before{content: "";display: block;position: absolute;left: 0;bottom:-8px;height:8px;width:100%;box-shadow: inset 1px 5px 7px -2px rgba(0, 0, 0, 0.26);z-index: 11;} .header__navigation .container{display:flex;flex-flow: row wrap;justify-content:space-between;align-items:flex-start;position:relative;width: 1300px;margin: 0 auto;z-index: 102;} #logo{padding: 22px 0;order:-4;flex: 0 0 44%;background: #fff;line-height: 0;} #logo #title-img{float: left;margin-right: 3.5em;} #logo #title{line-height: 1.2em;text-decoration:none;font-size: 1.3em;float: left;margin-top: 29px;position: relative;} #logo #title a span{color: #433d42;font-weight: 700;display: block;} #logo #title a strong{color: #433d42;font-weight: 700;font-size: 0.975rem;} #logo #title a em{color:var(--color-secondary);font-style:normal;} #logo #title:before{content:'';display:block;position:absolute;top: 0px;left: -31px;width:1px;height: 48px;background: #9a8f98;} #box-right{padding: 0;flex: 0 0 67%;} #box-right .box{padding: 29px 0px 28px;display: flex;flex-flow: row wrap;justify-content: flex-end;align-items: flex-start;border-bottom: 1px solid #3b3a39;} #box-right .box .tel a:before {content:url( img/tel.png);top: 0;position: absolute;left: -36px;} #box-right .box .tel{color:#636363;line-height: 1em;text-align: right;} #box-right .box .tel a{font-size: 1em;position: relative;padding: 0;color: #fff;font-weight: 500;} #box-right .mail a:before {content:url( img/mail.png);top: 4px;position: absolute;left: -28px;} #box-right .mail{color:#636363;line-height: 1em;text-align: right;margin-left: 70px;} #box-right .mail a{font-size: 1em;flex: 1 1 100%;position: relative;padding: 0;color: #fff;font-weight: 500;} #box-right .mail a:hover, #box-right .tel a:hover{color:var(--color-dark)} /* MENU TOP to style mobile and desktop menu use: .menu-top ... to style only desktop menu use: .header__menu ... to style only mobile menu use: .mm-ocd ... */ .header__menu .level-0-menu{display:flex;flex-flow:row wrap;list-style:none;text-align: center;margin: 0 auto;justify-content: flex-start;} .header__menu .menu__link{display:block;padding: 12px 0;color: #433d40;text-decoration:none;transition:all 0.5s ease;font-weight: 700;margin: 0 20px;position: relative;} .menu__link:hover, .selected > .menu__link, .selected-parent > .menu__link{color: #7ab326;background: transparent;} /* DROP DOWN MENU */ .header__menu{background: transparent;margin-top: 47px;} .header__menu ul ul{display:none;} /* drop down submenus hidden */ .header__menu li:hover > ul{display:flex;padding: 1em 3em 2em;min-width: 100%;text-align: left;box-shadow: 3px 9px 4px rgb(0 0 0 / 15%);} /* show drop down submenu on hover */ /* drop down submenus styles */ .header__menu ul ul{position:absolute;top:100%;left: -20px;z-index:10;width:auto;height:auto;white-space:nowrap;background: #ffffff;list-style:none;flex-flow: row wrap;justify-content:flex-start;animation-name: fadeIn;transform-origin: center bottom;animation-duration: .75s;animation-fill-mode: both;} .header__menu .level-1-el.drop-down:before{top:50%;transform:translateY(-50%) rotate(-90deg);} /* dropdown mark - second level */ .header__menu .level-1-el{flex: 0 0 100%;} .header__menu .level-1-el a{font-size: 1rem;color: #433e44!important;border-bottom: 0;padding: 10px 80px 10px 0px;font-weight: 600;margin: 0;border-bottom: 1px solid #ccc;} .header__menu .level-2-el a{font-size:0.875rem;} /* third level submenu */ .header__menu .level-2-menu{top:0;left:100%;border-left:5px solid var(--color-primary);} .header__menu li{position:relative;font-size: 0.913rem;} .header__menu .menu__link:after{content:'';display:block;position:absolute;bottom:0;margin:auto;width:10%;height: 3px;background:transparent;transition:all 0.5s ease;left:0;} .header__menu li:hover .menu__link:after , .header__menu .menu__link:hover:after, .header__menu .selected a:after, .header__menu .menu__link .selected-parent:after{width:99%;background: #7ab326;} .header__menu .level-1-menu .menu__link:after{display:none} .header__menu ul.level-0-menu > li > a.menu__link:before{content:'';background: #7ab326;width: 7px;height: 7px;position:absolute;right: -23px;top: 18px;} .header__menu ul.level-0-menu > li:last-child > a.menu__link:before{display:none} /* .header__menu .menu__link:after{content:'';display:block;position:absolute;bottom:0;margin:auto;width:10%;height:5px;background:transparent;transition:all 0.5s ease;} .header__menu .menu__link:hover:after, .header__menu .menu__link .selected:after, .header__menu .menu__link .selected-parent:after{width:99%;background:#0093dd;} */ .header__menu li.drop-down:hover a, .header__menu li.drop-down.selected a{background:#fff;color: #7ab326;} .header__menu .level-1-el a:hover, .header__menu .level-1-el.selected a{color: #7ab326 !important;} /* Hamburger only on small screen */ button.hamburger{display:none} /* SLIDER */ /* You will find slider styles in style-slider.css file */ /* BODY/CONTENT STYLES */ .is-page-home #body{background: url('img/bg-body.jpg') no-repeat right bottom 12%;} #body{clear:both;margin: 0 auto;width: 1260px;} #body:after{content:"";display:table;clear:both;} #page.column{width: 73%;float:right;} /* PAGE */ .is-page-home #page{margin-top: -85px;} #page{position:relative;margin: 0 0% 45px;text-align:left;} #page:after{content:"";display:table;clear:both;} #page h1, .heading-1{margin:.8em 0 .4em;color: #a6dc58;font-size: 2.75rem;font-weight: 700;border-bottom: 1px solid #dddbdd;padding-bottom: 8px;} #page .msg.error h1, #page .msg.error .heading-1{margin-top:.4em;color:var(--color-white);} #page .msg.error.panel h1{margin:0;font-size:1rem;} /* LEWA KOLUMNA */ #column{width: 24%;float:left;background: transparent;margin: -20px 1% 30px 0;padding:0;position:relative;border-radius:0;} #column li.select a:after, #column li a:hover:after{opacity:1;transition: all 0.5s ease} #column > ul{list-style:none;margin-top:0;padding: 14px 30px 40px 30px;float:left;width:100%;overflow:hidden;background: #119fff;border-radius:0 15px 0 15px;box-shadow: 2px 3px 3px rgb(0 0 0 / 15%);} #column nav > ul > li > a{display:none} #column ul li.selected a, #column ul li a:hover{color: #7fff00;padding-left: 20px;} #column ul li{padding:0;margin:0} #column ul li a{border-bottom:1px solid #62c0ff;color: #fff;float:left;width:100%;padding: 20px 0;text-transform: uppercase;font-size:0.875em;font-weight:700;position:relative;} #column ul ul{display:none;padding:0} #column ul li.drop-down ul.show{display:block;height:auto;position:relative;z-index:20;animation-name: fadeInLeft;transform-origin: center bottom;animation-duration: 1s;animation-fill-mode: both;} #column ul ul li a{border-bottom:1px solid #d7d7d7;color:#721111;float:left;width:100%;padding:20px 20px 20px 35px;text-transform: uppercase;font-size:0.75em;font-weight:700;position:relative} #column ul ul li a:before{content:'\25cf';padding:0 12px 0 0;font-size:0.813em;float: left;color:#721111} #column ul li a:before {content: '\220E';margin: 0px 12px 0 0px;float: left;color: #7fff00;font-size: 0.85em;} /* PAGE - BREADCRUMB (navigation path) */ .breadcrumb{flex: 0 0 100%;color: #fff;} .breadcrumb ol{list-style:none;} .breadcrumb li{display:inline-block;} .breadcrumb strong{color:#f44677;font-weight: 600;} .breadcrumb li a{color:#fff} .breadcrumb li:not(:first-child)::before{content:"\25cf";display:inline-block;padding:0 .5em;color: #fff;} /* PAGE CONTENT */ .contact #page {margin-top: 50px;display: inline-block;width: 100%;} .contact #page div.content > p{padding-bottom:0.1em;color: #545352;font-family: 'Nunito', sans-serif;} .contact #page div.content{float:left;width:48%} .contact #page div.content .box{background:#f8f8f8;padding: 40px;} .contact #page div.content img {display: inline-block;padding: 0px 2px 0 0;vertical-align: middle;} #page div.content{line-height:1.5em;} #page div.content > ul, #page div.content > ol, #page div.content .right ul{padding: 10px 0 30px 0;list-style: none;} #page div.content > ul li:before{left: 0;content: '\220E';margin: 0px 12px 0 0px;float: left;color: #119fff;font-size: 0.85em;} #page div.content > ul li{margin: .25em 0;padding: 0 0 0 21px;font-weight: 500;position: relative;font-size: 1.1em;color: #5b535a;font-family: 'Muli';} #page div.content > h2, #page div.content > h3{font-size: 2.5rem;line-height: 1em;font-weight:normal;} #page div.content > h3{font-size: 1.45rem;color: #00bff2;font-weight: 900;margin-bottom: 16px;line-height: 1.1em;} #page div.content > h2{font-size: 1.5rem;color: #90d330;font-weight: 900;margin: 24px 0;} #page div.content h4{font-size: 2rem;color: #252422;font-weight: 500;margin-bottom: 40px;line-height: 1.1em;} .form-full h2{font-size: 1.2rem;color: #ffffff;font-weight: 700;margin: 34px 0 0;} .form-full h2:after{content: "";margin: 0px 0 0 19px;font-size: 0.85em;height: 5px;width: 62px;background: #a7dd54;display: inline-block;vertical-align: middle;} #page div.content > p{padding-bottom:1em;color: #5b535a;font-family: 'Muli';font-size: 1.1em;} #page div.content .left{float: left;width: 50%;margin-bottom: 50px;} #page div.content .right{float: right;width: 48%;} #page > time{color:var(--color-text);opacity:.7;} #page div.content .table{border: 1px solid #adadad;background:#fff} #page div.content .table tbody tr:nth-child(1) td:nth-child(1){background: #4cb8ff;color:#fff;font-weight:700;border-right: 0;font-size: 1.75em;} #page div.content .table tbody tr:nth-child(1) td:nth-child(2){background: #4cb8ff;color:#fff;font-weight:700;border: 0;} #page div.content .table tbody tr td:nth-child(odd){} #page div.content .table tbody tr td{border-bottom: 1px solid #adadad;padding: 18px 30px 15px;font-size: 1.12em;font-weight: 600;color: #555555;} #page div.content .table tbody tr td:nth-child(2){color: #38a4d7;font-weight:700;} /* IMAGES STYLES */ /* global */ ul[class*='images-']{list-style:none;} ul[class*='images-'] li{margin: 0;text-align:center;} ul[class*='images-'] p{max-width:250px;margin:0 auto;color:var(--color-primary);font-size:0.875em;} ul[class*="images-"] img{max-width:100%;border: 1px solid #fff;line-height: 0;} ul[class*="images-"] img:hover{transition: all 0.5s ease} div.content .images-gallery{padding:0;} div.content .images-gallery li:before{display:none} div.content .images-gallery.images-0 li{flex: 0 0 auto;padding: 0 42px 36px 0px !important;margin: 0 !important;} div.content .images-gallery.images-0{/* flex: 0 0 37%; */justify-content: inherit;float: left;} #page .images-column.images-1{padding: 5px 40px 40px 0;margin: 0;} #page .images-column.images-1 li{padding:0;margin:0} #page .images-column.images-1 li:before{display:none} /* list custom */ .images-1{clear:left;float:left;margin:.5rem 1.5rem 0 0;} .images-2{clear:right;float:right;margin:.5rem 0 0 1rem;} .images-gallery{clear:both;display:flex;flex-flow:row wrap;justify-content:space-between;} .images-gallery li{padding: .3rem 0.5rem;} div.content .images-gallery{clear:none;list-style: none;padding: 0 !important;margin: 20px 0;} .images-gallery li{flex: 0 0 calc( 100% / 4 );} #page div.content > ul.images-column li:before{display:none} #page div.content .images-gallery.images-3 li{padding: 0.35em 0.5em;position: relative;flex: 0 0 calc( 100% / 3 );} #page div.content .images-gallery.images-3 li:after{content:'';position: absolute;bottom: 3px;right: 5px;font-size: 0.875em;z-index: -1;background:#a7dc58;width: 58%;height: 34%;line-height: 0;transition: all 0.5s ease;display:block;} #page div.content .images-gallery.images-3 li:hover:after{width: 70%;height:100%;} /* FILES LIST STYLES */ .files-list{width:100%;margin:1rem 0 .5rem;list-style:none;} .files-list__link{display:flex;} .files-list__description{margin:5px 0 0 26px;color:#777;font-size:0.938em;} /* Simple download list */ .files-list--simple{padding-left:1rem;border-left:2px solid var(--color-divider);} .files-list--simple .files-list__link{margin-top:1rem;} /* File type icon */ .files-list__link:before{content:'';display:inline-block;width:16px;height:20px;margin-right:10px;--sprite:-260px;background:url('img/files-ext.gif') no-repeat 0 -260px;} .zip .files-list__link:before{background-position:0 0;} .xml .files-list__link:before{background-position:0 -20px;} .xls .files-list__link:before{background-position:0 -40px;} .web .files-list__link:before{background-position:0 -60px;} .vcf .files-list__link:before{background-position:0 -80px;} .txt .files-list__link:before{background-position:0 -100px;} .sys .files-list__link:before{background-position:0 -120px;} .swf .files-list__link:before{background-position:0 -140px;} .psd .files-list__link:before{background-position:0 -160px;} .pps .files-list__link:before{background-position:0 -180px;} .png .files-list__link:before{background-position:0 -200px;} .pic .files-list__link:before{background-position:0 -220px;} .pdf .files-list__link:before{background-position:0 -240px;} .nn .files-list__link:before{background-position:0 -260px;} .msg .files-list__link:before{background-position:0 -280px;} .media .files-list__link:before{background-position:0 -300px;} .fla .files-list__link:before{background-position:0 -320px;} .exe .files-list__link:before{background-position:0 -340px;} .chm .files-list__link:before{background-position:0 -360px;} .cdr .files-list__link:before{background-position:0 -380px;} /* SUBPAGES LIST STYLES */ /* global */ .title{padding: 0;font-size:1.25rem;color: #ffffff;} .title a{color:inherit;font-weight: 900;background:none;text-decoration:none;text-shadow: 2px 2px 2px #575757;padding: 0.5em 0;display: block;} .title a:hover, .pages-gallery .page:hover a{color: #ffffff;background:none;text-shadow: 0px 0px 22px #ffffff;} time.date{display:block;padding:0 0 0.3em;color:var(--color-text);opacity:.7;} [class|="pages"]{clear:both;margin:.5rem 0;list-style:none;} [class|="pages"] .page:after{content:"";display:table;clear:both;} [class|="pages"] .more{display:block;margin:0.3em 0 0;} [class|="pages"] p{padding:.3em 0;} [class|="pages"] .image{line-height:1px;} [class|="pages"] .image img{max-width:100%;} .description ul, .description ol{margin:.5em 2em;list-style:disc;} .description li{padding:0;border:0;background:none;} .description ol{list-style:decimal;} /* standard list */ .pages-list .page{margin:15px 0;padding:1.5rem 2.5%;border:1px solid var(--color-divider);border-top:5px solid var(--color-divider);} .pages-list .page .image{float:left;margin:0 2.5% 5px 0;} /* subpages gallery/boxes/products etc */ .pages-gallery{display:flex;flex-flow:row wrap;justify-content:space-between;margin-bottom: 30px;} .pages-gallery .page{margin:15px 0;padding: 0;text-align:center;background: #119fff;box-shadow: 2px 3px 3px rgb(0 0 0 / 15%);} .pages-gallery .title{font-size: 1.65rem;} .pages-gallery .page .image{margin: 0;position: relative;} .pages-gallery .page .image:before{content:url('img/more-g.png');position: absolute;left: 10px;transform: translateY(-50%);top:50%;transition: all 2.5s ease;} .pages-gallery div.description{padding: .45em 0;font-size: 0.913rem;text-align: center;color: #fff;background: #90d330;font-weight: 700;border-radius: 0 0 0 15px;} .pages-gallery div.description strong{font-size: 1.33em;font-weight:900;} .pages-gallery{--cols: calc((100%/ 4 ) - 1rem);} .pages-gallery .page{flex:0 0 var(--cols);border-radius: 0 15px 0 15px;} .pages-gallery:before, .pages-gallery:after{content:"";flex:0 1 var(--cols);} .pages-gallery:before{order:99;} .pages-gallery .page:hover .image:before{left:40%;transition: all 2.5s ease; } .pages-51{--cols: calc((100%/ 4 ) - 1rem);display:flex;flex-flow:row wrap;justify-content:space-between;margin: 80px 0;} .pages-51 .page{flex:0 0 var(--cols);margin: 10px 1%;padding: 0;text-align:center;position: relative;} .pages-51 .page .title a{color:#fff;font-weight: 500;text-transform: uppercase;font-size: 0.975rem;padding: 25px 0 25px 18%;display: inline-block;} .pages-51 .page .image{overflow:hidden} .pages-51 .page .image img{transition: all 4.5s ease;transition: transform 4s ease;overflow:hidden} .pages-51 .page:hover .image img{transform: scale(1.1,1.1) rotate(3deg);transition: all 4.5s ease;transition: transform 4s ease; } #page .owl-theme.pages-51 .owl-nav{position: relative;bottom: -38px;right: 0;margin: 0;} #page .owl-theme.pages-51 .owl-nav .owl-prev{padding: 21px 28px;border-radius: 0;background: #a8201a;margin: 0;} #page .owl-theme.pages-51 .owl-nav .owl-next{padding: 21px 28px;border-radius: 0;background: #252422;margin: 0;} #page .owl-theme.pages-51 .owl-nav span{display:none} #page .owl-theme.pages-51 .owl-nav .owl-next:before{content:"\279E";color: #ffffff;font-weight:700;transition: all 0.5s ease;} #page .owl-theme.pages-51 .owl-nav .owl-prev:before{display: block;content:"\279E";color: #ffffff;font-weight:700;transition: all 0.5s ease;transform: rotate(280);transform: rotate(180deg);} #page .owl-theme.pages-51 .owl-nav button:focus{outline:0;transition: all 0.5s ease} #page .owl-theme.pages-51 .owl-nav button:hover{opacity:0.9;transition: all 0.5s ease} .pagination{text-align:right;} .pagination ul, .pagination li{display:inline;} .pagination li{padding:0 2px;} .pagination a, .pagination strong{padding:0 3px;} /* FOOTER - SITE AND SCRIPT COPYRIGHTS STYLES */ #foot:before{content: "";display: block;position: absolute;left: 0;top: 0;height:8px;width:100%;box-shadow: inset 1px 5px 7px -2px rgb(0 0 0 / 37%);z-index: 9;} #foot{background: #433d42;color: #928c92;--color-secondary:var(--color-white);font-size:1.083em;font-weight: 700;position:relative} #foot .container{display:flex;flex-wrap:wrap;justify-content:space-between;width: 1200px;margin: 0 auto;} #foot .container > *{padding: 2.75rem 0;} #foot a, #foot strong{color:var(--color-white);text-decoration:none;} #foot a:hover{text-decoration:underline;} #foot .os a{padding-right:10px} #foot .os{float:right;font-size: 0.913rem;margin-top: 24px;} #foot .copy{margin: 10px 0 25px;font-weight: 600;font-size: 0.913rem;line-height: 1.75em;} #foot .left{flex: 0 0 30%;} #foot .container .widgets-list.widgets-9.container{flex: 0 0 48%;padding: 0;width: auto;display: inherit;margin: 7px 0;} #foot .widgets-list.widgets-9.container .description img{display: inline-block;padding: 2px 6px 0 0;vertical-align: text-bottom;} #foot .container #widget-2{flex: 0 0 40%;border-bottom: 1px solid #928c92;padding: 2.35rem 0;} #foot .container #widget-3{flex: 0 0 57%;} #foot-box{background: #119fff;color:var(--color-white);--color-secondary:var(--color-white);font-size:1.083em;} #foot-box .container{display:flex;flex-wrap:wrap;justify-content:space-between;width: 1200px;margin: 0 auto;} #foot-maps{position:relative;margin-top:30px;display: table;background: #119fff;width: 100%;} #foot-maps .content{clear:both;height:100%;width: 60%;color:#4f1402;border: 0;margin-top: 0;float: left;line-height: 0;} #foot-maps:before{content: "";display: block;position: absolute;left: 0;top:0;height:8px;width:100%;box-shadow: inset 1px 5px 7px -2px rgba(0, 0, 0, 0.26);z-index: 99;} @media print{ /* PRINT STYLES */ * {color:#000 !important;background:#fff !important;border-color:#444 !important;border-width:1px !important;} body{margin:.5cm 0;font-size:0.875em;} #container{position:static;width:17.2cm;height:auto;margin:0;box-shadow:none;} #logo{padding:0 0 0.2cm;} #logo #title a{font-size:2em;} #body{clear:none;border-top:0;} #page{clear:both;position:static;float:none;} #body #page h1{margin:.5cm 0 0;font-size:1.25rem;} #body, #head1, #foot{float:none;} #menu-main, #foot .options{display:none;} .msg p:first-child{font-size:1rem;} } /* PLUGINS */ /* CONTACT-PANEL */ .contact-panel{padding:1.5rem 0;width: 35%;float: right;margin-right: 2%;} /* OTHER (less popular styles) */ table{border-collapse:collapse;border-spacing:0;font-size:100%;font-size: 1.05em;} tbody, tfoot, thead{margin:0;padding:0;} caption, tr, th, td{margin:0;padding: 8px 12px;border: 0;font-size:100%;font:inherit;vertical-align:baseline;font-family: 'Muli';} /* FORMS */ input[type="text"], input[type="password"], input[type="file"], input[type="email"], form select, form textarea{padding:2px;border-width: 0px;border-style:solid;border-color: #cacaca;font-size:1rem;outline: 0;border: 1px solid #cacaca;outline: 0;} input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, select:focus, textarea:focus{border-color: #fff;outline: 0;} input[type="text"].warning-required, input[type="password"].warning-required, input[type="email"].warning-required, select.warning-required, textarea.warning-required{background:#fbefef;border-color:#bb4c2e;outline: 0;} input[type="submit"], button[type="submit"]{padding:0.4em 0.9em;border-width:1px;border-style:solid;background: transparent;color:var(--color-white);transition:all 0.3s ease;font-family:Arial, sans-serif;font-size:1rem;border-radius:2px;outline: 0;} input[type="submit"]:hover, input[type="submit"]:focus, button[type="submit"]:hover, button[type="submit"]:focus{background: transparent;cursor:pointer;outline: 0;} label{font-weight:bold;} label span{padding-left:10px;color:#aaa;font-weight:normal;font-size:.875em;} /* forms common classes */ .form-full{margin: 0;padding: 0 4% 0 0;float: right;width: 37%;} .form-full dl{display:flex;flex-flow: row wrap;justify-content: space-between;margin: 31px 0;} .form-full dt{padding:0 0 7px;} .form-full dd{margin-bottom: 7px;flex: 0 0 48%;padding: .3rem 0.15em;text-align: left;color: #fff;} .form-full dd.all{flex: 0 0 100%;} .form-full input[type="text"], .form-full input[type="email"], .form-full input[type="password"], .form-full textarea{width:99%;padding: 12px;font-size:1em;outline: 0;background: #fff;color: #000;font-family: 'Nunito', sans-serif;font-weight:700} .form-full .save{text-align:center;padding: 0;} .form-full .save input{padding: 8px 50px 12px 30px;border: 0;color: #ffffff;font-weight: 400;outline: 0;background: #93d531;font-family: 'Muli Bold';font-size: 1.05em;border-radius: 0 15px 0 15px;} .captcha input[type="text"]{min-width:60px;width:6%;} .captcha strong{font-weight:bold;color: #fff;} .captcha em{font-style:normal;font-weight:bold;color: #fff;} .captcha ins{padding:0 3px;font-weight:bold;text-decoration:none;color: #fff;} ::-webkit-input-placeholder{color: #796f74; opacity: 1;} :-moz-placeholder{color: #796f74; opacity: 1;} ::-moz-placeholder{color: #796f74; opacity: 1;} :-ms-input-placeholder {color: #796f74; opacity: 1;} .regulamin{float:left;width:100%;clear:both;margin: 10px 0px 20px;color: #ffffff;font-size:0.813em;padding: 0 8px;} label[for="iRulesAccept"]{ cursor: pointer; display: inline-block; font-size: 15px; margin-right: 2px; padding-left:18px; position: relative; } label[for="iRulesAccept"]:before{ background-color: #ffffff; box-shadow:inset 1px 1px 1px 1px rgba(0,0,0,0.3), 0px 1px 1px 1px rgba(255,255,255,0.2); bottom: 0; content: ""; display: inline-block; height: 14px; left: 0px; margin-right:8px; position: absolute; width: 14px; } label[for="iRulesAccept"]:before{background-color: #ffffff;box-shadow: inset 1px 1px 2px 1px rgba(0,0,0,0.3), 1px 2px 2px 1px rgba(255,255,255,0.2);bottom: 0;content: "";display: inline-block;height: 14px;left: 0px;margin-right:8px;position: absolute;width: 14px;} .okcheckbox:checked + label:before{ color: #584128; content: "\2713"; font-size: 15px; line-height: 15px; text-align: center; font-weight:bold } .form-full .regulamin input[type="checkbox"]{height: 0;width: 0;margin: 0;position: absolute;-moz-appearance:initial} .form-full .regulamin input[type="checkbox"].warning-required::before {content: '\2192';position: absolute;left: -22px;top: -2px;width: 20px;height: 20px;color: #ff0707;outline: 0;} /* QUICK.BOX */ #quick-box{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba( 0, 0, 0, 0.7 );z-index:200;} #quick-box .background{height:100%;} #quick-box .quick-box-container{position:absolute;padding:0;border-radius:5px;box-shadow: 0 0 15px 1px #000;} #quick-box .image-wrapper{position:relative;line-height:0;} #quick-box .image-wrapper img{margin:0;padding:0;border-radius:5px;} #quick-box .navigation{position:absolute;bottom:0;margin:0;width:100%;padding:.5em 0;text-align:center;font-size:1rem;color:var(--color-white);line-height:normal;background:rgba( 0, 0, 0, 0.2 );} #quick-box .navigation__sep{padding:0 3px;} #quick-box .full-size{position:absolute;right:8px;top:2px;width:24px;height:24px;font-size:0.1em;color:transparent;background:url('../admin/img/fullscreen.png') no-repeat;} #quick-box .description{margin:0;padding:.5em 0;text-align:center;font-size:0.875rem;color:#ddd;font-weight:bold;background:rgba( 0, 0, 0, 0.8 );border-bottom-left-radius:5px;border-bottom-right-radius:5px;max-height:66px;overflow:hidden;} #quick-box .arrow{position:absolute;display:block;width:50%;top:15%;height:70%;margin:0px;font-family:Verdana;z-index:100;opacity:0.5;text-decoration:none;} #quick-box .arrow:before, #quick-box .arrow:after{content:"";display:block;position:absolute;top:50%;transform:translateY(-50%);} #quick-box .arrow:before{width:32px;height:32px;margin:0 10px;background:url('img/arrows.png') no-repeat 0 0;z-index:1;} #quick-box .arrow:after{width:52px;height:52px;background:rgba( 0, 0, 0, 0.2 );z-index:-1;} #quick-box .arrow.prev:before{background-position:0 -32px;} #quick-box .arrow.next:before{right:0;} #quick-box .arrow.next:after{right:0;} #quick-box .arrow:hover{opacity:0.9;} #quick-box .prev{left:0px;} #quick-box .next{right:0px;} #quick-box .close{position:absolute;top:0;right:0;padding:0.15em 0.4em 0.2em;opacity:0.5;background:#000;color:var(--color-white);font-weight:bold;font-family:"Trebuchet MS";text-decoration:none;border:1px solid var(--color-white);border-top:none;border-right:none;border-top-right-radius:5px;z-index:100;} #quick-box .close:hover{opacity:0.8;} #quick-box .close, #quick-box .arrow{line-height:normal;} #quick-box .loading{display:block;padding:40px 35px;color:white;line-height:1em;} @media /* High px density (mostly mobile) - so you can magnify something */ only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){ #quick-box .close{font-size:1.5rem;} #quick-box .prev, #quick-box .next{opacity:0.5;text-decoration:none;} } /* 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:1rem;} .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;opacity:.25;} .panel-link:hover{opacity:1;} .panel-link.edit:hover{background-position:0 -21px;} .panel-link.delete{background-position:-21px 0;} .panel-link.delete:hover{background-position:-21px -21px;} .panel-link.list{background-position:-121px 0;} .panel-link.list:hover{background-position:-121px -21px;} .subpage-edit{position:relative;display:block;} .subpage-edit .panel-link{position:absolute;right:-10px;top:-10px;} .sub:hover .subpage-edit .panel-link:not(:hover){opacity:0.5;} .dev{padding:5px;text-align:center;color:#f00;font-weight:bold;} /* OTHER */ /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */.hamburger{padding:15px 15px;display:inline-block;cursor:pointer;transition-property:opacity, filter;transition-duration:0.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.7}.hamburger.is-active:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after{background-color:var(--color-primary)}.hamburger.is-active .hamburger-label{display:none}.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:40px;height:4px;background-color:var(--color-primary);border-radius:4px;position:absolute;transition-property:transform;transition-duration:0.15s;transition-timing-function:ease}.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger-label{display:block;margin-top:5px;text-transform:uppercase;font-size:.75rem}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)}.hamburger--3dx .hamburger-inner::before,.hamburger--3dx .hamburger-inner::after{transition:transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)}.hamburger--3dx.is-active .hamburger-inner{background-color:transparent !important;transform:rotateY(180deg)}.hamburger--3dx.is-active .hamburger-inner::before{transform:translate3d(0, 10px, 0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner::after{transform:translate3d(0, -10px, 0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)}.hamburger--3dx-r .hamburger-inner::before,.hamburger--3dx-r .hamburger-inner::after{transition:transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)}.hamburger--3dx-r.is-active .hamburger-inner{background-color:transparent !important;transform:rotateY(-180deg)}.hamburger--3dx-r.is-active .hamburger-inner::before{transform:translate3d(0, 10px, 0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner::after{transform:translate3d(0, -10px, 0) rotate(-45deg)} /*! * Mmenu Light v3.0.0 * mmenujs.com/mmenu-light * * Copyright (c) Fred Heusschen * www.frebsite.nl * * License: CC-BY-4.0 * http://creativecommons.org/licenses/by/4.0/ */:root{--mm-ocd-width:80%;--mm-ocd-min-width:200px;--mm-ocd-max-width:440px}body.mm-ocd-opened{overflow-y:hidden;-ms-scroll-chaining:none;overscroll-behavior:none}.mm-ocd{position:fixed;top:0;right:0;bottom:100%;left:0;z-index:9999;overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:contain;background:rgba(0,0,0,0);-webkit-transition-property:bottom,background-color;-o-transition-property:bottom,background-color;transition-property:bottom,background-color;-webkit-transition-duration:0s,.3s;-o-transition-duration:0s,.3s;transition-duration:0s,.3s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:.45s,.15s;-o-transition-delay:.45s,.15s;transition-delay:.45s,.15s}.mm-ocd--open{bottom:0;background:rgba(0,0,0,.25);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.mm-ocd__content{position:absolute;top:0;bottom:0;z-index:2;width:80%;width:var(--mm-ocd-width);min-width:200px;min-width:var(--mm-ocd-min-width);max-width:440px;max-width:var(--mm-ocd-max-width);background:#fff;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.mm-ocd--left .mm-ocd__content{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-ocd--right .mm-ocd__content{right:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-ocd--open .mm-ocd__content{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-ocd__backdrop{position:absolute;top:0;bottom:0;z-index:3;width:calc(100% - 80%);width:calc(100% - var(--mm-ocd-width));min-width:calc(100% - 440px);min-width:calc(100% - var(--mm-ocd-max-width));max-width:calc(100% - 200px);max-width:calc(100% - var(--mm-ocd-min-width));background:rgba(3,2,1,0)}.mm-ocd--left .mm-ocd__backdrop{right:0}.mm-ocd--right .mm-ocd__backdrop{left:0}.mm-spn,.mm-spn a,.mm-spn li,.mm-spn span,.mm-spn ul{display:block;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}:root{--mm-spn-item-height:50px;--mm-spn-item-indent:20px;--mm-spn-line-height:24px}.mm-spn{width:100%;height:100%;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;overflow:hidden;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.mm-spn ul{-webkit-overflow-scrolling:touch;position:fixed;top:0;left:100%;bottom:0;z-index:2;width:130%;padding-right:30%;line-height:24px;line-height:var(--mm-spn-line-height);overflow:visible;overflow-y:auto;background:inherit;-webkit-transition:left .3s ease 0s;-o-transition:left .3s ease 0s;transition:left .3s ease 0s;cursor:default}.mm-spn ul:after{content:'';display:block;height:50px;height:var(--mm-spn-item-height)}.mm-spn>ul{left:0}.mm-spn ul.mm-spn--open{left:0}.mm-spn ul.mm-spn--parent{left:-30%;overflow-y:hidden}.mm-spn li{position:relative;background:inherit;cursor:pointer}.mm-spn li:before{content:'';display:block;position:absolute;top:25px;top:calc(var(--mm-spn-item-height)/ 2);right:25px;right:calc(var(--mm-spn-item-height)/ 2);z-index:0;width:10px;height:10px;border-top:2px solid;border-right:2px solid;-webkit-transform:rotate(45deg) translate(0,-50%);-ms-transform:rotate(45deg) translate(0,-50%);transform:rotate(45deg) translate(0,-50%);opacity:.4}.mm-spn li:after{content:'';display:block;margin-left:20px;margin-left:var(--mm-spn-item-indent);border-top:1px solid;opacity:.15}.mm-spn a,.mm-spn span{position:relative;z-index:1;padding:13px 20px;padding:calc((var(--mm-spn-item-height) - var(--mm-spn-line-height))/ 2) var(--mm-spn-item-indent)}.mm-spn a{background:inherit;color:inherit;text-decoration:none}.mm-spn a:not(:last-child){width:calc(100% - 50px);width:calc(100% - var(--mm-spn-item-height))}.mm-spn a:not(:last-child):after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;border-right:1px solid;opacity:.15}.mm-spn span{background:0 0}.mm-spn.mm-spn--navbar{cursor:pointer}.mm-spn.mm-spn--navbar:before{content:'';display:block;position:absolute;top:25px;top:calc(var(--mm-spn-item-height)/ 2);left:20px;left:var(--mm-spn-item-indent);width:10px;height:10px;margin-top:2px;border-top:2px solid;border-left:2px solid;-webkit-transform:rotate(-45deg) translate(50%,-50%);-ms-transform:rotate(-45deg) translate(50%,-50%);transform:rotate(-45deg) translate(50%,-50%);opacity:.4}.mm-spn.mm-spn--navbar.mm-spn--main{cursor:default}.mm-spn.mm-spn--navbar.mm-spn--main:before{content:none;display:none}.mm-spn.mm-spn--navbar:after{content:attr(data-mm-spn-title);display:block;position:absolute;top:0;left:0;right:0;height:50px;height:var(--mm-spn-item-height);padding:0 40px;padding:0 calc(var(--mm-spn-item-indent) * 2);line-height:50px;line-height:var(--mm-spn-item-height);opacity:.4;text-align:center;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.mm-spn.mm-spn--navbar.mm-spn--main:after{padding-left:20px;padding-left:var(--mm-spn-item-indent)}.mm-spn.mm-spn--navbar ul{top:51px;top:calc(var(--mm-spn-item-height) + 1px)}.mm-spn.mm-spn--navbar ul:before{content:'';display:block;position:fixed;top:inherit;z-index:2;width:100%;border-top:1px solid currentColor;opacity:.15}.mm-spn.mm-spn--light{color:#444;background:#f3f3f3}.mm-spn.mm-spn--dark{color:#ddd;background:#333}.mm-spn.mm-spn--vertical{overflow-y:auto}.mm-spn.mm-spn--vertical ul{width:100%;padding-right:0;position:static}.mm-spn.mm-spn--vertical ul ul{display:none;padding-left:20px;padding-left:var(--mm-spn-item-indent)}.mm-spn.mm-spn--vertical ul ul:after{height:25px;height:calc(var(--mm-spn-item-height)/ 2)}.mm-spn.mm-spn--vertical ul.mm-spn--open{display:block}.mm-spn.mm-spn--vertical li.mm-spn--open:before{-webkit-transform:rotate(135deg) translate(-50%,0);-ms-transform:rotate(135deg) translate(-50%,0);transform:rotate(135deg) translate(-50%,0)}.mm-spn.mm-spn--vertical ul ul li:last-child:after{content:none;display:none} @media screen and (max-width:1300px){ #body, .header__navigation .container{width:95%} } @media screen and (max-width:1200px){ #foot .container, .header__menu .level-0-menu{width:95%} button.hamburger{display:inline-block;outline: 0;} #logo{flex:0 0 65%} .header__menu{margin-top: 42px;} } @media screen and (max-width:1024px){ .pages-gallery{--cols: calc((100%/ 2 ) - 1rem);} #column{margin:20px 1% 30px 0;} } @media screen and (max-width:840px){ .is-page-home #page{ margin-top:0} .is-page-home .pages-gallery .page{max-width: 300px;margin: 15px auto;} #logo{padding: 12px 0;} #logo #title-img img{width:160px} #logo #title:before{display:none} #logo #title{clear:both;margin: 8px 0 0 8px;font-size: 1em;} #logo #title a span{display:inline-block;margin-right: 8px;} .header__menu{margin-top: 22px;} #foot .left, #foot .right{flex:0 0 100%;margin: 0 auto;text-align: center;padding: 1em 0 0em 0;} #foot .os{float:none;margin-bottom:30px} #column, #page.column, #foot-maps .content, .form-full{width:100%;margin: 20px 0;} #foot-maps .content{margin:0;padding:0} .form-full{padding:0 2.5%} #body #content .widget{margin-bottom:0} #page.column{margin-top:0} #page table td{display: table;margin-bottom: 20px;width: 100% !important;} } @media screen and (max-width:640px){ .pages-gallery .page{flex:0 0 100%;} .images-gallery li{flex:1 0 100%;} #page h1, .heading-1{font-size: 2.33rem;line-height: 1em;padding-bottom: 30px;} .images-2, .images-2 li{width:100%;margin: 10px auto !important;text-align:center;float: none;padding: 0 !important;} } @media screen and (max-width:480px){ #foot .container #widget-2{padding: 1.35rem 0;} #foot .widget.type-4 li{flex:0 0 50%} #foot .widget.type-4 li a{text-align:center;margin: 10px 18%;display: block;border-right: 0;border-bottom: 1px solid #928c92;padding: 0;} .form-full dd{flex:0 0 100%} }