@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');:where(html){font-family:system-ui;line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}:where(body){margin:0}:where(h1){font-size:2em;margin-block-end:0.67em;margin-block-start:0.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(pre,code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(sub,sup){font-size:75%;line-height:0;position:relative;vertical-align:baseline}:where(sub){bottom:-0.25em}:where(sup){top:-0.5em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,optgroup,select,textarea){margin:0}:where(button,select){text-transform:none}:where(button,input:is([type="button" i],[type="reset" i],[type="submit" i])){-webkit-appearance:button}:where(legend){padding:0}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type="search" i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type="button" i],[type="color" i],[type="reset" i],[type="submit" i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type="button" i],[type="color" i],[type="reset" i],[type="submit" i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:white;border:solid;color:black;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}

header .logo-wrap{
    display: flex;
    align-items: center;
    justify-content: center;
}
#logo{
    height: 100%;
    max-height: 100px;
    width: auto;
}

#xtoppage,
.page-main{
    padding-top:var(--padding-main-top);
}
/*
.c3-doclist{margin:-12px 0 48px 0}

 */
.c3-doclist-list-item{
    padding-bottom:1rem;
}
.c3-doclist-list-item-title{display:block}
.c3-doclist-list-item-fsize{color:#999999;font-size:0.75em}
/*
.c3-imggallery{display:grid;grid-gap:12px;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;margin:12px 0}
.c3-imggallery-item-in:before{content:'';display:block;height:0;padding-top:100%;width:100%}

 */
.c3-imggallery-item{grid-area:span 1 / span 1}
.c3-imggallery-item-in{position:relative;width:100%}

.c3-imggallery-item a, .c3-imggallery-item a:visited{
    background-color:#F8F8F8;border:none;
    /*
    display:grid;grid-template:1fr auto / 1fr;

     */

    height:100%;left:0;overflow:hidden;position:absolute;text-decoration:none;top:0;
    transition:background-color 0.5s ease-in-out;width:100%;

    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 280px;
}

.c3-imggallery-item img{display:block;grid-area:1 / 1 / -1 / -1;min-height:100%;min-width:100%;overflow:hidden;place-self:center;position:relative;transform:scale(1);transition:transform 0.5s ease-in-out}
.c3-imggallery-image-portrait{height:auto;width:100%}
.c3-imggallery-image-landscape{height:100%;width:auto}
.c3-imggallery-item a span, .c3-imggallery-item a:visited .span{color:var(--white);grid-area:2 / 1 / -1 / -1;opacity:0;overflow:hidden;padding:16px 4px;place-self:center end;text-align:center;transform:scaleY(0);transition:transform 0.5s ease-in-out,opacity 0.5s step-start;width:100%;z-index:1}
.c3-imggallery-item a span::before{background:#000000;content:'';display:block;height:100%;left:0;opacity:0.33333;position:absolute;top:0;width:100%;z-index:-1}
.c3-section-gx160-center{font-size:0;margin:24px 0;padding:0;text-align:center;width:100%}
.c3-section-gx160-center .c3-image-align-none{display:inline-block;font-size:1em;margin:0;padding:0;width:50%}
.c3-section-gx160-center .c3-image-align-none a{display:block;width:100%}
.c3-section-gx160-center .c3-image-align-none img{height:auto;width:100%}
.c3-section-gx320-center{font-size:0;margin:24px 0;padding:0;text-align:center;width:100%}
.c3-section-gx320-center .c3-image-align-none{display:inline-block;font-size:1em;margin:0;padding:0;width:100%}
.c3-section-gx320-center .c3-image-align-none a{display:block;width:100%}
.c3-section-gx320-center .c3-image-align-none img{height:auto;width:100%}
.c3-section-gx480-center{font-size:0;margin:24px 0;padding:0;text-align:center;width:100%}
.c3-section-gx480-center .c3-image-align-none{display:inline-block;font-size:1em;margin:0;padding:0;width:100%}
.c3-section-gx480-center .c3-image-align-none a{display:block;width:100%}
.c3-section-gx480-center .c3-image-align-none img{height:auto;width:100%}
.c3-section-gx640-center{font-size:0;margin:24px 0;padding:0;text-align:center;width:100%}
.c3-section-gx640-center .c3-image-align-none{display:inline-block;font-size:1em;margin:0;padding:0;width:100%}
.c3-section-gx640-center .c3-image-align-none a{display:block;width:100%}
.c3-section-gx640-center .c3-image-align-none img{height:auto;width:100%}
.c3-section-gxf-center{font-size:0;margin:24px 0;padding:0;text-align:center;width:100%}
.c3-section-gxf-center .c3-image-align-none{display:inline-block;font-size:1em;margin:0;padding:0;width:100%}
.c3-section-gxf-center .c3-image-align-none a{display:block;width:100%}
.c3-section-gxf-center .c3-image-align-none img{height:auto;width:100%}
.c3-module-imgdir{display:grid;grid-gap:12px;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;margin:12px 0;margin-bottom:40px}
.c3-module-imgdir-item{grid-area:span 1 / span 1}
.c3-module-imgdir-item-in{position:relative;width:100%}
.c3-module-imgdir-item-in:before{content:'';display:block;height:0;padding-top:100%;width:100%}
.c3-module-imgdir-item a, .c3-module-imgdir-item a:visited{background-color:#F8F8F8;border:none;display:grid;grid-template:1fr auto / 1fr;height:100%;left:0;overflow:hidden;position:absolute;text-decoration:none;top:0;transition:background-color 0.5s ease-in-out;width:100%}
.c3-module-imgdir-item img{display:block;grid-area:1 / 1 / -1 / -1;min-height:100%;min-width:100%;overflow:hidden;place-self:center;position:relative;transform:scale(1);transition:transform 0.5s ease-in-out}
.c3-module-imgdir-image-portrait{height:auto;width:100%}
.c3-module-imgdir-image-landscape{height:100%;width:auto}
.c3-module-imgdir-item a span, .c3-module-imgdir-item a:visited .span{color:var(--white);grid-area:2 / 1 / -1 / -1;opacity:0;overflow:hidden;padding:16px 0;place-self:center end;text-align:center;transform:scaleY(0);transition:transform 0.5s ease-in-out,opacity 0.5s step-start;width:100%;z-index:1}
.c3-module-imgdir-item a span::before{background:#000000;content:'';display:block;height:100%;left:0;opacity:0.33333;position:absolute;top:0;width:100%;z-index:-1}
.c3-splist-gallery{
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(4,1fr);
    margin: 2rem 0;
}

/*
.c3-splist-gallery-item{background:var(--white);border-radius:8px;box-shadow:var(--box-shadow);grid-area:span 1 / span 1;margin:0;overflow:hidden;padding:0}
.c3-splist-gallery-item-in{margin:0;padding:0 0 16px 0;position:relative;width:100%}
.c3-splist-gallery-item h2{display:none}
.c3-splist-gallery-item a, .c3-splist-gallery-item a:visited{border:none;display:grid;grid-template:1fr 64px auto / 1fr;height:100%;margin:0;padding:0;text-decoration:none;width:100%}
.c3-splist-gallery-item a strong .c3-splist-gallery-item-title{color:#000000;display:block}
.c3-splist-gallery-item a strong{display:block;font-size:1.25em;grid-area:2 / 1 / 3 / -1;margin:0;padding:12px 0;place-self:start center;text-align:center;width:100%}
.c3-splist-gallery-item-text{color:#666666;display:block;font-size:0.9375em;margin:0;min-height:6em;padding:0 12px;text-align:center;width:auto}
.c3-splist-gallery-item-image{aspect-ratio:1 / 1;border-radius:8px;display:grid;grid-area:1 / 1 / 2 / -1;grid-template:1fr / 1fr;height:auto;overflow:hidden;width:100%}
.c3-splist-gallery-item-title{text-decoration:none}
.c3-splist-gallery-item a .c3-splist-gallery-item-image img,
.c3-splist-gallery-item a:visited .c3-splist-gallery-item-image img{
    grid-area:1 / 1 / -1 / -1;height:100%;min-height:100%;min-width:100%;place-self:center;transform:scale(1);transition:transform 0.5s ease-in-out,filter 0.5s ease-in-out;width:auto;
}
.c3-splist-gallery-item-link .c3-splist-gallery-item-title2, .c3-splist-gallery-item-link:visited .c3-splist-gallery-item-title2{color:#666666}

 */


.c3-splist-list{margin:0;padding:0}
.c3-splist-list ul{margin:0;padding:0}
.c3-splist-list-item{margin:0 0 0 20px;padding:0 0 6px 4px}
.c3-splist-list-item-title{font-size:1.1em;margin:0;padding:0 0 8px 0}
.c3-splist-list-item-title a{text-decoration:none}
.c3-splist-list-item-text{margin:0;padding:0 0 18px 0}
.c3-page table{background:#f2f2f2;border-collapse:collapse;margin:0 0 36px 0;padding:0;width:100%}
.c3-page table th, .c3-page table td{border-bottom:1px solid #999999;font-size:0.9em;padding:4px 8px;text-align:left}
.c3-page table th.table-align-right, .c3-page table td.table-align-right{text-align:right}
.c3-page table th.table-align-left, .c3-page table td.table-align-left{text-align:left}
.c3-page table th.table-align-center, .c3-page table td.table-align-center{text-align:center}
.c3-page table th.table-nowrap, .c3-page table td.table-nowrap{white-space:nowrap}
.c3-page table th{background:#cccccc;color:#ffffff;font-weight:normal}
.c3-page h5.theader{margin-bottom:0}
.c3-page h5.theader a{color:#666666}
.c3-page .table-heading{font-weight:normal;margin:24px 0 8px 0;text-transform:uppercase}
/*
.c3-image{border-radius:8px;display:grid;height:auto;margin:0 0 24px 0;overflow:hidden;position:relative;width:100%}
.c3-image a{display:block;overflow:hidden;place-self:center}
.c3-image-img{display:block;height:auto;width:100%}
 */

.c3blog{display:grid;grid-gap:12px;grid-template-columns:repeat(1,1fr);grid-template-rows:auto;margin:12px 0}
.c3blog-post{background:var(--white);border-radius:8px;box-shadow:var(--box-shadow);grid-area:span 1 / span 1;margin:0;overflow:hidden;padding:0}
.c3blog-post-in{margin:0;padding:0 0 16px 0;position:relative;width:100%}
.c3blog-post h2{display:none}
.c3blog-post a, .c3blog-post a:visited{border:none;display:grid;grid-template:1fr 64px auto / 1fr;height:100%;margin:0;padding:0;text-decoration:none;width:100%}
.c3blog-post-title{text-decoration:none}
.c3blog-post-image{aspect-ratio:1 / 1;border-radius:8px;display:grid;grid-area:1 / 1 / 2 / -1;grid-template:1fr / 1fr;height:auto;overflow:hidden;width:100%}
.c3blog-post a .c3blog-post-image img, .c3blog-post a:visited .c3blog-post-image img{grid-area:1 / 1 / -1 / -1;height:100%;min-height:100%;min-width:100%;place-self:center;transform:scale(1);transition:transform 0.5s ease-in-out,filter 0.5s ease-in-out;width:auto}
.c3blog-post a strong{display:block;font-size:1em;grid-area:2 / 1 / 3 / -1;margin:0;padding:12px 0;place-self:start center;text-align:left;width:100%}
.c3blog-post a strong span{color:#000000;display:inline-block}
.c3blog-post-text{color:#666666;display:block;font-size:0.9375em;margin:0;min-height:6em;padding:12px 12px 0 12px;text-align:left;width:auto}
.c3blog-post-link .c3blog-post-title2, .c3blog-post-link:visited .c3blog-post-title2{color:#666666}
.c3blog-post-date{color:#999999;display:block;font-size:0.875em;padding:12px 0 0 0;text-align:left}
.c3blog-post-category{background:var(--white);border-bottom-left-radius:8px;color:var(--gray);font-size:0.875em;font-weight:bold;grid-area:1 / 1 / 2 / -1;padding:8px 12px;place-self:start end;text-transform:uppercase;z-index:2}
.c3blog-pagination{border-top:1px solid var(--gray);margin:0;overflow:auto;padding:16px 0 0 0;_height:1%;_overflow:visible}
.c3blog-pagination a, .c3blog-pagination a:visited{background-color:#ffffff;border:1px solid #F0F0F0;color:#666666;display:inline-block;height:32px;line-height:32px;margin:0 16px 16px 0;position:relative;text-align:center;text-decoration:none;width:32px}
.c3blog-pagination a.c3blog-pagination-act, .c3blog-pagination a.c3blog-pagination-act:visited{background-color:#F0F0F0}
.c3blog-tags{margin:0;overflow:auto;padding:16px 0 0 0;text-align:left;_height:1%;_overflow:visible}
.c3blog-tags a, .c3blog-tags a:visited{background-color:#ffffff;border:1px solid #F0F0F0;color:#666666;display:inline-block;height:32px;line-height:32px;margin:0 16px 16px 0;padding:0 12px;position:relative;text-align:center;text-decoration:none;width:auto}
.c3blog-tags a.c3blog-tags-act, .c3blog-pagination a.c3blog-tags-act:visited{background-color:#F0F0F0}
.c3blog-page .c3blog-post-date{color:#999999;display:block;font-size:0.875em;padding:12px 0 0 0;text-align:left}
.form{background:var(--white);border-radius:16px;font-size:1em;
    margin: 1rem 0 0 0;
    padding:4px 12px;width:auto;
}
.form-in{
    display:flex;
    flex-wrap:wrap;
    margin:0;
    overflow:auto;
}
.form-row{position:relative;width:100%}
.form-label{display:block;width:auto}
.form-control{display:flex;}
.form-info{background:#E5E5E5;border-radius:6px;color:#666666;margin:4px 0 12px 0;padding:12px}
.form-info-ok{color:#009900;font-weight:bold}
.form-info-error{color:#cc0000;font-weight:bold}
.form-reqx .formt-text,
.form-reqx form-textarea{border-left:2px solid #808080}
.form-req .form-label:before, .form-reqx .form-label:before{color:#cc0000;content:'*';font-size:1em;font-weight:bold;left:-8px;line-height:0;position:absolute;top:10px}
.form-reqx .form-label:before{color:#cc0000}




select{background:#FFFFFF;border:1px solid #cccccc;color:#000000}
.form-text,
.form-file{
    background:#ffffff;
    border-bottom:1px solid #cccccc;
    margin:2px 0;
    padding:2px;
}
.form-text-right{text-align:right}
.form-checkbox{background:#ffffff;border:1px solid #cccccc;margin:0;padding:0 2px}
.form-button{background-color:var(--red);border:none;border-radius:8px;color:var(--white);cursor:pointer;font-size:1em;margin:2px 0;margin-top:0px;padding:6px 24px;transition:background-color 0.3s ease-in-out}
.form-button:focus{background-color:var(--red);color:#FFFFFF;transition:background-color 0.3s ease-in-out}
#form-search{padding:16px}
#form-search .form-in{padding:0 2px 0 0}
#form-search .form-label{}
#form-search .form-control{margin:0 4px 2px 0}
#form-search .form-w100{width:100%}
a{background-color:transparent;color:var(--red);transition:var(--transition);-webkit-text-decoration-skip:objects}
a:hover{
    color:var(--red);
    text-decoration: none;
}
article,aside,footer,header,nav,section,figcaption,figure,blockquote,main,details,menu,picture,video{box-sizing:border-box;display:block;margin:0;padding:0}
template,[hidden]{display:none}
audio,video,canvas{display:inline-block}
audio:not([controls]){display:none;height:0}
svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{
    margin:0;
    font-family: inherit;
}
button,input{overflow:visible}
button,select{text-transform:none}
button,html[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:0.35em 0.75em 0.625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{outline-offset:-2px;-webkit-appearance:textfield}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
body,html,div,img,svg,figure,form,iframe{border:0px;border-style:none;box-sizing:border-box;margin:0px;padding:0px}
ul,ol,li,a,span{box-sizing:border-box}
div{max-height:9999999px;position:relative}
main,footer,header,section{width:100%}
body{min-height:101vh}
.form,.form_submit,div{box-sizing:border-box;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}
img, picture{display:block;height:auto;max-width:100%}

iframe{
    border-radius:10px;
    max-width:100%;
    background: var(--gray-light);
}

a,.form_submit{cursor:pointer}
html{
    scroll-behavior:smooth;
    scroll-padding-top: calc(var(--padding-main-top) + 90px);
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:inherit;text-decoration:none}
:root{
    --black:#1a1a1a;
    --black-rgb:26,26,26;
    --font-fancy:"Lora",serif;
    --font-normal:"Roboto",sans-serif;
    --gray:#f0f0f0;
    --gray-light:#f7f7f7;
    --gray-dark:#a4a4a4;
    --padding-main-top:156px;
    --offset-16:0.889rem;--offset-30:1.667rem;--offset-36:2rem;--offset-54:3rem;--offset-72:4rem;--offset-90:5rem;

    --red:#A40808;
    --box-shadow:0 2px 10px rgba(0,0,0,0.15);
    --transition:.3s background-color ease-in-out,.3s color ease-in-out,.3s border-color ease-in-out;

    --white:#ffffff;
    --white-rgb:255,255,255;
}
body,html{background-color:var(--black);color:var(--black);font-family:var(--font-normal);font-size:18px;line-height:1.5}
footer{
    color:var(--white);
}

.footer01-in{
    background-color:var(--black);
    padding-top: 3rem;
}
.footer01-in-cform{
    color: var(--black);
    background-color: var(--white);

    display: flex;
}
.footer01-in-cform p{
    color: var(--black);
    margin: 1.5rem 0;
}


.footer-img{
    position: absolute;
    left: 0;
    top: 0;
}

footer .logo-wrap img{
    max-height: 140px;
    width: auto;
}

.footer-sections-in{display:grid;gap:2rem;grid-template-columns:repeat(4,1fr)}
.footer-sections-in h2{
    margin-top: 0px;
    margin-bottom: 1rem;
    font-size: 1.5rem;
}
.footer-text{font-size:var(--offset-16);padding:1rem 0}
#footer01{
    padding-bottom: 5rem;
}
#footer02{border-top:1px solid rgba(var(--white-rgb),0.5)}
.bcnav{color:var(--black);font-size:var(--offset-16);margin:3rem 0 1rem 0}
.bcnav span{color:rgba(var(--black-rgb),0.25)}
.bcnav .marker{color:var(--black)}
.bcnav a,.bcnav a:visited{color:var(--black)}
header{background-color:transparent;border-bottom:1px solid transparent;height:var(--padding-main-top);position:fixed;top:0px;transition:var(--transition);z-index:1000}
header .container{height:100%}
header.scrolled{background-color:var(--white);border-bottom-color:rgba(var(--black-rgb),0.1)}
.header-in{
    display:flex;
    flex-wrap:wrap;
    height:100%;
}
.footer01 .footer-in{display:flex;gap:50px}
.footer01 .footer-in-img{display:flex;width:calc(50% - 25px)}
.footer01 .footer-in img{object-fit:cover}
.cform-container{padding:var(--offset-90) 1.111rem;width:calc(50% - 25px)}

.cform{
    background-color: var(--white);
    margin-left:auto;
    max-width:600px;
    border-radius: 10px;
    padding: var(--offset-72) var(--offset-54);
}
.cform-title{
    margin-top:0;
}

.cform-wrap .cform{
    box-shadow: var(--box-shadow);
}
.cform-wrap .cform-title{
    font-size: 2rem;
    margin: 0;
}

.cform-text{
    margin-top: 1rem;
}

.cform-gdpr{
    width: 220px;
    position: absolute;
    bottom: 0;
    font-size: 0.85rem;
    margin-top: var(--offset-36);
    margin-bottom: 0px;
    bottom: 9px;
    line-height: 1.3;
}



.socials-wrap{
    display: flex;
    gap: 1rem;
}

input{
    margin:0;
    overflow:visible;
}
textarea{
    max-width:100%;
    min-height:54px;
    letter-spacing: 0.01rem;

    overflow:auto;
}
input,
textarea{
    border:none;
    border-bottom:1px solid rgba(var(--black-rgb),0.15);
    color:var(--black);
    background:var(--white);
    padding: 10px;
    transition:.3s border-bottom-color ease-in-out, .3s background-color ease-in-out;
    border-radius: 0px;

    border-top-left-radius: 3px;
    border-top-right-radius: 3px;

    font-size: 18px;
    line-height: 1.2;
}
input:focus,
textarea:focus{
    background-color: var(--gray-light);
    border-bottom-color:var(--red);
    outline:none;
}
label{font-size:0.889rem}
#form-contacts{clear:both;padding:0}
#form-contacts .form-w100{width:100%}
.js-formlabels-input{
    margin-top:28px;
}
.js-formlabels-label{
    color:#666666;left:2px;padding:0 8px 0 4px;position:absolute;
    top:36px;
    transition:top 0.3s,font-size 0.3s;
    pointer-events: none;
}
.js-formlabels-label-min{
    color:#999999;
    font-size:0.875em;
    top: 2px;
}
.form-req .js-formlabels-label::after,.form-reqx .js-formlabels-label::after{color:var(--gray);content:'*';font-size:1em;font-weight:bold;left:4px;line-height:0;position:relative}
.footer02{background-color:var(--black);color:rgba(255,255,255,0.5);padding-top:2rem}
.footer02 .title{color:var(--white);font-size:1.222rem;margin-top:1rem}
.footer02-in{display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:4.5rem}
.footer02-in p:last-child{margin-bottom:0}
.footer02-bottom{border-top:1px solid rgba(255,255,255,0.5);padding:1rem 0}
.footer02-bottom-in{display:flex;font-size:0.889rem}
.vasourek{margin-left:auto}
.container{margin:0 auto;max-width:1140px;padding:0 20px;width:100%}
.container.wide{max-width:1400px}


.main{
    align-items:center;display:flex;
    min-height:80vh;
    margin:0;
    overflow:hidden;
}
.main .container{
    height: 100%;
}
.main img{border-radius:unset;height:100%;object-fit:cover;width:100%}
.main-perex{font-size:2rem}
.main-perex-snd{font-size:1.5rem}
.main-perex-snd span{font-size:2rem;font-weight:700}
.main-img-wrap{
    align-items:center;display:flex;height:100%;justify-content:center;left:0;
    overflow:hidden;position:absolute;top:0;width:100%;
}
.main-img-wrap::before{background:linear-gradient(120deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0.75) 50%,rgba(255,255,255,0) 100%);content:'';display:block;height:100%;left:0;position:absolute;top:0;width:100%}
.main-img{background-color:var(--red);object-fit:cover;width:100%}
.main-text{
    color:var(--black);max-width:800px;position:relative;z-index:1;
    padding-top: calc(var(--padding-main-top) + 36px);
    padding-bottom: var(--offset-72);
}
.main-text .title{color:var(--red)}


.main .btn-wrap{
    width: fit-content;
    justify-content: flex-start;
    gap: 2rem;
    row-gap: 1rem;
}
.btn.main-btn{
    font-size:1.5rem;
    margin:0;
    padding: 1rem 3rem;
    width: 100%;
    text-align: center;
    justify-content: center;

    text-wrap: nowrap;
}

.menu-wrap{align-items:center;display:flex;flex:1 1;width:100%}
.upper-menu{align-items:center;border-bottom:1px solid rgba(var(--black-rgb),0.1);display:flex;gap:2rem;margin-left:auto;
    transition:var(--transition);width:100%;
}
.upper-menu a{color:var(--black);font-size:var(--offset-16);font-weight:400;position:relative;text-decoration:none;transition:var(--transition)}
.upper-menu a:first-child{margin-left:auto}
.upper-menu a:first-child::after{background:rgba(var(--black-rgb),0.25);content:'';display:block;height:100%;position:absolute;right:-1rem;top:0;width:1px}
#menu{
    align-items:center;
    display:flex;
    gap:var(--offset-30);
    margin:0;
    margin-left:auto;
    padding:0;
}
#menu li{list-style:none;position:relative}
#menu li a,#menu li span{color:var(--black);font-size:var(--offset-16);font-weight:400;padding:0.5rem 0.25rem 1rem 0.25rem;text-decoration:none;text-transform:uppercase;transition:var(--transition)}
#menu li a::after,#menu li span::after{background:rgba(var(--black-rgb),0.25);content:'';display:block;height:1px;margin-top:0.5rem;position:absolute;transition:.3s background ease-in-out;width:100%}
#menu li a.btn::after{display:none}
#menu li .btn{color:var(--white);font-weight:700;padding:var(--offset-16) 1.333rem}
#menu .cta-btn::after{display:none}
#small_menu{display:none}

.btn,
.form-button{
    background-color:var(--red);
    border:1px solid var(--red);
    border-radius:50px;
    color:var(--white);
    cursor:pointer;
    display:flex;font-size:1.111rem;font-weight:700;height:fit-content;margin-top:var(--offset-54);padding:0.889rem 1.778rem;text-decoration:none;transition:var(--transition);
    width:fit-content;
}
#frm-csend{
    margin-left: auto;
}
.btn.center{
    margin:var(--offset-54) auto 0 auto;
}
.cta-btn .btn{margin:0}
.btn-snd{background-color:var(--white);border:1px solid var(--red);color:var(--red)}
.btn-third{background-color:transparent;border:1px solid var(--red);color:var(--red)}

h1,h2,h3,h4,h5,h6{font-family:var(--font-fancy);font-weight:400;line-height:1.2}

h1{
    font-size:4rem;
}
h2{
    font-size: 2.667rem;
    margin-top: 4rem;
    margin-bottom: 2rem;
}
h3{
    font-size:2rem;
    margin-top: 3rem;
    margin-bottom:1.5rem;
}
h4{font-size:1.5rem;
    margin-top: 3rem;
    margin-bottom:1.5rem;
}
h5{font-size:1.333rem;
    margin-top: 3rem;
    margin-bottom:1.5rem;
}
h6{font-size:1.111rem;
    margin-top: 3rem;
    margin-bottom:1.5rem;
}

section{margin:var(--offset-90) 0;position:relative;z-index:1}
section:last-child{margin-bottom:0}
section .title:first-child{margin-top:0}
section.side-bg{padding:var(--offset-90) 0}
section img{border-radius:10px}

.side-bg::after,
.contact::after {
    content:'';
    background-color:var(--red);
    display:none;
    height:100%;
    max-width:22vw;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1;
}

.contact::after {
    display:block;
    z-index: unset;
    right: 0;
    border-bottom-left-radius:10px;
    border-top-left-radius:10px;
    top: var(--padding-main-top);
    height: calc(100% - var(--padding-main-top));
}

.side-bg:nth-of-type(odd)::after{border-bottom-left-radius:10px;border-top-left-radius:10px;display:block;right:0}
.side-bg:nth-of-type(even)::after{border-bottom-right-radius:10px;border-top-right-radius:10px;display:block;left:0}
.store .text{padding:var(--offset-90) 0;width:calc(50% - 36px)}
.store .text .title{margin-top:0}


.references .title{text-align:center}
.references .submenu .title{
    text-align: left;
}
.ref-wrap{background:url("/gfx/img/dvere-dolni-nemci.jpg") no-repeat center;color:var(--white);padding:1rem}
.ref-wrap::before{background:rgba(0,0,0,0.4);content:'';display:block;height:100%;left:0;position:absolute;top:0;width:100%}
.ref-wrap .date,.ref-wrap .place{color:rgba(255,255,255,0.5);display:flex;font-size:0.778rem;gap:6px;margin:0.5rem 0}
.ref-wrap .text .title{border-bottom:1px solid rgba(255,255,255,0.25);margin-bottom:0px;margin-top:2.5rem;padding-bottom:0.5rem;text-align:left}
.ref-text{padding-top:1rem}
.ref-wrap .btn{
    margin-left:auto;
    color: var(--white);
    border-color: var(--white);
}
.ref-wrap .text{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.btn-wrap{
    align-items:center;
    display:flex;
    justify-content:center;
    margin-top:3rem;

    gap: 2rem;
}

.ref-wrap .btn-wrap{
    margin-top: auto;
}




.c3-imggallery{
    display:grid;
    column-gap: 1rem;
    row-gap: 2rem;
    grid-template-columns:repeat(4,1fr);
    grid-template-rows:auto;
    margin: 2rem 0;
}
.c3-imggallery-item img{
    object-fit: cover;
    top: 0px !important;
}



.c3-btn-wrap.btn-wrap{
    margin-top: 4rem;
    justify-content: unset;
    gap: 2rem;
    row-gap: 1rem;
}
.c3-btn-wrap.btn-wrap .btn{
    width: fit-content;
}

.c3-image{
    display: flex;
    overflow: hidden;

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.c3-image::before{
    content: '';
    background: #ffffff;
    background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0) 100%);

    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.c3-image a{
    width: 100%;
    height: auto;
}
.c3-image img{
    width: 100%;
    object-fit: cover;
}

.c3-pagetitle{
    color: var(--red);
}
h1.c3-pagetitle{
    margin: 1rem 0 2rem 0;
}
.c3-pagedesc{
    margin: 1rem 0 4rem 0;
}
.c3-pagedesc p{
    margin: 0;
    font-size: 1.5rem;
}

.page-main{
    display: flex;
    flex-direction: column;
    max-height: 80vh;
    height: 100%;
    overflow: hidden;
    padding-bottom: var(--padding-main-top);
}

.main .page-main{
    position: absolute;
    width: 100%;
}

.main.no-img{
    min-height: unset;
}
.section-temp-3:first-of-type{
    margin-top: 0px;
}

#submenu,
.submenu{
    display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin:2rem 0;
}
.submenu .c3-splist-gallery-item-link{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.submenu-list{background-color:var(--white);border-radius:10px;box-shadow:var(--box-shadow);display:flex;flex-direction:column;min-height:300px;overflow:hidden;text-align:left}
.submenu-list img{
    border-radius:0px;
    /*
    height:100%;
    width:100%;

     */
    max-height:146px;
    object-fit:cover;
    width: 100%;
    transition: transform .3s ease-in-out;
}

.brands .submenu-list img,
.id_page_3 .submenu-list img{
    width: fit-content;
}

.submenu-list .c3-splist-gallery-item-link:hover img {
    transform: scale(1.1);
}

.submenu-list .title a:hover{
    color: var(--red);
}

.submenu-list-in{
    padding:1rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.submenu-list .page_perex{
    font-size:0.889rem;
    margin:0;
}

.submenu-list .btn-wrap,
.c3-splist-gallery-item .btn-wrap{
    margin-top: auto;
}

.submenu-list .btn{
    font-size:0.889rem;
    margin-left:auto;
    margin-right:0px;
    margin-top:3rem;
    padding:0.778rem 1rem;
}
.submenu-list .title,
.c3-splist-gallery-item .title{
    font-size:1.5rem;
    font-weight:400;
    margin-bottom:1rem;

    margin-top: unset;
}
.submenu-list .title a{
    text-decoration: none;
}

.submenu-list-text{z-index:1}

.submenu-list .img-wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 146px;
    overflow: hidden;
    border-bottom: 1px solid var(--gray);
}

.services{text-align:center}
.blocks-wrap{counter-reset:num;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr)}
.block{border-left:1px solid rgba(var(--black-rgb),0.25);padding-left:2rem}
.block span{color:var(--red);font-weight:600}
.block::before{content:"0" counter(num);counter-increment:num;font-size:var(--offset-16);line-height:1;position:absolute;top:0}
.block .title{
    padding-top:calc(3rem + 16px);
    font-size: 2rem;
}
.flex-wrap{display:flex;flex-wrap:wrap;gap:var(--offset-72)}
.flex-wrap-in{width:calc(50% - calc(var(--offset-72) / 2))}
.faq{margin:var(--offset-90) 0}
.faq .title{text-align:center}
.faq-item{border-bottom:1px solid var(--gray);padding:1rem}
.faq-item:first-child{border-top:1px solid var(--gray)}
.faq-title h3{margin:0}
.articles{text-align:center}
.brands{text-align:center}
.contact{
    position:relative;
    padding-bottom: var(--offset-90);
}

.contact-content{
    z-index: 1;
}

.contact-wrap{
    display:flex;
    gap: var(--offset-36);
    margin-top: var(--offset-54);
    position: relative;
}
.cform-wrap{
    position: sticky;
    top: var(--padding-main-top);
    height: fit-content;
}
.contact-wrap-in {
    width:calc(50% - 18px);
}
.contact-wrap-in .subhead:first-child{
    margin-top: 0px;
}
.contact-wrap-block{border-left:1px solid rgba(var(--black-rgb),0.25);margin-bottom:var(--offset-36);padding:1rem 0 1rem var(--offset-36)}
.contact-wrap-block h2{color:var(--red);font-size:var(--offset-36);margin:0;margin-bottom:1rem}
.subhead{
    display:block;margin:var(--offset-54) 0 1rem 0;
    font-family: var(--font-fancy);
}
#gmap{display:flex}
#gmap iframe{
    width:100%;
    height: 600px;
}
#pagecontent{padding-bottom:5rem}
.phone,.email{align-items:center;display:flex;gap:calc(1rem / 2)}
.phone::before,.email::before{content:'';display:block;height:18px;width:18px}
.phone::before{background:url("/gfx/img/svg/phone-black.svg") no-repeat center;background-size:contain}
.email::before{background:url("/gfx/img/svg/email-black.svg") no-repeat center;background-size:contain}
#form-feedback{margin:0;padding:0}
#form-feedback .form-label{}
#form-feedback .form-control{margin:0 4px 2px 0}
#form-feedback .form-w100{width:100%}
.feedback-preview-form{padding:0 0 40px 0}
#feedback{max-height:0;overflow:hidden;transition:max-height 0.3s}
#feedback:target{max-height:1024px}
.form-cfform-button-send{background-color:var(--red);color:var(--white);font-weight:600;text-transform:uppercase}
#feedback-preview{background:var(--white);border-radius:16px;padding:32px}
#feedback-preview-img{border:1px solid var(--black);display:inline-block}
#feedback-preview-img img{display:block;height:auto;max-width:100%}
.feedback-preview-info{color:var(--gray);font-size:0.875em;margin:0;padding:0 0 2em 0}
.feeback-add{}
.feeback-add a, .feeback-add a:visited{background:var(--red);border-radius:8px;color:var(--white);padding:8px 16px;position:relative;text-decoration:none}
.feeback-add a::before{background:var(--white);content:'';display:block;height:100%;left:0;opacity:0.5;overflow:hidden;position:absolute;top:0;transform:scaleX(0);transition:opacity 0.5s,transform 0.5s;visibility:hidden;width:100%}
.feeback-ok{background:var(--red);border-radius:16px;color:var(--white);padding:32px}
.cf-pagination{border-top:1px solid var(--red);overflow:auto;padding:16px 0 0 0;; margin:0;_height:1%;_overflow:visible}
.cf-pagination a, .cf-pagination a:visited{background-color:var(--white);border:2px solid var(--red);border-radius:50%;color:var(--red);display:inline-block;height:32px;line-height:32px;margin:0 16px 16px 0;position:relative;text-align:center;text-decoration:none;width:32px}
.cf-pagination a.cf-pagination-act, .cf-pagination a.cf-pagination-act:visited{background:var(--red);border:2px solid var(--red);color:var(--white)}
.cf-pagination a::before{background:#ffffff;content:'';display:block;height:100%;left:50%;opacity:0.33;overflow:hidden;position:absolute;top:0;transform:none;visibility:hidden;width:0}
#cf{display:grid;grid-auto-rows:min-content;grid-gap:12px;grid-template-columns:repeat(1,1fr);margin:12px 0}
.cf-record{background:var(--white);border-radius:8px;display:block;overflow:hidden}
.cf-record-in{overflow:hidden;padding:16px}
.cf-record .cf-record-image img{border-radius:4px;height:auto;overflow:hidden;width:100%}
.cf-record-04x{grid-row-end:span 4}
.cf-record-05x{grid-row-end:span 5}
.cf-record-06x{grid-row-end:span 6}
.cf-record-07x{grid-row-end:span 7}
.cf-record-08x{grid-row-end:span 8}
.cf-record-09x{grid-row-end:span 9}
.cf-record-10x{grid-row-end:span 10}
.cf-record-11x{grid-row-end:span 11}
.cf-record-12x{grid-row-end:span 12}
.cf-record-13x{grid-row-end:span 13}
.cf-record-14x{grid-row-end:span 14}
.cf-record-15x{grid-row-end:span 15}
.cf-record-16x{grid-row-end:span 16}
.cf-record-17x{grid-row-end:span 17}
.cf-record-18x{grid-row-end:span 18}
.cf-record-19x{grid-row-end:span 19}
.cf-record-20x{grid-row-end:span 20}
.cf-record-21x{grid-row-end:span 21}
.cf-record-22x{grid-row-end:span 22}
.cf-record-23x{grid-row-end:span 23}
.cf-record-24x{grid-row-end:span 24}
.cf-record-25x{grid-row-end:span 25}
.cf-record-26x{grid-row-end:span 26}
.cf-record-27x{grid-row-end:span 27}
.cf-record-28x{grid-row-end:span 28}
.cf-record-29x{grid-row-end:span 29}
.cf-record-30x{grid-row-end:span 30}
.cf-record-31x{grid-row-end:span 31}
.cf-record-32x{grid-row-end:span 32}
.cf-record-date{color:var(--gray);display:block;font-size:0.75em}
.cf-record-name{color:var(--red);display:block;font-family:'Caveat',system-ui,sans-serif;font-size:1.5em;font-style:italic;line-height:32px;padding:8px 8px 0 0;text-align:right}
.cf-record-image{display:block}
#nav .nav-menu span, #nav .nav-menu a, #nav .nav-menu a:visited{font-size:1.5em;padding:0 0 24px 0}
#nav .nav-menu #xnav-book-a-call{background-color:var(--color-red-light);border-radius:8px;color:#fff;display:inline-block;padding:2px 24px 4px 24px;position:relative;transition:background-color 0.5s ease-in-out}
#nav .nav-menu #xnav-book-a-call::before,#wphoto .btn::before{background:var(--white);content:'';display:block;height:100%;left:0;opacity:0.5;overflow:hidden;position:absolute;top:0;transform:scaleX(0);transition:opacity 0.5s,transform 0.5s;visibility:hidden;width:100%}
#lang-selection{font-size:1.25em}
#header-text{font-size:1.25em}
#xnav .slinks{margin:24px 0 0 0}
.c3-image-intext{}
.c3-image-intext img{display:block;height:auto;margin:0 auto;max-height:450px;object-fit:contain;overflow:hidden;width:auto}
.c3-section-img-full img{max-height:unset}
.c3-section-pricelist{clear:both;display:grid;grid-gap:12px;grid-template-columns:repeat(1,1fr);grid-template-rows:auto;margin:12px 0;position:relative}
.c3-section-pricelist h3{grid-column:1 / -1;margin:0;padding:0 0 12px 0}
.c3-section-pricelist p{background:var(--white);border:1px solid var(--gray);border-radius:12px;grid-area:span 1 / span 1;margin:0;padding:12px;text-align:center}
.c3-section-pricelist p:nth-child(5){background:var(--red);border:1px solid var(--red)}
.c3-section-pricelist p:nth-child(5) .xtr-plt:nth-child(5){min-height:9em}
.c3-section-pricelist p:last-child{background:none;border:none;grid-column:1 / -1;margin:0;padding:0;text-align:left}
.c3-section-pricelist .xtr-plh{color:var(--red);display:block;font-size:1.25em;font-weight:bold;padding:8px 0 0 0;text-transform:uppercase}
.c3-section-pricelist .xtr-plsmh{color:var(--gray);display:block;font-size:0.875em;padding:12px 0 0 0}
.c3-section-pricelist .xtr-plt{display:block}
.c3-section-pricelist em{color:var(--red);display:block;font-style:normal;font-weight:bold;padding:8px 0 0 0;position:relative}
.c3-section-pricelist .xtr-plth{display:block;font-size:1.25em}
.c3-section-pricelist .xtr-plb{background:url('/images/heart.svg') 0 50% / contain no-repeat;color:var(--red);display:inline-block;font-family:'Caveat',system-ui,sans-serif;font-size:1.5em;font-style:italic;font-weight:normal;height:16px;line-height:10px;padding:0.1em 0.5em 0 0.75em;position:absolute;right:-6px;rotate:-5deg;text-align:center;top:-1.5em}
.c3-section-pricelist .xtr-plb::after{background:var(--red);border-radius:50%;bottom:-4px;content:'';display:block;height:2px;left:0;overflow:hidden;position:absolute;rotate:-1deg;width:100%}
.c3-section-pricelist .xtr-plp{color:var(--red);display:block;font-size:1.25em;font-weight:bold;padding:12px 0 0 0}
.c3-section-pricelist p a, .c3-section-pricelist p a:visited{background-color:var(--red);border-radius:8px;color:var(--white);display:block;font-size:1em;margin:12px 0 0 0;padding:6px 24px;text-decoration:none;transition:background-color 0.3s ease-in-out}
.c3-section-img, .c3-section-img-left, .c3-section-img-right{clear:both;position:relative}
.c3-section-img ol, .c3-section-img-left ol, .c3-section-img-right ol, .c3-section-img ul, .c3-section-img-left ul, .c3-section-img-right ul{padding:0 0 0 0.5em}
.c3-section-img li, .c3-section-img-left li, .c3-section-img-right li{padding:0 0 0.5em 0.25em}
/*
.c3-text::after, .c3-section-img::after, #ctext-in::after{clear:both;content:'';display:block;width:100%}

 */
.c3-section-img h3, .c3-section-img-left h3, .c3-section-img-right h3{color:var(--red)}
.c3-section-img h3 strong, .c3-section-img-left h3 strong, .c3-section-img-right h3 strong{color:var(--red);font-weight:bold}
.c3-video{width:100%}
.c3-video-in{width:100%}
.c3-video-in object{aspect-ratio:1.618033;width:100%}
.c3-imggallery-item a{border-radius:8px;box-shadow:var(--box-shadow)}
.c3-imggallery-item-portrait img{height:auto;place-self:start center;width:100%}
.c3-imggallery-item-landscape img{height:100%;width:auto}
.c3-imggallery-item a .c3-imggallery-item-text::before{opacity:0.67}
.c3-imggallery-item a .c3-imggallery-item-text-in{background:none;display:inline-block;margin:0 16px;padding:0;width:auto}
.c3-imggallery-item a .c3-imggallery-item-text-in::before{display:none}
.c3-module-imgdir-item a{
    border-radius:8px;
    box-shadow:var(--box-shadow);
}

.c3-imggallery-item-text{
    text-align: center;
    font-style: italic;
    margin-top: 0.5rem;
    font-size: 0.889rem;
}

.c3-module-imgdir-item-portrait img{height:auto;place-self:start center;width:100%}
.c3-module-imgdir-item-landscape img{height:100%;width:auto}
/*
.c3-splist-gallery-item a strong span,
.c3-splist-gallery-item a:visited strong span{
    color:var(--black);display:inline-block;padding:0 12px;text-align:center;width:auto;
}

 */
.c3-page .heading-fragid, .c3-page .heading-fragid:visited{color:var(--red);position:relative;text-decoration:none}
.c3-module-imgdir-item a .c3-module-imgdir-item-text::before{opacity:0.67}
.c3-module-imgdir-item a .c3-module-imgdir-item-text span{background:none;display:inline-block;margin:0 16px;padding:0;width:auto}
.c3-module-imgdir-item a .c3-module-imgdir-item-text span::before{display:none}
.c3blog-post a strong span, .c3blog-post a:visited strong span{color:var(--black);display:inline-block;padding:0 12px;text-align:center;width:auto}
.c3blog-post .c3blog-post-date{padding:0 12px}
.c3blog-pagination a{border-radius:8px}
.c3blog-pagination a::before{background:var(--white);content:'';display:block;height:100%;left:0;opacity:0.5;overflow:hidden;position:absolute;top:0;transform:scaleX(0);transition:opacity 0.5s,transform 0.5s;visibility:hidden;width:100%}
.c3blog-tags a{border-radius:8px}
.c3blog-tags a::before{background:var(--white);content:'';display:block;height:100%;left:0;opacity:0.5;overflow:hidden;position:absolute;top:0;transform:scaleX(0);transition:opacity 0.5s,transform 0.5s;visibility:hidden;width:100%}
#c3blog-welcomepage{padding:0}
.c3blog-subscribe{text-align:center}
.form-text{
    font-size:1em;
    padding:9px;
}
#form-mailmsg{margin:0;padding:0}
#form-mailmsg .form-in{margin:0;padding:16px 20px 16px 16px}
#form-mailmsg.form-label{float:none;font-size:0.9em;width:auto}
#form-mailmsg .form-control{margin:0 8px 2px 0;width:auto}
#form-mailmsg .form-w100{width:100%}
#form-mailmsg-ctrl{margin:-24px 0 40px 0}
#form-mailmsg-ctrl .form-control{display:inline-block;padding:0 48px 0 0}
#form-mailmsg-ctrl-preview{margin:0 0 40px 0}
#form-mailmsg-ctrl-preview .form-control{background-color:rgba(255,255,255,0.5);border-radius:4px;font-weight:bold;padding:8px}
.js-formlabels-form .form-req .form-label:before, .js-formlabels-form .form-reqx .form-label:before{display:none}
.form-req .js-formlabels-label:after, .form-reqx .js-formlabels-label:after{color:#999999;content:'*';font-size:1em;font-weight:bold;left:4px;line-height:0;position:relative}
.form-reqx .js-formlabels-label:after{color:#cc0000}
#xscripts, .xnoscript{display:inline;font-size:0;height:0;line-height:0;overflow:hidden;position:absolute;width:0}

/*
#content{
    padding-top: var(--offset-90);
    margin-top: 0px;
}

 */




#page0{
    background: var(--white);
}

.certificates .title{
    text-align: center;
}
.certificates .text{
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
}
.certificates .text ul{
    text-align: left;
}


.catalogues .title{
    text-align: center;
}

.file-wrap{
    height: 700px;
    margin: 2rem auto;

    max-width: 800px;
}

.docs-wrap{
    column-count: 2;
    column-gap: 3rem;
    row-gap: 1rem;
}
.doc-wrap{
    width: fit-content;
    margin-bottom: 1rem;
}
.doc-wrap a{
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 2rem;
    border: 1px solid var(--red);
    border-radius: 2rem;
}
.doc-wrap a::before{
    content: '';
    background: url("/gfx/img/svg/pdf-icon.svg") no-repeat center;
    display: block;
    width: 27px;
    height: 27px;
}

.certificates .doc-wrap{
    margin: 0 auto;
}

.certificates .flex-wrap-in{
    box-shadow: var(--box-shadow);
    padding: 2rem;
    border-radius: 10px;
}


.store .img-wrap{
    height:100%;
    object-fit:cover;
    position:absolute;
    right:0;top:0;
    width:calc(50% - 36px);
    z-index:-1;
}
.store img{
    border-bottom-left-radius:10px;
    border-bottom-right-radius:0px;
    border-top-left-radius:10px;
    border-top-right-radius:0px;
    display:block;
    object-fit: cover;
    height: 100%;
    width: 100%;
    object-position: center;
}


header .submenu{
    display: none;
}


#footer-menu{
    list-style: none;
    margin: 0;
    padding: 0;
}
footer p,
.footer-text,
#footer-menu a,
.footer-section a{
    color:rgba(var(--white-rgb),0.5);
    margin:0;
    text-decoration: none;
}

#footer-menu a:hover,
.footer-section a:hover{
    color: var(--white);
}



.faq-cont.display {
    display: block;
}
.faq-cont {
    display: none;
}
.faq-cont {
    width: 100%;
    max-width: 1000px;
    border-radius: 10px;
    overflow: hidden;
}
.faq-cont .name {
    margin: 0;
    padding: 15px 20px;
    color: #fff;
    font-size: 22px;
    background: var(--red);
}
.faq-cont .faq-item {
    display: block;
    background: #fff;
    margin: 0 10px;

    padding: 0;
    border-bottom: 1px solid var(--gray);
}
.faq-cont .faq-title {
    font-weight: 600;
    font-size: 20px;
    z-index: 1;
    position: relative;
    cursor: pointer;
}
.faq-cont .faq-text-answer {
    overflow: auto;
    padding: 0 10px 44px;
}
.faq-cont .faq-title.open::before,
.faq-cont .faq-title::before {
    content: '';
    border: 2px solid var(--red);
    transition: .2s;
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    right: 10px;
    top: 24px;
    box-sizing: border-box;
    z-index: -1;
}
.faq-cont .faq-title h3 {
    padding: 20px 15% 20px 10px;
    display: block;
    transition: .3s color ease-in-out;
}
.faq-cont .faq-title h3:hover{
    color: var(--red);
}
.faq-cont .faq-title h3::before {
    position: absolute;
    right: 17px;
    height: 2px;
    width: 14px;
    top: 37px;
    background-color: var(--red);
    content: " ";
    z-index: 10;
}
.faq-cont .faq-title h3::after {
    position: absolute;
    right: 23px;
    width: 2px;
    height: 14px;
    top: 31px;
    background-color: var(--red);
    content: " ";
    transition: ease-in-out .3s;
    z-index: 10;
}

.faq-cont .faq-title.open h3::after {
    transform: rotate(90deg);
}




#pagephoto{
    padding-top: var(--offset-36);
}




.form-info{
    background: #fbfbfb;
    padding: 2rem;
    border-radius: 10px;
    /* margin-bottom: 3rem; */
    border: 1px solid #666666;
}
.form-info span{
    color: #333;
    font-size: 2rem;
    font-weight: 600;
}
.form-info .form-info-ok{
    color: #009900;
}
.form-info .form-info-error{
    color: #ea0909;
}


#eu-cookies{
    font-size: 1.2rem;
    position: fixed;
    padding: 2rem;
    width: 100%;
    bottom: 0;
}




.form-button{
    margin-top: var(--offset-36);
}


@media not all and (any-hover:none),not all and (hover:none),not all and (-moz-touch-enabled),screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){
    .c3-imggallery-item a:hover{background-color:#F0F0F0;text-decoration:none}
    .c3-imggallery-item a:hover img{transform:scale(1.1)}
    .c3-imggallery-item a:hover span{color:var(--white);opacity:1;transform:scaleY(1);transition:transform 0.5s ease-in-out,opacity 0.5s step-start}
    .c3-module-imgdir-item a:hover{background-color:#F0F0F0;text-decoration:none}
    .c3-module-imgdir-item a:hover img{transform:scale(1.1)}
    .c3-module-imgdir-item a:hover span{color:var(--white);opacity:1;transform:scaleY(1);transition:transform 0.5s ease-in-out,opacity 0.5s step-start}
    .c3-splist-gallery-item a:hover{text-decoration:none}
    .c3-splist-gallery-item a:hover .c3-splist-gallery-item-image img{transform:scale(1.1)}
    .c3-splist-gallery-item-link:hover .c3-splist-gallery-item-title2{color:#666666}
    .c3blog-post a:hover{text-decoration:none}
    .c3blog-post a:hover .c3blog-post-image img{transform:scale(1.1)}
    .c3blog-post-link:hover .c3blog-post-title2{color:#666666}
    .c3blog-pagination a:hover, .c3blog-pagination a.c3blog-pagination-act:hover{background-color:#F8F8F8;border:1px solid #CCCCCC;color:#666666;text-decoration:none;transition:color 0.3s,background-color 0.3s}
    .c3blog-tags a:hover, .c3blog-tags a.c3blog-tags-act:hover{background-color:#F8F8F8;border:1px solid #CCCCCC;color:#666666;text-decoration:none;transition:color 0.3s,background-color 0.3s}
    .form-button:hover{background-color:var(--red);color:#FFFFFF;transition:background-color 0.3s ease-in-out}
    .bcnav a:hover{color:rgba(var(--black-rgb),0.25);text-decoration:none}
    header:hover{background-color:var(--white);border-bottom-color:rgba(var(--black-rgb),0.1)}
    .upper-menu a:hover{color:var(--red)}
    #menu li:hover a::after,#menu li span::after{background:var(--red)}
    .btn:hover,.form-button:hover,#menu li .btn:hover{background-color:var(--white);color:var(--red)}
    .btn-snd:hover{background-color:var(--red);color:var(--white)}
    .feeback-add a:hover{background:var(--red);color:var(--white);text-decoration:none}
    .feeback-add a:hover::before{opacity:0;transform:scaleX(1);visibility:visible}
    .cf-pagination a:hover, .cf-pagination a.cf-pagination-act:hover{background-color:var(--red);border:2px solid var(--red);color:var(--white);text-decoration:none;transition:color 0.3s,background-color 0.3s}
    .cf-pagination a:hover::before{left:0;opacity:0;transition:width 0.5s,opacity 0.5s,left 0.5s;visibility:visible;width:100%}
    #nav .nav-menu #xnav-book-a-call:hover{background-color:var(--color-red)}
    #nav .nav-menu #xnav-book-a-call:hover::before,#wphoto .btn:hover::before{opacity:0;transform:scaleX(1);visibility:visible}
    .c3-section-pricelist p a:hover{background-color:var(--red);text-decoration:none;transition:background-color 0.3s ease-in-out}
    .c3-splist-gallery-item a:hover strong span{color:var(--red)}
    .c3-page .heading-fragid:hover{color:var(--red);text-decoration:none}
    .c3blog-post a:hover strong span{color:var(--red)}
    .c3blog-pagination a:hover::before{opacity:0;transform:scaleX(1);visibility:visible}
    .c3blog-tags a:hover::before{opacity:0;transform:scaleX(1);visibility:visible}
}

@media only screen and (max-width:1300px){
    #submenu, .submenu{
        grid-template-columns:repeat(3,1fr);
    }
}

@media only screen and (max-width:1200px){
    :root{
        --padding-main-top:120px;
    }

    #logo{
        max-height: 86px;
    }
    .upper-menu{
        padding: 0.25rem 0;
    }


    .btn.main-btn{
        padding: 1rem 2rem;
    }


    #menu li a::after,#menu li span::after{display:none}
    #small_menu{background-color:transparent;border:none;border-radius:3px;cursor:pointer;display:block;font-size:18px;font-weight:700;height:45px;outline:none;
        padding:0;position:absolute;right:40px;
        top:54px;
        transition:ease-in-out .5s;
        width:45px;z-index:9;
    }
    #small_menu .line{background-color:var(--red);height:4px;position:absolute;right:8px;transition:transform .3s,top .3s;width:30px}
    #small_menu .line.first{top:12px;transform:rotate(0deg)}
    #small_menu .line.second{display:block;top:21px}
    #small_menu .line.third{top:30px;transform:rotate(0deg)}
    #small_menu.opened .line.first{top:22px;transform:rotate(45deg)}
    #small_menu.opened .line.second{display:none}
    #small_menu.opened .line.third{top:22px;transform:rotate(-45deg)}
    .menu-wrap{background-color:var(--white);border-bottom:1px solid var(--red);display:none;height:auto;left:0;max-height:75vh;overflow:auto;position:absolute;top:119px;width:100%}
    .menu-wrap #menu{flex-direction:column;gap:0;padding:0;width:100%}
    .menu-wrap #menu li,.menu-wrap #menu li a{align-items:center;display:flex;justify-content:center;width:100%}
    .menu-wrap #menu li a{padding:1rem 0}
    .menu-wrap #menu li{border-bottom:1px solid rgba(var(--black-rgb),0.15)}
    #menu li::after{display:none}
    .menu-wrap #menu li.cta-btn{border-bottom:none;padding:1rem 0;width:fit-content}
    .menu-wrap #menu li.cta-btn a{padding:var(--offset-16) 1.333rem}
    header{background-color:var(--white);border-bottom:1px solid rgba(var(--black-rgb),0.1)}

    .blocks-wrap{grid-template-columns:repeat(2,1fr)}
}
@media only screen and (max-width:1024px){
    h1{font-size:3rem}
    h2,
    .block .title {
        font-size:2rem;
    }
    h3{font-size:1.75rem}
    h4{font-size:1.3rem}
    h5{font-size:1.25rem}


    .file-wrap{
        height: 600px;
    }

    #gmap iframe{
        height: 450px;
    }

    .c3-imggallery{
        grid-template-columns: repeat(2,1fr);
    }

    .cform{
        padding: var(--offset-54) var(--offset-36);
    }

    .flex-wrap{
        gap: var(--offset-36);
    }
    .flex-wrap-in {
        width: calc(50% - calc(var(--offset-36) / 2));
    }


    section.side-bg,
    .store .text{
        padding: var(--offset-54) 0;
    }


    .btn.center{
        margin:var(--offset-36) auto 0 auto;
    }



    #menu li a::after,#menu li span::after{display:none}

    #cf{grid-template-columns:repeat(4,1fr)}
    .c3-page .heading-fragid{
        scroll-padding-top: calc(var(--padding-main-top) + 90px);
    }
    /*
    .c3-splist-gallery{grid-template-columns:repeat(4,1fr)}

     */
    .c3-section-pricelist{grid-template-columns:repeat(5,1fr);margin:40px 0}
    .c3blog{grid-template-columns:repeat(4,1fr)}

    .main .btn{
        font-size: 1.25rem;
    }


    .certificates .flex-wrap-in{
        padding: 2rem 1rem;
    }
}


@media only screen and (max-width:900px){

    .contact::after{
        max-width: 2vw;
    }
    .contact-wrap{
        flex-direction: column;
    }
    .contact-wrap-in{
        width: 100%;
    }
    .cform{
        margin: 0 auto;
    }



    .footer-sections-in{grid-template-columns:repeat(2,1fr)}
    /*
    .c3-splist-gallery{grid-gap:24px;grid-template-columns:repeat(3,1fr);margin:24px 0}

     */
    .c3-module-imgdir{grid-template-columns:repeat(4,1fr)}
    .c3blog{grid-gap:24px;grid-template-columns:repeat(3,1fr);margin:24px 0}
    #cf{grid-gap:24px;grid-template-columns:repeat(3,1fr);margin:24px 0}
    .c3-section-pricelist{grid-template-columns:repeat(3,1fr);margin:24px 0}

    #submenu, .submenu{
        grid-template-columns:repeat(2,1fr);
    }
}

@media only screen and (max-width:800px){

    .certificates .flex-wrap{
        flex-direction: column;
    }

    .certificates .flex-wrap-in{
        width: 100%;
    }
}


@media only screen and (max-width:700px){
    .page-main{
        max-height: unset;
    }

    .docs-wrap{
        column-count: 1;
    }

    .main .btn-wrap,
    .c3-btn-wrap.btn-wrap{
        flex-direction: column;
        align-items: flex-start;
    }


    .contact-wrap-in{width:100%}
    /*
    .c3-splist-gallery{grid-gap:16px;margin:16px 0}

     */
    .c3-module-imgdir{grid-gap:16px;margin:16px 0}
    .c3blog{grid-gap:16px;margin:16px 0}
    .c3-section-pricelist{grid-template-columns:repeat(3,1fr);margin:16px 0}
}

@media only screen and (max-width:650px){
    #submenu, .submenu{grid-template-columns:1fr}

}
@media only screen and (max-width:600px){
    .form-info{
        padding: 1rem;
    }
    .form-info span{
        font-size: 1.5rem;
    }

    .c3-imggallery{
        grid-template-columns: 1fr;
    }

    .submenu-list{
        width: 100%;
        max-width: 360px;
        margin: 0 auto;
    }

    .block .title {
        padding-top: calc(2rem + 16px);
    }
}

@media only screen and (max-width:500px){
    .cform-gdpr{
        width: 100%;
        position: relative;
    }
    .form-button {
        margin-top: 0px;
    }
}



@media only screen and (max-width:450px){

    .doc-wrap a {
        padding: 1rem;
    }

    footer .logo-wrap img{
        max-height: 120px;
    }

    .footer-sections-in {
        grid-template-columns: 1fr;
    }

    .email span{display:none}
    .c3-imggallery-item a span, .c3-imggallery-item a:visited .span{padding:16px 0}
    /*
    .c3-splist-gallery{grid-gap:16px;margin:16px 0}

     */
    .c3-module-imgdir{grid-gap:16px;margin:16px 0}
    .c3blog{grid-gap:16px;margin:16px 0}
    #cf{grid-gap:16px;grid-template-columns:repeat(1,1fr);margin:16px 0}
    .c3-page .heading-fragid{
        scroll-padding-top: calc(var(--padding-main-top) + 90px);
    }
    .c3-section-pricelist{grid-gap:16px;grid-template-columns:repeat(2,1fr);margin:16px 0}
    .c3-section-pricelist .xtr-plh{min-height:3em}
    .c3-section-pricelist .xtr-plt{min-height:9em}
    .c3-section-pricelist em{min-height:4.5em}
}
@media only screen and (max-width:600px){

    #small_menu{right:12px}
    .flex-wrap-in{width:100%}

    .store .text{
        width:100%;
        padding-top: 0px;
    }
    .store .img-wrap{
        padding:0 20px;
        position: relative;
        width: 100%;
    }
    .store img{
        border-radius:10px;
        position:relative;
        width:100%;
        max-height: 400px;
    }


    .find-us iframe{
        max-height: 450px;
    }

    .side-bg::after{max-width:2vw}
    .blocks-wrap{grid-template-columns:1fr}
    /*
    .c3-splist-gallery{grid-gap:16px;grid-template-columns:repeat(2,1fr);margin:16px 0}

     */
    .c3-module-imgdir{grid-gap:16px;grid-template-columns:repeat(3,1fr);margin:16px 0}
    .c3blog{grid-gap:16px;grid-template-columns:repeat(2,1fr);margin:16px 0}
    #cf{grid-gap:16px;grid-template-columns:repeat(2,1fr);margin:16px 0}
    .cf-record{border-radius:12px}
    .cf-record .cf-record-image img{border-radius:8px}
    .c3-imggallery-item a{border-radius:12px}
    .c3-module-imgdir-item a{border-radius:12px}
    .c3-section-pricelist{grid-template-columns:repeat(3,1fr)}
    .c3-section-img-right > *{margin-right:50%}
    .c3-section-img-right .c3-image-intext{float:right;margin:0;padding:0 0 40px 5%;width:45%}
    .c3-section-img-left > *{margin-left:50%}
    .c3-section-img-left .c3-image-intext{float:left;margin:0;padding:0 5% 40px 0;width:45%}
    .c3blog-post a{border-radius:12px}
}