/* 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-family: 'Playfair Display', serif; */ /* Layout variables */ :root { --color-text: #616161; --color-primary: #171717; --color-dark: #163f2e; --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: #fff;} a{color: #163f2e;text-decoration:none;transition: all 0.5s ease;} a:hover{color:#000;text-decoration:none; transition: all 0.5s ease} .msg{overflow:hidden;padding:20px 0;text-align:center;float: right;} .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.25rem;padding: 25px 70px;} .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: #163f2e;} 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;} .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: #153e2e;} .preloader span{ background-position:center center; background-repeat:no-repeat; background-image:url(img/preloader.png);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; } hr{display:block;background-color:#e6e6e6;border-width:1px;width:100%;height:1px;margin:20px auto;} .form-full .save.button{background: #88c66f;margin: 0;border-radius: 8px;float: right;box-shadow: 2px 3px 3px rgb(0 0 0 / 47%);transition: all 0.5s ease;} .form-full .save.button:hover input{color:#fff} .form-full .save.button:before{background:#389bd3;} .form-full .save.button:after{color: #ffffff;margin: 13px 16px 0 0;} .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: 101;} /* 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: #153e2e;position: relative;} .header__navigation:before{content: "";display: block;position: absolute;left: 0;bottom:-8px;height:8px;width:100%;box-shadow: inset 1px 4px 6px -2px rgb(0 0 0 / 43%);z-index:9;} .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: 0;order:-4;position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;text-align: center;max-width: 302px;} #logo #title-img{flex: 1 0 auto;margin-right: 2.5em;} #logo #title{color:var(--color-text);line-height:1em;text-decoration:none;font-size: 1.45em;flex: 0 0 100%;margin-top: 34px;} #logo #title a span{color:var(--color-secondary);text-transform: uppercase;font-weight: 500;} #logo #title a strong{color: #363636;font-weight: 700;} #logo #title a em{color:var(--color-secondary);font-style:normal;} #logo #slogan{color:var(--color-text);font-size: 1em;font-weight: 600;flex: 1 0 auto;margin: 39px 0 0 32px;position:relative;padding-left: 32px;line-height: 1.1em;} #logo #slogan:before{content:'';display:block;position:absolute;top: -7px;left:0;width:1px;height: 48px;background: #cccccc;} #box-right{padding: 0;flex: 0 0 34%;/* position:relative; */} #box-right:before{content:url('img/tel-bg.png');position: absolute;right: 9%;top: 25px;transition: all 2.5s ease;} #box-right .box{padding: 43px 0px;float: left;} #box-right .box .tel a:before {content:url( img/tel.png);top: 0;position: absolute;left: -36px;} #box-right .box .tel{color: #76ac5f;line-height: 1em;text-align: right;font-size: 1.1em;} #box-right .box .tel span{font-size: 0.8em;position: relative;padding: 0;color: #bf9f62;font-weight: 700;display: block;text-align: left;margin-bottom: 10px;} #box-right #fb{float:right;margin-top: 43px;position: relative;} /* 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: 58px auto 28px;justify-content: flex-end;} .header__menu .menu__link{display:block;padding: 12px 0px;color: #fff;text-decoration:none;transition:all 0.5s ease;font-weight: 700;margin: 0;position: relative;margin: 0 20px;letter-spacing: 0.5px;} .menu__link:hover, .selected > .menu__link, .selected-parent > .menu__link{color: #bf9f61;background: transparent;} .header__menu .menu > ul > li > .menu__link:before{content:'';display:block;position:absolute;top: 13px;left: -20px;width: 1px;height: 18px;background: #277858;} .header__menu .menu > ul > li:first-child > a:before{display:none} /* DROP DOWN MENU */ .header__menu{background: transparent;float: right;} .header__menu ul ul{display:none;} /* drop down submenus hidden */ .header__menu li:hover > ul{display:flex;padding: 1.5em;min-width: 100%;text-align: left;} /* show drop down submenu on hover */ /* drop down submenus styles */ .header__menu ul ul{position:absolute;top: 96%;left: -8px;z-index:10;width:auto;height:auto;white-space:nowrap;background: #153e2e;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: 0.9rem;color: #cfb88b!important;border-bottom: 0;padding: 10px 52px 10px 0;font-weight: 600;margin: 0;text-align: left;text-transform: inherit;letter-spacing: 0;border-bottom: 1px solid #277858;} .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 .level-1-el a:before {content:'\25b8';margin: 0px 5px 0 0px;float: left;color: #76ac60;font-size: 1.1em;} .header__menu .level-1-menu .menu__link:after{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: #fff;} .header__menu .level-1-el a:hover, .header__menu .level-1-el.selected a{color: #efefef !important;} /* Hamburger only on small screen */ button.hamburger{display:none} /* SLIDER */ /* You will find slider styles in style-slider.css file */ /* BODY/CONTENT STYLES */ #body{clear:both;margin: 0 auto;width: 1300px;position: relative;} .is-page-home #body:before{content:url('img/bg-home.png');position: absolute;right: 0;top: 0;transition: all 2.5s ease;} #body:after{content:"";display:table;clear:both;} #page.column{width: 73%;float:right;} /* PAGE */ #page{position:relative;margin: 14px 0 60px;text-align:left;} #page:after{content:"";display:table;clear:both;} #page h1, .heading-1{margin: 15px 0 20px;color: #1e5a40;font-size: 2.25em;text-align: left;font-family: 'Playfair Display', serif;font-weight: 600;display: block;line-height: 1.33em;} #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:23%;float:left;background: transparent;margin: -124px 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.level-1-menu:before{content:"";background: #bf9f62;left: -500px;top:0;width: 500px;height:100%;position: absolute;} #column ul.level-1-menu{list-style:none;margin-top:0;padding: 16px 60px 48px 0;display: inline-block;width:100%;background: #bf9f62;position: relative;} #column nav > ul > li > a{display:none} #column ul.level-1-menu li.selected a, #column ul li a:hover{color: #ffffff !important;float: none;text-align: right;display: inline-block;transition: all 0.5s ease;} #column ul.level-1-menu li{padding:0;margin: 0;float: left;width: 100%;transition: all 0.5s ease;position: relative;line-height: 1em;} #column ul.level-1-menu li a{border-bottom: 1px solid #6f714a;color: #153e2e;width: 100%;padding: 18px 20px 23px 0;font-size: 1.1em;font-weight: 500;position:relative;margin: 0;font-family: 'Playfair Display', serif;line-height: 1.33em;display: inline-block;transition: all 0.5s ease} #column ul.level-1-menu li:hover:before, #column ul.level-1-menu li.selected:before{transition: all 0.5s ease;width: 100%;height: 80%;position: absolute;left: 0;top: 0;transition: background-color 0.5s ease;opacity:1;transform: translateY(-46%);top: 45%;} #column ul li:before{content:'';transition: background-color 0.5s ease;opacity:0;background: #a88544;} #column ul ul{display:none;padding:0} #column ul.level-1-menu 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.level-1-menu ul li a:before{content:'\25cf';padding:0 12px 0 0;font-size:0.813em;float: left;color:#721111;transition: all 0.5s ease} #column ul.level-1-menu li a:before {content:'\25b8';margin: 0px 8px 0 0px;color: #324247;font-size: 1.35em;transition: all 0.5s ease;display: inline-block;vertical-align: text-bottom;} #column ul.level-1-menu li a:hover:before, #column ul.level-1-menu li.selected a:hover:before{color: #fff;transition: all 0.5s ease;display: inline-block} #column ul.level-1-menu li:hover a:before, #column ul.level-1-menu li.selected a:before{color:#bf9f62;transition: all 0.5s ease} #column .title-c{color:#fff;font-size:2em;background: rgb(0 0 0 / 70%);position: relative;padding-right: 66px;display: inline-block;width: 100%;} #column .title-c span{padding:30px 0;display: block;font-family: 'Playfair Display', serif;font-size: 1.5em;text-transform: uppercase;font-weight: 500;} #column .title-c:before{content:"";background: rgb(0 0 0 / 70%);left: -500px;top:0;width: 500px;height:100%;position: absolute;} #column.nomenu{width: 30%;float:left;background: transparent;margin: -138px 1% 0 0;padding:0;position:relative;border-radius:0;} /* PAGE - BREADCRUMB (navigation path) */ #head-title{position:relative} #head-title .container{display:table;width: 1200px;margin: 20px auto;z-index: 102;} .breadcrumb{flex: 0 0 100%;color: #919191;font-weight: 400;border-bottom: 1px solid #e6e6e6;padding-bottom: 16px;margin-bottom: 20px;} .breadcrumb ol{list-style:none;font-size: 0.95em;} .breadcrumb li{display:inline-block;} .breadcrumb strong{color: #919191;font-weight: 400;} .breadcrumb li a{color: #919191;} .breadcrumb li:not(:first-child)::before{height: 2px;content: "";display:inline-block;margin: -2px .45em 0;color: #e3ba9b;line-height: 1em;background: #c8c8c8;width: 6px;vertical-align: middle;} .breadcrumb li:last-child a{color: #bf9f61;} .breadcrumb li:last-child{text-transform:inherit} /* PAGE CONTENT */ .contact #page {width: 100%;margin: 14px 0 26px;display: table;} .contact #page div.content > p{padding-bottom:0.1em;color: #545352;font-family: 'Nunito', sans-serif;font-weight: 600;} .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;} .contact #page div.content td{font-weight: 600;padding: 15px 10px;} .contact #page div.content table *{border: 0;} .is-page-home #page div.content{float: right;width:50%;} .is-page-home #page div.content-kom{float: left;width: 45%;background: #bf9f62;color: #fff;position:relative;margin-top: -94px;padding: 30px 10% 40px 20px;} .is-page-home #page div.content-kom:before{content:"";background: #bf9f62;left: -500px;top:0;width: 500px;height:100%;position: absolute;} .is-page-home #page div.content-kom > .title{color: #143e2d;font-size:2em;font-family: 'Playfair Display', serif;font-weight: 600;position: relative;padding-left: 64px;} .is-page-home #page div.content-kom > .title:before{content:url('img/komunikat.jpg');position: absolute;left: 0;top: 10px;transition: all 2.5s ease;} .is-page-home #page div.content-kom:after{content:url('img/bg-com.png');position: absolute;right: 0;transition: all 2.5s ease;bottom: -6px;} #page div.content{line-height: 1.25em;} #page div.content > ul, #page div.content > ol, #page div.content .right ul{padding: 0 0 0 6px;list-style: none;} /* #page div.content > ul:after, #page div.content > ol:after{content:"";display:table;clear:both;} */ /* Uncomment if necessary */ #page div.content > ul li:before, #page div.content .right ul li:before{content:'';display:block;position:absolute;top: 6px;left: 0;width: 8px;height: 8px;background: #bf9f62;} #page div.content > ul li, #page div.content .right ul li{margin: 6px 0;padding: 0px 0 0 22px;font-weight: 400;position: relative;color: #606060;} #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.1rem;color: #bf9f62;font-weight: 500;margin-bottom: 16px;line-height: 1.1em;font-family: 'Playfair Display', serif;} .is-page-home #page div.content > h3{margin: -11px 0 38px 135px;} #page div.content > h2, .form-full h2{font-size: 1.5rem;color: #113426;font-weight: 500;margin: 15px 0;font-family: 'Playfair Display', serif;} #page div.content h4{font-size: 1.25rem;color: #113426;font-weight: 600;margin-bottom: 11px;line-height: 1.1em;font-family: 'Playfair Display', serif;} #page .form-full h6{font-weight:400;font-size: 0.913em;} .komunikat .title a{font-weight:600;color:#113426;font-size: 1.1em;} .komunikat #page .description p{line-height:1em} .komunikat .pages-list .page:nth-child(1):before{content:url('img/ico1.jpg');position: absolute;left: 0;top: 31px;} .komunikat .pages-list .page:nth-child(2):before{content:url('img/ico2.jpg');position: absolute;left: 0;top: 31px;} .komunikat .pages-list .page:nth-child(1):after{content:'';display:block;position:absolute;top: 38px;left: 72px;width:1px;height: 76%;background: #c29e62;} #page div.content > p{padding-bottom:1em;color: #616161;font-family: 'Nunito', sans-serif;} #page div.content a.button{color: #fff;background: #bf9f62;padding: 12px 20px;border-radius: 20px;margin-top: 20px;display: inline-block;box-shadow: 2px 4px 4px rgb(0 0 0 / 20%);} #page div.content a.button:hover{background:#4d7e4c} .is-page-home #page div.content a.button:after{display:none} #page div.content a.button:after {content:'\bb\bb';margin: 0px 4px 0 10px;float: right;color: #fff;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: #375fbc;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: #375fbc;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 */ #content li img:hover{opacity:0.8;} ul[class*='images-']{list-style:none;} ul[class*='images-'] li{margin:0 0 1rem 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%;} ul[class*="images-"] img:hover{opacity:0.8;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.75rem;} div.content .images-gallery{clear:none;list-style: none;padding: 0 !important;margin: 0;} .images-gallery li{flex:0 0 calc( 100% / 3 );} .images-99{clear:right;float:right;margin: 1.5rem 0 1em 0;} #page div.content > ul.images-column li:before{display:none} /* 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.5em 0;font-size:1.25rem;color:var(--color-secondary);} .title a{color: #1e5a40;font-weight:normal;background:none;text-decoration:none;font-family: 'Playfair Display', serif;} .title a:hover{color:var(--color-primary);background:none;} 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 7.5%;position: relative;} .pages-list .page .image{float:left;margin:0 2.5% 5px 0;} .is-page-home #page div.content-kom .pages-list .page .title a{color:#25232c;font-weight: 600;font-size: 1.1rem;} .is-page-home #page div.content-kom .pages-list .page .title a:hover{color:#fff} .is-page-home #page div.content-kom .pages-list .page .description p{line-height: 1.33em;padding:0;} .is-page-home #page div.content-kom .pages-list .page .description{margin-left: 36px;} .is-page-home #page div.content-kom .pages-list .page{padding: 16px 0 0;border-top: 1px solid #807b4f;} .is-page-home #page div.content-kom .pages-list .page .title a:before{content:'\25b8';margin: -3px 8px 0 0;font-size: 1.75em;float: left;color: #153e2e;line-height: 1em;} /* subpages gallery/boxes/products etc */ .pages-gallery{display:flex;flex-flow:row wrap;justify-content:space-between;margin: 0px 0 40px;} .pages-gallery .page{margin:15px 0;padding: 0;text-align:center;overflow:hidden;} .pages-gallery .title{font-size: 1.65rem;padding: 0;position: relative;float: left;width: 100%;} .pages-gallery .title a{color: #1e5a40;font-weight:normal;background:none;text-decoration:none;font-family: 'Playfair Display', serif;padding: 30px 16px 15px 100px;display: block;text-align: left;line-height: 1.1em;} .pages-gallery .title a:hover, .pages-gallery .page:hover .title a{color:#fff;background:none;} .pages-gallery .title a:after{content:'\25b8\25b8';margin: 0 0px 0 6px;color: #324247;font-size: 1.15em;transition: all 0.5s ease;letter-spacing: -12px;position: absolute;transform: translateY(-27%);top:50%;} .pages-gallery .title a:hover:after, .pages-gallery .page:hover .title a:after{color: #fff;transition: all 0.5s ease} .pages-gallery .page .image, .pages-gallery .page .image a{margin:0;line-height: 0;display: block;overflow:hidden} .pages-gallery div.description{padding:0.3em 0;font-size:0.875rem;text-align:justify;} .pages-gallery .page img{transition: all 2.5s ease;transition: transform 4s ease;} .pages-gallery .page:hover img{transform: scale(1.1,1.1) rotate(3deg);transition: all 2.5s ease;transition: transform 4s ease; } .pages-gallery .page .title a:before{position: absolute;left: 0;top: 0;transition: all 2.5s ease;} .pages-gallery .page:nth-child(1) .title a:before{content:url('img/iko1.jpg')} .pages-gallery .page:nth-child(2) .title a:before{content:url('img/iko2.jpg')} .pages-gallery .page:nth-child(3) .title a:before{content:url('img/iko3.jpg')} .pages-gallery .page:nth-child(4) .title a:before{content:url('img/iko4.jpg');top: 0;} .pages-gallery .page:nth-child(4) .title a{margin-top: -15px;} .pages-gallery{--cols: calc((100%/ 4 ) - 0.5rem);} .pages-gallery .page{flex:0 0 var(--cols);background: #bf9f62;} .pages-gallery:before, .pages-gallery:after{/* content:""; *//* flex:0 1 var(--cols); */} .pages-gallery:before{order:99;} .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{background: #163f2e;color: #fff;--color-secondary:var(--color-white);font-size: 0.913em;position:relative;overflow: hidden;} #foot:before{content:url('img/bg-foot.png');position: absolute;left: 22%;bottom: 0;transition: all 2.5s ease;} #foot .container{display:flex;flex-wrap:wrap;justify-content:space-between;width: 1200px;margin: 0 auto;} #foot .container{padding:4.5rem 0;position: relative;} #foot a, #foot strong{color:var(--color-white);text-decoration:none;font-size: 0.913em;} #foot a:hover{text-decoration:underline;} #foot .os a{padding-right:10px} #foot .copy{margin: 18px 0 10px;font-weight: 400;font-size: 0.813rem;} #foot .right{flex: 0 0 52%;color: #bfbfbf;} #foot .right .top, #foot .right .bottom{float:right;width:100%} #foot .right .top .one{float:left} #foot .right .top .two{float:right} #foot .right .bottom{margin-top: 41px;padding-top:30px;border-top: 1px solid #266f50;} #foot .container .widgets-list.widgets-9.container{flex: 1 0 40%;padding: 0;width: auto;display: inherit;border-right: 1px solid #266f50;margin-right: 6%;} #foot #social{flex: 0 0 10%;} #foot #social a{margin-left:10px} #foot .widgets-list.widgets-9.container .description a{font-weight: 600;font-size:1.1em} #foot .widgets-list.widgets-9.container .head{color: #bf9f62;font-family: 'Playfair Display', serif;text-align: left;font-size: 1.5em;text-transform: uppercase;margin-bottom: 18px;} #foot .container #widget-3{flex: 0 0 100%;} #foot .container #widget-3 table *{border:0;color:#fff;text-align:left} #foot .container #widget-3 table td{vertical-align:middle;font-size:1.05em;padding:20px 12px} #foot .container #widget-3 table td p{padding-bottom:4px} /* ------------ */ #foot.nohome:before{content:url('img/bg-foot.png');position: absolute;right: 15%;top: 27px;transition: all 2.5s ease;left: inherit;overflow: hidden;} #foot.nohome .container{padding:4.5rem 0 5.5em;} #foot.nohome .bottom{flex:0 0 100%;color: #bfbfbf;} #foot.nohome .copy{float:left;width:60%;margin: 0 0 10px;} #foot.nohome .os{float:right;width:40%;margin: 0 0 10px;text-align: right;} #foot-box{background: #ffffff;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: 1270px;margin: 0 auto;} #foot-box .container > .title{color: #1e5a40;font-size: 2.25em;text-align: center;margin: 0 auto;font-family: 'Playfair Display', serif;font-weight: 600;position: relative;width: 100%;overflow: hidden;} #foot-box .container > .title:after{content: "";margin-left: 4%;font-size: 0.85em;height: 1px;width: 33%;position: absolute;background: #1e5a40;top: 50px;} #foot-maps{position:relative;margin-top:30px;line-height: 0;} #foot-maps #map{clear:both;height:100%;min-height:400px;width:100%;color:#4f1402;border: 0;margin-top: 0;float: left;} #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;} /* OTHER (less popular styles) */ table{border-collapse:collapse;border-spacing:0;font-size:100%;} tbody, tfoot, thead{margin:0;padding:0;} caption, tr, th, td{margin:0;padding: 8px 12px;border:1px solid var(--color-divider);font-size:100%;font:inherit;vertical-align:baseline;} /* 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: 5px 0 0 0;padding: 0;float: right;width: 48%;} .form-full dl{display:flex;flex-flow: row wrap;justify-content: space-between;margin: 18px 0;} .form-full dt{padding:0 0 7px;} .form-full dd{margin-bottom: 8px;color: #252422;flex: 0 0 48%;padding: .3rem 0.15em;text-align: left;} .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: 100%;padding: 12px 16px;font-size:1em;outline: 0;background: #dfceb3;color: #545352;font-family: 'Nunito', sans-serif;border-radius: 6px;} .form-full .save{text-align:center;padding: 0;} .form-full .save input{padding: 16px 13px 15px 19px;text-transform:uppercase;border: 0;color: #ffffff;font-weight: 600;outline: 0;border-radius: 14px;font-family: 'Nunito', sans-serif;} .captcha input[type="text"]{min-width:60px;width:6%;} .captcha strong{font-weight:bold;} .captcha em{font-style:normal;font-weight:bold;} .captcha ins{padding:0 3px;font-weight:bold;text-decoration:none;} ::-webkit-input-placeholder{color: #103022; opacity: 1;} :-moz-placeholder{color: #103022; opacity: 1;} ::-moz-placeholder{color: #103022; opacity: 1;} :-ms-input-placeholder {color: #103022; opacity: 1;} .form-full .save:after {content:'\bb\bb';margin: 0px 4px 0 10px;float: right;color: #fff;font-size: 1.1em;} .form-full .save:hover{background: #153e2e;} .regulamin{float:left;width:100%;clear:both;margin: 10px 0px;color: #252422;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: #fff;}.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: #ffffff;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{width:95%} #foot .container, .header__navigation .container, #foot-box .container{width:95%} } @media screen and (max-width:1200px){ button.hamburger{display:inline-block;outline: 0;color: #ffffff;position: absolute;right: 0;top: 24px;} #logo{left:0;right:inherit} #box-right{margin-right:80px} #box-right{flex: 0 0 auto;} .pages-gallery{} .pages-gallery .page{max-width: 306px;flex: 0 0 50%;} .pages-gallery .title a{padding: 30px 16px 29px 100px;} .pages-gallery .page:nth-child(4) .title a{margin-top: -25px;padding: 40px 16px 16px 100px;} .pages-gallery .title a:after{transform: translateY(-41%);top: 47%;} #box-right #fb{margin: 43px 10px 41px 20px;} } @media screen and (max-width:1024px){ #foot .container .widgets-list.widgets-9.container, #foot .right{flex: 0 0 100%;margin: 0 auto;border-right: 0;} #box-right:before{right: 19%;} .contact #page div.content, .form-full, #column, #page.column{width:100%} .images-99{display:none} } @media screen and (max-width:800px){ #logo{top: 43px;} #logo img{width: 200px;} .is-page-home #page div.content-kom, .is-page-home #page div.content{width:100%;margin: -14px 0 20px 0;} .is-page-home #page div.content-kom:before{display:none} #column .title-c span{font-size: 1.25em;padding: 9px 0;} #column.nomenu, #column{margin: -71px 1% 30px 0;width: 100%;} #column.nomenu .title-c{width:100%} } @media screen and (max-width:640px){ .pages-gallery .page{flex:0 0 100%;} .images-gallery li{flex:1 0 100%;} #foot .right .top .one, #foot .right .top .two{width:100%;margin: 0 auto 10px;text-align:center;} .pages-gallery .page{max-width: 306px;flex: 0 0 100%;margin: 10px auto;} .images-2, .images-2 li{width:100%;margin: 10px auto !important;text-align:center;float: none;padding: 0 !important;} #box-right .box{margin:0;position:absolute;left:10px;top:10px;padding: 0;} #box-right:before{display:none} #box-right .box .tel{font-size: 1em;line-height: 0.85em;} #logo{top: 54px;} #box-right #fb{margin: 72px 10px 21px 20px;z-index: 101;position: relative;} button.hamburger{top: 56px;} .form-full dd{flex:0 0 100%} #foot.nohome .copy, #foot.nohome .os{width:100%;text-align:center} } @media screen and (max-width:420px){ #page h1, .heading-1{font-size: 1.75em;} .is-page-home #page div.content > h3{margin: -11px 0 38px 65px;} #box-right .box .tel span{font-size: 1em;} #box-right .box .tel{font-size: 0.813em;} #box-right #fb{margin: 68px 0px 26px 20px;} #column ul.level-1-menu{padding: 16px 20px 48px 0;} }