/*
  File: static/stylesheets/style.css
  Created @ 2018/11/22 08:00
  Last modified @ 2025/10/07 12:14
*/


/**********************************************************************************************************************************************************************
 * Alap formázások, közös rész
 **********************************************************************************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=Montserrat:ital,wght@0,400;0,500;1,400;1,500&family=Nunito:ital,wght@0,400;0,500;1,400;1,500&family=Poppins:ital,wght@0,400;0,500;1,400;1,500&family=Roboto+Condensed:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --font-family: 'Poppins', sans-serif;
    --text-color: #4a4a4a;
    --background-dark: #8f804c;
    --background-light: #FFF;
    --background-light-transparent: #dbe8deCC;
    --navigation-background: #FFFFFF;
    --button-color: #d2ac67;
    --button-hover-color: #906a23;
    --button-active-color: #d2ac67;
    --link-color: #8f7c00;
    --menu-color: #8f7c00;
    --title-color: #b9934c;
    --separator-color: #f1eeed;
    --image-border-color: #CCC;
    --footer-background: #828282;
    --effect-transition: all .4s .4s;
    --color-white: #FFF;
}

/*
:root {
    --font-family: 'Nunito', sans-serif;
    --text-color: #4a4a4a;
    --background-dark: #5f5b58;
    --background-light: #FFF;
    --background-light-transparent: #dbe8deCC;
    --navigation-background: #FFF;    
    --button-color: #000;
    --button-hover-color: red;
    --button-active-color: #EEE;
    --link-color: #572a0e;
    --menu-color: #000000;
    --title-color: #000000;
    --separator-color: #f1eeed;
    --image-border-color: #CCC;
    --footer-background: #000;
    --effect-transition: all .4s .4s;
}
*/

/* Animációk */
@keyframes headerFixed {
    from { top: -10em; }
    to { top: 0; }
}

@keyframes navHover {
    from { transform: scale(0, 0); }
    to { transform: scale(1, 1); }
}

@keyframes left-in {
    from {  opacity: 0; }
    to {  opacity: 1; }
}

@keyframes left-out {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes right-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes right-out {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes captionShow {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes boxHover {
    from { transform: scale(0, 0); opacity: 0; }
    to { transform: scale(1, 1); opacity: 1; }
}

@keyframes upVisible {
    from { bottom: -2.5em; transform: scale(0.5, 0.5); }
    to { bottom: 2.5em; transform: scale(1, 1); }
}

@keyframes upHide {
    from { bottom: 2.5em; transform: scale(1, 1); }
    to { bottom: -2.5em; transform: scale(0.5, 0.5); }
}

@keyframes mobileNavOn {
    from { left: -100%; }
    to { left: 0; }
}

@keyframes loader {
    0% { transform:rotate(0deg); }
    50% { transform:rotate(180deg); }
    100% { transform: rotate(360deg); }
}

@keyframes svgAnimate {
    0% { stroke-dasharray: 30; stroke-dashoffset: 0; }    
    50% { stroke-dasharray: 30; stroke-dashoffset: 28; }  
    100% { stroke-dasharray: 30; stroke-dashoffset: 0; }         
}

@keyframes buttonLoader {
    0% { width: 0; left: 0; opacity: 0.1;}
    50% { width: 100%; left: 0; opacity: 1; }
    100% { left: 100%; opacity: 0.1; }
}

/* Általános formázások */
body, div, ul, li, p { margin: 0; padding: 0; } /* normalize.css kiegészítés */
body { color: var(--text-color); background: #fff; font: normal normal 16px/1.625 var(--font-family); }
body.fullScreen { padding-top: 0 !important; }
body.popupActive { overflow-y: hidden; }
section { float: left; width: 100%; } /* Chrome padding hiba jav. */
.clearfix { display: block; clear: both; width: 100%; margin: 5px 0; height: 1px; font-size: 1px; overflow: hidden; }
.left-floated { clear: none !important; float: left; }
.right-floated { clear: none !important; float: right; }
.right-aligned { text-align: right; }
.center-aligned { text-align: center; }
img { max-width: 100%; }

/* Linkek */
a:link { color: var(--link-color); text-decoration: none; }
a:visited { color: var(--link-color); text-decoration: underline; }
a:hover { color: var(--link-color); text-decoration: underline; }

/* Gombok */
a.button, button.button { display: inline-block; padding: 0.6em 1.5em; color: #FFF; background: var(--button-color); border-radius: 1.6em; font-size: 115%; text-decoration: none; transition: all .3s; }
.button:hover { background: var(--button-hover-color); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); text-decoration: none; }
a.button.active { background: var(--link-color); }

/**********************************************************************************************************************************************************************
 * Fejléc
 **********************************************************************************************************************************************************************/

/* Fejléc tartalom */
.header { float: left; width: 100%; padding: 0; position: relative; z-index: 11; background: var(--navigation-background); transition: background .5s; }
.fixed .header { padding: 0; padding: 0; position: fixed; left: 0; top: 0; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3); border-bottom: 0px solid #FFF; }
.fullScreen:not(.fixed) .header { position: fixed; left: 0; top: 0; background: rgba(255, 255, 255, .85); }
    .topTenderLogoContent {  float: left; width: 100%; background: #FFF; }
        .topTenderLogoContent img { display: block; }
    .fixed .topTenderLogoContent { display: none; }
        .tenderLogoTopLeft{ display: block; float: left; max-width: 500px; }
            .tenderLogoToLeft img { display: block; width: 100%; }
        .tenderLogoTopRight{ display: block; float: right; max-width: 250px; }
            .tenderLogoTopRight img { display: block; width: 100%; }
    .infoLine { float: left; width: 100%; padding: 0.5em 0; background: var(--background-dark); }
    .fullScreen .infoLine { padding: 0.5em 0 0; background: none; }
    .fixed .infoLine { display: none; }
        .infoLineInner { display: flex; flex-wrap: nowrap; width: 100%; max-width: 1480px; box-sizing: border-box; margin: 0 auto; padding: 0.5em 2%; color: #FFF; align-items: center; justify-content: center; }
        .fullScreen .infoLineInner { color: var(--menu-color); }
            .infoLineInner .title { flex: 1 0 auto; text-align: center; }
            .infoLineInner .mobileTitle { display: none; }
            .infoLineInner ul { flex: 1 0 auto; float: right; margin: 0; padding: 0; list-style-type: none; }
                .infoLineInner ul li { float: left; padding: 0 0.4em; }
                .infoLineInner a { color: #FFF; }
                .fullScreen .infoLineInner a { color: var(--menu-color); }
                .infoLineInner a.icon { display: inline-block; width: 1.1em; padding: 0.1em 0.1em; color: var(--background-dark); background: #FFF; border-radius: 3px; text-align: center; line-height: 1; }        
    .headerInner { display: flex; width: 100%; max-width: 1480px; box-sizing: border-box; margin: 0 auto; padding: 0.75em 2%; align-items: center; justify-content: center; transition: all .5s; }
    .fixed .headerInner { padding: 0.5em 2%; }
        .logo { float: left; /*max-width: 4em;*/ position: relative; color: #FFF !important; text-align: center; transition: all .5s; }
        .logo.orientation-p1 { max-width: none; max-height: 3em; }
        .fixed .logo1 { max-width: 3em; }
        .fixed .logo.orientation-p1 { max-height: 2em; }
            .logo img { max-width: 5em; transition: all .5s; }
            .logo.orientation-p img { max-width: none; max-height: 4em; }
            .fixed .logo img { max-width: 3em; }
            .fixed .logo.orientation-p img { max-width: none; max-height: 3em; }
            .logo > span { display: inline-block; padding: 0.1em 0.5em; color: var(--background-dark); background: #FFF; border-radius: 3px; text-transform: uppercase; }
                .logo span span:first-child { display: block; font-weight: bold; font-size: 120%; line-height: 1.2; }
                .logo span span + span + span { margin-left: 0.5em; }
        .navigation { float: left; margin: 0 0 0 2em; padding: 0; list-style-type: none; }
            .navigation li { float: left; padding: 0 1em; position: relative; }
            .navigation > li:first-child { display: none; }
                .navigation a { display: inline-block; position: relative; color: var(--menu-color); font-size: 120%; font-weight: 600; text-transform: uppercase; }
                .navigation a:hover {color: var(--button-hover-color);  text-decoration: none; }
                    .navigation > li:not(.isSubmenu) > a:not(.mobileNavClose):hover:before,
                    .navigation > li:not(.isSubmenu).active > a:before { content: ''; display: block; width: 0.4em; height: 0.4em; position: absolute; left: -0.75em; top: calc(50% - 0.25em); background: var(--button-hover-color); border-radius: 50%; animation: navHover linear .3s forwards; }         
                    /*.navigation > li:not(.isSubmenu) > a:hover:first-letter { color: var(--menu-color); }*/
                    
            .navigation > li.isSubmenu > a:before { content: '\f107'; display: inline-block; float: right; margin: 0 0 0 0.25em; position: relative; top: 0.1em; color: var(--menu-color); font-size: 100%; font-family: fontAwesome; transition: all .3s; }
            .navigation > li.isSubmenu:hover > a:before { transform: rotate(-180deg) scale(0.9, 0.9); }
                    
                .navigation ul { visibility: hidden; min-width: 150%; margin: 0; padding: 0; position: absolute; left: 0; top: 100%; z-index: 2; background: #FFF; box-shadow: 0 8px 8px rgba(0, 0, 0, 0.3); border-radius: 0px; list-style-type: none;  transform: translateY(5em); opacity: 0; transition: all .3s; }
                .navigation ul.fixHeight { height: 70vmin; overflow-y: auto; }
                    .navigation ul:before { content: ''; width: 0%; height: 2px; position: absolute; left: 0; top: 0; z-index: 2; background: var(--menu-color); transition: all .5s; }
                    .navigation li:hover ul:before { width: 100%; }
                .fixed .navigation ul { top: 100%; }
                .navigation li:hover ul { visibility: visible; transform: translateY(0); opacity: 1; }
                    .navigation ul li { float: left; width: 100%; box-sizing: border-box; padding: 0 0; position: relative; border-top: 1px solid #eaeaea; }
                    .navigation ul li:first-child { border-top: none; }
                    .navigation ul li a { display: block; padding: 0.75em 5%; position: relative; z-index: 1; font-size: 110%; font-weight: 500; line-height: 1.2; text-align: left; transition: background .3s; }
                    .navigation ul li a:focus-visible { z-index: 2; }
                    .navigation ul li a:hover { color: #FFF; background: var(--button-color); text-decoration: none; }
                        
        .mobilNavButtonContent { display: none; }
        .mobileNavButton { display: none; }
        .mobileNavClose { display: none; }
    .breadcrumb { float: left; width: 100%; box-sizing: border-box; margin: 0; padding: 1em 2% 1em; text-align: center; }
        .breadcrumb li { display: inline-block; padding-left: 1em; position: relative; font-size: 90%; }
        .breadcrumb li:first-child { padding-left: 0; }
            .breadcrumb li:before { content: '\f105'; position: absolute; left: 0.3em; top: 0; font-size: 100%; font-family: fontAwesome; }
            .breadcrumb li:first-child:before { display: none; }
            .breadcrumb a { text-decoration: underline !important; }
/**********************************************************************************************************************************************************************
 * Tartalom
 **********************************************************************************************************************************************************************/

.contentBlock { float: left; width: 100%; padding: 1em 0; position: relative; padding-top: 1.5em; opacity: 0; transition: all .7s; }
.contentBlock.even {  }
.contentBlock.visible { opacity: 1; }
.contentBlock.background { color: #FFF; background-repeat: no-repeat; background-position: center top; background-attachment: fixed; background-size: cover; }
    .contentBlock.background:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; background: rgba(0, 0, 0, 0.3); }
    .contentBlock.background h1,
    .contentBlock.background h2,
    .contentBlock.background a { color: #FFF; }
    .contentBlock hr { float: left; width: 100%; height: 1px; margin: 0.25em 0; background: var(--text-color); border: none; }
    .contentBlock blockquote { float: left; width: 100%; box-sizing: border-box; margin: 0.5em 0; padding: 0.5em 2%; position: relative; background: var(--background-light); border-radius: 3px; font-style: italic; }
        .contentBlock blockquote:before { content: '\f10d'; position: absolute; left: -0.3em; top: -0.8em; font-family: fontAwesome; }
        .contentBlock blockquote:after { content: '\f10e'; position: absolute; right: -0.1em; bottom: -0.8em; font-family: fontAwesome; }        
.contentBlock.even { background-color: var(--background-light); }
    .contentBlockInner { width: 100%; max-width: 1480px; box-sizing: border-box; margin: 0 auto; padding: 0 2% ; position: relative; overflow: hidden; }
    .separator:not(.linked) .contentBlockInner { padding-top: 1.25em; }
    .fullWidth .contentBlockInner { max-width: none; }
        .separator:not(.linked) .contentBlockInner:before { content: ''; float: left; width: 100%; height: 2px; position: absolute; left: 0; top: 0; background: var(--separator-color); border-radius: 2.5px; opacity: 0; transition: var(--effect-transition); }
        .visible.separator .contentBlockInner:before { opacity: 1; }
        .columnContent { display: flex; flex-wrap: nowrap; float: left; width: 100%; }
        .right-image .columnContent { flex-direction: row-reverse; }
            .columnContent .column { flex: 1 1 100%; box-sizing: border-box; padding: 0 1%; overflow: hidden; }
                .columnContent .column img { display: block; max-height: 500px; margin: 0 auto; transition: var(--effect-transition); }
                .image-radius.radius-45.left-image img,
                .image-radius.radius-50.left-image img { transform: translateX(-100%) rotate(45deg); }
                .image-radius.radius-45.righ-image img,
                .image-radius.radius-50.right-image img { transform: translateX(100%) rotate(45deg); }  
                .visible .columnContent .column img { transform: translateX(0) rotate(0deg) !important; }
        
        .contentBlockInner img { max-width: 100%; box-sizing: border-box; border-radius: 5px; opacity: 0; transition: all .3s; }
        .visible .contentBlockInner img { opacity: 1; }
            .contentBlockInner a:hover img:not([src$=svg]) { box-shadow: 0 8px 10px rgba(0, 0, 0, 0.4); transform: scale(1.01, 1.01); transition: all .3s; }
        iframe { max-width: 100%; }
        .contentBlockInner iframe { max-width: 100%; border: none; }
    .responsiveContent { display: flex; flex-wrap: nowrap; float: left; width: 100%; box-sizing: border-box; margin: 0.5em 0; }
        .responsiveBox { flex: 1 0 auto; box-sizing: border-box; padding: 0.5em 1%; text-align: center; }
        .responsiveBox img { max-width: 100%; }
        .responsiveContent.column-2 .responsiveBox { flex: 1 0 50%; }
        .responsiveContent.column-3 .responsiveBox { flex: 1 0 33.3333333%; }
        .responsiveContent.column-4 .responsiveBox { flex: 1 0 25%; }
        .responsiveContent.column-5 .responsiveBox { flex: 1 0 20%; }
        .responsiveContent.column-6 .responsiveBox { flex: 1 0 16.6666666%; }
.image-radius img {  }
.image-radius.radius-5 img { border-radius: 5%; }
.image-radius.radius-10 img { border-radius: 10%; }
.image-radius.radius-15 img { border-radius: 15%; }
.image-radius.radius-20 img { border-radius: 20%; }
.image-radius.radius-25 img { border-radius: 25%; }
.image-radius.radius-30 img { border-radius: 30%; }
.image-radius.radius-35 img { border-radius: 35%; }
.image-radius.radius-40 img { border-radius: 40%; }
.image-radius.radius-45 img { border-radius: 45%; }
.image-radius.radius-50 img { border-radius: 50%; }

.buttonContent { float: left; width: 100%; padding: 1em 0; text-align: center; }
.columnContent .buttonContent { text-align: left; }
    .columnContent .buttonContent { opacity: 0; transition: all .5s; }
    .columnContent .contentBlockLeft .buttonContent { transform: translateX(-100%); }
    .columnContent .contentBlockRight .buttonContent { transform: translateX(100%); }
    .visible .columnContent .buttonContent { opacity: 1; transform: translateX(0); }


/* Általános elemek */
h1 { float: left; width: 100%; margin: 0; padding: 0 0 0.5em; position: relative; color: var(--title-color); font-weight: normal; font-size: 225%; line-height: 1.6; text-align: center; text-transform: uppercase; opacity: 0; transition: var(--effect-transition); }
.visible h1 { transform: scale(1, 1) translate(0, 0); opacity: 1; }
    h1 .date { float: left; width: 100%; font-size: 60%; text-align: center;  }
        h1 .date span { display: inline-block; padding: 0.1em 0.3em; color: #FFF; background: var(--background-dark); border-radius: 3px; font-size: 70%; }
h2 { float: left; width: 100%; margin: 0; padding: 0.5em 0 0.5em; color: var(--title-color); font-weight: normal; font-size: 160%; line-height: 1.6; text-align: left; }
    h2 .date { display: block; font-size: 70%; line-height: 1.4; text-align: center; }
        h2 .date > span { display: inline-block; padding: 0 0.5em; color: #FFF; background: var(--title-color); border-radius: 3px;  }
.align-left :is(h1, h2) { text-align: left; }
.align-center :is(h1, h2) { text-align: center; }
.align-right :is(h1, h2) { text-align: right; }
h3 { float: left; width: 100%; margin: 0; padding: 0.5em 0; font-weight: normal; font-size: 140%; line-height: 1.6; }
p { float: left; width: 100%; margin: 0; padding: 0.25em 0; box-sizing: border-box; }
ul { margin: 0; padding: 0.25em 0 0.25em 1%; list-style-type: disc; }
    ul li { padding: 0.25em 0; }

/* Táblázatok */
table { float: left; width: 100%; margin: 1em 0; border-collapse: collapse; border: none; }
    table tr:nth-child(even) { background: var(--background-light); }
    table th { padding: 0.5em 1em; border: none; text-align: left; font-weight: bold; }
    table td { padding: 0.5em 1em; border: none; }
.responsiveTable { float: left; width: 100%; margin: 1em 0; overflow-x: auto; }
    .responsiveTable .note { display: none; float: left; width: 100%; padding: 1em; box-sizing: border-box; font-size: 85%; text-align: center; }
        .responsiveTable .note:before { content: 'A  fenti táblázat a képernyőn túl is tartalmaz információkat. A táblázatot teljes egészében balra és jobbra mozgatva tekintheti át.'; float: left; width: 100%; }

/* form */
.formBox { float: left; width: 100%; padding: 1em 0 0; border-top: 0 dashed var(--background-light); }
    .formBox h2 { color: var(--title-color); text-align: left; }
    .inputContent { float: left; width: 100%; }
    .formBox p { float: left; width: 50%; padding: 0.5em 0; position: relative; }
    .formBox p.w-50 { width: 50%; }
    .formBox p.full-width { width: 100%; }
    .formBox .submit { width: 100%; text-align: center; }
    .formBox label { float: left; width: 100%; box-sizing: border-box; padding: 0 0 0.2em 1%; position: relative; }
        .formBox label span { color: red; }
        .formBox label.required:before { content: '*'; margin-right: 0.5em; color: red; }
    .formBox input[type=text],
    .formBox input[type=email],
    .formBox input[type=number],
    .formBox textarea { width: 95%; box-sizing: border-box; height: 3em; padding: 0.5em; background: #FFF; border: 2px solid var(--background-dark); border-radius: 3px; }
    .formBox .full-width :is(input[type=text], input[type=email], input[type=number], textarea) { width: 97.5%; }
    .formBox textarea { height: 6em; }
    .formBox select { width: 95%; height: 3em; background: #FFF; border: 2px solid var(--background-dark); border-radius: 3px; }
    .formBox input[type=text].date { max-width: 7em; }
    .formBox input[type=checkbox] { display: none; }
    .formBox input[type=checkbox] + label { margin-top: 1.5em; }
    .formBox label + input[type=checkbox] + label { margin-top: 0; }
    .formBox input[type=checkbox] + label:before { content: '\f0c8'; margin-right: 0.5em; color: var(--background-dark); font-family: fontAwesome; font-size: 125%; }
    .even .formBox input[type=checkbox] + label:before { /* color: #FFF; */}
    .formBox input[type=checkbox]:checked + label:before { content: '\f14a'; }
    .formBox button { height: 3em; padding: 0.5em 3em; color: #FFF; background: var(--button-color); border: none; border-radius: 1.5em; font-weight: bold; line-height: 1.2; text-transform: uppercase; cursor: pointer; transition: all .3s; }
    .formBox button:hover { background: var(--button-hover-color); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
    .formBox .captchaInput { float: left; width: 50% !important; max-width: 5em; }
    .formBox img { height:1.7em; margin: 0.5em 0 0 1em; background: #FFF; border: none; }
    .formBox p.error input[type=text],
    .formBox p.error input[type=email],
    .formBox p.error select,
    .formBox p.error textarea { border-color: red; }
    .formBox p.error label,
    .formBox label.error { color: red; }
    .formBox p.error label i,
    .formBox label.error i { margin-left: 0.5em; padding: 0 0.4em; color: #FFF; background: red; border-radius: 5px; font-family: fontAwesome; font-size: 90%; line-height: 1.2; }
        .formBox .errorNote { display: none; float: left; width: 95%; box-sizing: border-box; padding: 0.1em 0.5em; position: absolute; left: 0; top: -2em; color: #FFF; background: red; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); border-radius: 3px; }
        .formBox .showError .errorNote { display: block; }
            .formBox .errorNote:before { content: ''; width: 0; height: 0; position: absolute; left: 5%; bottom: -6px; border-left: 6px solid transparent; border-top: 6px solid red; border-right: 6px solid transparent; }
    .formBox .note { margin-left: 0.5em; position: relative; color: var(--background-dark); }
        .formBox .note span { display: none; float: left; min-width: 15em; box-sizing: border-box; padding: 0.1em 0.5em; position: absolute; left: 0; bottom: 2em; color: #FFF; background: var(--background-dark); box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); border-radius: 3px; }
        .formBox .note:hover span { display: block; }
            .formBox .note span:before { content: ''; width: 0; height: 0; position: absolute; left: 2%; bottom: -6px; border-left: 6px solid transparent; border-top: 6px solid var(--background-dark); border-right: 6px solid transparent; }     
            
.formMessage { float: left; width: 100%; margin: 0.5em 0; padding: 0.5em 2%; box-sizing: border-box; position: relative; color: #3eaa48; background: #FFF; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); border: 1px solid #3eaa48; border-radius: 5px; font-size: 115%; }
    .formMessage p:first-child:before { content: '\f00c'; margin-right: 1em; position: relative; top: 5px; font-family: fontAwesome; font-size: 150%; }
    .formMessage p { float: left; width: 100%; margin: 0; padding: 0.2em 0 !important; }
    .formMessage ul { float: left; width: 95% !important; margin: 0; padding: 0 0 0 5% !important; list-style-type: square !important; }
    .formMessage li { padding: 0.5%; position: relative; font-size: 90%; background: none; ll }
    .formMessage ul li:before { display: none; }
.formMessageError { margin-bottom: 1.5em; color: #FF0000 !important; border-color: #ff0000; }
    .formMessageError p:first-child:before { content: '\f00d'; }
    .formMessageError p { margin: 0 !important; padding: 0.2em 0 !important; }            
    
/* Slider */
.slider { float: left; width: 100%; position: relative; overflow: hidden; }
    .slider .item { width: 100%; position: absolute; left: 0; top: 0; z-index: 1; overflow: hidden; }
    .fullScreen .slider .item { height: 100%; }
    .slider .item.active { position: relative; left: 0; z-index: 2; }
    
    .slider .item.right-in { animation: right-in .8s forwards; z-index: 2; }
    .slider .item.right-out { animation: right-out .8s forwards; z-index: 2; }
    .slider .item.left-in { animation: left-in .8s forwards; z-index: 2; }
    .slider .item.left-out { animation: left-out .8s forwards; z-index: 2; }  
        .slider img { display: block; width: 100%; margin: 0; position: relative; } 
        .fullScreen .slider img { width: auto; max-width: none; height: 100%; }
        .slider .item .caption { display: flex; width: 100%; box-sizing: border-box; height: 100%; padding: 0 0 15%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0); overflow: hidden; align-items: flex-end; justify-content: center; } 
            .slider .item .captionInner { float: left; box-sizing: border-box; padding: 0.5em 1em; background: rgba(255, 255, 255, 0); border-radius: 5px; opacity: 0; transition: all .3s .8s; }
            .slider .item.active .captionInner { background: rgba(255, 255, 255, .9); opacity: 1;  }
            .slider .item .captionTitle { float: left; width: 100%; position: relative; opacity: 0; transform-origin: center; transition: transform .5s 1s; }
            .slider .item.active .captionTitle { opacity: 1; }
            .slider .item .captionContent { float: left; width: 100%; position: relative; opacity: 0; transform-origin: center; transition: transform .5s 1.2s; }
            .slider .item.active .captionContent { opacity: 1; }

            .slider .item.first-active .captionInner { transition: all .3s .1s; }
            .slider .item.first-active .captionTitle { transition: .5s .4s; }
            .slider .item.first-actvie .captionContent { transition: .5s .6s; }
            .slider .item.caption-out .captionInner { background: rgba(255, 255, 255, 1); opacity: 0; transition: all .3s .3s; }
            .slider .item.caption-out .captionTitle { opacity: 0; transition: all .2s .1s; }
            .slider .item.caption-out .captionContent { opacity: 0; transition: all .2s; }            
           
            
    .slider .directionContent { display: flex; flex-wrap: wrap; float: left; width: 100%; padding: 0 1% 0 0; position: absolute; right: 0; bottom: 1%; z-index: 2; }
        .slider .statusContent { display: flex; flex-wrap: nowrap; float: left; width: 100%; margin-bottom: 1em; align-items: center; justify-content: center; }
            .slider .statusContent a { display: inline-block; width: 1em; height: 1em; margin: 0 0.3em; background: #FFF; border-radius: 50%; }
            .slider .statusContent a.active { width: 1em; height: 1em; background: var(--background-dark); }
            .slider .statusContent a:hover { transform: scale(1.2, 1.2); transition: all .3s; }
        .slider .directionButtonContent { display: flex; flex-wrap: nowrap; float: left; width: 100%; align-items: center; justify-content: center; }
            .slider .directionButtonContent a { float: left; width: 1.5em; height: 1.25em; position: relative; }
            .slider .directionButtonContent a + a { margin-left: 1.5em; }
                .slider .directionButtonContent a span { float: left; width: 100%; height: 2px; position: absolute; left: 0; top: calc(50% - 1px); background: #FFF; border-radius: 1px; }
                .slider .directionButtonContent a.leftButton:before { content: ''; float: left; width: 50%; height: 2px; position: absolute; left: 0; top: calc(50% - 1px); background: #FFF; border-radius: 1px; transform: rotate(-40deg); transform-origin: 0 0; }
                .slider .directionButtonContent a.leftButton:after { content: ''; float: left; width: 50%; height: 2px; position: absolute; left: 0; top: calc(50% - 1px); background: #FFF; border-radius: 1px; transform: rotate(40deg); transform-origin: 0 0; }  
                .slider .directionButtonContent a.rightButton:before { content: ''; float: left; width: 50%; height: 2px; position: absolute; right: 0; top: calc(50% - 1px); background: #FFF; border-radius: 1px; transform: rotate(-40deg); transform-origin: 100% 0; }
                .slider .directionButtonContent a.rightButton:after { content: ''; float: left; width: 50%; height: 2px; position: absolute; right: 0; top: calc(50% - 1px); background: #FFF; border-radius: 1px; transform: rotate(40deg); transform-origin: 100% 0; }   
            
        .slider .imageLoader { float: left; width: 100%; height: 5px; position: absolute; left: 0; bottom: 0; overflow: hidden; background: #d8d8d8; }
        .slider .imageLoader span { float: left; width: 100%; height: 5px; position: absolute; left: -100%; top: 0; background: #da0000; }
        
/* Dobozok */
.boxOuterContent { float: left; width: 100%; }
.boxContent { display: flex; flex-wrap: wrap; float: left; width: 100%; padding: 1em 0 0; position: relative; justify-content: center; transition: all ease-in .4s; }
.simpleScroll .boxContent { flex-wrap: nowrap; left: 0; justify-content: left; }
.simpleScroll .boxContent:not(.active) { justify-content: center; }
    .contentBox { box-sizing: border-box; margin: 0.5em 1% 1em; padding: 0.5em 1% 0; position: relative; border: 0px solid transparent; }
    .simpleScroll .contentBox { padding-top: 0; }
    .boxContent.box-2 .contentBox { flex: 0 0 48%; }
    .boxContent.box-3 .contentBox { flex: 0 0 31.33333%; }
    .boxContent.box-4 .contentBox { flex: 0 0 23%; }
    .boxContent.box-5 .contentBox { flex: 0 0 18%; }
        .contentBox .image { display: flex; flex-wrap: nowrap; float: left; width: 80%; margin: 0 10%; position: relative; z-index: 1; align-items: center; justify-content: center; }
        .contentBox.active .image { transform: scale(0, 0);  transition: all .3s; }
        .contentBox.inactive .image { transform: scale(1, 1); transition: all .3s; }
            .contentBox .imageInner { float: left; width: 100%; box-sizing: border-box; padding: 5%; position: relative; z-index: 1; /*background: var(--background-dark);*/ transition: all .3s; }
            .image-radius.radius-5 .contentBox .imageInner,
            .image-radius.radius-5 .contentBox .image.bitmap .imageInner:before { border-radius: 5%; }
            .image-radius.radius-10 .contentBox .imageInner,
            .image-radius.radius-10 .contentBox .image.bitmap .imageInner:before { border-radius: 10%; }
            .image-radius.radius-15 .contentBox .imageInner,
            .image-radius.radius-15 .contentBox .image.bitmap .imageInner:before { border-radius: 15%; }
            .image-radius.radius-20 .contentBox .imageInner,
            .image-radius.radius-20 .contentBox .image.bitmap .imageInner:before { border-radius: 20%; }
            .image-radius.radius-25 .contentBox .imageInner,
            .image-radius.radius-25 .contentBox .image.bitmap .imageInner:before { border-radius: 25%; }
            .image-radius.radius-30 .contentBox .imageInner,
            .image-radius.radius-30 .contentBox .image.bitmap .imageInner:before { border-radius: 30%; }
            .image-radius.radius-35 .contentBox .imageInner,
            .image-radius.radius-35 .contentBox .image.bitmap .imageInner:before { border-radius: 35%; }
            .image-radius.radius-40 .contentBox .imageInner,
            .image-radius.radius-40 .contentBox .image.bitmap .imageInner:before { border-radius: 40%; }
            .image-radius.radius-45 .contentBox .imageInner,
            .image-radius.radius-45 .contentBox .image.bitmap .imageInner:before { border-radius: 45%; }
            .image-radius.radius-50 .contentBox .imageInner,
            .image-radius.radius-50 .contentBox .image.bitmap .imageInner:before { border-radius: 50%; }  
      
            .contentBox .image.bitmap .imageInner { display: inline-block; float: none; width: auto; padding: 0; position: relative; background: none; }

            .box-4 .contentBox:hover .imageInner { }
            .contentBox .image img { display: block; max-width: 100%; margin: 0 auto; position: relative; z-index: 2; border: none; }
            .contentBox .image img[src$=svg] { width: 100%; }
            .contentBox:hover .bitmap img { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
            .contentBox:hover .image img { opacity: 0.9; }
        
    .simpleScroll .contentBox { opacity: 0; transition: all .3s; }
    .simpleScroll .contentBox.init { opacity: 1; }
        .contentBox h2 { padding: 0.7em 0 0; font-size: 150%; text-align: center; transition: all .3s; }
        /*.contentBox:hover:not(.no-effect) h2 { transform: scale(1, 1) translateY(10px); }*/
        .contentBox .description { float: left; width: 100%; height: 3em; padding: 0 0 0.5em; position: relative; overflow: hidden; text-align: center; }
            .contentBox .description:before { content: ''; float: left; width: 100%; height: 2.5em; position: absolute; left: 0; bottom: 0; z-index: 2; background: rgba(255,255,255,0.03); background: -moz-linear-gradient(top, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.71) 65%, rgba(255,255,255,0.73) 67%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.03)), color-stop(65%, rgba(255,255,255,0.71)), color-stop(67%, rgba(255,255,255,0.73)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.71) 65%, rgba(255,255,255,0.73) 67%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.71) 65%, rgba(255,255,255,0.73) 67%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.71) 65%, rgba(255,255,255,0.73) 67%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.71) 65%, rgba(255,255,255,0.73) 67%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); }
        .contentBox .descOver { width: 85%; height: auto; max-height: 100%; box-sizing: border-box; padding: 0.5em 5%; position: absolute; left: 7.5%; top: 7.5%; z-index: 10; background: rgba(243, 243, 243, 0.92); border: 0 solid #FFF; border-radius: 5px; transform: scale(0, 0); overflow-y: auto; }
        .contentBox.active .descOver { transform: scale(1, 1); transition: all .5s; }
        .contentBox.inactive .descOver { transform: scale(0, 0); transition: all .5s; }
            .contentBox .descOver h3 { padding: 0; font-weight: bold; }      
        .contentBox .desc { float: left; width: 100%; padding: 0.5em  0; }
        .contentBox .moreLink { float: left; width: 100%; padding: 0.2em 0 0; text-align: center; }
        .contentBox .descOver .close { position: absolute; right: 0.5em; top: 0.1em; color: red; font-size: 125%; }
        .contentBoxInner { float: left; width: 100%; box-sizing: border-box; height: 100%; padding: 0 1em; border: 1px solid var(--background-dark); border-radius: 5px; }
            .contentBox ul { float: left; width: 100%; margin-top: 0.5em; padding: 0; list-style-type: none; }
            .contentBox .identity { display: inline-block; float: left; min-width: 1.5em; margin-right: 0.5em; padding: 0.5em 0.2em 0.4em; position: relative; top: 0.4em; color: #FFF; background: var(--button-color); border-radius: 50%; font-size: 80%; line-height: 1; text-align: center; }
                .contentBox li { float: left; width: 100%; padding: 0.5em 0; }
                .contentBox li + li { border-top: 2px solid var(--separator-color); }
                .contentBox li span { float: right; padding: 0 0.5em; color: #FFF; background: var(--background-dark); border-radius: 3px;  }
                
.counterBoxContent .contentBox { background: transparent; text-align: center; }
.invers .counterBoxContent .contentBox { color: var(--color-white); }
    .counterBoxContent .contentBox h2 { padding: 0; font-size: 300%; font-weight: bold; line-height: 1; }
    .counterBoxContent .contentBox .desc { font-size: 120%; }                
        
/* Termékek */
    .contentBox.product { padding-bottom: 6em; }
    .contentBox.product img { display: block; margin: 0 auto; border: none; }
    .contentBox .priceBox { float: left; width: 100%; padding: 0.5em 0; text-align: center; }
        .contentBox .priceBox span { display: inline-block; padding: 0.25em 0.5em; color: #FFF; background: var(--background-dark); border-radius: 5px; font-weight: bold; font-size: 110%; }
        .contentBox .priceBox span + span { margin-left: 0.5em; }
        .contentBox .priceBox span.oldPrice { font-size: 90%; font-style: italic; text-decoration: line-through; }
    .contentBox.product .buttonContent { position: absolute; left: 0; bottom: 0; }
        
/* Részletek */
.anotherItemContent { float: left; width: 100%; padding: 0; text-align: center; }
    .anotherItemContent a { display: inline-block; width: 2.5em; height: 2.5em; position: relative; background: var(--background-light); border: 1px solid var(--link-color); border-radius: 50%; }
    .anotherItemContent a + a { margin-left: 1em; }
    .anotherItemContent a.leftButton { float: left; }
    .anotherItemContent a.rightButton { float: right; }
        .anotherItemContent a.leftButton:before { content: ''; width: 20%; height: 20%; box-sizing: border-box; position: absolute; left: 42%; top: 40%; border-left: 2px solid var(--link-color); border-top: 2px solid var(--link-color); border-top-left-radius: 2px; transform: rotate(-45deg); transform-origin: center center; }
        .anotherItemContent a.rightButton:before { content: ''; width: 20%; height: 20%; box-sizing: border-box; position: absolute; left: 37%; top: 40%; border-top: 2px solid var(--link-color); border-right: 2px solid var(--link-color); border-top-right-radius: 2px; transform: rotate(45deg); transform-origin: center center; transition: all .3s; }
.itemDetailContent { display: flex; flex-wrap: wrap; float: left; width: 100%; padding: 1em 0; }
    .itemDetailContent .leftContent { flex: 1 0 100%; }
        .itemDetailContent .imagesContent { margin: 0 0 1em; padding: 0 7.5%; }
        .itemDetailContent .scrollContent { width: 100%; margin: 0; }
        .itemDetailContent .imagesInnerContent > a { flex: 0 0 100%; margin: 0; }
        .itemDetailContent .imagesInnerContent img { display: block; margin: 0 auto; border-radius: 0; }
        .itemDetailContent .simpleScroll a.leftButton { left: 1%; }
        .itemDetailContent .simpleScroll a.rightButton { right: 1%; }
    .itemDetailContent .rightContent { display: flex; flex: 1 0 100%; box-sizing: border-box; padding: 2em 0 0; justify-content: center; }
        .itemDetailContent .priceBox { display: inline-block; padding: 1em 5%; color: #FFF; background: var(--background-dark); border-radius: 5px; text-align: center; }
        .itemDetailContent .priceBox + .priceBox { margin-top: 1em; }
        .itemDetailContent .priceBox.oldPrice { width: 80%; margin-left: 10%; margin-right: 10%; font-size: 80%; }
            .itemDetailContent .priceBox span { display: inline-block; font-size: 120%; font-weight: bold; }
            .itemDetailContent .priceBox.oldPrice span { font-style: italic; text-decoration: line-through; }
            

/* Oszlopos dobozok dobozok */
.columnBoxContent { display: flex; flex-wrap: nowrap; float: left; width: 100%; }
    .columnBoxContent .column { box-sizing: border-box; padding: 0; }
    .columnBoxContent.box-2 .column { flex: 0 0 50%; }
    .columnBoxContent.box-3 .column { flex: 0 0 33.3333%; }
    .columnBoxContent.box-4 .column { flex: 0 0 25%; }
    .columnBoxContent.box-5 .column { flex: 0 0 20%; }    
        .column .columnBox { float: left; position: relative; overflow: hidden; }
        .box-2 .columnBox { width: 95%; margin: 2.5%; }
        .box-3 .columnBox { width: 95%; margin: 2.5%; }
        .box-4 .columnBox { width: 95%; margin: 2.5%; }
        .box-5 .columnBox { width: 95%; margin: 2.5%; }        
            .columnBox img { display: block; width: 100%;  border: none; border-radius: 0; }  
            .columnBox:hover img { filter: none !important; box-shadow: none !important; transform: none !important; }
            .columnBox .overText { float: left; width: 100%; box-sizing: border-box; padding: 0.5em; position: absolute; left: 0; bottom: 0; z-index: 1; color: #FFF; background: rgba(0, 0, 0, 0.3); transition: all .3s; }
            .columnBox:hover .overText { padding: 10% 0.5em 20%; background: rgba(0, 0, 0, 0.6); }
            .columnBox span.buttonContent { float: left; width: 100%; box-sizing: border-box; padding: 0.75em 2%; position: absolute; left: 0; bottom: -50%; z-index: 2; text-align: center; transition: all .3s; }
            .columnBox:hover span.buttonContent { bottom: 0; }
                .columnBox span.buttonContent span { display: inline-block; padding: 0.5em 1.5em; color: #FFF; background: var(--link-color); border: 1px solid transparent; border-radius: 1.5em; }
            .columnBox .debug { float: left; padding: 0.2em; position: absolute; right: 0; top: 0; z-index: 2; color: #FFF; background: #00000033; }
                
/* Hírek */
.boxContent2 { display: flex; flex-wrap: wrap; float: left; width: 100%; }
    .contentBox2 { flex: 1 1 50%; }
        .contentBox2 img { display: block; max-width: 80%; margin: 0 auto 0.5em; }
        .contentBox2 h2 { font-size: 140%; text-align: center; text-transform: uppercase; }
            .contentBox2 h2 .date { display: block; color: var(--text-color); font-size: 80%; }
 
/* Rólunk mondták */
.quoteBox { box-sizing: border-box; margin: 1em 0 1.5em; padding: 2.5% 5% 0; position: relative; }
.boxContent.box-1 .quoteBox { flex: 1 0 100%; }
.boxContent.box-2 .quoteBox { flex: 1 0 50%; }
.boxContent.box-3 .quoteBox { flex: 1 0 33.33333%; }
.boxContent.box-4 .quoteBox { flex: 1 0 25%; }
.boxContent.box-5 .quoteBox { flex: 1 0 20%; }
    .quoteBoxContent { padding: 0.5em 0 0; position: relative; font-style: italic; text-align: center; }
        .quoteBoxContent:before { content: '\f10d'; position: absolute; left: 0; top: -1em; color: var(--background-dark); font-family: fontAwesome; }
        .quoteBoxContent:after { content: '\f10e'; position: absolute; right: 0; bottom: -1em; color: var(--background-dark); font-family: fontAwesome; }
        .quoteBoxName { display: block; padding: 1em 0 0; font-weight: bold; font-style: italic; text-align: center; }
                
/* Térkép */
.contentBlock.mapContent { padding: 0; }
.map { float: left; width: 100%; height: 400px; z-index: 2; border-top: 3px solid #FFF; border-bottom: 3px solid #FFF; }
.breadcrumb + .map { margin-top: 1.5em; }

/* Galéria */
.imagesContent { float: left; width: 100%; margin-top: 1em; position: relative; overflow: hidden; }
    /*.imagesInnerContent { float: left; width: 100%; position: relative; text-align: center; }
    .imagesInnerContent > a { float: left; width: 20%; box-sizing: border-box; padding: 0 0.25em; }*/
    
    .imagesInnerContent { display: flex; flex-wrap: wrap; float: left; width: 100%; position: relative; transition: all ease-in .4s; justify-content: center; }
    .simpleScroll .imagesInnerContent { justify-content: left; }
    .simpleScroll .imagesInnerContent { flex-wrap: nowrap; left: 0; }
    .imagesInnerContent > a { flex: 0 0 18%; box-sizing: border-box; margin: 1% 1%; border-radius: 8px; transition: all .3s; }
    .imagesContent:not(.simpleScroll) .imagesInnerContent > a { margin: 1% 1%; }
    .imagesInnerContent > a:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); }
    .image-radius.radius-5 .imagesInnerContent > a { border-radius: 5%; }
    .image-radius.radius-10 .imagesInnerContent > a { border-radius: 10%; }
    .image-radius.radius-15 .imagesInnerContent > a { border-radius: 15%; }
    .image-radius.radius-20 .imagesInnerContent > a { border-radius: 20%; }
    .image-radius.radius-25 .imagesInnerContent > a { border-radius: 25%; }
    .image-radius.radius-30 .imagesInnerContent > a { border-radius: 30%; }
    .image-radius.radius-35 .imagesInnerContent > a { border-radius: 35%; }
    .image-radius.radius-40 .imagesInnerContent > a { border-radius: 40%; }
    .image-radius.radius-45 .imagesInnerContent > a { border-radius: 45%; }
    .image-radius.radius-50 .imagesInnerContent > a { border-radius: 50%; }    
        .imagesInnerContent.notFill > a { display: inline-block; float: none; }
            .imagesInnerContent img { display: block; max-width: 100%; border: none; }
            .imagesInnerContent a:hover img  { box-shadow: none; transform: scale(1, 1); }
            .imagesInnerContent .showTitle img { border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
            .imagesInnerContent .title { float: left; width: 100%; box-sizing: border-box; padding: 0.25em 2%; background: #FFF; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; text-align: center; }
.labelContent { float: left; width: 100%; padding: 0.5em 0; text-align: center; }
    .labelContent a { display: inline-block; font-size: 95%; }
    .labelContent a + a { margin-left: 0.5em; }
    
/* Lista boksz */
.listContent { float: left; width: 100%; }
    .listBox { display: flex; flex-wrap: nowrap; float: left; width: 100%; box-sizing: border-box; padding: 1em 1%; }
    .listBox.right-image { flex-direction: row-reverse; }
    .listBox + .listBox { border-top: 1px dashed var(--separator-color); }
        .listBox .listImageBox { flex: 0 0 auto; box-sizing: border-box; padding: 0 2% 0 0;}
        .listBox.right-image .listImageBox { padding: 0 0 0 2%; }
            .listImageBox img { display: block; max-width: 200px; }
        .listBox .listContentBox { flex: 1 1 auto; box-sizing: border-box; }
            .listContentBox h2 { padding: 0; text-align: left;  }
            .listDate { float: left; width: 100%; }
                .listDate span { display: inline-block; padding: 0em 0.5em; color: #FFF; background: var(--background-dark); border-radius: 3px; font-size: 90%; }
.imageBox { display: flex; flex-wrap: wrap; float: left; width: 100%; padding: 0.5em 0; justify-content: center; }
    .imageBox img { display: block; max-width: 100%; }
    
.simpleScroll { float: left; width: 100%; box-sizing: border-box; position: relative; overflow: hidden; }
    .scrollContent { float: left; width: calc(100% - 4.5em); margin: 0 2.25em; overflow: hidden; }
    .simpleScroll a.leftButton { float: left; width: 2.5em; height: 2.5em; position: absolute; left: 0; top: calc(50% - 1.25em - 1em); z-index: 2; background: var(--background-light); border: 1px solid var(--link-color); border-radius: 50%; }
        .simpleScroll a.leftButton:before { content: ''; width: 20%; height: 20%; box-sizing: border-box; position: absolute; left: 42%; top: 40%; border-left: 2px solid var(--link-color); border-top: 2px solid var(--link-color); border-top-left-radius: 2px; transform: rotate(-45deg); transform-origin: center center;  transition: all .3s; }
    .simpleScroll a.rightButton { float: right; width: 2.5em; height: 2.5em; position: absolute; right: 0; top: calc(50% - 1.25em - 1em); z-index: 2; background: var(--background-light); border: 1px solid var(--link-color); border-radius: 50%; transition: all .3s; }
        .simpleScroll a.rightButton:before { content: ''; width: 20%; height: 20%; box-sizing: border-box; position: absolute; left: 37%; top: 40%; border-top: 2px solid var(--link-color); border-right: 2px solid var(--link-color); border-top-right-radius: 2px; transform: rotate(45deg); transform-origin: center center; transition: all .3s; }  
    .even .simpleScroll a.leftButton,
    .even .simpleScroll a.rightButton { background: #FFF; }
    .simpleScroll a.leftButton.simple-scroll-inactive-button,
    .simpleScroll a.rightButton.simple-scroll-inactive-button,
    .simpleScroll a.leftButton.simple-scroll-inactive-button:before,
    .simpleScroll a.rightButton.simple-scroll-inactive-button:before { border-color: #CCC; }
    .simpleScroll .status { float: left; width: 100%; padding: 1em 0 0; line-height: 1; text-align: center; }
        .simpleScroll .status span { display: inline-block; width: 0.5em; height: 0.5em; background: var(--link-color); border-radius: 50%; line-height: 1; cursor: pointer; transition: all .3s; }
        .simpleScroll .status span + span { margin-left: 0.5em; }
        .simpleScroll .status span.simple-scroll-active-status-item,
        .simpleScroll .status span:hover { background: var(--link-color); box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); transform: scale(1.3, 1.3); }      
        
/* Legördülő lista */
.dropDownList { float: left; width: 100%; box-sizing: border-box; margin: 0; padding: 0.5em 3%; border: 1px solid var(--background-light); border-radius: 5px; list-style-type: none; }
/*.even .dropDownList { border: 2px solid var(--background-dark); }*/
    .dropDownList > li { float: left; width: 100%; box-sizing: border-box; padding: 0; border-top: 1px solid var(--background-light); }
    /*.even .dropDownList > li { border-color: var(--background-dark) !important; } */
    .background-color .dropDownList > li { border-top: 1px solid #FFF; }
    .dropDownList > li:first-child { border-top: none; }
        .dropDownList > li > a,
        .dropDownList > li > span { display: block; padding: 0.5em 0; font-size: 125%; }
            .dropDownList > li > a:before { content: '\f107'; float: right; margin-left: 0.5em; font-family: fontAwesome; transition: all .3s; }
            .dropDownList .price { float: right; }
            .dropDownList > li.active > a:before { transform: rotate(-180deg); }
            .dropDownList .content { display: none; float: left; width: 100%; box-sizing: border-box; padding: 0.5em 1% 1em; background: #FFF; border-radius: 3px; }
            .even .dropDownList .content { background: none; }
            .dropDownList .active .content { display: block; }   
            
/* Text-slider */
.itemSlider { float: left; width: 100%; position: relative; overflow: hidden; }
    .itemSliderBox { display: flex; flex-wrap: wrap; float: left; width: 100%; box-sizing: border-box; min-height: 100%; padding: 0 2%; position: absolute; left: 0; top: 0; opacity: 0; justify-content: center; align-items: center; font-size: 200%; line-height: 1.2; transform: scale(0, 0); transition: all 1s; }
    .itemSliderBox.simple-slider-active { left: 0; opacity: 1; transform: scale(1, 1); }
    .itemSliderBox.simple-slider-inactive { left: 0; opacity: 0; transform: scale(0, 0); }
        .itemSliderBox > * { text-align: center !important; }
        
/* Vendégkönyv */
.guestbookBox { float: left; width: 100%; box-sizing: border-box; margin: 0.5em 0; padding: 0.5em 0; box-shadow: 0 0 15px rgba(0, 0, 0, .1); border: 1px solid var(--separator-color); border-radius: 5px; }
.guestbookBox:first-child { margin-top: 1em; }
    .guestbookBoxTop { float: left; width: 98%; box-sizing: border-box; margin: 0 1%; padding: 0.5em 0.5em; border-bottom: 1px solid var(--separator-color); }
        .guestbookBoxTop span { float: right; font-size: 85%; }
        .guestbookBoxTop span:first-child { float: left; font-weight: bold; font-size: 100%; }
    .guestbookBoxContent { float: left; width: 100%; box-sizing: border-box; padding: 1em 2%; }
        
/* Lapozó */
.navBar { float: left; width: 100%; padding: 1em 0 0; text-align: center; }
    .navBar > * { margin: 0 0.1em; }
    .navBar .button { padding: 0.2em 0.75em; border-radius: 5px;  }
    .navBar > span.active { display: inline-block; padding: 0.2em 0.75em; background: var(--button-active-color); border-radius: 5px; font-weight: bold; font-size: 115%; }
    .navBar .navSteppingContent { display: none; }   

/* Naptár (spepciális dátumok) */
.calendarBox { width: 96%; max-width: 400px; padding: 0 0; position: absolute; left: 2%; z-index: 100; overflow: hidden; color: #FFF; background: #686868; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
    .calendarInnerBox { float: left; width: 100%; position: relative; }
        .calendarHeader { padding: 0.4em 1% 0.4em; font-weight: bold; text-align: center; text-transform: uppercase; }
            .calendarHeader a { float: right; display: inline-block; margin: 0 0.3em 0 0; padding: 0 0.5em; color: #686868; background: #d5d5d5; border-radius: 3px; font-size: 105%; text-decoration: none; }
            .calendarHeader a:first-child { float: left; margin: 0 0 0 0.3em; }
            .calendarHeader select { color: #000; background: #FFF; border: none; font-weight: normal; } 
        .calendar { display: table; width: 100%; border-collapse: collapse; }
            .calendar > span { display: table-row; }
                .calendar > span > span,
                .calendar > span > a { display: table-cell; padding: 0.2em 1% 0.3em; position: relative; border-left: 1px solid #686868; border-top: 1px solid #686868; text-align: center; }
                .calendar > span > a:first-child { border-left: none; }
                .calendar > .head + span a { border-top: none; }
                .calendar > span > span { color: #686868; background: #d5d5d5; }
                .calendar > span > span:first-child,
                .calendar > span a:first-child { border-left: 0px solid #686868; }
                .calendar > span > a { color: #000; background: #FFF; text-decoration: none; }
                .calendar > span > a:hover { color: #FFF; background: #686868; text-decoration: none;}
                .calendar > span .selected { color: #FFF; background: #686868; }
                    .calendar > span .startDate:before { content: '\f105'; position: absolute; left: 3px; top: 20%; font-size: 110%; font-family: fontAwesome; }
                    .calendar > span .endDate:before { display: none; }
                .calendar > span span.noActive { }
                .calendar > span .inactiveMonth { background: #efefef; }
                .calendar .head > span { color: #000; background: #d5d5d5; border-left: none !important; }        
                .calendar .head > span.sunday { color: #d60000; }
.calendarClose { display: none; }

.messageBox { float: left; width: 100%; box-sizing: border-box; margin: 0.5em 0; padding: 0.5em 2%; position: relative; background: var(--color-white); box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); border: 1px solid var(--background-light);  border-radius: 5px; }

.box404 { float: left; width: 100%; box-sizing: border-box; margin: 1em 0; padding: 0.5em 3% 0.5em 3%; position: relative; background: #fff1f1; border: 1px solid #d40000; border-radius: 3px; }
    .box404 p { padding: 0em;  font-size: 115%; text-align: left; }
    .box404 p:first-child { padding-top: 1.2em; margin-bottom: 0.5em; }
        .box404 img { float: left; max-width: 2em; margin-right: 1em; position: relative; top: -0.8em; border: none; }    

/**********************************************************************************************************************************************************************
 * Lábléc
 **********************************************************************************************************************************************************************/
.footer { float: left; width: 100%; padding: 1em 0; color: #FFF; background: var(--footer-background); }
.onlyOne .footer { margin-top: 2em; }
.footer.isFloatButton { padding-bottom: 3.5em; }
.footer.isTenderLogo { padding-bottom: 10em; }
    .footerInner { display: flex; flex-wrap: nowrap; width: 100%; box-sizing: border-box; max-width: 1480px; margin: 0 auto; padding: 0 2%; align-items: center; }
        .footerInnerL { flex: 1 0 33.3333%; color: #FFF; }
            .footerInnerL ul { margin: 0; padding: 0; list-style-type: none; }
                .footerInnerL li { float: left; }
                    .footerInnerL li + li { margin-left: 1em; }
                    .footerInner li:before { color: #FFF; }
                .footerInnerL a { color: #FFF; text-decoration: underline; }
        .footerInnerM { flex: 0 1 33.3333%; text-align: center; }
            .footerInnerM ul { float: left; width: 100%; padding: 0; list-style-type: none; text-align: center; }
                .footerInnerM li { display: inline-block; padding: 0 0.5em; }
                    .footerInnerM a { display: inline-block; width: 2em; box-sizing: border-box; height: 2em; padding: 0.5em 0 0; color: var(--link-color); background: #FFF; border-radius: 50%; font-size: 125%; line-height: 1; text-align: center; }
        .footerInnerR { flex: 0 0 33.3333%; text-align: right; }
            .footerInnerR span { display: inline-block; padding: 0.3em 0 0; }
            .logoWeb200 { display: inline-block; float: right; width: 140px; margin-left: 0.5em; }
                .logoWeb200 img { display: block; width: 100%; }
            .logoMitegyek { display: inline-block; float: right; width: 180px; }
                .logoMitegyek img { display: block; width: 100%; }            
                
.tenderLogo { display: block; float: left; max-width: 250px; position: fixed; bottom: 0; right: 0; z-index: 10; }
    .tenderLogo img { display: block; width: 100%; }
.tenderLogoBottomLeft { display: block; float: left; max-width: 250px; position: fixed; bottom: 0; left: 0; z-index: 10; }
    .tenderLogoBottomLeft img { display: block; width: 100%; }
                
.upButton { display: flex; width: 1.25em; height: 1.25em; box-sizing: border-box; padding: 0 0 0.1em 0; position: fixed; right: 2%; bottom: -2.5em; z-index: 500; color: var(--background-dark) !important; background: var(--background-light); border: 1px solid var(--background-dark); border-radius: 50%; font-size: 250%; line-height: 1; align-items: center; justify-content: center; transition: all .3s; }
a.floatButton { float: left; padding: 0.25em 0.75em; position: fixed; left: 1%; bottom: 0.5em; z-index: 11; color: var(--button-color); background: var(--menu-color); box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); border: 2px solid var(--button-color); border-radius: 1.5em; font-weight: bold; font-size: 125%; transition: all .3s; }
.floatButton:hover { padding-right: 1.5em; border-top-left-radius: 0.5em; border-bottom-left-radius: 0.5em; text-decoration: none; }
    .floatButton:hover:after { content: '\F101'; position: absolute; top: 0.6em; right: 0.5em; font-family: fontAwesome; line-height: 1; }
.tenderLogo + .upButton { right: auto; left: 2%; }
.upButton:hover { box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3); text-decoration: none; transform: scale(1.1, 1.1); } 
.upButtonActive { bottom: 2.5em; animation: upVisible 0.5s; }
.upButtonInactive { animation: upHide 0.4s; }   

.autoFill { float: left; z-index: 16 !important; background: #FFF; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); }
    .autoFill .item { display: block; padding: 0.4em 2%; line-height: 1.3; }
    .autoFill .item:hover,
    .autoFill .item.active { background: #cbe86b; text-decoration: none; }
    
.loader { float: left; width: 100%; padding: 0.5em 0; text-align: center; }
    .loader svg { display: inline-block; animation: loader .5s linear infinite; }
        .loader svg path { offset-distance: 0; stroke: var(--background-dark); animation: svgAnimate 1s infinite; }
        
.button.load,
button.load { position: relative; }
    .button.load:after,
    button.load:after { content: ''; width: 0; height: 2px; position: absolute; left: 0; bottom: 0.3em; background: var(--background-light); animation: buttonLoader linear infinite 1s; }
    
@media only screen and (max-width: 1280px) {
    .footerInnerM { flex-basis: 20%; }
}  

@media only screen and (min-width: 1025px) {
    .sliderMobile { display: none !important; }   
}

@media only screen and (max-width: 1024px) and (orientation: portrait) {
    .sliderMobile { display: initial; }
    .sliderDesktop { display: none !important; }    
}

@media only screen and (max-width: 1024px) {
    body.navActive { overflow: hidden; }
    .tenderLogoTopLeft { max-width: 60%; }
    .tenderLogoTopRight  { max-width: 25%; min-width: 200px; }
    .infoLine { padding: 0.25em 0; }
    .infoLineInner { flex-wrap: wrap; }
    .infoLineInner .title { display: none; }
    .infoLineInner .mobileTitle { display: block; padding: 0.25em 0; font-weight: bold; font-size: 105%; }
    .infoLineInner ul { width: 100%; padding: 0.5em 0 0; text-align: center; }
        .infoLineInner ul li { display: inline-block; float: none; margin: 0 0.25em; padding: 0.25em 0; line-height: 1.2; text-align: center; }
    .header { z-index: 1001; }
    .headerInner,
    .fixed .headerInner { padding: 0.5em 4%; }
    .logo { max-width: 75%; }
    .fixed .logo { margin: 0; }
        .logo img[src$=svg] { max-width: 200px;  }
        .logo span { margin: 0.05em 0; }
        .navigation { display: block; width: 85%; height: 100%; margin: 0; position: fixed; left: -85%; top: 0; z-index: 1001; background: var(--background-dark); border-bottom: 1px solid #FFF; overflow-y: auto; }
        .navActive .navigation { left: 0; box-shadow: 8px 0 15px rgba(0, 0, 0, 0.3); transition: all .5s; }
        .navInactive .navigation { left: -85%; transition: all .5s; }
            .navigation > li { width: 100%; padding: 0; border-bottom: 1px solid var(--background-light); }
                .navigation a { display: block; padding: 0.4em 5%; color: #FFF; }
        .navigation > li:first-child { display: block; padding: 0.5em 0; background: var(--background-light); border-bottom: none; text-align: center; }  
            .navigation > li:first-child img { display: block; width: 80%; max-width: 200px; margin: 0 auto; }
            .navigation > li.orientation-p:first-child img { width: auto; max-height: 5em; }
            .navigation > li:first-child span { display: inline-block; max-width: 70%; margin: 0.25em 0; padding: 0.1em 0.5em; color: var(--background-dark); background: #FFF; border-radius: 3px; font-weight: bold; text-transform: uppercase; }
            .navigation > li:not(.isSubmenu) > a:not(.mobileNavClose):hover:after,
            .navigation > li:not(.isSubmenu).active > a:after { display: none; }            
            .navigation > li.isSubmenu > a:before { color: #FFF; }
            .navigation > li.isSubmenu:hover > a:before { transform: none; }
            
        .navigation ul { display: block; float: left; width: 94%; min-width: 0; box-sizing: border-box; margin: 0 0 0.5em 3%; padding: 0 2%; position: relative; left: auto; top: auto; background: none; box-shadow: none; border-top: none; border-radius: 3px; opacity: 1; visibility: visible; transform: none; }
        .navigation ul.fixHeight { height: auto; overflow: visible; }
            .navigation ul:before { display: none; }
            .navigation ul li:first-child:before { display: none; }
            .navigation ul li a { padding: 0.4em 2%; background: none; border: none; border-radius: 0 !important; }
            .navigation ul li:last-child a { border-bottom: none; } 
                
        .navigation .mobileNavClose { display: none; float: left; width: 1.5em; height: 1.5em; margin: 0.2em 0; padding: 0; position: absolute; right: 2%; top: 0.5em; font-size: 100%; font-weight: bold; }
            .navigation .mobileNavClose:before,
            .navigation .mobileNavClose:hover:before { content: ''; width: 100%; height: 2px; position: absolute; left: 0; top: 50%; background: var(--menu-color); transform: rotate(45deg); animation: none; }
            .navigation .mobileNavClose:after,
            .navigation .mobileNavClose:hover:after { content: ''; width: 100%; height: 2px; position: absolute; left: 0; top: 50%; background: var(--menu-color); transform: rotate(-45deg); }  
        .mobileNavButtonContent { display: block; flex: 1 0 auto; }
        .mobileNavButton { display: block; float: right; position: relative; color: #FFF; transition: all .4s; }
        .mobileNavButton:hover { text-decoration: none; }
            .mobileNavButton .lineContent { display: block; float: left; width: 1.7em; padding: 0; }
                .mobileNavButton .line { float: left; width: 100%; }
                .mobileNavButton .line:first-child:before { content: ''; display: block; float: left; width: 75%; height: 2px; background: var(--menu-color); transition: all .4s; }
                .mobileNavButton .line:first-child:after { content: ''; display: block; float: left; width: 80%; height: 2px; margin-top: 0.4em; margin-left: 20%; background: var(--menu-color); transition: all .4s; }
                .mobileNavButton .line + .line:before { content: ''; display: block; float: left; width: 65%; height: 2px; margin-top: 0.4em; background: var(--menu-color); transition: all .4s; }
                /*
                .navActive .mobileNavButton .line:first-child:before { transform: rotate(45deg); transform-origin: 50% 50%; }
                .navActive .mobileNavButton .line:first-child:after { display: none; margin-top: -2px; transform: rotate(-45deg); transform-origin: 50% 50%; }
                .navActive .mobileNavButton .line + .line:before { margin-top: -2px; transform: rotate(-45deg); transform-origin: 50% 50%;  }
                */
            .navActive .mobileNavButton { transform: rotate(-360deg); }
                .navActive .mobileNavButton .line:first-child:before { width: 50%; position: relative; top: calc(0.4em + 2px); background: var(--menu-color); border-top-left-radius: 1px; border-bottom-left-radius: 1px; transform: rotate(-45deg); transform-origin: 0% 50%; }
                .navActive .mobileNavButton .line:first-child:after { width: 80%; margin-left: 0; background: var(--menu-color); }
                .navActive .mobileNavButton .line + .line:before { width: 50%; position: relative; top: calc(-0.4em - 2px); background: var(--menu-color); border-top-left-radius: 1px; border-bottom-left-radius: 1px; transform: rotate(45deg); transform-origin: 0% 50%; }                
            .mobileNavButton .title { display: none; width: 100%; font-size: 70%; line-height: 2; color: var(--menu-color); text-align: center; text-transform: uppercase; }       
    .breadcrumb { padding: 0.5em 0 0; }
      
    h1 { padding: 0 0 0.25em; font-size: 165%; line-height: 1.4; }
    h2 { padding: 0.25em 0; font-size: 140%; line-height: 1.4; }
    h3 { padding: 0.25em 0; font-size: 120%; line-height: 1.4; }
    ul { padding-left: 5%; }
    
    body:not(.fullScreen) .slider:not(.showInMobile) { display: none; }
        .slider .item .caption { padding-bottom: 30%; }
        .slider .item .captionInner { width: 90%; }
        body:not(.fullScreen) .slider .item .captionInner { top: 25%; bottom: auto; }
            .slider .item .captionTitle { line-height: 1.4; }
            body:not(.fullScreen) .slider .item img:not(.sliderMobile) { width: 150%; max-width: none; left: -25% !important; }
        
    .boxContent { padding: 0; }
    .contentBox { flex: 1 1 48%; width: 50%; margin: 0.5em 1%; }
        .contentBox h2 { font-size: 125%; line-height: 1.3; }
        .contentBox .image { width: 90%; margin: 0 5%; }
        .contentBox .descOver { width: 100%; left: 0; }
        /*.contentBox:nth-child(even) .descOver { left: -100%; } */
    .columnContent { flex-wrap: wrap; }
        .columnContent .column + .column { padding: 1em 0 0; }
    .scrollContent { padding: 0; }
    .map { height: 250px; }
    .formBox p { width: 100%; }
    .responsiveContent.column-6 { flex: 1 0 33.333333%; }
    
    .boxContent:is(.box-1, .box-2, .box-3, .box-4, box-5) .quoteBox { flex: 1 0 50%; }
    
    .imagesInnerContent > a { flex-basis: 31.333333%; }
    .simpleScroll .leftButton,
    .simpleScroll .rightButton { display: none; }    
    .scrollContent { width: 100%; margin: 0; }
    
    .columnBoxContent .column { flex: 0 0 50% !important; }
    .columnBoxContent .column-3,
    .columnBoxContent .column-4 { display: none; }
    
    .itemDetailContent { flex-wrap: wrap; }
        .itemDetailContent .leftContent { flex-basis: 100%; }
            .itemDetailContent .imagesContent { padding: 0; }
        .itemDetailContent .rightContent { flex-basis: 100%; padding: 1em 0 0; }
    .anotherItemContent { padding: 1em 0 0; }
    
    .footer.isTenderLogo { padding-bottom: 1em; }
    .footerInner { flex-wrap: wrap; }
    .footerInnerL { flex-basis: 100%; text-align: center; }
        .footerInnerL li { display: inline-block; float: none; }
            .footerInnerL li:before { display: none; }
    .footerInnerM { flex-basis: 100%; padding: 1em 0; }
    .footerInnerR { flex-basis: 100%; padding: 1em 0 2em; text-align: center; }
        .footerInnerR span { display: block; padding: 0; }
        .logoWeb200, 
        .logoMitegyek { float: none; margin: 0; }
    
    a.floatButton { left: 4%; bottom: 0.5em; }
    .tenderLogo,
    .tenderLogoBottomLeft { display: none; }
}

@media only screen and (max-width: 640px) {
    :is(.fullScreen .infoLine, .infoLine, .infoLineInner) { padding: 0; }
    .topTenderLogoContent { display: none; }
    .contentBlock.maxWidth .contentBlockInner { max-width: none !important; margin: 0; }
    .contentBlockInner { padding: 0 4%; }
    .responsiveContent { flex-wrap: wrap; }
    .responsiveContent.column-3 .responsiveBox,
    .responsiveContent.column-4 .responsiveBox,
    .responsiveContent.column-5 .responsiveBox,
    .responsiveContent.column-6 .responsiveBox { flex: 1 0 50%; }
    .responsiveContent.column-2  { flex-wrap: wrap; }
    .responsiveContent.column-2 .responsiveBox { flex: 1 0 100%; }
    
    .simpleScroll .contentBox { transform: none; }
    .boxContent.box-2 .contentBox,
    .boxContent.box-3 .contentBox,
    .boxContent.box-4 .contentBox,
    .boxContent.box-5 .contentBox { flex: 0 0 48%; }
    
    .simpleScroll .boxContent.box-2 .contentBox,
    .simpleScroll .boxContent.box-3 .contentBox,
    .simpleScroll .boxContent.box-4 .contentBox,
    .simpleScroll .boxContent.box-5 { flex: 0 0 98%; }
    
    .imagesInnerContent > a { flex-basis: 48%; }  
    .simpleScroll .imagesInnerContent > a { flex-basis: 98%; }
        .simpleScroll .imagesInnerContent img { margin: 0 auto; }
    
    .listBox { flex-wrap: wrap; flex-direction: row; }
    .listBox .listImageBox { flex-basis: 100%; padding: 0 0 1em !important; }
        .listImageBox img { max-width: 100%; }
    .listBox .listContentBox { flex-basis: 100%; }
    
    .columnBoxContent .column { flex: 0 0 100% !important; }
    .columnBoxContent .column-2 { display: none; }   
    
    .box-2 .columnBox,
    .box-3 .columnBox,
    .box-4 .columnBox,
    .box-5 .columnBox { width: 100%; margin: 2% 0; }    
    
    .columnContent .buttonContent { text-align: center; }
    
    .contentBox .priceBox span + span { margin: 0.5em 0 0; }
    .contentBox a.button { padding: 0.25em 1em; }
    
    .onlyOne .footer { margin-top: 0; }
}

@media only screen and (max-width: 480px) {
    
    .boxContent.box-2 .contentBox,
    .boxContent.box-3 .contentBox,
    .boxContent.box-4 .contentBox,
    .boxContent.box-5 .contentBox { flex: 0 0 100%; margin: 0.5em 0; }   
    
    .boxContent:is(.box-1, .box-2, .box-3, .box-4, box-5) .quoteBox { flex: 1 0 100%; }
}


/* Egyedi kiegészítés */
.header { border-bottom: 3px solid #d5b264 }
.fixed .header  { border-bottom: 1px solid #d5b264 }
.logo { border-radius: 50%; }
.logo img { max-width: 8em; border-radius: 50%; }
.logo:hover img {  box-shadow: 0 0 10px rgba(0, 0, 0, .5); }
.fixed .logo img { animation: loader linear .2s; }
.fixed .logo img { max-width: 6em; }
.fixed .header .logo { margin: 0 1em; }
.navigation a { font-weight: 500; }
.navigation > li > a:hover, .navigation > li.active a { color: #000; } 
.navigation > li:not(.isSubmenu).active > a:before { display: none; }
.navigation > li:not(.isSubmenu) > a:not(.mobileNavClose):hover:before, .navigation > li:not(.isSubmenu).active > a:before { display: none; }
h1 { font-weight: 500; text-transform: none; }
.invers h1 { color: #FFF; }
.formBox button { border-radius: .5em; }
.slider .statusContent a { width: .6em; height: .6em; border-radius: 3px; }
.slider .statusContent a.active { width: .6em; height: .6em; background: var(--button-color); }
.slider .directionButtonContent { display: none; }
.contentBlock blockquote { float: none; }
blockquote:before, blockquote:after { display: none; }
.columnContent .buttonContent { text-align: right; }
.invers .buttonContent .button { border: 2px solid #FFF; }
@media only screen and (min-width: 640px) {
.fixed-footer .footer { position: fixed; left: 0; bottom: 0; }
}
@media only screen and (max-width: 1024px) { 
.logo img { max-width: 5em; }
.fixed .logo img { max-width: 3.5em; }
}
@media (max-width: 768px) {
    p img {
      float: none !important;
      display: block;
      margin: 0 auto 20px auto;
    }