/* 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: 'Barlow Condensed', sans-serif; font-family: 'Nunito', sans-serif; */ /* 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: #727272;font-size:1em;font-family: 'Nunito', sans-serif;} body{padding:0;background: #ffffff;} a{color: #1fa7ff;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 68px;text-align:center;} .msg.done, .msg.error{margin: 10px auto;background:var(--color-primary) url('img/sprite.svg#info') no-repeat 1rem center;background-size:2rem;color:var(--color-white);font-size: 1.1rem;text-align: center;display: table;} .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:var(--color-secondary);} 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: #e9e9e9;border-width: 1px;width: 40%;height: 3px;margin: 36px 0 50px;} .contact hr{display:block;background-color: #e9e9e9;border-width: 1px;width: 40%;height: 2px;margin: 25px 0;} .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; } .alllink{position:absolute;width:100%;height:100%;left: 0;top: 0;} #slider-1 .quick-slider-slide .description a, .button {display: inline-block;position: relative;z-index: 1;/* float:left; */padding: 20px 24px 17px;background: #009cff;cursor:pointer;color: #fff;font-family: 'Nunito', sans-serif;font-size: 0.875rem;font-weight: 600;line-height: 1em;margin: 25px 0 15px;border-radius: 6px;box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.45);text-decoration: none !important;} .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: #0054a5;-webkit-transition: all 250ms linear;content: "";text-indent: -99999px;outline:0;border-radius: 6px;box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.45);} #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:"\276f\276f";margin-left: 12px;font-size: 0.75rem;} .form-full .save.button{background: #0054a5;margin: 0;float: right;} .form-full .save.button:hover input{color:#fff} .form-full .save.button:before{background: #009cff;} .form-full .save.button:after{color: #fff;margin: -2px 17px 0 0;display: inline-block;vertical-align: middle;} .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 #body-bg{position:relative;overflow: inherit;} /* 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: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: 18px 0;order:-4;flex: 0 0 auto;background: #fff;line-height: 0;} #logo #title-img{float: left;margin-right: 16px;} #logo #title{color:var(--color-text);line-height:1em;text-decoration:none;font-size: 1.45em;flex: 0 0 100%;margin-top: 21px;} #logo #title a span{color: #0054a5;text-transform: uppercase;font-weight: 700;font-size: 1.85em;line-height: 1em;} #logo #title a strong{color: #009cff;font-weight: 700;float: left;font-size: 1.1rem;} #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 auto;} #box-right .box{padding: 35px 0px 20px;display: flex;flex-flow: row wrap;justify-content: flex-end;align-items: flex-start;} #box-right .box .tel a:before {content:url( img/tel.png);top: 3px;position: absolute;left: -40px;} #box-right .box .tel{color: #464646;line-height: 1em;text-align: right;} #box-right .box .tel a{font-size: 1.5em;position: relative;padding: 0;color: #01aef1;font-weight: 800;} #box-right .box .tel span{color: #464646;font-weight: 600;padding-right: 58px;} #social{float: right;} #social a{margin: 6px 0 0 12px;display: block;} /* 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-end;} .header__menu .menu__link{display:block;padding: 12px 0px;color: #464646;text-decoration:none;transition:all 0.5s ease;font-weight: 600;margin: 0;position: relative;margin: 0 20px;} .menu__link:hover, .selected > .menu__link, .selected-parent > .menu__link{color: #009cff;background: transparent;} /* DROP DOWN MENU */ .header__menu{background: transparent;float: left;} .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:100%;left: 0;z-index:10;width:auto;height:auto;white-space:nowrap;background: #009cff;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: #ffffff !important;border-bottom: 0;padding: 10px 52px 10px 0;font-weight: 700;margin: 0;text-align: left;text-transform: inherit;letter-spacing: 0;} .header__menu .level-1-el a:hover, .header__menu .level-1-el:hover, .header__menu .level-1-el.selected a{color: #ffff00 !important;} .header__menu .level-2-el a{font-size:0.875rem;} /* third level submenu */ .header__menu .level-2-menu{top: -25px;left: 100%;} .header__menu li{position:relative;font-size: 1.05em;} /* Hamburger only on small screen */ button.hamburger{display:none} /* SLIDER */ /* You will find slider styles in style-slider.css file */ /* BODY/CONTENT STYLES */ #body-bg{display: block;width:100%;margin:-8px auto 0;background: #fff;position: relative;overflow: hidden;} #body{clear:both;margin: 0 auto;width: 1300px;} #body:after{content:"";display:table;clear:both;} #page.column{flex: 0 0 77%;padding-right: 5%;} #body #content{clear:both;/* display:flex; *//* flex-flow: row-reverse; *//* justify-content:center; */margin:0;width: 100%;} /* PAGE */ #page{position:relative;margin: 50px 0;text-align:left;} #page:after{content:"";display:table;clear:both;} #page h1, .heading-1{margin: 8px 0 0;color: #ffffff;font-size: 2.75rem;font-weight: 700;font-family: 'Barlow Condensed', sans-serif;text-transform: uppercase;} #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{flex: 0 0 23%;background:#fff;margin:42px 1% 30px 0;padding:0;position:relative;border:1px solid #d7d7d7;border-radius:0} #column:after{content:'';background:#d7d7d7;height:4px;width:90px;position:absolute;top:-4px;left: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:0px 0 20px;float:left;width:100%;overflow:hidden} #column nav > ul > li > a{display:none} #column ul li.selected a, #column ul li a:hover{color:#e1be96} #column ul li{padding:0;margin:0} #column ul li a{border-bottom:1px solid #d7d7d7;color:#721111;float:left;width:100%;padding:20px 20px;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: 3px 12px 0 0px;float: left;color: #ffffff;font-size: 0.65em;} /* PAGE - BREADCRUMB (navigation path) */ #head-title2{position: relative;width: 100%;display: inline-block;background: #0054a5;} #head-title2 .container{width: 1300px;margin: 0 auto;text-align: left;padding: 18px 0;display: table;font-size: 0.913em;} #head-title2 .container .one{display: inline-block;color: #fff;font-weight: 700;} .breadcrumb{text-align: left;color: #ffffff;padding: 0;font-weight: 700;display: inline-block;} .breadcrumb ol{list-style:none;} .breadcrumb li{display:inline-block;} .breadcrumb strong{color:#a0a0a0;font-weight: 700;} #head-title2 .container .one span{color:#19a4ff;font-weight: 700;} .breadcrumb li a{color: #ffffff;} .breadcrumb li:before{content: "";margin: 0 14px;height: 3px;width: 14px;background: #ffffff;display: inline-block;vertical-align: middle;} /* PAGE CONTENT */ .contact #page {margin: 50px 0 0 0;display: inline-block;width: 100%;} .contact #page div.content > p{padding-bottom:0.1em;font-family: 'Nunito', sans-serif;font-weight: 600;} .contact #page div.content{float:left;width: 38%;position: relative;} .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 p strong{font-size: 1.75em;color: #01aef1;font-weight: 800;} .contact #page div.content p a{font-size: 1.15em;color: #0054a5;font-weight: 800;padding-top: 10px;display: inline-block;} .contact #page div.content .c-absolute{position:absolute;right: 0;top: 31%;} .contact #foot{margin-top: -14px;position: relative;} .is-page-home #page div.content.short{width: 52%;float:left;background: #0054a5;padding: 50px 4% 50px 0;position: relative;margin-top: -50px;} .is-page-home #page div.content{width:48%;float:right} .is-page-home #page div.content.short:before{content:"";background: #0054a5;left: -500px;top:0;width: 500px;height:100%;position: absolute;} .is-page-home #page{margin:0;} .is-page-home #page div.content.short td{color: #ffffff;vertical-align: top;padding: 0;} .is-page-home #page div.content.short h2{font-size: 1.5rem;line-height: 1em;color: #ffffff;font-weight: 500;margin-bottom: 9px;font-family: 'Barlow Condensed', sans-serif;} .is-page-home #page div.content.short h2:after{display:none} .is-page-home #page div.content.short h3{font-size: 2.25rem;color: #41b3ff;font-weight: 400;margin-bottom: 31px;line-height: 1.1em;text-transform: none;} /* right column */ .is-page-home #page .right{width: 47%;float: right;background: #fff;padding: 40px;position: relative;} .is-page-home #page .right .owl-carousel{width:100%;float: left;} .is-page-home #page .right .owl-prev{padding: 5px 12px 7px;border-radius: 0;margin: 0;position: absolute;right: 74px;background: #fff;font-size: 1.5em;font-weight: 600;border: 1px solid #aeae9b;bottom: 0;height: auto;min-height: auto;opacity: 1;left: inherit;color: #aeae9b;top: initial;box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);} .is-page-home #page .right .pages-51 .owl-next{padding: 2px 12px 7px;border-radius: 0;margin: 0;position: absolute;right: 0;background: #fff;font-size: 1.5em;font-weight: 600;border: 1px solid #aeae9b;bottom: 0;height: auto;min-height: auto;opacity: 1;color: #aeae9b;top: inherit;transform: inherit;box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);} .is-page-home #page .right .owl-nav span{display:none} .is-page-home #page .right .owl-next:before{content:"\2192";color: #aeae9b;font-weight: 400;transition: all 0.5s ease;background: none;top: inherit;transform: inherit;width: auto;height: auto;background-position: inherit;display: table;padding: 0;} .is-page-home #page .right .owl-prev:before{display: block;content:"\2190";color: #aeae9b;font-weight: 400;transition: all 0.5s ease;background-position: inherit;background: none;height: auto;min-height: auto;opacity: 1;left: inherit;top: inherit;transform: none;width: auto;line-height: 1em;} .is-page-home #page .right .quick-slider-nav-arrows:before{position: initial;} .is-page-home #page .right .quick-slider-nav-arrows:hover:before{color: #009347;} .is-page-home #page .right .title-box{float:left;} .is-page-home #page .right .title-box a{color:#0054a5;font-weight:600;font-size:2em} .is-page-home #page .right .title-box a:after{content: "";margin: 0 0 0 25px;height: 3px;width: 186px;background: #e9e9e9;display: inline-block;vertical-align: middle;} .is-page-home #page .right .title-box2{float:right;margin-top: 12px;font-weight: 700;} .is-page-home #page .right .title-box2 a{color: #464646;} .is-page-home #page .right .title-box2 a:hover{color: #0da1ff;} .is-page-home #page .right .owl-stage-outer{border-bottom: 3px solid #e9e9e9;padding-bottom: 40px;} .is-page-home #page .right .owl-theme .owl-nav{float:right;margin-top: 30px;} .is-page-home #page .right .owl-dots{display:inline-block;margin: 53px 0 0;float: left;} .is-page-home #page .right .owl-theme .owl-dots .owl-dot{background:none} .is-page-home #page .right .owl-theme .owl-dots .owl-dot span{background: #bcbcbc;} .is-page-home #page .right .owl-theme .owl-dots .owl-dot.active span, .is-page-home #page .right .owl-theme .owl-dots .owl-dot:hover span{background: #fff;border:2px solid #0da1ff} .is-page-home #page .right .pages-51 button:hover{border:1px solid #0da1ff} #page time.date{color:#464646;font-weight: 700;font-size: 0.913em;} #page time.date:before{content:url('img/cal.png');float: left;margin: -2px 10px 0 0;} #page div.content{line-height:1.5em;} #page div.content > ul, #page div.content > ol, #page div.content .right ul{padding: 0px 0 20px;list-style: none;display: table;} /* #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: url(img/list.png);position: absolute;top: 0px;color: #73bfe3;left: 0;font-size: 0.875em;} #page div.content > ul li, #page div.content .right ul li{margin: 20px 0;padding: 0 0 0 33px;position: relative;color: #4e4e4e;} #page div.content > h2, .form-full h2, #logo-box .container h2, #page div.content td h2{font-size: 2.25rem;line-height: 1em;color: #0052a5;font-weight: 600;margin-bottom: 50px;position: relative;z-index: 19;} #page div.content > h2:after, #logo-box .container h2:after, #page div.content td h2:after{content: "";margin: 0 0 0 25px;height: 3px;width: 186px;background: #e9e9e9;display: inline-block;vertical-align: middle;} .form-full h2:after{content: "";margin: 0 0 0 25px;height: 2px;width: 186px;background: #0054a5;display: inline-block;vertical-align: middle;} #page div.content > h3{font-size: 0.913rem;color: #009cff;font-weight: 700;margin-bottom: 16px;line-height: 1.1em;} #page div.content h4{font-size: 1.33em;color: #0052a5;font-weight: 700;margin-bottom: 40px;line-height: 1.1em;} #page div.content > p{padding-bottom:1em;color: #727272;font-family: 'Nunito', sans-serif;} #page div.content > p strong, #logo-box .container p strong{font-weight: 700;color: #0052a5;} #page div.content > p a{text-underline-offset: -2px; text-decoration: underline;text-underline-position: under;text-decoration-thickness: 1px;} #page div.content .grey{background:#f9f9f9;margin: 50px 0;position: relative;} #page div.content .grey td{padding: 60px 10px 60px 0;} #page div.content .grey:before{content:"";background: #f9f9f9;left: -500px;top:0;width: 500px;height:100%;position: absolute;} #page div.content .grey:after{content:"";background: #f9f9f9;right: -500px;top:0;width: 500px;height:100%;position: absolute;} #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);margin: 34px 0 25px;display: inline-block;} #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{} 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%;border:1px solid #019cff} .before-image ul[class*="images-"] img{border: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: 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: 2.5rem 0 0 6rem;} .images-gallery{clear:both;display:flex;flex-flow:row wrap;justify-content:space-between;} .images-gallery li{padding:.3rem 2rem;} div.content .images-gallery{clear:none;list-style: none;padding: 0 !important;margin: 0;} .images-gallery li{flex:0 0 calc( 100% / 3 );} #page div.content > ul.images-column li:before{display:none} .before-image #page .images-1 li{margin: 0 50px 40px 0;} .before-image #page .images-2 li{margin: 30px 0 56px;} .before-image #page .images-2 li a, .before-image #page .images-1 li a{display:table;width:100%;line-height:1px;position: relative;} /* .before-image #page .images-2 li a:after{content:url('img/logo-foto.png');position: absolute;bottom: -35px;transition: all 2.5s ease;left: 0;right: 0;text-align: center;} */ .before-image .images-2 li a:before{content:'';display: none;position:absolute;bottom: 0px;left: -10px;width: 10px;height: 80%;background: #c3c3aa;transition: all 0.5s ease;} .before-image .images-2 li a:after, .before-image .images-1 li a:after{content:'';display:block;position:absolute;bottom: -10px;left: 0;height: 20px;width: 100%;background: #009cff;transition: all 0.5s ease;} .before-image .images-2 li a:hover:after, .before-image .images-1 li a:hover:after{width: 100%;transition: all 0.5s ease;height: 40%;background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,156,255,0.99) 88%,rgba(0,156,255,1) 89%,rgba(0,156,255,1) 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.5em 0;font-size:1.25rem;color: #fff;font-weight: 700;} .title a{color:inherit;font-weight: 700;background:none;text-decoration:none;} .title a:hover{color:var(--color-primary);background:none;text-decoration:underline;} time.date{display:block;padding:0 0 0.3em;color:var(--color-text);} [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);position: relative;} .pages-list .page .image{float:left;margin:0 2.5% 5px 0;} .pages-list .page .title a{color:#0054a5} .pages-list .page:hover .title a, .pages-list .page:hover .more a{color:#19a4ff} .pages-list .page .more a{float:right;padding:10px 0} /* subpages gallery/boxes/products etc */ .pages-gallery{display:flex;flex-flow:row wrap;justify-content:space-between;} .pages-gallery .page{margin:15px 0;padding: 0;text-align:center;position: relative;background: #009cff;transition: all 1s ease;overflow:hidden} .pages-gallery .page:hover{background: #0054a5;transition: all 1s ease} .pages-gallery .title{font-size: 1.25rem;padding: 25px;} .pages-gallery .page .image{margin:0 0 5px;} .pages-gallery div.description{padding:0.3em 0;font-size:0.875rem;text-align:justify;} .pages-gallery{ --cols: calc((100%/ 4 ) - 1rem);} .pages-gallery .page{flex:0 0 var(--cols);} .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: 25px 0 57px 0;} .pages-51 .page{flex:0 0 var(--cols);margin: 10px 1%;padding: 0;text-align: left;position: relative;} .pages-51 .page .title a{color: #0053a5;font-weight: 700;font-size: 1rem;padding: 8px 0 15px 0;display: inline-block;} .pages-51 .page .image{overflow:hidden} .pages-51 .page .image img, .pages-gallery .page img{transition: all 4.5s ease;transition: transform 4s ease;overflow:hidden} .pages-51 .page:hover .image img, .pages-gallery .page:hover img{transform: scale(1.1,1.1) rotate(2deg);transition: all 4.5s ease;transition: transform 4s 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: #0054a5;color: #97c5eb;--color-secondary:var(--color-white);font-size:1.083em;} #foot .container{display:flex;flex-wrap:wrap;justify-content:space-between;width: 1300px;margin: 0 auto;} #foot .container{padding: 4.5rem 0;} #foot a{color: #97c5eb;text-decoration:none;} #foot a:hover{text-decoration:underline;} #foot .os {} #foot .copy{margin: 25px 0 0;} #foot .left{flex: 0 0 34%;font-size: 1rem;} #foot .container .widgets-list.widgets-9.container{flex: 0 0 66%;padding: 8px 0;width: auto;display: inherit;} #foot .widgets-list.widgets-9.container .description img{display: inline-block;padding: 0;/* vertical-align: middle; */margin-right: 12px;} #foot .container #widget-2{flex: 0 0 30%;border-right: 1px solid #147ecd;border-left: 1px solid #147ecd;} #foot .container #widget-3{flex: 0 0 66%;position: relative;} #foot .container #widget-3 a{color:#fff;font-weight:700;font-size: 0.913em;} #foot .container #widget-3 strong{color:#fff;font-weight:700;font-size: 1.75em;} #foot .container #widget-3.widget.type-1 p{font-size:0.913em} #foot .container #widget-3 > div.description{text-align:right;float: left;} #foot .container #widget-3 > div.description:after {content:url('img/kontakt.png');position: absolute;top: -12px;right: 0;} #foot .container .widgets-list.widgets-4 ul{width:100%;border-top: 1px solid #147ecd;padding-top: 40px;margin-top: 55px;} #foot .container .widgets-list.widgets-4 ul li{flex:0 0 100%} #foot .container .widgets-list.widgets-4 td{color: #85b8e3;vertical-align: middle;text-align: left;font-size: 0.875em;} #foot .container .widgets-list.widgets-9 .widget{padding: 0 7%;} /* #foot-box */ #foot-box{background:var(--color-primary);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-box-1 */ #foot-box-1{background:var(--color-primary);color:var(--color-white);--color-secondary:var(--color-white);font-size:1.083em;} #foot-box-1 .container{display:flex;flex-wrap:wrap;justify-content:space-between;width: 1200px;margin: 0 auto;} /* #foot-box-full1 */ #foot-box-full1{background: #fbfbfb;color:var(--color-white);--color-secondary:var(--color-white);font-size:1.083em;background-size: cover !important;background-repeat: no-repeat !important;position: relative;} #foot-box-full1:before{content: "";display: block;position: absolute;left: 0;top:0;height:8px;width:100%;box-shadow: inset 1px 2px 7px -2px rgb(0 0 0 / 14%);z-index: 99;} #foot-box-full1 .container{display:flex;flex-wrap:wrap;width: 1300px;margin: 0 auto;position: relative;padding: 4em 0;justify-content: flex-end;} #foot-box-full1 .container table{background:#fff;width: 49% !important;font-size: 0.95em;} #foot-box-full1 .container table td{padding:30px} #foot-box-full1 .container table tr:first-child td{background:#2e9e44;color: #ffffff;font-weight: 800;text-align: center;} #foot-box-full1 .container table td ul{padding: 40px 0 40px 27px;} /* #foot-maps */ #foot-maps{position:relative;margin-top:30px;} #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;} /* logo box */ #logo-box{background: #f9f9f9;color: #727272;--color-secondary:var(--color-white);} #logo-box .container{display:flex;flex-wrap:wrap;justify-content:space-between;width: 1300px;margin: 0 auto;padding: 4em 0;line-height: 1.5em;} #logo-box .container table{margin: 50px 0;} #logo-box .container table tr{clear:both;display:flex;flex-flow: row wrap;justify-content: space-around;margin: 0;align-items: center;height: auto !important;padding: 0;} #logo-box .container table tr td{flex: 0 0 23%;padding: 0;text-align: left;height: auto !important;background: #009cff;} #logo-box .container table td:after{display:none} #logo-box .container table tr td img{transition: all 0.5s ease;max-width: 100%;} #logo-box .container table tr td img:hover{filter: grayscale(0.9);transition: all 0.5s ease;transform: scale(1.02,1.02)} #logo-box .container table td strong{font-size: 1.5em;color:#fff;font-weight:500;font-family: 'Barlow Condensed', sans-serif;padding: 15px 10% 0;display: inline-block;} #logo-box .container table td p:nth-child(3) a, [class|="pages"] .more a{font-size: 1em;color:#00356c;font-weight:700;padding: 10px 10% 20px;display: inline-block;position: relative;} #logo-box .container table td p:nth-child(3) a:hover, [class|="pages"] .more a:hover{color:#fff} #logo-box .container table td p:nth-child(3) a:after , [class|="pages"] .more a:after{content:'\276f\276f';margin: 0px 0px 0 7px;color: #00356c;font-size: 0.5em;vertical-align: middle;line-height: 1.5em;} #logo-box .container table td p:nth-child(3) a:before{content: "";margin-left: 0;height: 3px;width: 34px;background: #00356c;display: inline-block;vertical-align: middle;margin-right: 12px;} #logo-box .container .content{position:relative} #logo-box .container h4 a{position:absolute;top: 8px;right: 0;color:#464646;font-weight: 700;} #logo-box .container h4 a:hover{color:#009cff} @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: 0;display: inline-block;margin: 0 auto;text-align: center;float: right;width: auto;} /* 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: 0;font-size:100%;font:inherit;vertical-align: middle;} /* 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: #0054a5;font-size:1rem;outline: 0;border-bottom: 2px solid #0054a5;outline: 0;font-family: 'Nunito', sans-serif;} 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: 'Nunito', 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:before{content:"";background: #009cff;right: -500px;top:0;width: 500px;height:100%;position: absolute;} .form-full{margin: -50px 0 0 0;padding: 50px 50px 143px 50px;float: right;width: 57%;position:relative;background: #009cff;} .form-full dl{display:flex;flex-flow: row wrap;justify-content: space-between;margin: 54px 0;position: relative;z-index: 19;} .form-full dt{padding:0 0 7px;} .form-full dd{margin-bottom: 8px;color: #fff;flex: 0 0 42%;padding: .3rem 0.15em;text-align: left;} .form-full dd.all{flex: 0 0 100%;} .form-full textarea{width: 100% !important;} .form-full input[type="text"], .form-full input[type="email"], .form-full input[type="password"], .form-full textarea{width: 100%;padding: 16px 25px 16px 40px;font-size: 0.95em;outline: 0;background: transparent;color: #ffffff;font-family: 'Nunito', sans-serif;} .form-full .save{text-align:center;padding: 0;} .form-full .save input{padding: 1.33em 1em 1.25em 1.75em;text-transform:uppercase;border: 0;color: #ffffff;font-weight: 700;outline: 0;font-size: 1em;} .captcha input[type="text"]{min-width:60px;width: 80px;background: #0054a5;border: 1px solid #fff;color: #ffffff;padding: 16px 15px 16px 15px;} .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: #ffffff; opacity: 1;} :-moz-placeholder{color: #ffffff; opacity: 1;} ::-moz-placeholder{color: #ffffff; opacity: 1;} :-ms-input-placeholder {color: #ffffff; opacity: 1;} .form-full:after{content:url( img/bg-form.png);position:absolute;bottom: 3%;left: 3%;z-index: 1;} .form-full #contact-email {background:url(img/mail-form.png) no-repeat center left ;} .form-full #contact-name {background: url(img/user-form.png) no-repeat center left ;} .form-full #contact-phone {background: url(img/telefon.png) no-repeat center left ;} .form-full #contact-topic {background: url(img/temat.png) no-repeat center left ;} .regulamin{float:left;width:100%;clear:both;margin: 10px 0px 39px;color: #ffffff;font-size: 0.975em;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, #foot .container, .header__navigation .container, #foot-box-1 .container, .header__navigation .container, #foot .container, #body-box-1 .container, #foot-box .container, #logo-box .container, #head-title2 .container{width:95%} #header .slider .description .box{width:90%;padding: 4% 0 0 0;} } @media screen and (max-width:1200px){ button.hamburger{display:inline-block;outline: 0;} .header__menu{float:right} #social a{margin: 16px 16px 0 0;} #slider-1 .quick-slider-slide .description h1{font-size: 2.5em;} #foot .container #widget-3 > div.description:after, .contact #page div.content .c-absolute{display:none} #box-right .box{padding: 35px 0px 10px;} } @media screen and (max-width:1023px){ .is-page-home #body-bg{overflow:hidden} .is-page-home #page div.content.short{margin: 0;width: 100%;padding: 50px 2%;} .is-page-home #page div.content.short:after{content:"";background: #0054a5;right: -500px;top:0;width: 500px;height:100%;position: absolute;} #logo-box .container h4 a{position:relative;top: -22px;} .contact #page div.content, .form-full{width:100%;margin: 25px 0;} .form-full:before{display:none} .is-page-home #page .right{width:100%} #foot .container .widgets-list.widgets-4 td{display:block;width:100% !important;margin:20px auto !important;text-align:center} } @media screen and (max-width:900px){ #foot .left{flex: 0 0 100%;margin: 0 auto;text-align: center;} #foot .container .widgets-list.widgets-9.container{flex: 0 0 100%;margin: 30px 0;} #foot .container #widget-2{border-left:0;flex: 0 0 35%;} #foot .container #widget-3{flex: 0 0 50%;} #box-right .box .tel span{display:none} } @media screen and (max-width:720px){ #slider-1 .quick-slider-slide .description h1{font-size: 1.5em;} #logo-box .container table tr td{flex: 0 0 44%;margin: 15px auto;text-align: center;} #page div.content > h2, .form-full h2, #logo-box .container h2, #page div.content td h2{font-size: 1.75rem;} } @media screen and (max-width:640px){ .pages-gallery .page{flex:0 0 100%;max-width: 316px;margin: 15px auto;} .images-gallery li{flex:1 0 100%;} #page div.content .grey td{display:block;width:100% !important;margin:20px auto !important;text-align:center} #logo #title a span{font-size: 1em;text-align: center;margin: 0 auto;} #logo #title a strong{font-size: 0.75rem;} #logo #title-img{margin:0 auto;display: block;float: none;text-align: center;} #logo #title-img img{width:50px} #logo #title span, #logo #title strong{width: 100%;} #logo #title{text-align:center} #logo{width: 170px;} #container{overflow:hidden} .before-image #page .images-2 li a, .before-image #page .images-1 li a{display:inline} .is-page-home #page div.content.short td{display:block;width:100% !important;margin:20px auto !important;text-align:center} .is-page-home #page div.content.short td img{float:none !important} .images-2, .images-2 li{width: 100%;margin: 10px auto 30px !important;text-align:center;float: none;padding: 0 !important;} } @media screen and (max-width:480px){ #foot .container #widget-2, #foot .container #widget-3{flex: 0 0 100%;border:0;text-align: center;margin: 18px auto 30px;border-top: 1px solid #147ecd;padding-top: 20px;} #foot .widget.type-4 .head, #foot .container #widget-3, #foot .container #widget-3 > div.description{text-align: center;margin: 0 auto;float: none;} #foot .widget.type-4 li{flex:0 0 100%;text-align: center;} #foot .container .widgets-list.widgets-9.container{margin-bottom:0} #logo-box .container table tr td{flex: 0 0 90%;margin: 15px 5%;text-align: center;max-width: 299px;} #page h1, .heading-1{font-size: 2.15rem;} #head-title2 .container .one, .breadcrumb{font-size:0.875em} .form-full dd{flex: 0 0 98%;} .form-full .save.button{float:none;margin-top: 20px;} .pages-list .page .image{width:100%;margin-bottom: 30px;} #foot .container .widgets-list.widgets-4 td img{max-width:100%} .preloader span{background-size:60%} #page div.content > h2:after, #logo-box .container h2:after, #page div.content td h2:after, .form-full h2:after{display:none} .form-full{padding: 30px 20px 53px 20px;} } @media screen and (max-width:360px){ #box-right .box .tel a:before{display:none} #logo #title a strong{font-size: 0.65rem;} #logo{width: 148px;} }