/* 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. */

/* Layout variables */
:root {
  --color-text: #000;
  --color-primary: #055B7B;
  --color-dark: #00679a;
  --color-secondary: #161616;
  --color-white: #fff;
  --color-grey: #f6f6f6;
  --color-divider: #e8eaee;
  --color-yellow: #FED537;
  --color-black: #000;
}

/* 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:'Roboto', Arial, sans-serif;font-weight: 300;}

body{padding:0;background:#fff;}

a{color:var(--color-dark);}
a:hover{color:#000;text-decoration:underline;}

.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;}

.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;}

#container{position:relative;width:100%;margin:0 auto;overflow: hidden;}
#container:after{content:"";display:table;clear:both;}
@media screen and (min-width:1280px){
  .container{width:1200px;margin: 0 auto;}
}
#body, #foot{margin:0 auto;padding:0;}

/* 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);}

.header{background: rgb(226,134,9);background: linear-gradient(0deg, rgba(226,134,9,1) 0%, rgba(253,213,59,1) 100%);}

/* LOGO, SLOGAN, MENU */
.header__navigation{display:flex;justify-content:space-between;align-items:flex-start;position:relative;align-items: center;}

#logo{padding:1rem;flex:1 1 100%;}
#logo img{height: 73px;max-width: 100%;}

/* 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; justify-content: flex-end;}
.header__menu .menu__link{display:block;padding:.6em;color:var(--color-primary);text-decoration:none;transition:all 0.5s ease;text-transform: uppercase;}
.menu__link:hover, .selected > .menu__link, .selected-parent > .menu__link{}

@media screen and (min-width:1200px){
  .header__menu{flex: 1 1 100%;}
  .header__menu li{position:relative;font-size:1.5625rem;}
  .header__menu li > .menu__link:hover, .header__menu li.selected > .menu__link, .header__menu li.selected-parent > .menu__link{background: var(--color-primary);color: var(--color-yellow);}
  .header__menu li.only-mobile{display: none;}
  button.hamburger{display:none}
}

.header__page{}
.header__page .container{position: relative;min-height: 50px;}
.header__page img{display: block;max-width: 150%;}
.header__page .description{font-size: 1.4rem;text-align: center;font-weight: 300;line-height: 100%;color: var(--color-white);position: absolute;top:2em;left:40%;text-transform: uppercase;}
.header__page .description p:first-of-type{font-weight: 600;}
.header__page .description p:last-of-type{background: var(--color-primary);padding: 5px;margin-top: 5px;}
.header__page .title{color: var(--color-white);font-weight: 600;font-size: 3rem;text-transform: uppercase;padding: 0;line-height: 0.6em;margin-top: 20px;position: absolute;bottom: 0;}
.header__page .layer{position: absolute;top: 0;}


/* SLIDER */
/* You will find slider styles in style-slider.css file */

/* BODY/CONTENT STYLES */
#body{clear:both;margin:0;}
#body:after{content:"";display:table;clear:both;}

/* PAGE */
#page{position:relative;margin:0;text-align:left;padding: 0 2.5% ;}
#page:after{content:"";display:table;clear:both;}
#page h1, .heading-1{margin: 1.5em 0 0.5em;color:var(--color-secondary);font-size:1.6rem;font-weight:300;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;}
#page div.content > p:last-child{padding-bottom: 3rem;}
.is-page-home #page h1{display: none;}


/* PAGE - BREADCRUMB (navigation path) */
.breadcrumb{margin-bottom:1.25rem;}
.breadcrumb ol{list-style:none;}
.breadcrumb li{display:inline-block;}
.breadcrumb li:not(:first-child)::before{content:"\203A";display:inline-block;padding:0 .5em;color:var(--color-text);font-weight:normal;}

/* PAGE CONTENT */
#page div.content{line-height:1.5em;font-size: 1.063rem;font-weight: 300;}
#page div.content > ul, #page div.content > ol{padding:0 0 0 2em;}
/* #page div.content > ul:after, #page div.content > ol:after{content:"";display:table;clear:both;} */ /* Uncomment if necessary */
#page div.content > ul li, #page div.content > ol li{margin:.5em 2rem;padding:0;}
#page div.content > h2, #page div.content > h3{font-size:1.5rem;line-height:2em;font-weight:300;}
#page div.content > h3{font-size:1.25rem;}
#page div.content > p{padding-bottom:0em;}
.cooperation #page div.content > p{padding-bottom:3em;}
#page > time{color:var(--color-text);opacity:.7;}
@media screen and (min-width:960px){
  #page > time{position:absolute;top:2.5rem;right:0;}
}

.is-parent-page-2 #page{display: flex;flex-wrap: wrap;}
.is-parent-page-2 #page h1{flex: 0 0 100%;order:-2;text-align: center;}
.is-parent-page-2 .product_image{text-align: center;flex: 0 0 100%;order:-1;}
.is-parent-page-2 .product_image img{max-width: 150px;}
.is-parent-page-2 #ask-about-link{flex:0 0 100%;text-align: center;}


/* IMAGES STYLES */
/* global */
#content li img:hover{opacity:0.8;}
ul[class*='images-']{list-style:none;}
ul[class*='images-'] li{margin:0 0 1rem 0;text-align:center;}
ul[class*='images-'] p{max-width:250px;margin:0 auto;color:var(--color-primary);font-size:0.875em;}
ul[class*="images-"] img{max-width:100%;}
ul[class*="images-"] img:hover{opacity:0.8;}
div.content .images-gallery{padding: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;}
.images-gallery{clear:both;display:flex;flex-flow:row wrap;justify-content:space-between;}
.images-gallery li{flex:1 0 100%;padding:.3rem 2rem;}
div.content .images-gallery{clear:none;}
@media screen and (min-width:960px){ .images-gallery li{flex:0 0 calc( 100% / 3 );} }


.images-10{height:700px;margin-top:0;width: 100vw;position: relative;margin-left: -50vw;margin-right: -50vw;left: 50%;right: 50%;z-index: 1;}
.images-10 li{height:100%;position:absolute;width:100%;}

@media screen and (min-width:960px){
.images-10{height:750px;}
}
@media screen and (min-width:1200px){
.images-10{height:900px;}
}
@media screen and (min-width:1920px){
.images-10{height:1100px;}
}
.images-12{padding-bottom: 3rem;}

.layer{position: relative;z-index: 1;height: 100%;width: 100%;background-repeat: no-repeat;background-position: center;background-size: contain;}
.layer.mobile-hide{display: none;}


@media screen and (min-width:768px){
  .layer.mobile-hide{display: block;}
  .layer.layer-mobile{display: none;}
}

/* FILES LIST STYLES */
.files-list{width:100%;margin:1rem 0 .5rem;list-style:none;}
.files-list__link{display:flex;}
.files-list__description{margin:5px 0 0 26px;color:#777;font-size:0.938em;}
/* Simple download list */
.files-list--simple{padding-left:1rem;border-left:2px solid var(--color-divider);}
.files-list--simple .files-list__link{margin-top:1rem;}

/* File type icon */
.files-list__link:before{content:'';display:inline-block;width:16px;height:20px;margin-right:10px;--sprite:-260px;background:url('img/files-ext.gif') no-repeat 0 -260px;}
.zip .files-list__link:before{background-position:0 0;}
.xml .files-list__link:before{background-position:0 -20px;}
.xls .files-list__link:before{background-position:0 -40px;}
.web .files-list__link:before{background-position:0 -60px;}
.vcf .files-list__link:before{background-position:0 -80px;}
.txt .files-list__link:before{background-position:0 -100px;}
.sys .files-list__link:before{background-position:0 -120px;}
.swf .files-list__link:before{background-position:0 -140px;}
.psd .files-list__link:before{background-position:0 -160px;}
.pps .files-list__link:before{background-position:0 -180px;}
.png .files-list__link:before{background-position:0 -200px;}
.pic .files-list__link:before{background-position:0 -220px;}
.pdf .files-list__link:before{background-position:0 -240px;}
.nn .files-list__link:before{background-position:0 -260px;}
.msg .files-list__link:before{background-position:0 -280px;}
.media .files-list__link:before{background-position:0 -300px;}
.fla .files-list__link:before{background-position:0 -320px;}
.exe .files-list__link:before{background-position:0 -340px;}
.chm .files-list__link:before{background-position:0 -360px;}
.cdr .files-list__link:before{background-position:0 -380px;}

/* SUBPAGES LIST STYLES */
/* global */
.title{padding:0.5em 0;font-size:1.25rem;color:var(--color-secondary);}
.title a{color:inherit;font-weight:300;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 2em;list-style:disc;}
.description li{padding:0;border:0;background:none;}
.description ol{list-style:decimal;}

/* standard list */
.pages-list .page{padding:1.5rem 2.5%;}
.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{flex:0 0 100%;margin:15px 0;padding:20px;text-align:center;}
.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;}
@media screen and (min-width:600px){
  .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-list.page-parent-2.pages-list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.pages-list.page-parent-2 .page{flex: 0 0 49%;display: flex; flex-flow: wrap;padding: 1.5rem 0;background: var(--color-white);position: relative;}

.offer .pages-list.page-parent-2 .page:nth-child(odd)::after{position: absolute;width: 34px;height: calc(100% - 3rem);background: url(img/ostrycienmgly.png) no-repeat 0 0;right: -34px;z-index: 99;}
.offer .pages-list.page-parent-2 .page:nth-child(1):after, .offer .pages-list.page-parent-2 .page:nth-child(2):after{display: none;}

.pages-list.page-parent-2 .image{margin: 0 auto 10px;float: none;max-width: 70%;flex: 0 0 100%;text-align: center;}
.pages-list.page-parent-2 .title{text-align: center;text-transform: uppercase;width: 100%;}
.pages-list.page-parent-2 .title a{color: var(--color-black);}
.pages-list.page-parent-2 .description{text-align: justify;color: #576266;width: 100%;margin: 0 7% 2rem;}
.pages-list.page-parent-2 .product_image{max-height: 41px;margin: 0 auto;display: block;}
.pages-list.page-parent-2 .product_image img{width: 100%;height: 100%;}
.pages-list.page-parent-2 .more{text-align: right;align-self: flex-end;margin: 0 auto;position: relative;width: 100%;}
.pages-list.page-parent-2 .more a{color: #fff;text-decoration: none;background: #245067;width: 100%;display: block;padding: 5px 5px 7px;font-size: 1rem;text-transform: lowercase;font-weight: 300;position: relative;z-index: 1;}


.pages-list.page-parent-2 .page:nth-child(1), .pages-list.page-parent-2 .page:nth-child(2){flex:0 0 100%;}
.pages-list.page-parent-2 .page:nth-child(1) .title, .pages-list.page-parent-2 .page:nth-child(2) .title{font-size: 1.813rem;}
.pages-list.page-parent-2 .page:nth-child(1) .product_image, .pages-list.page-parent-2 .page:nth-child(2) .product_image{max-height: 61px;}
.pages-list.page-parent-2 .page:nth-child(1) .more a, .pages-list.page-parent-2 .page:nth-child(2) .more a{font-size: 1.813rem;}
.pages-list.page-parent-2 .page:nth-child(1) .more, .pages-list.page-parent-2 .page:nth-child(2) .more, .widget .pages-list.page-parent-2 .page:nth-child(3) .more{width: auto;}

.pages-list.page-parent-2 .page:nth-child(1) .more:before, .pages-list.page-parent-2 .page:nth-child(2) .more:before, .widget .pages-list.page-parent-2 .page:nth-child(3) .more:before{content: '';width: 100vw;height: 1px;background: #D6D6D6;display: block;position: absolute;top:50%;left: 0vw;}
.pages-list.page-parent-2 .page:nth-child(1) .more:after, .pages-list.page-parent-2 .page:nth-child(2) .more:after, .widget .pages-list.page-parent-2 .page:nth-child(3) .more:after{content: '';width: 100vw;height: 1px;background: #D6D6D6;display: block;position: absolute;top:50%;right: 0vw;}
.pages-list.page-parent-2 .page:nth-child(1) .more a, .pages-list.page-parent-2 .page:nth-child(2) .more a, .widget .pages-list.page-parent-2 .page:nth-child(3) .more a{padding: 25px 70px;}


.pages-list.page-parent-2 .sub-4 .more a{background: #FECB33;}
.pages-list.page-parent-2 .sub-5 .more a{background: #008FC3;}
.pages-list.page-parent-2 .sub-9 .more a{background: #245067;}
.pages-list.page-parent-2 .sub-7 .more a{background: #3C708C;}
.pages-list.page-parent-2 .sub-6 .more a{background: #757575;}
.pages-list.page-parent-2 .sub-8 .more a{background: #000000;}
.pages-list.page-parent-2 .sub-24 .more a{background: #FECB33;}

.widget .pages-list.page-parent-2.pages-list{display: flex;}
.widget .pages-list.page-parent-2 .page{flex:0 0 100%;}
.widget .pages-list.page-parent-2 .page .title{font-size: 1.6em;}
.widget .pages-list.page-parent-2 .page .product_image{max-height: 100px;}
.widget .pages-list.page-parent-2 .page .more a{font-size: inherit;}

.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:var(--color-white);color:#C4C4C4;font-size:1em;padding: 40px 0 50px;border-top: 1px solid #D1D1D1;}
#foot .container{display:flex;flex-wrap:wrap;}

#powered{clear:both;width:100%;padding: 15px 0;text-align:center;color: #576266;text-transform: uppercase;font-size: 0.656rem;border-top: 1px solid #D1D1D1;}
#powered a{text-decoration: none;color: #576266;}
#powered a:hover{text-decoration: underline;}


/* PLUGINS */

#cookiesBox{padding:10px 0;text-align:center;}
#cookiesBox button {padding: 5px 5px;font-size:0.8em;font-weight:normal;color: #999;background-color: #f0f0f0;border-radius:5px;border:0}
#cookiesBox button:hover {background:#c10000;cursor:pointer;color:#FFF;}

#cc-main .cm__btn[data-role=necessary]{background: var(--cc-btn-secondary-bg) !important;border-color: var(--cc-btn-secondary-border-color) !important;color: var(--cc-btn-secondary-color) !important;}
#cc-main .cm__btn[data-role=necessary]:hover{background: var(--cc-btn-secondary-hover-bg) !important;}
.pm__header .pm__close-btn {display:none !important;}
.pm__btn-group .pm__btn[data-role=necessary]{background: var(--cc-btn-secondary-bg) !important;border-color: var(--cc-btn-secondary-border-color) !important;color: var(--cc-btn-secondary-color) !important;}
.pm__btn-group .pm__btn[data-role=necessary]:hover{background: var(--cc-btn-secondary-hover-bg) !important;}

/* NOTICES ACCEPTS */
.notices{list-style:none;clear:both;}
.notices .option, .option.notice{margin:4px 0 10px;font-size:0.875em;}
.notices .option label, .option.notice label{margin-left:4px;font-weight:normal;}

/* Custom CHECKBOX fields */
.checkbox{position:absolute;opacity:0;}
.checkbox + label{position:relative;cursor:pointer;padding:0;}
.checkbox + label:before{content:"";margin-right:.7em;display:inline-block;vertical-align:text-top;width:20px;height:20px;background:#fff;border-radius:2px;border:1px solid var(--color-primary);}
.checkbox:focus + label:before, .checkbox:hover + label:before{border-color:var(--color-primary);box-shadow:0 0 3px rgba(0,103,154,0.6);}
.checkbox:checked + label:before{background:var(--color-primary);}
.checkbox:disabled + label{color:#b8b8b8;cursor:auto;}
.checkbox:disabled + label:before{box-shadow:none;background:#ddd;}
.checkbox:checked + label:after{position:absolute;display:block;content:'';top:0.15rem;left:0.45rem;width:0.4rem;height:0.75em;transform:rotate(45deg);border-right:2px solid #fff;border-bottom:2px solid #fff;}
.checkbox.warning-required:not(:checked) + label:before{background:#fbefef;border-color:#bb4c2e;} /* required */

/* PAGES FEATURES */
.features{margin:1rem 0;color: #626F74;font-weight: 300;padding: 0 5%;}
.features .caption{font-size: 2.063rem;padding:0 0 10px 0;display: block;}
.features li{font-size: 1.125rem;}


/* PAGE MODIFICATION DATE AND AUTHOR */ 
.modify-info{clear:both;padding-top:10px;list-style:none;font-size:0.875em;}
.modify-info li{padding:5px 0;}
.modify-info .value{font-weight:normal;}

/* YOUTUBE LINKS */
.youtube{width:550px;height:413px;padding:1px;box-shadow:0 0 4px rgba(100,100,100,0.4);}
@media screen and (max-width:460px){
  .youtube{max-width:100%;height:240px;}
}

/* TAGS */
ul.tags{clear:both;display:flex;flex-wrap:wrap;align-items:center;padding:1rem 0;list-style:none;}
.tags li{display:inline-block;}
.tags a{display:inline-flex;margin:2px 5px;padding:2px 8px;border:1px solid var(--color-divider);}
.tags a:hover{color:var(--color-secondary);}
.tags .tags__head a{margin:0;padding-left:0;border:0;}
.tags .icon{width:.875rem;fill:var(--color-secondary);margin-right:.75em;}
[class|="pages"] .tags{padding:0;}

/* RELATED PAGES */
#pages-related{clear:both;}
#pages-related > h2{padding-top:1em;color:var(--color-secondary);font-size:1.25em;}

/* ASK ABOUT LINK - redirects to contact panel */
#ask-about-link a{display:inline-flex;margin:.8em 0;color:var(--color-white);font-size: 1.375rem;background: var(--color-primary);text-decoration: none;font-weight: 300;padding: 10px 15px;}
#ask-about-link a:hover{background:var(--color-black);}

/* 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:2px 4px;border:0px solid var(--color-divider);font-size:100%;font:inherit;vertical-align:baseline;}

/* FORMS */
input[type="text"], input[type="password"], input[type="file"], input[type="email"], form select, form textarea{padding:5px;border-width:1px;border-style:solid;border-color:var(--color-divider);font-family:Arial, sans-serif;font-size:1rem;border-radius:2px;font-weight: 300;}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, select:focus, textarea:focus{border-color:var(--color-dark);box-shadow:0 0 3px rgba(0,0,0,0.2);}
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;}
input[type="submit"], button[type="submit"]{padding:0.4em 0.9em;border-width:1px;border-style:solid;background:var(--color-primary);color:var(--color-white);transition:all 0.3s ease;font-size:1rem;font-weight: 300;}
input[type="submit"]:hover, input[type="submit"]:focus, button[type="submit"]:hover, button[type="submit"]:focus{background:var(--color-black);cursor:pointer;}
label{font-weight:normal;}
label span{padding-left:10px;color:#aaa;font-weight:300;font-size:.875em;}
/* forms common classes */
.form-full{clear:both;margin:25px auto 0;color: #626F74;}
.form-full dt{padding:0 0 7px;}
.form-full dd{margin-bottom:20px;}
.form-full input[type="text"], .form-full input[type="email"], .form-full input[type="password"], .form-full textarea{width:99%;padding:7px;font-size:1em;}
.form-full .save{text-align:center;width: 50%;float: right;text-align: right;}
.form-full .save input{padding:0.8em 1.5em;text-transform:uppercase;letter-spacing:1px;}
.form-full .captcha{width: 50%;float: left;}


.form-full dl{width:100%;float:left;}
.form-full dl:last-of-type{float: right;}


.captcha input[type="text"]{min-width:60px;width:6%;}
.captcha strong{font-weight:normal;}
.captcha em{font-style:normal;font-weight:normal;}
.captcha ins{padding:0 3px;font-weight:normal;text-decoration:none;}

/* 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:300;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:normal;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:normal;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:300;}
#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:normal;}
.aboutUs #logo img{filter: brightness(0) invert(1);}
.aboutUs .header{background: rgb(34,150,200);background: radial-gradient(circle, rgba(5, 216, 255, 1), rgb(43, 137, 179) 48.32%, rgba(29, 52, 67, 1));}
.aboutUs .header__menu .menu__link{color: var(--color-white)}
.aboutUs .header__page img{max-width: 100%;margin: 0;}
.aboutUs .hamburger.is-active .hamburger-inner, .aboutUs .hamburger.is-active .hamburger-inner::before, .aboutUs .hamburger.is-active .hamburger-inner::after
, .aboutUs .hamburger-inner, .aboutUs .hamburger-inner::before, .aboutUs .hamburger-inner::after{background: var(--color-white);}

@media screen and (min-width:1250px){
  #page{padding: 0;}
}

@media screen and (min-width:768px){
  .widget .pages-list.page-parent-2 .page{flex: 0 0 30%;}
  .widget .pages-list.page-parent-2 .page .product_image{max-height: 40px;}

  .pages-list.page-parent-2 .image{max-width: 100%;}
  .pages-list.page-parent-2 .more{width: 100% !important;}
  .pages-list.page-parent-2 .more:before, .pages-list.page-parent-2 .more:after{display: none !important;}
  .pages-list.page-parent-2 .more a, .pages-list.page-parent-2 .page:nth-child(1) .more a, .pages-list.page-parent-2 .page:nth-child(2) .more a, .widget .pages-list.page-parent-2 .page:nth-child(3) .more a{padding: 5px 5px 7px;}

  .header__page .description{font-size: 2.5rem;left: 60%;}
  .header__page .title{font-size: 5.625rem;}

  .pages-list.page-parent-2 .page:nth-child(1), .pages-list.page-parent-2 .page:nth-child(2){flex:0 0 49%;}
  .widget .pages-list.page-parent-2 .page:nth-child(1), .widget  .pages-list.page-parent-2 .page:nth-child(2){flex: 0 0 30%;}


  .offer .pages-list.page-parent-2 .page::after, .offer .pages-list.page-parent-2 .page:nth-child(1)::after{position: absolute;width: 34px;height: calc(100% - 3rem);background: url(img/ostrycienmgly.png) no-repeat 0 0;right: -34px;z-index: 99;display: block;}
  .offer .pages-list.page-parent-2 .page:nth-child(2)::after, .offer .pages-list.page-parent-2 .page:last-child::after{display: none;}


  .aboutUs .header__menu li > .menu__link:hover, .aboutUs .header__menu li.selected > .menu__link, .aboutUs .header__menu li.selected-parent > .menu__link {
      background: #A9D4E7;color: #19749B;}


  .pages-list.page-parent-2 .page{flex: 0 0 33%;}
   .pages-list.page-parent-2 .page:nth-child(6),    .pages-list.page-parent-2 .page:nth-child(7){flex: 0 0 49%;}

  #page div.content{padding: 0;}
  #page h1, .heading-1{margin: 2em 0 1em;font-size:2.063rem;padding: 0;}

  .form-full fieldset{padding: 0;}
  .form-full dl{width:49%;float:left;}

  .header__page .container{min-height: 91px;}

  .is-parent-page-2 #page{display: block;}
  .is-parent-page-2 #page h1{float: right; width: 35%;}
  .is-parent-page-2 #ask-about-link{float: right; width: 35%;text-align: center;margin-top: 1rem;}
  .is-parent-page-2 .images-1{float: left;width: 60%;margin: 0;}
  .is-parent-page-2 .content{clear: both;float: left;width: 45%;}
  .is-parent-page-2 .features{float: right;width: 45%;}
  .is-parent-page-2 .product_image{width: 35%;float: right;}

  .features {padding: 0;}
  .features .caption{padding-left: 20px;}

}
  @media screen and (max-width:768px){
  .header__page .container {right: 0;}
  .header__page .container div.description { width: 50%;top:10%;}
  .contact .header__page img{margin-left: -20%;}
  .pages-list.page-parent-2 .page:nth-child(7){flex: 0 0 100%;}

    p.blue{font-size:3.5em !important;}
}

@media screen and (max-width:420px){
  .offer .header__page .container div.description, .cooperation .header__page .container div.description{left: 45% !important;    top: 1em !important;}
  .widget.aboutUs.type-1{margin:2rem;}
  p.blue{font-size:2.5em !important;}
  .header__page .title{width: 100%;text-align: center;font-weight: 800;letter-spacing: -0.06em;}
  .offer .header__page .container div.description, .cooperation .header__page .container div.description, .contact .header__page .container div.description{font-size: 1rem;}
}
@media screen and (max-width:320px){
  .header__page .title{display: none;}
}

/* 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}