/* Quick.Cms.Ext v6.x default stylesheet */ /* 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: "Abhaya Libre", serif; font-family: "Cinzel", serif; font-family: "Italianno", cursive; */ /* Layout variables */ :root { --color-text: #595952; --color-primary: #171717; --color-dark: #b2916e; --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: "Abhaya Libre", serif;} body{padding:0;background: #fff;} a{color: var(--color-dark);text-decoration:none; transition: all 0.5s ease} a:hover{color:#000;text-decoration:none; transition: all 0.5s ease} .msg{clear:both;overflow:hidden;padding:20px 0;text-align:center;} .msg.done, .msg.error{margin:10px 0;background:var(--color-primary) url('img/sprite.svg#info') no-repeat 1rem center;background-size:2rem;color:var(--color-white);font-size:1.5rem;} .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:#e6e6e6;border-width:1px;width:100%;height:1px;margin:20px auto;} .icon{display:inline-block;content:"";flex-shrink:0;width:1.5rem;height:1.5rem;fill:var(--color-white);} .icon--labeled{margin-left:.75em;width:1.5em;height:1.5em;} .preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#848778;} .preloader span{ background-position:center center; background-repeat:no-repeat; background-image:url(img/logo20.svg);background-size: 200px 179px;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; } #body .alllink{position:absolute;width:100%;height:100%;left: 0;top: 0;right: 0;z-index: 1;} #slider-1 .quick-slider-slide .description a, .button, #foot-box .container .hotresSubmit button {display: block;position: relative;z-index: 1;float:left;padding: 22px 26px 20px;background: #989a8d;cursor:pointer;color: #fff;font-family: "Abhaya Libre", serif;font-size: 0.9em;font-weight: 500;line-height: 1em;margin: 25px 0 15px;} .button input{background:none;font-weight:900;font-family: "Abhaya Libre", serif;font-size:0.875em;cursor:pointer;color:#fff} #slider-1 .quick-slider-slide .description a:hover, .button:hover{color: #989a8d;} #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: #fff;-webkit-transition: all 250ms linear;content: "";text-indent: -99999px;outline:0;border: 2px solid #989a8d;} #slider-1 .quick-slider-slide .description a:hover:before, .button:hover:before, .button:focus:before, .button:focus:before {opacity: 1;color: #989a8d;} #slider-1 .quick-slider-slide .description a:after, .button:after{content:"\276f\276f";margin-left: 12px;font-size: 0.85em;} .form-full .save.button{background:#fff;margin: 0;} .form-full .save.button:hover input{color:#fff} .form-full .save.button:before{background:#389bd3;} .form-full .save.button:after{color: #375ebc;margin: 0 17px 0 0;} .form-full .save.button:hover:after{color:#fff} #container:after{content:"";display:table;clear:both;} #body, #foot{margin:0 auto;padding:0;} #container{overflow:hidden} .is-page-home #body-bg{position:relative;} /* 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: transparent;position: absolute;top: 0;margin: 0 auto;left: 0;right: 0;} .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: 26px 0;order:-4;flex: 0 0 auto;background: transparent;line-height: 0;} #logo #title-img{flex: 1 0 auto;margin-right: 2.5em;} #logo #title{color: #fff;line-height: 2.4em;text-decoration:none;font-size: 1.65em;} #logo #title a {color: #fff;font-weight: 400;font-family: "Italianno", cursive;font-size: 2.15em;} #logo #slogan{color: #fff;font-size: 1.1em;font-weight: 500;margin: 0;position:relative;line-height: 1.5em;} #logo #slogan:after{content:url( img/slogan.webp);position: absolute;margin: -14px 0 0 12px;} #box-right{padding: 0;flex: 0 0 67%;} #box-right .box{padding: 42px 0px 0;display: flex;flex-flow: row wrap;justify-content: flex-end;align-items: flex-start;} #box-right .box .tel a:before {content:url( img/tel.webp);top: 4px;position: absolute;left: -27px;} #box-right .box .tel{color:#636363;line-height: 1.3em;text-align: right;} #box-right .box .tel a{font-size: 1.3em;position: relative;padding: 0;color: #fff;font-weight: 700;} #box-right .box .tel a:hover{color:#a88f5e} #box-right .box .tel span{font-size:0.913em;color:#66635e} ul#flags{float:left;list-style:none;background:none;margin-left: 10px;padding: 0px 0 2px 0;} #flags li{float:left;padding: 0px 0 0 18px;line-height: 0;} #flags li img{width: 24px;} #header #social{float: right;list-style:none;background:none;margin: 0;padding-left: 6px;} #header #social a{float:left;padding: 0px 0 0 12px;line-height: 0;} #header #social span{float:left;padding: 1px 8px 0 0;color:#a5a6ae;font-size: 0.813em;} #header #social img{transition: all 0.25s ease} #header #social img:hover{filter: grayscale(1.9) brightness(3.5);transition: all 0.25s ease;} /* 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 50px 0 0;justify-content: flex-start;} .header__menu .menu__link{display:block;padding: 0;color: #fff;text-decoration:none;transition:all 0.5s ease;font-weight: 500;margin: 0;position: relative;margin: 0 16px;} .menu__link:hover, .selected > .menu__link, .selected-parent > .menu__link{color: #ffffff;background: transparent;} .header__menu .menu > ul > li:first-child > a:before{display:none} /* 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: #1a2225;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: #d89f2c !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 #263337;} .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: 1.113rem;} .header__menu .level-1-el a:before {content:'❱❱';margin: 1px 12px 0 0px;float: left;color: #42575e;font-size: 0.75em;} .header__menu .menu__link:after{content:'';display:block;position:absolute;bottom:0;margin:auto;width:10%;height: 1px;background:transparent;transition:all 0.5s ease;left:0;} .header__menu li:hover .menu__link:after , .header__menu .menu__link:hover:after, .header__menu .selected a:after, .header__menu .menu__link .selected-parent:after{width:99%;background: #fff;} /* .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-bg{display: block;width:100%;margin: -3px auto 0;background: #fff;position: relative;z-index: 13;} #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%;align-items: flex-start;} /* PAGE */ #page{position:relative;margin: 50px 0;text-align:left;width: 100%;} #page:after{content:"";display:table;clear:both;} #page h1, .heading-1{margin:.8em 0 .4em;color: #fff;font-size: 2.917rem;font-weight:normal;font-family: "Noto Serif Georgian", serif;;text-align: center;} .heading-1:after{content: "";margin-left: 0;height: 3px;width: 50px;position: relative;background: #fff;display: block;text-align: center;margin: 5px auto;} #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 .title.oferta{color:#fff;background:#b8a177;padding: 20px 8%;} #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 5%;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: #b8a177;font-size: 0.65em;} /* PAGE - BREADCRUMB (navigation path) */ #header{position:relative} #head-title2 {position: absolute;top: 11em;left: 0;right: 0;width: 1140px;margin: 0 auto;z-index: 102;} #head-title2 .container .one{display: inline-block;color: #a0a0a0;font-weight: 500;} .breadcrumb{text-align: left;color: #a0a0a0;padding: 0;font-weight: 500;display: inline-block;} .breadcrumb ol{list-style:none;} .breadcrumb li{display:inline-block;} .breadcrumb strong{color:#a0a0a0;font-weight: 500;} .breadcrumb li a{color: #dca36a;} .breadcrumb li:not(:first-child):before{content: "";margin: 0 12px;font-size: 0.85em;height: 5px;width: 5px;background: #dca36a;display: inline-block;vertical-align: middle;} /* PAGE CONTENT */ .contact #body-bg{overflow:hidden} .contact #page {margin-top: 50px;display: inline-block;width: 100%;} .contact #page div.content > p{padding-bottom:0.1em;color: #545352;font-family: "Abhaya Libre", serif;} .contact #page div.content{float:left;width:48%} .contact #page div.content .box{background:#f8f8f8;padding: 40px;} .contact #page div.content img {display: inline-block;padding: 0px 2px 0 0;vertical-align: middle;} .contact #page div.content table td{padding: 20px 10px;font-size: 1.95em;color: #139a8c;font-family: 'Bellefair', serif;vertical-align: middle;line-height: 25px;} .contact #page div.content table{width:80% !important} .contact #page div.content img {display: inline-block;padding: 0;vertical-align: middle;} .contact #page div.content table tr{position:relative} .contact #page div.content table tr:before{content: "";margin-left: 0;height: 1px;width: 280px;position: absolute;left: 0;background: #cdcdcd;bottom: -4px;} .contact #page div.content table tr:first-child:after{content: "";margin-left: 0;height: 1px;width: 280px;position: absolute;left: 0;background: #cdcdcd;top: -4px;} .jemiola #page{background: url(img/bg-sekcja.webp) no-repeat center top 83px;background-size: 310px;} .jemiola .images-gallery:after{content:'';background: url(img/bg-sekcja.webp) no-repeat center bottom;background-size: 300px;position: absolute;bottom: 0px;left: 0;right: 0;width: 310px;height: 100%;margin: 0 auto;} .is-page-home #page div.content.short{width: 100%;float:left;padding-bottom: 40px;} .is-page-home #page div.content{width: 100%;float:right} .is-page-home #page div.content strong{font-size: 1.6rem;line-height: 1em;color: #3d3e37;font-weight: 400;margin-bottom: 4px;font-family: "Noto Serif Georgian", serif;display: block;} .is-page-home #page div.content td p{color: #6f7063;font-size: 1.1em;padding: 0 0 15px 0;line-height: 1.9em;} #page div.content{line-height: 1.7em;} #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 li:before{content: url('img/ok2.webp');position: absolute;top: -4px;color: #b9a97f;left: 0;font-size: 0.975em;} #page div.content > ul li{margin: 1.5em 0 2em;padding: 0 0 0 51px;position: relative;} #page div.content > h2, .form-full h2{font-size: 2rem;line-height: 1em;color: #3d3e37;font-weight: 400;margin-bottom: 30px;font-family: "Noto Serif Georgian", serif;} #page div.content > h3{font-size: 1.43rem;color: #848678;font-weight: 500;margin-bottom: 18px;line-height: 1.1em;/* text-transform:uppercase; */} #page div.content > h3:after{content: "";height: 4px;width: 60px;position: relative;background: #babcb4;display: block;text-align: center;margin: 15px auto 10px;} #page div.content h4{font-size: 1.4rem;color: #595952;font-weight: 400;margin-bottom: 40px;line-height: 1.1em;} #page div.content > p{padding-bottom:1em;color: #545352;font-family: "Abhaya Libre", serif;font-size: 1.113em;line-height: 2em;} #page div.content .box{float: left;width: 100%;margin-bottom: 50px;} #page div.content .table0{position:relative;margin-bottom: 40px;} #page div.content .table0 td{position:relative;z-index:1} #page div.content .table0:before{content: url(img/bg-sekcja.webp);position: absolute;bottom: -62px;left: 0;right: 0;margin: 0 auto;text-align: center;z-index: 1;transform: scale(0.7);} #page div.content .table1 td img, #page div.content .table2 td img{max-width:100%;height:auto} #page div.content .table1{width: 46.1% !important;float: left;padding: 0;margin: 0;height: auto !important;} #page div.content .table2{width: 53.9% !important;float: right;height: auto !important;margin: 0;padding: 0;} #page div.content .table1 td, #page div.content .table2 td{padding: 5px 6px;line-height: 1px;vertical-align: top;height: auto !important;} #page div.content .table1 tr, #page div.content .table2 tr{height: auto !important;} #page div.content .table2 td a:hover{filter:brightness(140%);transition: all 0.5s ease;} #page > time{color:var(--color-text);opacity:.7;} .table #page div.content table{border: 1px solid #adadad;background:#fff} .table #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;} .table #page div.content table tbody tr:nth-child(1) td:nth-child(2){background: #375fbc;color:#fff;font-weight:700;border: 0;} .table #page div.content table tbody tr td:nth-child(odd){} .table #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;} .table #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;position: relative;} 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} /* w tekscie */ ul[class*='images-51']{clear:both;display:flex;flex-flow: row wrap;justify-content:flex-start;margin: 20px 0;} ul[class*='images-51'] li{flex: 0 0 33%;padding: 0 1%;} ul[class*='images-52']{clear:right;float:right;margin: 20px 0 30px 60px;} ul[class*='images-53']{clear:right;float:left;margin: 20px 60px 30px 0;} /* 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;} /* galeria */ .images-gallery{clear:both;display:flex;flex-flow:row wrap;justify-content:space-between;padding: 6em 0 12em;} .images-gallery li{margin: 0.6rem 0.7% !important;} div.content .images-gallery{clear:none;list-style: none;padding: 0 !important;margin: 0;} .images-gallery li{flex: 0 0 auto;} .images-gallery li img{border-radius:0;width: 100%;box-shadow: none;max-width: 628px;} .images-gallery li a{display:block;line-height: 1px;position: relative;height: 100%;} .images-gallery li a:before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #7d7d7d;opacity: 0;z-index: 2;-webkit-transition: 0.3s opacity ease-in-out;transition: 0.3s opacity ease-in-out;} .images-gallery li a:hover:before {opacity: 0.4 !important;} .images-gallery li a:after { content: ''; position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; opacity: 0; border: 1px solid #fff; z-index: 2; transition: 0.5s opacity ease-in-out; } .images-gallery li a:hover:after { opacity: 1; } .images-gallery li:hover .icon-focus:before{content:'+';position: absolute;left: 0;transform: translateY(-50%);top:50%;transition: all 2.5s ease;right: 0;text-align: center;margin: auto;z-index: 11;font-size: 3em;font-weight: 700;color: #f7f7f7;} #page div.content > ul.images-column li:before{display:none} .before-image #page .images-2 li{margin: 30px 0 56px;} .before-image #page .images-2 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:block;position:absolute;bottom: 0px;left: -10px;width: 10px;height: 80%;background: #c3c3aa;transition: all 0.5s ease;} .before-image .images-2 li a:after{content:'';display:block;position:absolute;bottom: -10px;left: -10px;height:8px;width: 80%;background: #c3c3aa;transition: all 0.5s ease;} .before-image .images-2 li a:hover:before{height:90%;transition: all 0.5s ease} .before-image .images-2 li a:hover:after{width:90%;transition: all 0.5s ease} /* 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:inherit;font-weight:normal;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);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 0;list-style:disc;} .description li{padding:0;border:0;background:none;} .description ol{list-style:decimal;} /* standard list */ .pages-list .page{margin:15px 0;padding:1.5rem 2.5%;border:1px solid var(--color-divider);border-top:5px solid var(--color-divider);position: relative;} .pages-list .page .image{float:left;margin:0 2.5% 5px 0;} /* subpages gallery/boxes/products etc */ .pages-gallery{display:flex;flex-flow:row wrap;justify-content:space-between;} .pages-gallery .page{margin:15px 0;padding:20px;border:1px solid var(--color-divider);border-top:5px solid var(--color-divider);text-align:center;position: relative;} .pages-gallery .title{font-size:1rem;} .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%/ 3 ) - 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: 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; } /* .pages-52 */ .pages-52.ui-accordion{background: transparent;font-weight: 700;margin-bottom: 50px;} .pages-52.ui-accordion .page{background:transparent;position: relative;} .pages-52.ui-accordion .ui-accordion-header{background: transparent;color: #2e4c88;font-size: 1.45em;padding: 23px 60px 23px 0;border: 0;border-bottom: 1px solid #b6bbc0;margin: 0;border-radius: 0;font-family: 'Oranienbaum', serif;font-weight: normal;} .pages-52.ui-accordion .ui-accordion-content{background: transparent;color: #535f6b;font-size: 0.975em;font-weight: 400;border: 0;padding: 0 0 1em 0;} .pages-52.ui-accordion .ui-accordion-content p{padding: 10px 0;} .pages-52.ui-accordion .ui-accordion-header.ui-accordion-header-active, .pages-52.ui-accordion .ui-accordion-content-active{background: transparent;border-bottom: 0;} .pages-52.ui-accordion .ui-icon{display: table;} .pages-52.ui-accordion .ui-accordion-header .ui-accordion-header-icon{top: 35%;right: 0;margin: 0;background: transparent;left: inherit;font-family: "Abhaya Libre", serif;transform: translateY(-50%);top:50%;} .pages-52.ui-accordion .ui-icon-triangle-1-e, .pages-52.ui-accordion .ui-icon-triangle-1-s{background:none;} .pages-52.ui-accordion .ui-icon-triangle-1-e:after {content:"\002B";margin: 0;float: left;font-size: 1.85em;display: block;color: #c8a670;position: relative;z-index: 99999;text-indent: initial;margin: 0 auto;width: 50px;height: 50px;font-weight: bold;text-align: center;} .pages-52.ui-accordion .ui-icon-triangle-1-s:after {content:"\00D7";margin: 0;float: left;font-size: 1.85em;display: block;color: #c8a670;position: relative;z-index: 99999;text-indent: initial;background: transparent;height: 50px;width: 50px;margin: 0 auto;font-weight: bold;text-align: center;} #page .owl-theme .owl-dots{float:right;margin: 8px 25px 0;} #page .owl-theme .owl-dots .owl-dot span{background:#176390} #page .owl-theme .owl-dots button{background:none} #page .owl-theme .owl-dots .owl-dot.active span{background:#eb2d3a} #page .owl-theme .owl-nav{float:right;margin: 0;} #page .owl-next:before{content:"\25b6";color: #176390;font-weight: 400;transition: all 0.5s ease;font-size: 1.1em;} #page .owl-prev:before{display: block;content:"\25c0";color: #176390;font-weight: 400;transition: all 0.5s ease;font-size: 1.1em;} #page .owl-theme.pages-51 .owl-nav span{display:none} #page .container #owl-products{float:right;width: 70%;} #page .owl-theme .owl-nav [class*=owl-]{background:transparent} .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: #fff;color: #6f7063;--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:1.5rem 0;background: url(img/bg-sekcja.webp) no-repeat right 10% top;} #foot a{color:var(--color-white);text-decoration:none;} #foot a:hover{text-decoration: none;} #foot .widgets-list.widgets-3{width: 100%} #foot .widgets-list.widgets-3 .widget .head{color: #30312b;text-align: left;font-family: "Noto Serif Georgian", serif;font-size: 1.15em;margin-bottom: 40px;} #foot .widgets-list.widgets-3 ul li div.description{color: #6f7063} #foot .widgets-list.widgets-3 > ul{display:flex;flex-wrap:wrap;justify-content:space-between;width: 100%;margin: 0 auto;} #foot .widgets-list.widgets-3 > ul > li:nth-child(1){flex: 0 0 48%;} #foot .widgets-list.widgets-3 > ul > li:nth-child(1) div.description{text-align: left;font-size: 1.05em;} #foot .widgets-list.widgets-3 > ul > li:nth-child(2){flex: 0 0 48%;position: relative;} #foot .widgets-list.widgets-3 > ul > li:nth-child(2) div.description strong{color: #fff;font-size: 1.6em;font-weight: 400;} #foot .widgets-list.widgets-3 > ul{padding: 0 0 0 6px;list-style: none;} #foot .widgets-list.widgets-3 > ul > li ul li:before{content:url('img/ok.webp');position: absolute;top: 3px;color: #b9a97f;left: 0;font-size: 0.975em;} #foot .widgets-list.widgets-3 > ul > li ul li{margin: 1.4em 0 1em;padding: 0 0 0 51px;position: relative;font-size: 1.25em;} #foot .widgets-list.widgets-3 > ul > li div.description{text-align:left;font-size: 0.85em;} #foot .widgets-list.widgets-3 > ul > li div.description td{color:#6f7063;font-size: 1em;padding: 22px 0 25px;} #foot .widgets-list.widgets-3 > ul > li div.description td strong{color:#30312b;font-weight:600;font-size: 1.1em;} #foot .widgets-list.widgets-3 > ul > li div.description td img{margin-top: 5px;} #foot .widgets-list.widgets-3 > ul > li div.description table tr:nth-child(1), #foot .widgets-list.widgets-3 > ul > li div.description table tr:nth-child(2){border-bottom:1px solid #b4b5ba} /* foot-n SITE AND SCRIPT COPYRIGHTS STYLES */ #foot-n{background: #848778 url(img/bg-foot.webp) no-repeat right 20% bottom;color: #30312b;--color-secondary:var(--color-white);font-size: 1.05em;} #foot-n .container{display:flex;flex-wrap:wrap;justify-content:space-between;width: 1300px;margin: 0 auto;} #foot-n .container{padding: 3rem 0 0;} #foot-n .copy span{color: #ff4d2c;text-decoration:none;padding-right: 8px;} #foot-n a:hover{text-decoration: none;} #foot-n a{color: #30312b;} #foot-n .os {text-align: right;line-height: 1.6em;} #foot-n .copy{margin: 0;line-height: 1.55em;flex: 0 0 auto;line-height: 1.65em;} #foot-n #title-img{flex: 0 0 26%;margin-top: 25px;} #foot-n #title-img span{text-align:center;margin: 0 auto;display: inline-block;margin-top: 20px;color: #bdc2ca;font-weight: 600;} #foot-n .top{border-bottom: 1px solid #afb1a7;} #foot-n .top, #foot-n .bottom{flex: 0 0 100%;display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom: 30px;margin-bottom: 20px;font-size: 1.1rem;font-weight: 500;} #foot-n .bottom{margin-top: 25px;} #foot-n .container .widgets-list.widgets-9.container{flex: 0 0 100%;padding: 8px 0;width: auto;display: inherit;font-weight: 500;} #foot-n .copy .widgets-list.widgets-4 > ul > li {flex:0 0 100%} #foot-n .top .widget:nth-child(3) a:hover{filter:brightness(80%);transition: all 0.5s ease;} #foot-n .widgets-list.widgets-9 .widget div.description{text-align:left;line-height: 1.6em;font-weight: 500;} #foot-n .widgets-list.widgets-9 > div:nth-child(1){flex: 0 0 25%;} #foot-n .widgets-list.widgets-9 > div:nth-child(1) div.description{text-align: left;font-size: 1.05em;} #foot-n .widgets-list.widgets-9 > div:nth-child(2){flex: 0 0 25%;} #foot-n .widgets-list.widgets-9 > div:nth-child(2) div.description strong{color: #fff;font-size: 1.6em;font-weight: 400;} #foot-n .widgets-list.widgets-9 > div:nth-child(3){flex: 0 0 30%;text-align: right;} #foot-n .widgets-list.widgets-9 > div:nth-child(3) div.description strong{color: #fff;font-size: 1.25em;font-weight: 400;} #foot-n .widgets-list.widgets-9 > div:nth-child(4){flex: 0 0 19%;text-align: right;} #foot-n .widgets-list.widgets-9 > div:nth-child(4) a.button{padding: 11px 12px 11px;color: #fff;font-weight: 400;float: right;margin: 8px 0 0;} #foot-n .widgets-list.widgets-9 > div:nth-child(4) a:hover{color: #989a8d;} /* #foot-box */ #foot-box{background: #171717a3;color:var(--color-white);--color-secondary:var(--color-white);font-size:1.083em;position: relative;z-index: 12;} #foot-box .container{display:flex;flex-wrap:wrap;justify-content:space-between;width: 1300px;margin: 0 auto;margin-top: -100px;z-index: 12;position: relative;padding: 1em 0;} #foot-box .container .hotresSubmit button{margin: 0;font-size: 1.33em;} #foot-box .container #hotresArrivalWrap, #foot-box .container #hotresDepartureWrap{color:#6c6454} #foot-box .container #hotresAdultsSelect{font-size: 1.33em;color:#6c6454;font-weight: 500;} /* #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-repeat: no-repeat !important;position: relative;background-attachment: fixed !important;background-position: center;background-repeat: no-repeat;background-size: cover;} #foot-box-full1 .container{display:flex;flex-wrap:wrap;width: 1300px;margin: 0 auto;position: relative;padding: 10em 0;justify-content: flex-start;z-index: 2;} .kuchnia #foot-box-full1 .container{display:flex;flex-wrap:wrap;width: 1300px;margin: 0 auto;position: relative;padding: 7em 0;justify-content: flex-start;z-index: 2;} #foot-box-full1 .container p{line-height: 1.83em;font-weight: 500;font-size: 1.1em;width: 82%;text-align: justify;} #foot-box-full1 .container h4{color: #ffffff;font-weight: 400;text-align: left;font-family: "Noto Serif Georgian", serif;font-size: 1.9em;margin-bottom: 35px;} #foot-box-full1:before{content:'';position: absolute;left: 0;top: 0;transition: all 2.5s ease;background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);height: 100%;width: 100%;z-index: 1;} /* #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: #ffffff;color: #5e7380;--color-secondary:var(--color-white);} #logo-box .container{display:flex;flex-wrap:wrap;justify-content:space-between;width: 1200px;margin: 0 auto;padding: 40px 0 0px;} #logo-box .container .pages-51{margin: 40px 0;} #logo-box .container .owl-item{padding: 0;text-align: center;margin: 0 auto;} #logo-box .container .owl-carousel .owl-item img{text-align: center;margin: 0 auto;transition: all 0.5s ease;width: auto;height: 55px;cursor: pointer;max-width: 100%;object-fit: scale-down;} #logo-box .container .owl-carousel .owl-item:hover img{filter:inherit; transition: all 0.5s ease} #logo-box .container .owl-carousel .owl-stage-outer{padding: 17px 0 30px;} #logo-box .container .owl-theme.pages-51 .owl-nav{top:30%} #logo-box .container .owl-theme .owl-dots .owl-dot span{width:8px;height: 8px;} #logo-box .container .owl-carousel .owl-item .item{border: 1px solid #e5e5e5;padding: 15px 2%;margin: 0 3%;} #logo-box .container .owl-theme .owl-dots .owl-dot{background: transparent;} #logo-box .container .owl-theme .owl-dots .owl-dot.active span, #logo-box .container .owl-theme .owl-dots .owl-dot:hover span{border: 1px solid #e70e1b; background: #e70e1b;} #logo-box .owl-theme.pages-51 .owl-nav{position: absolute;right: 0;margin: 0;top:50%;width: 100%;font-size: 1.5em;transform: translateY(-50%);} #logo-box .owl-theme.pages-51 .owl-nav .owl-prev{padding: 11px 18px;border-radius: 0;margin: 0;position: absolute;left: -79px;background: transparent;font-size: 1.2em;} #logo-box .owl-theme.pages-51 .owl-nav .owl-next{padding: 11px 18px;border-radius: 0;margin: 0;position: absolute;right: -79px;background: transparent;font-size: 1.2em;} #logo-box .owl-theme.pages-51 .owl-nav span{display:none} #logo-box .owl-theme.pages-51 .owl-nav .owl-next:before{content:"\276f";color: #5e7380;font-weight: 200;transition: all 0.5s ease;} #logo-box .owl-theme.pages-51 .owl-nav .owl-prev:before{display: block;content:"\276e";color: #5e7380;font-weight:300;transition: all 0.5s ease;} #logo-box .owl-theme.pages-51 .owl-nav button:focus{outline:0;transition: all 0.5s ease} #logo-box .owl-theme.pages-51 .owl-nav button:hover{opacity:0.9;transition: all 0.5s ease;background: #fff;} #logo-box .container .title-sekcja1{padding-left: 60px;font-size: 13px;font-weight: 300;position: relative;color: rgb(0, 0, 0);float: left;width: 100%;} #logo-box .container .title-sekcja2{position: relative;color: #131313;font-weight: 600;font-size: 32px;line-height: 30px;float: left;margin: 12px 0;} #logo-box .container .title-sekcja1:before { position: absolute; content: ''; left: 0; width: 50px;height: 1px;top: 13px;background: hsla(0, 0%, 60%, 0.35);} /* #box-offers */ #box-offers{background: #b8b8b8;color:var(--color-white);--color-secondary:var(--color-white);font-size:1.083em;background-size: cover !important;background-repeat: no-repeat !important;position: relative;margin-bottom: 4em;} #box-offers .container{display:flex;flex-wrap:wrap;width: 1300px;margin: 0 auto;position: relative;padding: 4em 0 2em;justify-content: space-between;color: #464646;line-height: 1.33em;} #box-offers .container .left{width:70%;float:left} #box-offers .container .right{width: 22%;float:left;text-align: justify;color: #464646;font-size: 0.975em;line-height: 1.2em;padding-top: 149px;} #box-offers .container .right .title{color:#0059b2;font-weight: 700;font-size: 1.75em;text-align: right;margin-bottom: 20px;} #box-offers .container .right span{margin-bottom: 28px;display: block;} #box-offers .owl-theme .owl-dots{position: absolute;top: -6px;right: -315px;margin: 8px 25px 0;} #box-offers .owl-theme .owl-dots .owl-dot span{background: #0059b2;} #box-offers .owl-theme .owl-dots button{background:none} #box-offers .owl-theme .owl-dots .owl-dot.active span{background: transparent;border: 1px solid #0059b2;} #box-offers .owl-theme .owl-nav{position: absolute;top: -16px;right: -393px;} #box-offers .owl-next:before{content:"\276f";color: #fff;font-weight: 400;transition: all 0.5s ease;font-size: 1.33em;} #box-offers .owl-prev:before{display: block;content:"\276e";color: #fff;font-weight: 400;transition: all 0.5s ease;font-size: 1.33em;} #box-offers .owl-theme.pages-51 .owl-nav span{display:none} #box-offers #owl-products{float:right;width: 100%;} #box-offers .owl-theme .owl-nav [class*=owl-]{background: #464646;border-radius: 0;} #box-offers .owl-theme .owl-nav [class*=owl-]:hover{background: #0059b2;} #box-offers .pages-51 .title{background: linear-gradient(to right, rgba(64,173,48,1) 0%,rgba(100,234,0,1) 43%);moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;background-size: 300% 100%;} #box-offers .pages-51 .page:hover .title{background-position: 100% 0; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;background-image: linear-gradient(to right, rgba(64,173,48,1), rgba(100,234,0,1),rgba(64,173,48,1), rgba(100,234,0,1));} @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: 0;font-size:100%;font:inherit;vertical-align: top;} /* FORMS */ input[type="select"], 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: #fff;font-size:1rem;outline: 0;border: 1px solid #fff;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: "Abhaya Libre", 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: 50px 0 50px 50px;float: right;width: 52%;position:relative;background: #ccc;} .form-full dl{display:flex;flex-flow: row wrap;justify-content: space-between;margin: 54px 0;position: relative;z-index: 12;} .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:99%;padding: 16px;font-size:1em;outline: 0;background: transparent;color: #545352;font-family: "Abhaya Libre", serif;} .form-full .save{text-align:center;padding: 0;} .form-full .save input{padding: 1.33em 1.35em 1.25em 1.75em;text-transform:uppercase;border: 0;color: #ffffff;font-weight: 400;outline: 0;} .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: #545352; opacity: 1;} :-moz-placeholder{color: #545352; opacity: 1;} ::-moz-placeholder{color: #545352; opacity: 1;} :-ms-input-placeholder {color: #545352; opacity: 1;} .form-full:after{content:url( img/bg-form.png);position:absolute;bottom: 3%;left: 3%;z-index: 1;} .form-full:before{content:"";background: #cccccc;right: -500px;top:0;width: 500px;height:100%;position: absolute;} .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: #fff;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;color: #fff;}.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} #tabsPortfolio{clear:both;float:left;margin: 0;width: 100%;overflow: hidden;} #tabsPortfolio > ul{clear:both;display:flex;flex-flow: row wrap;justify-content: space-between;margin: 10px auto 30px;width: max-content;} #tabsPortfolio .gallery-section.ui-tabs-panel.ui-widget-content.ui-corner-bottom{display:flex;flex-flow: row wrap;justify-content: space-between;background: none;padding: 0;width: 100%;} #tabsPortfolio .ui-tabs .ui-tabs-nav{display:flex;flex-flow: row wrap;justify-content: space-between;margin: 20px 0;width: 100%;} #tabsPortfolio > ul li{flex: 0 0 auto;padding: 0;text-align: center;margin: 0;background: none;float: none;} #tabsPortfolio .ui-tabs-anchor{font-size: 1.1em;position: relative;display: inline-block;line-height: 20px;padding: 10px;text-align: center;color: #848578;margin: 0;cursor: pointer;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;font-weight: 400;} #tabsPortfolio .ui-tabs-active .ui-tabs-anchor, #tabsPortfolio .ui-tabs-anchor:hover{color: #41433b;background: transparent;} #tabsPortfolio.ui-tabs .ui-tabs-panel{background:transparent;border-color: transparent;column-width: 250px;column-gap: 15px;width: 100%;column-count: 4;} #tabsPortfolio .ui-tabs-anchor:after {content:'/';position: absolute;color: #afb1a7;font-size: 0.85em;right: -5px;font-weight: 400;top: 10px;} #tabsPortfolio li:last-child .ui-tabs-anchor:after{display:none} #tabsPortfolio .pages{background:none} #tabsPortfolio .image-box {animation: fadeInScale 1s ease forwards;overflow: hidden;break-inside: avoid;margin-bottom: 15px;} @keyframes fadeInScale { 0% { opacity: 0; transform: scale(0.6); } 100% { opacity: 1; transform: scale(1); } } .gallery-section .filter-tabs{ position:relative; margin-bottom:40px; text-align:center; } .gallery-section .filter-tabs li{ font-size: 1.1em; position:relative; display:inline-block; line-height:20px; padding:5px 10px; min-width:80px; text-align:center; color:#353535; margin:0px 5px 10px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; cursor:pointer; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; } .gallery-section .filter-tabs li:hover, .gallery-section .filter-tabs li.active{ border-color:#71b100; color:#ffffff; background:#71b100; } .gallery-section .images-container{ position:relative; } .gallery-section .image-box{ position:relative; float:left; display:none; } .gallery-section.full-width .image-box{ width:25%; } .gallery-section.boxed-style .image-box{ margin-bottom:30px; } .gallery-section .image-box { position:relative; width:100%; display:block; background:#ffffff; overflow:hidden; } .three-column .image-box , .four-column .image-box { border:2px solid rgba(0,0,0,0.60); border-radius:5px; } .gallery-section .image-box .image{ position:relative; display:block; width:100%; border: 1px solid #71b100; } .grid .image-box img{ position:relative; display:block; width:100%; height:auto; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; } .grid .image-box:hover img{ transform:scale(1.015,1.015); } .grid .image-box .zoom-btn{ position:absolute; left:0px; top:0px; width:100%; height:100%; display:block; text-align:center; font-size:42px; color: #848678; outline: 2px solid #848678; outline-offset:-20px; transform:scale(0,0); -webkit-transform:scale(0,0); -ms-transform:scale(0,0); -o-transform:scale(0,0); -moz-transform:scale(0,0); transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; } .grid .image-box .zoom-btn .icon{ position:relative; display:inline-block; line-height:50px; top:50%; margin-top:-25px; } .grid .image-box:hover .zoom-btn{ background-color:rgba(255,255,255,0.70); transform:scale(1,1); -webkit-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); -moz-transform:scale(1,1); } .grid .image-box .iconplus:before{content:'+';position: absolute;left: 0;transform: translateY(-50%);top:50%;transition: all 2.5s ease;right: 0;text-align: center;margin: auto;z-index: 11;font-size: 1.5em;font-weight: 700;color: #f7f7f7;} /* ---- grid ---- */ @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, #foot-n .container, #box-offers .container, #foot-box-full1 .container{width:95%} #head-title2 .container{width:100%} } @media screen and (max-width:1024px){ button.hamburger{display:inline-block;outline: 0;padding: 0 0 0 25px;margin-top: -10px;} #head-title2{width:100%} #foot-box .container{margin-top:0;padding: 1em 0;} .menu__link:hover, .selected > .menu__link, .selected-parent > .menu__link{color:#989a8d} .images-gallery li{flex:0 0 48%} #tabsPortfolio.ui-tabs .ui-tabs-panel{column-count: 3;} .header__menu{float:right} #box-right{flex: 0 0 auto;text-align: right;margin: 0;} #page div.content .table0 td{display:block;width: 100% !important;height:auto !important;padding:20px;margin:0} #page div.content .table0 td img{max-width:100%;height:auto} #box-right .box .tel a{margin-left: 50px;} #foot-n .widgets-list.widgets-9 > div{flex: 0 0 46% !important;text-align: left !important;margin-bottom: 25px;} #foot-n .widgets-list.widgets-9 .widget div.description p, #foot-n .widgets-list.widgets-9 > div:nth-child(4) a.button{text-align: left !important;} #foot-n .widgets-list.widgets-9 > div:nth-child(4) a.button{float:left} #box-right .box{flex-flow: row-reverse;} } @media screen and (max-width:640px){ .pages-gallery .page{flex:0 0 100%;} .images-gallery li{flex:1 0 100%;} #foot-box-full1 .container p{width:100%} #tabsPortfolio.ui-tabs .ui-tabs-panel{column-count: 2;} #tabsPortfolio.ui-tabs .ui-tabs-panel{padding: 50px 0px;} #page div.content .table1, #page div.content .table2{width: 100% !important;} #foot .widgets-list.widgets-3 > ul > li, #foot-n .widgets-list.widgets-9 > div{flex:0 0 100% !important;} #foot-n .widgets-list.widgets-9 > div{flex: 0 0 100% !important;text-align: center !important;margin-bottom: 25px;} #foot-n .widgets-list.widgets-9 > div, #foot-n .widgets-list.widgets-9 .widget div.description, #foot-n .widgets-list.widgets-9 .widget div.description p{text-align: center !important} #foot-n .widgets-list.widgets-9 > div:nth-child(4) a.button{float:none;display: inline-block;} #page div.content > h2, .form-full h2{font-size: 1.65rem;} #foot-n .copy, #foot-n .os{flex:0 0 100%;text-align:center;margin-bottom: 25px;} #foot-box-full1 .container h4{font-size: 1.45em;} #foot .widget.type-4 li{flex:0 0 33%;text-align: center;} #foot .widget.type-4 li:after{display:none} .images-2, .images-2 li{width:100%;margin: 10px auto !important;text-align:center;float: none;padding: 0 !important;} } @media screen and (max-width:639px){ #box-right{/* flex:0 0 100%; */padding: 0;} #logo{padding: 5px 0 0;} #logo #slogan, #logo #title{text-align:center} #header #social{position:absolute;top: 60px;} #box-right .box{width: 100%;justify-content: center;padding: 10px 0px 0;} button.hamburger{position:absolute;top: 63px;right: 2px;} #tabsPortfolio > ul li{flex: 0 0 48%;text-align: center;margin: 0 auto;} #tabsPortfolio > ul{width: 100%;} #tabsPortfolio .ui-tabs-anchor{width:100%} #tabsPortfolio .ui-tabs-anchor:after{display:none} } @media screen and (max-width:420px){ #logo img{width:110px} #box-right .box .tel a:before{display:none} #box-right .box .tel a{margin-left: 12px;} #flags li{padding: 2px 0 0 8px;} }