/** tag **************************************************************************************/ html { --pagewidth-max: 1152px; --pagewidth: min(90vw, var(--pagewidth-max)); } body { margin: 0; padding: 0; width: 100%; height: 100%; height: 100%; font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 2em; color: #686868; background-color: #FFFFFF; overflow-y: scroll; position: relative; } div, p, table, td, ul, li, section, a, img { box-sizing: border-box; } img { border: 0; } a:link { color: #463ad0; text-decoration: none; } a:visited { color: #463ad0; text-decoration: none; } a:hover { color: #463ad0; text-decoration: underline; } h1, h2, h3, .h3, h4, h5 { color: #4437c4; font-family: 'Poppins'; font-weight: 600; letter-spacing: 1px; line-height: 1.1em; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover{ text-decoration: none; } h1, .h1 { font-size: 35px; } h2, .h2 { font-size: 31px; letter-spacing: 1px; line-height: 1.2em; color: #4437c4; margin: 0; } h3, .h3 { font-size: 23px; letter-spacing: 0px; font-weight: 600; color: #4437c4; margin-bottom: 0; } h4, .h4 { font-size: 20px; font-weight: normal; } h5, .h5 { font-size: 17px; font-weight: normal; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } pre.pp { background-color: #DDD; } video { width: 100%; height: auto; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } input[type=text], input[type=email], input[type=password], textarea, select { padding: 8px 3%; border: 0; border-bottom: 1px #4437c452 solid; background-color: transparent; outline: none; -webkit-outline: none; -moz-outline: none; } input[type=text]:hover, input[type=text]:focus, input[type=password]:hover, input[type=password]:focus, textarea:hover, textarea:focus, select:hover, select:focus { } button, .button, a.button, input[type=button], input[type=submit] { display: inline-block; background-color: transparent; text-transform: uppercase; text-align: center; font-family: 'Poppins'; letter-spacing: 1px; color: #000000; position: relative; /*font-size: 16px;*/ /*padding: 15px 37px 13px 37px;*/ font-size: 13px; padding: 10px 32px 8px 32px; outline: none; background: #4437c4; color: #FFF; border: 0; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s; } button:hover, .button:hover, a.button:hover, input[type=button]:hover, input[type=submit]:hover { text-decoration: none; --box-shadow-color: rgba(68, 55, 196, 0.6); box-shadow: 3px 4px 50px 0px var(--box-shadow-color); -webkit-box-shadow: 3px 4px 50px 0px var(--box-shadow-color); -moz-box-shadow: 3px 4px 50px 0px var(--box-shadow-color); } button.bg-r:hover, .button.bg-r:hover, a.button.bg-r:hover, input[type=button].bg-r:hover, input[type=submit].bg-r:hover { box-shadow: 3px 4px 50px 0px rgba(176, 244, 231, 0.6); -webkit-box-shadow: 3px 4px 50px 0px rgba(176, 244, 231, 0.6); -moz-box-shadow: 3px 4px 50px 0px rgba(176, 244, 231, 0.6); } .button.prev { margin-left: 10px; } .button-dark { color: #FFF!important; background-color: #000; padding: 13px; display: inline-block; text-transform: uppercase; text-align: center; font-size: 90%; letter-spacing: 2px; } .button-dark:hover { text-decoration: none; } .button-w { padding: 15px 37px 13px 37px!important; min-width: 150px; } /* */ .link-button { cursor: pointer; display: inline-block; background-color: transparent; /*text-transform: uppercase;*/ font-size: 80%; letter-spacing: 1px; border: 0; position: relative; padding-left: 0; outline: none; } .link-button:after { content: '›'; display: block; position: absolute; font-size: 175%; top: -3px; right: -20px; } .link-button.textU80:after { top: -3px; } .link-button.prev { margin-left: 10px; } .link-button.prev:after { content: '‹'; top: -3px; left: -20px; } .link-button-dark { color: #FFF!important; background-color: #000; padding: 13px; display: inline-block; text-transform: uppercase; text-align: center; font-size: 90%; letter-spacing: 2px; } .link-button:hover { text-decoration: none; } .link-button-dark:hover { text-decoration: none; } table { border-collapse: collapse; } hr { height: 1px; border-top: 1px #000 solid; } /** class **************************************************************************************/ .pagewidth { display: block; width: var(--pagewidth); margin-left: auto; margin-right: auto; z-index: 20; position: relative; } .pagewidth.innerthin .content-inner { max-width: 600px; margin: auto; } section, .section, .newBlock { clear: both; position: relative; margin-top: 80px; } .clear { clear: both; } .table { display: table; } .tr,.row { display: table-row; } .td,.cell { display: table-cell; } .kiemelt { color: #0000FF; } .raquo { font-size: 1.3em; } .opacity-50 { -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; } .opacity-25 { -moz-opacity:.25; filter:alpha(opacity=50); opacity:.25; } .opacity-0 { -moz-opacity:.0; filter:alpha(opacity=0); opacity:.0; } .szurke { color: grey; } .apro { font-size: 85%; } .aprobb { font-size: 75%; } .nagy { font-size: 120%; } .halvany { opacity:0.65; filter:alpha(opacity=40); } .halovany { opacity:0.4; filter:alpha(opacity=40); } .alignc { text-align: center; } .alignr { text-align: right; } .alignj { text-align: justify; } .alignl { text-align: left; } .valignt { vertical-align: top; } .valignm { vertical-align: middle; } .valignb { vertical-align: bottom; } .w100 { width: 100%; } .w90{width:90%;} .w85{width:85%;} .w80{width:80%;} .w75{width:75%;} .w70{width:70%;} .w65{width:65%;} .w60{width:60%;} .w59{width:59%;} .w53_5{width:53.5%;} .w52{width:52%;} .w50{width:50%;} .w49{width:49%;} .w48{width:48%;} .w46_5{width:46.5%;} .w46{width:46%;} .w45{width:45%;} .w44{width:44%;} .w43{width:43%;} .w42{width:42%;} .w40{width:40%;} .w39{width:39%;} .w35{width:35%;} .w33{width:33%;} .w30{width:30%;} .w28{width:28%;} .w27{width:27%;} .w25{width:25%;} .w20{width:20%;} .w17_5{width:17.5%;} .w15{width:15%;} .w10{width:10%;} .w3{width:3%;} .h200{height:200px;} .h150{height:150px;} .pl0, input.pl0{padding-left: 0;} .pt120{padding-top: 120px;} .pt80{padding-top: 80px;} .pb80{padding-bottom: 80px;} .pb30{padding-bottom: 30px;} .mt160{margin-top: 160px;} .mt120{margin-top: 120px;} .mt80{margin-top: 80px;} .mt60{margin-top: 60px;} .mt50{margin-top: 50px;} .mt40{margin-top: 40px;} .mt30{margin-top: 30px;} .mt25{margin-top: 25px;} .mt15 {margin-top: 15px;} .mb200 {margin-bottom: 200px;} .mb120 {margin-bottom: 120px;} .mb80 {margin-bottom: 80px;} .mb50 {margin-bottom: 50px;} .mb40 {margin-bottom: 40px;} .mb30 {margin-bottom: 30px;} .mb10 {margin-bottom: 10px;} .mb0 {margin-bottom: 0;} a.to-icon{--to-icon-size: 28px;} a.to-icon[href^="https://www.youtu.be"], a.to-icon[href^="https://www.youtube.com"], a.to-icon[href^="https://www.facebook.com"], a.to-icon[href^="https://www.instagram.com"], a.to-icon[href^="https://www.pinterest.com"], a.to-icon[href^="https://www.twitter.com"], a.to-icon[href^="https://twitter.com"], a.to-icon[href^="https://www.linkedin.com"], a.to-icon[href^="https://www.spotify.com"], a.to-icon[href^="mailto"], a.to-icon[href^="tel"], a[href^="skype:"] { display: inline-block; overflow: hidden; width: var(--to-icon-size); height: var(--to-icon-size); visibility: hidden; margin-top: 0em; margin-right: 0.4em; } a.to-icon[href^="https://www.youtu.be"], a.to-icon[href^="https://www.youtube.com"] { width: calc(var(--to-icon-size) + 4px); } a.to-icon[href^="https://www.youtu.be"]:before, a.to-icon[href^="https://www.youtube.com"]:before, a.to-icon[href^="https://www.facebook.com"]:before, a.to-icon[href^="https://www.instagram.com"]:before, a.to-icon[href^="https://www.pinterest.com"]:before, a.to-icon[href^="https://www.twitter.com"]:before, a.to-icon[href^="https://twitter.com"]:before, a.to-icon[href^="https://www.linkedin.com"]:before, a.to-icon[href^="https://www.spotify.com"]:before, a.to-icon[href^="mailto"]:before, a.to-icon[href^="tel"]:before, a[href^="skype:"]:before { visibility: visible; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Brands"; font-weight: 400; font-size: var(--to-icon-size); width: 100%; text-align: center; line-height: var(--to-icon-size); content: "\f082"; margin-right: 0.5em; } a.to-icon[href^="https://www.youtu.be"]:before { content: "\f167"; } a.to-icon[href^="https://www.youtube.com"]:before { content: "\f167"; } a.to-icon[href^="https://www.facebook.com"]:before { content: "\f082"; } a.to-icon[href^="https://www.instagram.com"]:before { content: "\e055"; } a.to-icon[href^="https://www.pinterest.com"]:before { content: "\f0d3"; } a.to-icon[href^="https://www.twitter.com"]:before { content: "\f081"; } a.to-icon[href^="https://twitter.com"]:before { content: "\f081"; } a.to-icon[href^="https://www.linkedin.com"]:before { content: "\f08c"; } a.to-icon[href^="https://www.spotify.com"]:before { content: "\f1bc"; } a.to-icon[href^="mailto"]:before { font-family: "Font Awesome 5 Free"; content: "\f0e0"; } a.to-icon[href^="tel"]:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f3cd"; } a[href^="skype:"]:before { content: "\f17e"; font-size: 135%; vertical-align: -2px; } a[href^="skype:"] { font-size: 18px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; background-color: #00aff0; color: #FFF; padding: 5px 15px; } /* ikonok
esetén is egysorba */ a.to-icon + br { display: none; } a.to-icon + br + a:not(.to-icon):before { content: " "; display: block; height: 0; } .br10{border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;} .brt10{border-radius: 10px 10px 0 0;-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;} .co-b, a.co-b{color: #4437c4;} .co-r, a.co-r{color: #4437c4;} .co-g, a.co-g{color: #666666;} .bg-r, input.bg-r{background-color: #f8c1cd;} .nono-26-reg-ro{font-family: 'Poppins'; font-size: 26px; font-weight: normal; color: #4437c4;} .c4i{width:22.5%; margin-right: 3.3%; display: inline-block; white-space: normal; } .c4i:nth-child(4n) { margin-right: 0; } .textU80 { font-size: 80%; text-transform: uppercase; letter-spacing: 1px; } .normal { font-size: 15px; font-weight: normal; } .bsbb { box-sizing: border-box; } .salonSlider1 .c4i:nth-child(4n) { margin-right: 3.3%; } .nowrap{ white-space: nowrap; } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .rotate90 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .rotate180 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .draw-arrow { position: relative; display: inline-block; --size: 0.7em; --color: #000; --line-width: 1px; width: var(--size); height: var(--size); box-sizing: border-box; transform-origin: center; } .draw-arrow:before, .draw-arrow:after { content: " "; display: block; position: absolute; top: 50%; left: 77%; width: 70%; height: 70%; margin: 0; padding: 0; border-top: var(--line-width) var(--color) solid; transition: border-color .25s; } .draw-arrow:before { top: calc(15% - var(--line-width) * 0.14645); left: calc(-7.5% - var(--line-width) * 0.35355); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); transform-origin: center; } .draw-arrow:after { -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); transform-origin: 0 0; } .draw-arrow.arrow-top { -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .draw-arrow.arrow-left { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .draw-arrow.arrow-bottom { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .ajax_loader { display: inline-block; width: 16px; height: 16px; background-image: url(images/loader.gif); position: relative; top: 2px; } .sprite-16 { display: inline-block; width: 16px; height: 16px; border: 0; background: url(images/sprite.png) no-repeat; } .sprite-16.user { background-position: -16px -16px; } .sprite-16.search { background-position: -32px -16px; } .shaddow { box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2); } .shaddow2 { box-shadow: 0px 20px 50px -10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 20px 50px -10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 20px 50px -10px rgba(0, 0, 0, 0.3); } .shaddow3 { box-shadow: 0px 2px 22px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 2px 22px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 22px 0px rgba(0, 0, 0, 0.1); } .shaddow2h { transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s; } .shaddow2h.akt, .shaddow2h:hover { box-shadow: 0px 20px 80px -10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 20px 80px -10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 20px 80px -10px rgba(0, 0, 0, 0.3); } .dropshadow { -webkit-filter: drop-shadow(5px 5px 20px #AAA ); filter: drop-shadow(5px 5px 20px #AAA); } .containbg { background-repeat: no-repeat; background-size: contain; background-position: center; } .coverbg { background-repeat: no-repeat; background-size: cover; background-position: center; } .inside-text-column2 .text, .column2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; column-gap: 4%; /*text-align: justify;*/ } .inside-text-column3 .text, .column3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; column-gap: 3%; /*text-align: justify;*/ } .pageintro2 .lead p:first-child, .inside-text-column2 .text p:first-child, .inside-text-column3 .text p:first-child, .column2 p:first-child, .column3 p:first-child { margin-top: 0; } .margina { margin: auto; } .columnHalf { width: 48%; } .mobilhide { display: block; } .mobilview { display: none; } .overflowXH { overflow-x: hidden; } .inverse, a.inverse, .inverse *, .inverse a:link, .inverse a:visited, .inverse a:hover, .inverse a:active, .inverse input { color: #FFF; border-color: #ffffffad; } .inverse option { color: #686868; } .inverse button, .inverse .button, .inverse a.button, .inverse input[type=button], .inverse input[type=submit] { background: #b0f4e7; color: #4437c4; font-size: 13px; font-weight: bold; min-width: 165px; padding: 10px 32px 8px 32px; } .inverse button:hover, .inverse .button:hover, .inverse a.button:hover, .inverse input[type=button]:hover, .inverse input[type=submit]:hover { --box-shadow-color: #b0f4e7; } .inverse.pagewidth { background-color: #4437c4; } .inverse .lead p, .inverse .lead div { color: #ffffffbf; } .failure, .success { color: #FFF; padding: 10px 20px; display: none; width: 90%; margin: 20px 0; } .failure { background-color: #db4437; } .success { background-color: #0eb38e; } .abovewave { position: relative; z-index: 100; } .back-link { display: block; margin-top: 80px; } .back-link .raquo { margin: 0 15px 0 5px; font-size: 20px; vertical-align: middle; } .bgPattern { position: absolute!important; z-index: 1; } #bgPattern_dekor-index-3 { left: 0; top: 1250px; } #bgPattern_dekor-index-4 { right: 0; top: 1000px; } #bgPattern_dekor-index-5 { right: 0; top: 1920px; } .page-galeria #bgPattern_dekor-index-5 { right: 0; top: 550px; } #bgPattern_dekor-index-6 { left: 65px; top: 2575px; } #bgPattern_dekor-index-7 { right: 0; bottom: 120px; z-index: 2; } #bgPattern_dekor-programok-2 { left: 0; top: 1220px; } #bgPattern_dekor-program-1 { right: 0; top: 180px; } #bgPattern_dekor-helyszin-1 { display: block; right: 0; top: 1300px; } .page-rolunk #bgPattern_dekor-program-1 { right: 0; top: 1000px; } .page-rolunk #bgPattern_dekor-index-3 { left: 0; top: 1980px; } .page-kiallitoknak #bgPattern_dekor-index-3 { left: 0; top: 690px; } .list-4col .item { display: inline-block; vertical-align: top; width: 22.3%; margin-left: 3.5%; margin-bottom: 3.5%; transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s; } .list-4col .item:nth-of-type(4n+1) { margin-left: 0; } .list-4col hidden { display: none; } @media (max-width: 950px){ .list-4col .item { width: 31%; margin-left: 3.5%; margin-bottom: 10%; } .list-4col .item:nth-of-type(4n+1) { margin-left: 3.5%; } .list-4col .item:nth-of-type(3n+1) { margin-left: 0; } } @media (max-width: 700px){ .list-4col .item { width: 48.2%; margin-left: 3.5%; } .list-4col .item:nth-of-type(4n+1) { margin-left: 3.5%; } .list-4col .item:nth-of-type(3n+1) { margin-left: 3.5%; } .list-4col .item:nth-of-type(2n+1) { margin-left: 0; } } @media (max-width: 500px){ .list-4col .item { width: 100%; margin-left: 0; } .list-4col .item:nth-of-type(4n+1) { margin-left: 0; } .list-4col .item:nth-of-type(3n+1) { margin-left: 0; } .list-4col .item:nth-of-type(2n+1) { margin-left: 0; } } .module-texts.imageAndLead1 .inner, .module-texts.imageAndLead2 .inner { display: grid; grid-gap: 4%; grid-template-columns: 48% 48%; } .module-texts.imageAndLead1 .inner img, .module-texts.imageAndLead2 .inner img { grid-column: 1; grid-row: 1; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } .module-texts.imageAndLead1 .inn1r .lead, .module-texts.imageAndLead2 .inner .lead { grid-column: 2; grid-row: 1; vertical-align: middle; } .module-texts.imageAndLead1 .inner { padding: 7%; } .doublecontent-box .content-inner { display: grid; grid-gap: 4%; grid-template-columns: 48% 48%; } #kiallitoknak-tartalom.doublecontent-box .content-inner .inner:nth-child(1) { order: 2; } #kiallitoknak-tartalom.doublecontent-box .content-inner .inner:nth-child(2) { order: 1; } #kiallitoknak-tartalom h2 { font-weight: normal; font-size: 42px; } #kiallitoknak-tartalom table { color: #4437c4; } #kiallitoknak-tartalom .button-w { margin-top: 20px; } input.replace-to-textarea { width: 100%; height: 100px; box-sizing: border-box; } .grid-30-4 { display: grid; grid-gap: 4%; grid-template-columns: 30% 66%; } .grid-30-4 > div p:nth-of-type(1) { margin-top: 1rem; } /** spec **************************************************************************************/ #header-wrap { position: fixed; padding-bottom: 1px; /*background-color: rgba(98, 167, 213, 0);*/ /*background-color: #4437c4;*/ z-index: 1000; width: 100%; top: 0; transition: all 0.25s; -moz-transition: all 0.25s; -webkit-transition: all 0.25s; -o-transition: all 0.25s; } body.fixheader #header-wrap { /*background-color: rgba(98, 167, 213, 0.8);*/ background-color: #3026b2; /*position: fixed;*/ /*box-shadow: 0px 15px 25px -5px rgba(0, 0, 0, 0.2);*/ /*-webkit-box-shadow: 0px 15px 25px -5px rgba(0, 0, 0, 0.2);*/ /*-moz-box-shadow: 0px 15px 25px -5px rgba(0, 0, 0, 0.2);*/ } #top-waves { overflow: hidden; position: absolute; height: 100%; width: 100%; top: 0; left: 0; } #top-wave { position: absolute; width: 2077px; width: 150%; height: 5097px; top: 45px; top: -4326px; /* svg height: 5097px; */ left: -43%; z-index: 0; transition: all 0.25s; -moz-transition: all 0.25s; -webkit-transition: all 0.25s; -o-transition: all 0.25s; } #top-wave svg { width: 100%; height: 100%; } /*#top-wave #topWaveShape2 { display: none; }*/ /*.page-fooldal #top-wave #topWaveShape2 { display: block; position: absolute; top: 10%; left: 11%; width: 63%; height: 65%; width: 1325px; height: 1350px; }*/ /*#top-wave svg path { fill: rgba(78, 169, 218, 0.8); }*/ #top-wave ~ * { position: relative; z-index: 2 } /*.page-regisztracio #top-wave*/ .fullPageInverse #top-wave, .page-tanacsadas #top-wave { display: none; } #top-wave2 { display: none; position: absolute; top: -1005px; left: 50%; margin-left: -1010px; width: 1325px; height: 1350px; z-index: 0; } .page-fooldal #top-wave2 { display: block; } /*html block vagy html contentpage*/ .fullPageInverse .content.html { width: 90%; max-width: 1152px; margin: auto; color: #FFF; } .fullPageInverse .module-texts *, .fullPageInverse .content.html * { color: #FFF; } /*.page-fooldal #top-wave { top: -105px; }*/ .whitehead #top-wave { display: none; } /*.page-kiallitok #top-wave { top: -115px; }*/ /*.page-jegyek #top-wave { top: 150px; }*/ /*.page-galeria #top-wave { top: 105px; }*/ /*.page-blog #top-wave { top: -105px; }*/ /*.page-partnerek #top-wave { top: -105px; }*/ /*, body.page-regisztracio*/ body.fullPageInverse, body.page-tanacsadas { background-color: #4437c4; } body.invertheader:not(.invertheaderdisabled) #header-wrap { /*position: relative;*/ background-color: transparent; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2); } header { width: 100%; margin-top: 60px; margin-bottom: 60px; transition: all 0.35s; -moz-transition: all 0.35s; -webkit-transition: all 0.35s; -o-transition: all 0.35s; } body.fixheader.invertheaderdisabled header, body.fixheader:not(.invertheader) header { margin-top: 15px; margin-bottom: 10px; } body.invertheader:not(.invertheaderdisabled) header { filter: invert(100%); } body.invertheader:not(.invertheaderdisabled) .act .border { display: none; } #header-spacer { height: 150px; } .page-fooldal #header-spacer { height: 200px; } .page-fooldal #firstblock-wrap { padding-top: 85px; background-image: url(images/dekor-index-2.png); background-repeat: no-repeat; background-position: right; position: relative; } header .cell { vertical-align: middle; color: #FFF; } header *, header a { color: #FFF!important; } .whitehead header *, .whitehead header a { color: #4437c4!important; } .whitehead.fixheader header *, .whitehead.fixheader header a { color: #FFFFFF!important; } #logo.cell { width: 33%; text-decoration: none; white-space: nowrap; transform-origin: left; } #logo.cell div, #logo.cell img { display: inline-block; vertical-align: middle; white-space: nowrap; font-weight: 200; font-size: 15px; letter-spacing: 1px; line-height: 24px; } #logo.cell div { margin-top: 6px; } #logo.cell a:hover { text-decoration: none; } #logo.cell b:first-child { font-size: 19.5px; font-weight: 600; } #logo.cell img { width: 85px; height: 85px; margin-right: 23px; margin-left: -5px; padding: 9px; } @media (max-width: 550px) { #logo.cell b:first-child { font-size: 17px; } } @media (max-width: 500px) { #logo.cell b:first-child { font-size: 14.5px; } } @media (max-width: 450px) { #logo.cell b:first-child { font-size: 13px; } } #menu { position: relative; text-transform: uppercase; font-weight: bold; font-size: 13px; vertical-align: middle; } #menu > .table { width: 100%; } #menu nav { width: 100%; vertical-align: middle; } #menu #nav-opener { width: 25px; margin-top: 4px; } #menu .jegyvasarlas { display: inline-block; vertical-align: middle; margin-right: 50px; } #menu .more, #menu .default { position: absolute; display: none; text-align: right; width: 100%; right: 50px; top: 35%; } #menu svg { vertical-align: middle; margin: 0 7px; } .whitehead #menu svg path { fill: #4437c4; } .whitehead.fixheader #menu svg path { fill: #FFFFFF; } #menu .more a { display: inline-block; text-transform: uppercase; margin-left: 4%; padding: 3px 0; font-family: 'Poppins'; font-weight: 600; font-size: 16px; font-weight: normal; letter-spacing: 2px; } #menu .more { display: block; width: 95%; right: 55px; top: 33%; } #menu .more a.akt, #menu .more a:hover { text-decoration: none; border-bottom: 2px #FFF solid; } .whitehead #menu .more a.akt, .whitehead #menu .more a:hover { border-color: #4437c4; } .whitehead.fixheader #menu .more a.akt, .whitehead.fixheader #menu .more a:hover { border-color: #FFF; } #nav-opener { display: inline-block; cursor: pointer; } #nav-opener i { display: block; width: 22px; height: 2px; margin: 3px 0; border-top: 2px rgba(2055, 255, 255, 0.9) solid; } .whitehead #nav-opener i { border-color: #4437c4; } .whitehead.fixheader #nav-opener i { border-color: rgba(2055, 255, 255, 0.9); } #nav-opener div { display: inline-block; vertical-align: top; margin: 0 5px; } #nav-opener i { transition: all 0.25s ease; -moz-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; } #menu.x #nav-opener i:nth-child(3) { border-color: #FFF; opacity: 0; } #menu.x #nav-opener i:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: 10px; } #menu.x #nav-opener i:nth-child(2) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -16px; margin-top: -6px; } .page-head { margin-top: 80px; } .page-head h1 { font-size: 26px; /*font-weight: normal;*/ width: 53%; } .page-head .cell { vertical-align: top; } #toptile { margin: auto; display: grid; grid-template-columns: 25% 25% 25% 25%; grid-template-rows: 25% 25% 25% 25%; height: 1200px; } #toptile .tile1 { grid-column: span 2; grid-row: span 2; } #toptile .tile2 { grid-column: span 1; grid-row: span 1; } #toptile .tile3 { grid-column: span 1; grid-row: span 1; } #toptile .tile4 { grid-column: span 2; grid-row: span 1; } #toptile .tile5 { grid-column: span 1; grid-row: span 1; } #toptile .tile6 { grid-column: span 1; grid-row: span 2; } #toptile .tile7 { grid-column: span 2; grid-row: span 2; } #toptile .tile8 { grid-column: span 1; grid-row: span 1; } #toptile a { position: relative; background-size: cover; background-position: center; } #toptile span { font-size: 40px; font-family: 'Poppins'; font-weight: 600; letter-spacing: 2px; position: absolute; display: block; left: 36px; bottom: 36px; color: #FFF; } #toptile .lt span, #toptile .lt span { font-size: 26px; } #toptile a:hover { cursor: default; text-decoration: none; } #toptile a:before { content: ' '; display: block; width: 100%; height: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+0,000000+0,000000+100&0.14+2,0.4+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0.14) 0%, rgba(0,0,0,0.14) 2%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.14) 0%,rgba(0,0,0,0.14) 2%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.14) 0%,rgba(0,0,0,0.14) 2%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */ transition: opacity .25s; -moz-transition: opacity .25s; -webkit-transition: opacity .25s; -o-transition: opacity .25s; } #toptile a:hover:before { opacity: 0.4; } .page-programok .pageintro1 .lead a { white-space: nowrap; } #programs { } #programs .section-standprogramok { min-height: 500px; } #programs .section-standprogramok h2 { color: #FFF; font-weight: bold; } .section-standprogramok .item.hide { display: none; } .more-programs-box .item, .section-standprogramok .item { position: relative; background-color: #FFF; padding-bottom: 170px; } .more-programs-box .item img, .section-standprogramok .item img { position: absolute; width: 100%; bottom: 0; height: 170px; object-fit: cover; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s; border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; } .more-programs-box .item .title, .section-standprogramok .item .title { display: block; margin: 8% 8% 6% 8%; font-weight: bold; font-size: 16px; line-height: 1.4em; } .more-programs-box .item .subtitle, .section-standprogramok .item .subtitle { display: block; margin: 6% 8% 8% 8%; font-weight: bold; font-size: 12px; line-height: 1.4em; } .section-szinpadi-programok { /*font-weight: normal;*/ } .section-szinpadi-programok h3 { margin: 1em 0; } .section-szinpadi-programok .day { display: inline-block; vertical-align: top; width: 31%; margin-right: 3.5%; position: relative; box-shadow: 0px 0px 50px 0px rgba(10, 36, 68, 0.13); -webkit-box-shadow: 0px 0px 50px 0px rgba(10, 36, 68, 0.13); -moz-box-shadow: 0px 0px 50px 0px rgba(10, 36, 68, 0.13); } .section-szinpadi-programok .day:nth-child(3n+1) { margin-right: 0; } .section-szinpadi-programok img { width: 100%; } .section-szinpadi-programok .label { float: right; font-size: 30px; font-weight: bold; margin-top: 12px; } .section-szinpadi-programok .item { display: block; margin-right: 5%; } .section-szinpadi-programok .stage { /*font-size: 24px;*/ /*font-family: 'Poppins'; font-weight: 600;*/ font-weight: bold; font-size: 1.4em; } .section-szinpadi-programok .text { margin: 7%; } .section-szinpadi-programok .text img { width: 116%; margin-left: -8%; margin-bottom: 7%; height: calc(var(--pagewidth) / 4.85); object-fit: cover; } .section-szinpadi-programok .name { /*padding-bottom: 10%;*/ /*margin-bottom: 10%;*/ /*border-bottom: 1px #e6e6e6 solid;*/ margin-bottom: 7%; } .section-szinpadi-programok .time { font-family: 'Poppins'; font-weight: 600; font-weight: normal; /*margin-bottom: 10px;*/ font-size: 1.2em; } .featured_tags { margin: 80px 0; } .featured_tags .item { width: 80px; display: inline-block; vertical-align: top; margin-right: 80px; color: #FFFFFF; text-align: center; text-decoration: none; } .featured_tags .item svg { height: 60px; width: 60px; margin: auto; transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; } .featured_tags:not(:hover) .item.akt svg, .featured_tags .item:hover svg { background-color: #b0f4e7; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; } .page-rolunk .featured_tags { display: table; width: 100%; } .page-rolunk .featured_tags .item { color: #463ad0; display: table-cell; text-align: center; font-size: 1.4em; } .page-rolunk .featured_tags svg { margin: auto; height: 85px; width: 85px; } .page-rolunk .featured_tags svg path, .page-rolunk .featured_tags svg rect, .page-rolunk .featured_tags svg polygon { fill: #463ad0; } .pageintro1.inverse { background-color: transparent; } .pageintro1 .lead { width: 50%; } .pageintro2 .titles, .pageintro2 .lead { width: 48%; display: inline-block; vertical-align: top; } .pageintro2 .lead { margin-left: 4%; } #regisztracio-box-wrap { background-image: url(images/dekor-index-6.png); background-repeat: no-repeat; background-position: 10% -41%; } #regisztracio-box .inner { padding: 7%; } #regisztracio-box .titlelead, #regisztracio-box .titles, #regisztracio-box .lead, #regisztracio-box .text { display: inline-block; vertical-align: middle; } #regisztracio-box .titlelead { width: 66.3%; } #regisztracio-box .titles { width: 45%; } #regisztracio-box .lead { width: 48%; } #regisztracio-box .text { width: 33.3%; text-align: right; } #regisztracio-box .title { font-size: 2.7em; font-weight: 600; letter-spacing: 0px; line-height: 1em; margin: 0; } #regisztracio-box p:first-child { margin-top: 7px; } .belepojegyek-box .data { margin-left: 4%; } .belepojegyek-box .inner { padding: 6% 7%; display: grid; grid-gap: 10%; grid-template-columns: 1fr 1.6fr; } .belepojegyek-box .data table { width: 100%; } .belepojegyek-box .titlelead { position: relative; } .belepojegyek-box .titlelead .title { padding: 10px 0 19px 0; margin-top: 0; } .belepojegyek-box .titlelead .lead { padding-bottom: 65px; } .belepojegyek-box .titlelead .button { position: absolute; bottom: 20px; } .belepojegyek-box table .title { padding: 10px 0; } .belepojegyek-box .subtitle { color: #ffffffbf; line-height: 1.5em; margin-top: 0.3em; } .belepojegyek-box .data h3 { margin: 0; } .belepojegyek-box .line { width: 20%; padding: 0 25px 0 5px; } .belepojegyek-box .line:before { content: ' '; display: block; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.3); } .belepojegyek-box .price { font-size: 26px; opacity: 0.7; } .belepojegyek-box .arrow { font-size: 33px; color: #FFF; } .belepojegyek-box .button { margin-top: 10px; } .belepojegyek-box a { text-decoration: none; } .kovessminket-box .inner { display: grid; grid-gap: 4%; grid-template-columns: 48% 48%; } .kovessminket-box svg path { fill: #4437c4; transition: all 0.45s; -moz-transition: all 0.45s; -webkit-transition: all 0.45s; -o-transition: all 0.45s; } .kovessminket-box .subtitle { color: #4437c4; } .kovessminket-box .text { text-align: center; } .kovessminket-box .text a { display: inline-block; vertical-align: middle; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background-color: #ffeae9; transition: all 0.45s; -moz-transition: all 0.45s; -webkit-transition: all 0.45s; -o-transition: all 0.45s; height: 80px; width: 80px; padding-top: 30px; text-align: center; z-index: 2; position: relative; margin: 10px; } .kovessminket-box .text a:hover { background-color: #4437c4; z-index: 1; } .kovessminket-box .text a:hover:after { content: ' '; position: absolute; z-index: 0; background: url(images/dekor-points1.png); width: 140px; height: 140px; top: -30px; left: -30px; } .kovessminket-box .text a:hover svg path { fill: #ffeae9; } #megkozelites-box .inner { display: grid; grid-gap: 4%; grid-template-columns: 48% 48%; } #megkozelites-box .text ul { list-style-type: none; } #megkozelites-box .text > ul > li { display: inline-block; vertical-align: middle; text-align: center; font-size: 50px; font-weight: 200; } #megkozelites-box .text > ul > li:nth-child(1) { width: 140px; height: 140px; border-radius: 100%; padding-top: 55px; color: #FFFFFF; border: 0 solid #b0f4e7; background-color: #4437c4; } #megkozelites-box .text > ul > li:nth-child(2) { width: 200px; height: 200px; border-radius: 100%; padding-top: 35px; color: #4437c4; border: 50px solid #b0f4e7; margin-left: -20px; } #megkozelites-box .text > ul > li:nth-child(3) { width: 140px; height: 140px; border-radius: 100%; padding-top: 13px; color: #4437c4; border: 43px solid #fffcb9; margin-left: -20px; } #megkozelites-box .text > ul > li ul { position: absolute; display: block; margin: 0; padding: 0; font-size: 14px; text-align: center; bottom: 5px; } #megkozelites-box .text > ul > li li { position: absolute; display: block; left: 0; margin: 0; padding: 0; font-size: 14px; text-align: center; color: #4437c4; } #megkozelites-box .text > ul > li:nth-child(1) ul, #megkozelites-box .text > ul > li:nth-child(1) li { width: 140px; } #megkozelites-box .text > ul > li:nth-child(2) ul, #megkozelites-box .text > ul > li:nth-child(2) li { width: 200px; margin-left: -23px; } #megkozelites-box .text > ul > li:nth-child(3) ul, #megkozelites-box .text > ul > li:nth-child(3) li { width: 140px; margin-left: -21px; } #index-programok-box-wrap { background-image: url(images/dekor-index-4.png); background-repeat: no-repeat; background-position: right; } #index-programok-box { background-image: url(images/dekor-index-12.png); background-repeat: no-repeat; } #index-programok-box .subtitle { color: #4437c4; } .reg_es_jegy-box .inner { padding: 7% 7% 6% 7%; } .reg_es_jegy-box h3 { margin: 0; } .reg_es_jegy-box .button { margin-top: 15px; } #rolunk-text-1 img { margin-bottom: 40px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } #program { } #program .title { /*font-size: 25px;*/ /*font-family: 'Poppins'; font-weight: 600;*/ /*font-weight: normal;*/ } #program .content { background-color: #FFF; font-size: 16px; /*box-shadow: 0px -12px 70px 3px rgba(10, 36, 68, 0.2);*/ /*-webkit-box-shadow: 0px -12px 70px 3px rgba(10, 36, 68, 0.2);*/ /*-moz-box-shadow: 0px -12px 70px 3px rgba(10, 36, 68, 0.2);*/ } #program .content img { /*width: 46%;*/ margin: 0 4% 4% 4%; display: inline-block; vertical-align: middle; } #program .content .text { /*width: 46%;*/ /*margin-right: 3%;*/ display: inline-block; vertical-align: middle; } .more-programs-box { position: relative; } .more-programs-box h3 { margin: 1em 0; } .more-programs-box .link-button.donly { position: absolute; top: 7px; right: 25px; } #galeria .items .item { margin-bottom: 6%; position: relative; display: inline-block; } #galeria .items img { width: 100%; height: auto; margin-bottom: 1%; } #galeria .items .title { display: none; transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s; line-height: 1.2em; } #galeria .items .title { position: absolute; text-transform: uppercase; font-size: 28px; font-family: 'Poppins'; font-weight: 600; letter-spacing: 2px; position: absolute; display: block; left: 36px; bottom: 34px; color: #FFF; } #galeria .items .item:before { content: ''; display: block; position: absolute; bottom: 0px; width: 100%; height: 96%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+0,000000+0,000000+100&0+53,0.4+100 */ /*background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 53%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */*/ /*background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 53%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */*/ /*background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 53%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */*/ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */*/ transition: opacity .25s; -moz-transition: opacity .25s; -webkit-transition: opacity .25s; -o-transition: opacity .25s; } #galeria .items .item:hover:before { opacity: 0.4; } /*#galeria .items .item:hover .title { opacity: 0; }*/ .anyList { } .anyList .item { position: relative; overflow: auto; padding: 7%; } .anyList .item .button { /*position: absolute;*/ /*bottom: 20px;*/ } .anyList .item { margin-top: 80px; width: 100%; } .anyList .item .cell { /*width: 52%;*/ vertical-align: middle; } .anyList .item .cell.text { /*padding-bottom: 9%;*/ /*width: 48%;*/ } .anyList .item img { width: 90%; max-width: 555px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } .anyList .item.alignIl img { /*margin-left: -4%;*/ float: left; } .anyList .item.alignIr img { /*margin-right: -25px;*/ float: right; } .anyList .item.alignIl .text { /*margin-left: 50%;*/ } .anyList .item.alignIr .text { margin-right: 50%; } .anyList .item h3 { margin-bottom: 10px; max-width: 87%; } .anyList .item .subtitle { font-family: 'Poppins'; font-size: 22px; /*color: #686868;*/ } .anyList .item .lead { margin-top: 45px; } .list-3-col { } .list-3-col .items .item { display: inline-block; vertical-align: top; width: 31%; margin-left: 3%; margin-bottom: 4%; min-height: 330px; } .list-3-col .items .item:nth-child(3n-2) { margin-left: 0; } .list-3-col .items .item .image { display: block; width: 100%; height: 246px; overflow: hidden; } .list-3-col .items .item img { width: 100%; height: calc(var(--pagewidth) / 4.85); object-fit: cover; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .list-3-col:not(.skiphover) .items .item:hover img { /*-webkit-transform: scale(1.15); transform: scale(1.15);*/ } .list-3-col .items .item .title { display: block; font-weight: bold; margin: 5% 5% 5% 8%; } body.page-ujdonsagok .list-3-col .items .item:not([href]) { cursor: default; } body.page-ujdonsagok .list-3-col .items .item:not([href]):hover { text-decoration: none; } body.page-ujdonsagok .list-3-col .items .item img { /*height: 200px;*/ } body.page-ujdonsagok .list-3-col .items .item .title { color: #2d2d2d; text-transform: none; } #galeria-box { /*overflow: auto;*/ } #galeria-box img { width: 53%; margin-left: -3%; max-width: 606px; position: absolute; } .price-val { font-size: 43px; font-style: normal; font-weight: bold; white-space: nowrap; } #ticketPurchase { margin-top: 70px; } #ticketPurchase .title { margin-bottom: 4%; } #ticketPurchase td { vertical-align: middle; } #ticketPurchase .price-val { display: block; margin-bottom: 15px; } #ticketPurchase .jegyarak td { text-align: right; } #ticketPurchase .jegyarak .button { margin-right: 20px; } /*#ticketPurchase .space { width: 5%; }*/ #postList2 { clear: both; /*padding-top: 80px;*/ /*padding-bottom: 40px;*/ overflow: auto; } #postList2 a:hover { text-decoration: none; } #postList2 .head { margin-bottom: 40px; position: relative; } /*#postList2 .head .cell {*/ /*position: relative;*/ /*vertical-align: middle;*/ /*}*/ #postList2 .head .link-button { position: absolute; right: 20px; bottom: 0; } #postList2 .item { width: 26.5%; padding-top: 14.5%; display: inline-block; vertical-align: top; margin-right: 3.5%; margin-bottom: 2.5%; position: relative; } #postList2 .item:nth-child(1) { padding-top: 31.5%; width: 40%; float: left; margin-right: 3.5%; } #postList2 .item:before { content: ' '; z-index: 2; display: block; width: 100%; height: 100%; position: absolute; bottom: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+100&0.04+0,0.41+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0.04) 1%, rgba(0,0,0,0.41) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.04) 0%,rgba(0,0,0,0.04) 1%,rgba(0,0,0,0.41) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.04) 0%,rgba(0,0,0,0.04) 1%,rgba(0,0,0,0.41) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a000000', endColorstr='#69000000',GradientType=0 ); /* IE6-9 */ transition: opacity .25s; -moz-transition: opacity .25s; -webkit-transition: opacity .25s; -o-transition: opacity .25s; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } #postList2 .item:hover:before { -moz-opacity:0.5; filter:alpha(opacity=50); opacity:0.5; } #postList2 .item img { z-index: 1; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; } #postList2 .item:nth-child(1) img { position: absolute; top: 0; height: 100%; object-fit: cover; } #postList2 .item:nth-child(3) { margin-right: 0; } #postList2 .item:nth-child(5) { margin-right: 0; } #postList2 .item .title { font-family: 'Poppins'; letter-spacing: 1px; } #postList2 .item .text { position: absolute; z-index: 3; bottom: 0px; padding: 5.5% 6%; color: #FFF; } #postList3 { clear: both; padding-top: 80px; overflow: auto; } #postList3 a:hover { text-decoration: none; } #postList3 .head { margin-bottom: 40px; position: relative; } #postList3 .head .link-button { position: absolute; right: 20px; bottom: 0; } #postList3 .item { display: inline-block; vertical-align: top; margin: 0 0 2.5% 0; margin-left: 4%; width: 48%; position: relative; box-sizing: border-box; } #postList3 .item { padding-top: 31.5%; float: left; } #postList3 .item:first-child { margin-left: 0; } #postList3 .item:before { content: ' '; z-index: 2; display: block; width: 100%; height: 100%; position: absolute; bottom: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+100&0.04+0,0.41+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0.04) 1%, rgba(0,0,0,0.41) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.04) 0%,rgba(0,0,0,0.04) 1%,rgba(0,0,0,0.41) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.04) 0%,rgba(0,0,0,0.04) 1%,rgba(0,0,0,0.41) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a000000', endColorstr='#69000000',GradientType=0 ); /* IE6-9 */ transition: opacity .25s; -moz-transition: opacity .25s; -webkit-transition: opacity .25s; -o-transition: opacity .25s; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } #postList3 .item:hover:before { -moz-opacity:0.5; filter:alpha(opacity=50); opacity:0.5; } #postList3 .item img { width: 100%; height: 100%; z-index: 1; } #postList3 .item img { position: absolute; top: 0; height: 100%; object-fit: cover; } #postList3 .item .title { font-family: 'Poppins'; font-size: 16px; letter-spacing: 1px; } #postList3 .item .text { position: absolute; z-index: 3; bottom: 0px; padding: 5.5% 6%; color: #FFF; } .box-registerAndWin { width: 75%; min-height: 400px; margin: auto; background-image: url(images/figured-registerAndWin.png); background-position: top right; background-repeat: no-repeat; background-size: contain; } .box-registerAndWin .title { padding-top: 10%; } .box-registerAndWin .text { width: 50%; } .box-registerAndWin .button { } .salonSlider1 { } .salonSlider1 .items { white-space: nowrap; overflow: hidden; } .salonSlider1 .item { vertical-align: top; } .salonSlider1 .item img { width: 100%; height: auto; } .salonSlider02-wrap { overflow-x: hidden; } .salonSlider02 { } .salonSlider02 .items, .salonSlider02 .item { /*height: 600px;*/ position: relative; } .salonSlider02 .item { position: absolute; /*overflow: hidden;*/ width: 22%; vertical-align: top; transition: all 0.65s; -moz-transition: all 0.65s; -webkit-transition: all 0.65s; -o-transition: all 0.65s; display: none; } .salonSlider02 .item.prev { z-index: 10; height: 100%; display: block; -moz-opacity:0.4; filter:alpha(opacity=40); opacity:0.4; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); /*margin-top: 3%;*/ } .salonSlider02 .item.next { z-index: 10; height: 100%; display: block; -moz-opacity:0.4; filter:alpha(opacity=40); opacity:0.4; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); /*margin-top: 3%;*/ } .salonSlider02 .item.akt { z-index: 20; height: 100%; display: block; -moz-opacity:1; filter:alpha(opacity=100); opacity:1; box-shadow: 0px 20px 80px -10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 20px 80px -10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 20px 80px -10px rgba(0, 0, 0, 0.3); } .salonSlider02.brandImagesSlider .item.akt { -moz-opacity:1; filter:alpha(opacity=100); opacity:1; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3); } .salonSlider02 .item img { width: 100%; height: auto; position: absolute; } .salonSlider02 .text { position: absolute; margin: 14% 25%; color: #FFF; } .salonSlider02 .points { padding: 40px; text-align: center; } .salonSlider02 .point { display: inline-block; width: 13px; height: 13px; border-radius: 20px; border: 1px #000 solid; margin: 0 6px; cursor: pointer; transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .salonSlider02 .point:hover { background-color: #000; } .salonSlider02 .point.akt { background-color: #000; -webkit-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); } .salonSlider02 .point.inakt { cursor: default; color: #CCC; } .salonSlider02 .point.next, .salonSlider02 .point.prev { width: auto; height: auto; border: 0; font-size: 30px; } .salonSlider02 .point.next:hover, .salonSlider02 .point.prev:hover { background-color: transparent; } .page-hitvallas .salonSlider02 .item img { position: relative; } #firstSlider-wrap, #firstSliderClone { } #firstSliderClone { position: absolute; width: 100%; z-index: 22; padding-top: 60px; /* árnyék miatt */ padding-bottom: 55px; /* árnyék miatt */ overflow: hidden; } #firstSliderClone .items { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 0px 65px 0px rgba(10, 36, 68, 0.3); -webkit-box-shadow: 0px 0px 65px 0px rgba(10, 36, 68, 0.3); -moz-box-shadow: 0px 0px 65px 0px rgba(10, 36, 68, 0.3); } #firstSliderClone .points, #firstSliderClone .item img { display: none; } #firstSlider.synclone_orig .item.akt { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } #firstSlider.synclone_orig .item .text { display: none; } #firstSlider .item img { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-collapse: separate; border-collapse: collapse; object-fit: cover; } #firstSlider .item { margin-top: 60px; /* árnyék miatt */ -moz-opacity:0; filter:alpha(opacity=0); opacity:0; transition: all 0.85s; -moz-transition: all 0.85s; -webkit-transition: all 0.85s; -o-transition: all 0.85s; } #firstSlider .item, #firstSlider .item.next2, #firstSlider .item.next, #firstSlider .item.prev2, #firstSlider .item.prev { width: 100%; height: 100%; -moz-opacity:0; filter:alpha(opacity=0); opacity:0; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } #firstSlider .item.akt { z-index: 20; height: 100%; display: block; -moz-opacity:1; filter:alpha(opacity=100); opacity:1; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } #firstSlider .text { margin: 2% 7%; } #firstSlider .text .cell { vertical-align: top; } #firstSlider .lead { padding-left: 2%; font-size: 17px; } #firstSlider .title { margin: 0; text-shadow: 2px 2px rgba(0, 0, 0, 0.1); font-size: 50px; } #indexSliderOutsidetitlelead .inner { width: 65%; max-width: 660px; margin: 40px auto; display: grid; grid-gap: 4%; grid-template-columns: 33% 48%; } #indexSliderOutsidetitlelead .title { font-weight: 600; font-size: 24px; color: #4437c4; } #indexSliderOutsidetitlelead .lead p:first-child { margin-top: 0; } /*.marvany { margin-top: 120px; padding: 120px 0; background: url(images/marvany.jpg); background-size: cover; }*/ .box-followUs { min-height: 400px; position: relative; background-image: url(images/bg-box-followUs.png); background-repeat: no-repeat; background-position: top right; } .box-followUs .text { width: 60%; font-weight: bold; } .box-followUs .buttons { display: inline-block; width: 200px; text-align: center; } .box-followUs .sIcon.large { width: 65px; height: 65px; margin: 4px 11px; } .box-followUs2 { margin: 0; min-height: 400px; position: relative; background-image: url(images/bg-box-followUs.png); background-repeat: no-repeat; background-position: top right; } .box-followUs2 .title { margin: 0; } .box-followUs2 .text { font-size: 26px; } .box-followUs2 .texts { padding: 100px; box-sizing: border-box; } .box-followUs2 .buttons a { display: inline-block; } .box-followUs2 .buttons img { width: 50px; height: 50px; margin-right: 15px; } .newsletter-signup { background: rgba(249, 235, 215, 0.72); padding: 7%; position: relative; box-shadow: 0px 0px 78px 3px rgba(10, 36, 68, 0.1); -webkit-box-shadow: 0px 0px 78px 3px rgba(10, 36, 68, 0.1); -moz-box-shadow: 0px 0px 78px 3px rgba(10, 36, 68, 0.1); } .newsletter-signup button { display: inline-block; margin-top: 30px; } .newsletter-signup input { width: 90%; max-width: 270px; } .newsletter-signup input[type=checkbox] { width: auto; margin-right: 10px; } .newsletter-signup h3 { margin: 0; } .newsletter-signup td { vertical-align: top; } .newsletter-signup .text { margin-bottom: 20px; } #exhibitors { } /*#exhibitors .head { width: 100%; display: grid; grid-template-columns: 10% 10% 10% 10% 10% 10% 10% 10% 10% 10%; grid-template-rows: 50% 50%; } #exhibitors .head .text { margin-top: 10%; } #exhibitors .gc1 { grid-column: span 3; grid-row: span 1; } #exhibitors .gc2 { grid-column: span 2; grid-row: span 2; } #exhibitors .gc3 { grid-column: span 5; grid-row: span 1; } #exhibitors .gc4 { grid-column: span 3; grid-row: span 1; } #exhibitors .gc5 { grid-column: span 5; grid-row: span 1; } #exhibitors .categories .button:after { top: 0px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }*/ #exhibitors .head { width: 100%; display: grid; grid-gap: 4%; grid-template-columns: 48% 48%; margin-bottom: 80px; color: #4437c4; } #exhibitors .categories .list { display: none; position: absolute; z-index: 100; margin: 0 0 0 -18px; padding: 0px 15px 15px 18px; background-color: rgba(255, 255, 255, 1); column-count: 2; column-gap: 50px; line-height: 1.6em; } #exhibitors .categories .list li { list-style: none; background-color: rgba(255, 255, 255, 0.8); } #exhibitors .categories .list li:hover { /*text-decoration: underline;*/ } #exhibitors td { /*position: relative;*/ } #exhibitors .search, #exhibitors .categories { /*position: absolute;*/ bottom: 10px; padding-top: 125px; } #exhibitors .search input { padding-left: 0; width: 90%; } #exhibitors .search button { width: 1px; height: 1px; display: none; } #exhibitors .noResults { padding: 50px; text-align: center; } #exhibitors .categories { bottom: 44px; } #exhibitors .categories .button { cursor: pointer; } /*#exhibitors .exhibitor-brand-filter { width: auto; } #exhibitors .exhibitor-brand-filter * { vertical-align: middle; padding: 0; } #exhibitors .exhibitor-brand-filter .modulfilter { color: #CDCDCD; } #exhibitors .exhibitor-brand-filter .modulfilter:hover, #exhibitors .exhibitor-brand-filter .modulfilter.akt { color: #000; } #exhibitors .exhibitor-brand-filter .modulfilter:hover { }*/ #exhibitors-list .title { text-transform: uppercase; font-weight: normal; font-family: 'Poppins'; font-weight: 600; margin-top: 5px; } #exhibitors-list .item { margin-bottom: 30px; vertical-align: top; } #exhibitors-list .item > a { display: block; } #exhibitors-list .item img { width: 100%; height: auto; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); /*bugfix iphone xs chrome*/ -webkit-transform: translateZ(0); -webkit-perspective: 1000; -webkit-backface-visibility: hidden; transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s; padding: 25px;; border: 1px solid #3026b2; box-sizing: border-box; object-fit: contain; min-height: 200px; } #exhibitors-list .item:hover img { -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); box-shadow: 0px 5px 45px -9px rgba(48, 38, 178, 0.35); -webkit-box-shadow: 0px 5px 45px -9px rgba(48, 38, 178, 0.35); -moz-box-shadow: 0px 5px 45px -9px rgba(48, 38, 178, 0.35); } #forExhibitorsLink table { min-height: 190px; } #forExhibitorsLink td { position: relative; bottom: 0; } #forExhibitorsLink .text { padding-bottom: 50px; } #forExhibitorsLink .button { position: absolute; bottom: 0; } #aboutUs h1 div { font-size: 25px; font-family: 'Poppins'; letter-spacing: 1px; } #exhibitor { margin-top: 20px; } #exhibitor .newBlock { margin-left: 6%; } #exhibitor .titlebox .cell { vertical-align: middle; } #exhibitor .title { margin: 0; } #exhibitor .titlebox .logo { max-width: 205px; max-height: 115px; } #exhibitor .titlebox .category { font-size: 16px; font-family: 'Poppins'; font-weight: normal; text-transform: uppercase; margin-right: 15px; display: inline-block; } #exhibitor .text .logo { width: 25%; display: inline-block; vertical-align: middle; margin-right: 10%; } #exhibitor .data { display: inline-block; vertical-align: middle; line-height: 1.4em; } #exhibitor .data a { font-size: 1.2em; font-weight: 600; } #exhibitor . { font-weight: normal; } .exhibitorSlider { overflow: hidden; position: relative; } .exhibitorSlider { overflow: hidden; } .exhibitorSlider .items { } .exhibitorSlider .points { position: absolute; top: 0; left: 0; padding: 0; width: 100%; height: 100%; } .exhibitorSlider .item.prew, .exhibitorSlider .item.next { -moz-opacity:0; filter:alpha(opacity=0); opacity:0; } .exhibitorSlider .item.akt { box-shadow: unset; -webkit-box-shadow: unset; -moz-box-shadow: unset; } .exhibitorSlider .point { display: none; position: absolute; } .exhibitorSlider .point.inakt { -moz-opacity:0; filter:alpha(opacity=0); opacity:0; } .exhibitorSlider .point.prev, .exhibitorSlider .point.next { display: inline-block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 30; /* width: 25px;*/ height: 25px; padding: 40px 20px; font-size: 80px; line-height: 0; text-align: center; vertical-align: middle; /*font-family: 'Museo 100';*/ color: #FFF; text-shadow: 0px 0px 15px rgba(0, 0, 0, 1); } .exhibitorSlider .point.prev { left: 10px; } .exhibitorSlider .point.next { right: 10px; } /*#tickets .text { margin-bottom: 10px; }*/ /*#tickets .describe .text { min-height: 260px; }*/ /*#tickets .opening { margin-top: 40px; }*/ /*#tickets .opening tr > td:nth-child(1) { width: 28%; }*/ /*#tickets .opening tr > td:nth-child(3) { width: 45%; }*/ /*#tickets .hours, .page-helyszin .hours {*/ /*width: 92%;*/ /*height: 90px;*/ /*}*/ .jegyek { } .jegy { display: inline-block; vertical-align: top; width: 22.45%; margin-left: 3%; background: #FFF; padding: 1.5% 2.5%; transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s; } .jegy:hover { box-shadow: 0px 5px 30px 0px rgba(10, 36, 68, 0.15); -webkit-box-shadow: 0px 5px 30px 0px rgba(10, 36, 68, 0.15); -moz-box-shadow: 0px 5px 30px 0px rgba(10, 36, 68, 0.15); } .jegyek:not(:hover) .jegy.akt { box-shadow: 0px 5px 30px 0px rgba(10, 36, 68, 0.15); -webkit-box-shadow: 0px 5px 30px 0px rgba(10, 36, 68, 0.15); -moz-box-shadow: 0px 5px 30px 0px rgba(10, 36, 68, 0.15); } .jegyek .jegy:nth-child(1) { margin-left: 0; } .jegyek .jegy:nth-child(2) { /*margin-top: -60px;*/ } .jegy .head { min-height: 75px; } .jegy .title { /*font-family: 'Poppins'; font-weight: 600;*/ /*font-weight: normal;*/ /*font-size: 25px;*/ /*color: #848484;*/ margin-bottom: 0; } .jegy .subtitle { /*color: #f8c1cd;*/ /*font-family: 'Poppins'; font-weight: 600;*/ /*font-weight: normal;*/ /*line-height: 130%;*/ /*padding: 5px 0;*/ } .jegy hr { margin: 20px 0; border: 0; border-bottom: 1px #e6e6e6 solid; } .jegy .price { font-size: 48px; line-height: 2em; } .jegy .price.counter-2 { font-size: 40px; line-height: 2em; } .jegy .price .label { font-size: 15px; line-height: 0; margin-top: 1em; } .jegy .body { min-height: 260px; } .jegy .button { /*width: 100%;*/ box-sizing: border-box; margin-top: 25px; margin-bottom: 15px; } .page-helyszin .hours { width: 37%; height: 60px; margin-top: 15px; } .page-helyszin .hours td { white-space: nowrap; } .page-helyszin .hours tr td:nth-child(1) { padding-right: 5%; } .page-helyszin .hours tr td:nth-child(2) { text-align: right; } #forExhibitors td { position: relative; } #forExhibitors .head .button { position: absolute; left: 0; bottom: 0; } .page-kiallitoknak .content input[type=text] { width: 80%; } .page-kiallitoknak .content textarea { width: 93%; height: 100px; box-sizing: border-box; } .page-kiallitoknak .content img { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } .imageTitle { position: relative; margin-top: 80px; } .imageTitle img { width: 100%; } .imageTitle .overlay { position: absolute; top: 0; width: 100%; height: 99%; /*background-color: #000;*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+100&0.04+0,0.41+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0.24) 0%, rgba(0,0,0,0.24) 1%, rgba(0,0,0,0.61) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.24) 0%,rgba(0,0,0,0.24) 1%,rgba(0,0,0,0.61) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.24) 0%,rgba(0,0,0,0.24) 1%,rgba(0,0,0,0.61) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a000000', endColorstr='#69000000',GradientType=0 ); /* IE6-9 */ transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s; } .imageTitle .text { position: absolute; top: 0%; margin: 14% 25%; color: #FFF; } .imageTitle .title { font-size: 45px; line-height: 1.4em; margin: 0; color: #FFFFFF; } .imageTitle .category, .imageTitle .date, .imageTitle.inspiracio { margin-top: 0px; /* color: #FFFFFF;*/ } .imageTitle.inspiracio .text { top: auto; margin: auto; bottom: 51px; left: 63px; } .imageTitle.inspiracio .title { line-height: 1.2em; font-size: 37px; width: 74%; } .imageTitle.inspiracio:hover .overlay { -moz-opacity:.0; filter:alpha(opacity=0); opacity:.0; } .forExhibitors02 { margin-top: -8%; } .forExhibitors02 .image { display: inline-block; vertical-align: bottom; } .forExhibitors02 .text { padding: 10% 1% 0 10%; background-color: #FFF; display: inline-block; vertical-align: bottom; position: relative; } .forExhibitors02 .title { margin-top: 0; } .forExhibitors02 .inner { position: relative; margin-top: 0; padding-bottom: 40px; min-height: 275px; } .forExhibitors02 .button { position: absolute; bottom: -5px; left: 0; } .forExhibitors03 { } .forExhibitors03 img { display: inline-block; padding: 2.2% 0 0 2.2%; background-image: url(images/ls_02.png); background-repeat: no-repeat; vertical-align: top } .forExhibitors03 .text { display: inline-block; padding-right: 10%; margin-top: -3%; } #jelentkezes .text .title { text-transform: uppercase; font-weight: bold; } #jelentkezes label { display: block; } #jelentkezes .inputs { margin-top: 30px; } #jelentkezes .inputs td { width: 50%; } #jelentkezes textarea, #jelentkezes input[type=email], #jelentkezes input[type=text] { width: 80%; margin-bottom: 25px; box-sizing: border-box; } #jelentkezes textarea { width: 90%; } #partners .item { border: 1px #bfbfbf solid; padding: 25px; box-sizing: border-box; height: 200px; background-repeat: no-repeat; background-position: center ; } #partners-list > .title { text-transform: capitalize; } #partners .items .title { display: inline-block; margin: 85px 50px; } #registration { } #registration .title { font-size: 32px; margin: 0; } #registration .subtitle { font-family: 'Poppins'; font-size: 14px; font-weight: normal; } #registration label { display: block; margin-top: 20px;; } #registration select, #registration textarea, #registration input[type=text], #registration input[type=email] { width: 80%; box-sizing: border-box; } #registration select, #registration input[type=email] { width: 90%; } #registration select option { color: #000; } #registration .text .inner { max-width: 550px; margin-top: 110px; } #registration .text .inner, #registration .text .inner * { color: #ffffffbf; } #sajtokozlemeny { margin-top: 250px; text-align: center; } /* The checkbox container */ .checkbox { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default checkbox */ .checkbox input[type=checkbox] { position: absolute; opacity: 0.1; cursor: pointer; height: 2px; /* > 0px a required funkció miatt "látszódjon"! */ width: 2px; /* > 0px a required funkció miatt "látszódjon"! */ } /* Create a custom checkbox */ .checkbox .checkmark { position: absolute; top: 2px; left: 0; height: 16px; width: 16px; background-color: transparent; border: 1px #FFF solid; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } /* On mouse-over, add a grey background color */ .checkbox:hover input ~ .checkmark { background-color: rgba(255, 255, 255, 0.2); transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s; } /* When the checkbox is checked, add a blue background */ .checkbox input:checked ~ .checkmark { background-color: transparent; } /* Create the checkmark/indicator (hidden when not checked) */ .checkbox .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .checkbox input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .checkbox .checkmark:after { left: 7px; top: 1px; width: 2px; height: 9px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .box-followUs .title, #pressInquiry .title { margin: 0.4em 0; } #pressInquiry .text { width: 85%; } #pressInquiry a { font-size: 150%; font-weight: bold; display: block; margin-top: 25px; } #postList .salonSlider03 .item { height: 100%; } #postList .salonSlider03 .title { margin: 0; font-size: 58px; text-align: center; } #postList .salonSlider03 .category, #postList .salonSlider03 .date { text-transform: uppercase; vertical-align: middle; } #postList .salonSlider03 .overlay { position: absolute; width: 100%; height: 100%; background-color: #000; } #postList .salonSlider03 .text { position: absolute; margin: 0; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .postList .item { display: inline-block; position: relative; vertical-align: top; margin-left: 4%; margin-bottom: 8%; height: 410px; } .postList .item:before { content: ' '; position: absolute; width: 100%; height: 100%; background-color: red; z-index: 15; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+100&0.04+0,0.41+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0.04) 1%, rgba(0,0,0,0.41) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.04) 0%,rgba(0,0,0,0.04) 1%,rgba(0,0,0,0.41) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.04) 0%,rgba(0,0,0,0.04) 1%,rgba(0,0,0,0.41) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a000000', endColorstr='#69000000',GradientType=0 ); /* IE6-9 */ transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } .postList .item:hover:before { -moz-opacity:0.5; filter:alpha(opacity=50); opacity:0.5; } .postList .item.odd { margin-left: 0; } .postList .item img { width: 100%; height: 100%; object-fit: cover; position: absolute; z-index: 10; } .postList .text { padding: 6% 6%; position: absolute; bottom: 0; z-index: 20; } .postList .text * { color: #FFF; } .postList .title { margin: 3% 0; line-height: 1.3em; font-size: 1.95em; font-weight: bold; } .postList .category, .postList .date { display: inline-block; text-transform: uppercase; } .postList .category:empty { display: none; } .postList .category { margin-right: 5%; } /*.postList .click { text-transform: uppercase; }*/ .postList .item:hover .click { text-decoration: underline; } .postList .item { transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s; } .postList .item:hover { /*box-shadow: 0px 20px 60px -7px rgba(0, 0, 0, 0.3);*/ /*-webkit-box-shadow: 0px 20px 60px -7px rgba(0, 0, 0, 0.3);*/ /*-moz-box-shadow: 0px 20px 60px -7px rgba(0, 0, 0, 0.3);*/ /*margin-top: -10px;*/ } /*#publicTransport { margin: 20px auto; }*/ #publicTransport .cell { vertical-align: middle; } .trafficLines { padding-bottom: 5%; text-align: center; } .trafficLines div { display: inline-block; text-align: center; font-size: 38px; font-weight: normal; font-family: 'Poppins'; font-weight: 600; width: 115px; height: 56px; padding-top: 56px; line-height: 1px; margin: 10px 15px; background: url(images/point.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; color: #FFF; /*border-radius: 100px;*/ /*-webkit-border-radius: 100px;*/ /*-moz-border-radius: 100px;*/ /*border: 4px #000 solid;*/ } #informacio .cell { padding: 0 0 10px 0; } #informacio .title { margin: 0 0 4% 0; } #informacio .text { width: 80%; } #informacio a { text-transform: uppercase; font-size: 115%; display: block; } #creed .slider1 .text { display: none; } .pager { margin-top: 30px; } .pager .nav, .pager .item { width: auto!important; display: inline-block; padding: 4px 8px; margin: 2px; font-weight: bold; margin-right: 2%; } .pager .item:hover, .pager .item.akt { border-bottom: 2px #000 solid; text-decoration: none; } #post .content { margin: auto; } #post .content { /* margin-top: 80px;*/ } #post .content img { width: 200%; /*margin: 14% 0 14% -50%;*/ margin: 7% 0 7% 0; position: relative; } #post .content h1, #post .content h2, #post .content h3 { font-size: 30px; } .postNav { font-size: 25px; font-family: 'Poppins'; font-weight: 600; margin: 40px 0; } .postNav a:hover { text-decoration: none; } .postNav .cell { width: 33%; text-align: center; } .postNav .prev { text-align: left; } .postNav .next { text-align: right; } .postNav .prev img { width: 50px; height: 50px; vertical-align: middle; margin-right: 30px; } .postNav .next img { width: 50px; height: 50px; vertical-align: middle; margin-left: 30px; } .page-socialmediakit h1, .page-socialmediakit h2 { font-size: 37px; line-height: 1.1em; } .page-socialmediakit h3 { position: relative; font-size: 25px; line-height: 1.1em; margin: 0;; } .page-socialmediakit h2 { text-align: center; } .page-socialmediakit .page-head h2 { text-align: left; font-weight: normal; } .mediakit-linkek { padding-top: 5%;; } .mediakit-linkek img { margin-right: 5px; } .mediakit-linkek table { /*font-size: 110%;*/ color: #463ad0; } .mediakit-linkek h1, .mediakit-kreativ-javaslatok h1, .mediakit-szovegek h1 { text-align: center; } .mediakit-linkek p:first-of-type, .mediakit-kreativ-javaslatok p:nth-of-type(1), .mediakit-kreativ-javaslatok p:nth-of-type(2), .mediakit-szovegek p:first-of-type { text-align: center; max-width: 560px; max-width: 620px; margin: 1.5em auto; } .mediakit-linkek h2 { text-align: center; } .mediakit-linkek p:first-of-type { max-width: 525px; margin-bottom: 3.5em; } .mediakit-linkek strong { font-size: 25px; line-height: 1.1em; } .mediakit-szovegek td p:first-of-type { text-align: left; } .mediakit-kreativ-javaslatok { margin-top: 150px; } .mediakit-kreativ-javaslatok .button { min-width: 300px; } .mediakit-kreativ-javaslatok table strong { font-weight: normal; font-size: 15px; text-transform: uppercase; display: inline-block; padding-right: 20px; margin: 10px 0; position: relative; color: #3026b2; background-color: #FFFFFF; } .mediakit-kreativ-javaslatok table>tbody>tr>td>table>tbody>tr:nth-child(1)>td { position: relative; } .mediakit-kreativ-javaslatok table>tbody>tr>td>table>tbody>tr:nth-child(1)>td:before { content: ""; position: absolute; z-index: 0; width: 100%; border-top: 1px solid #3026b2; top: 23px; } .page-socialmediakit h3 strong { font-weight: normal; font-size: 15px; text-transform: uppercase; display: inline-block; padding-right: 10px; color: #3026b2; background-color: #FFFFFF; position: relative; z-index: 2; } .page-socialmediakit h3 s { position: absolute; display: block; top: 17px; left: 0; width: 100%; color: white; border-top: 1px solid #3026b2 } .auth-box { margin: 40px auto; text-align: center; } .auth-box table { width: 100%; margin: auto; } .auth-box td { padding: 5px; } .auth-box input[type=text], .auth-box input[type=email], .auth-box input[type=number], .auth-box input[type=password], .auth-box input.button, .auth-box select, .auth-box textarea { width: 80%; max-width: 300px; padding: 10px; box-sizing: border-box; } .auth-box .button { background: #DDD; } .sIcon { width: 25px; height: 25px; vertical-align: middle; /*margin-left: 7px;*/ } .sIcon.large, .inverse .sIcon { width: 35px; height: 35px; margin-left: 0; margin-right: 7px; } .langIcon { transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s; /*font-family: 'Museo 100';*/ font-size: 17px; margin: 0 7px; } .langIcon.act, .langIcon:hover { font-family: 'Poppins'; /*fill: white;*/ /*background-color: #000;*/ } .langs { font-weight: 200; } .langs.donly { margin-left: 20px; min-width: 73px; display: inline-block; } .langs.monly { display: block; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px #8fc8e6 solid; } .langs.monly a:first-child img { margin-left: 0; } .content.kerdoivek .spNumFormdocInf, .content.kerdoivek .kerdoivek-update-links { background: transparent; background-color: transparent; } body.page-vedonoi_igenyles .form_editable input { width: 88%; box-sizing: border-box; } footer { margin: 120px 0 0 0; padding: 100px 0 40px 0; font-size: 14px; font-family: 'Poppins'; font-weight: normal; background-color: #4437c4; position: relative; z-index: 1!important; } footer * { color: #ffffffbf; } footer a { color: #ffffff!important; } footer table { width: 100%; } footer td { vertical-align: top; } footer .logo p { font-family: 'Poppins'; font-size: 16px; font-weight: normal; } footer .logo img.b { width: 100px; height: 100px; } footer .logo img.k { width: 110px; } footer .logo .text { font-size: 20px; } footer .logo .text span { font-size: 15px; } footer .linkek a { display: block; } footer .linkek { padding-top: 35px; } footer .social { padding-top: 40px; } footer .fotamogato { padding-top: 35px; padding-left: 23px; text-align: center; } footer .fotamogato img { width: 150px; height: unset; margin-left: 30px; vertical-align: -8px; } /*footer .fotamogato { padding-left: 25px; padding-top: 30px; text-align: left; }*/ /*footer .fotamogato img { width: 125px; height: 107px; margin-right: 30px; }*/ footer .copyright { vertical-align: bottom; font-size: 100%; font-weight: normal; } footer .eventco { vertical-align: bottom; text-align: right; } footer .eventco img { margin-left: 30px; } footer .eventco span { font-weight: normal; display: inline-block; vertical-align: baseline; line-height: 1.4em; } footer .buttons a { margin-right: 15px; } footer .social { color: #ffffffbf; } @media (max-width: 1440px) { body { zoom: 0.9; /*-webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9);*/ } } @media (max-width: 1080px) { #galeria .column3 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media (min-width: 1050px) { #istablet { display: none; } .tonly { display: none!important; } } @media (max-width: 1050px) { #istablet { display: block; } header { position: relative; } #header-wrap { background-color: #4437c4; } body.whitehead #header-wrap { background-color: #FFFFFF; } .page-fooldal #header-wrap { background-color: #3026b2; } body.menu-x #firstSlider.salonSlider02 .item .text { display: none; } #firstSlider.salonSlider02 .text { margin: 57% 7%; } #logo, #menu { display: block; position: initial; } #nav-opener { position: absolute; top: 30px; right: 2px; } #menu .default { display: none; position: relative; left: 0; top: 0; text-align: left; margin: 0; padding: 0; margin-top: 15px; } #menu .faBtn.fb { margin-left: 0; } #menu .jegyvasarlas { display: none; } #menu .more { display: none; position: relative; text-align: left; right: auto; width: 100%; margin-top: 25px; } #menu .more a { display: block; margin-left: 2px; font-size: 16px; line-height: 1.8em; padding: 0px; margin-bottom: 10px; } #menu .more .buttons a { display: inline-block; } #menu .more .buttons img { width: 50px; height: 50px; } #nav-opener { top: 26px; } #nav-opener i { width: 28px; height: 3px; margin: 5px 0; } #menu.x #nav-opener i:nth-child(2) { margin-top: -10px; } /*header { margin-bottom: 90px; }*/ /*#logo, #menu { display: block; position: initial; }*/ /*#nav-opener { position: absolute; top: 6px; right: 2px; }*/ /*#menu .default { position: absolute; left: 0; top: 90%; text-align: right; margin: 0; padding: 0; margin-top: 25px; }*/ /*#menu .more { display: none; position: absolute; top: 123%; right: auto; width: 100%; text-align: right; }*/ /*#menu .more a { display: inline-block; margin-right: 0; margin-left: 15px; font-size: 15px; line-height: 1.8em; padding: 0px; margin-bottom: 8px; }*/ .sIcon { width: 34px; height: 34px; margin-left: 0; margin-right: 0px; } .sIcon.large { width: 50px; height: 50px; } .sIcon.fb { margin-left: 0; } /*header .faBtn { margin: 0 2px; width: 35px; height: 35px; font-size: 29px; line-height: 28px; }*/ /*header .faBtn.yt { font-size: 27px; padding-left: 3px; line-height: 27px; }*/ footer .linkek { line-height: 2.5em; } } @media (min-width: 474px) and (max-width: 1050px) { #menu .more { top: 146%; } } @media (min-width: 950px) { #ismobile { display: none; } .monly { display: none!important; } /*.anyList { background-image: none!important; }*/ } @media (max-width: 950px) { body { zoom: 1; font-size: 15px; } #ismobile { display: block; } .donly { display: none!important; } h1, .h1 { font-size: 35px; } h2, .h2 { font-size: 31px; } h3, .h3 { font-size: 23px; } h3, .h3 { font-size: 20px; } h3, .h3 { font-size: 28px; } h4, .h4 { font-size: 17px; } h5, .h5 { font-size: 15px; } td.space { display: none; } .inverse button, .inverse .button, .inverse a.button, .inverse input[type=button], .inverse input[type=submit] { padding: 15px 37px 13px 37px; } .malignc { text-align: center; } .mW, .mW tbody, .mW>tbody, .mW>tbody>tr, .mW>tbody>tr>td { width: 100%!important; display: block; } .mW50 { width: 49.4%!important; display: inline-block; vertical-align: top; } .mpW { width: 86%; display: block; } .pagewidth, .fullPageInverse .content.html { width: 80%; } .newBlock { margin-top: 60px;; } .pagewidth.table { display: block; } .auth-box { margin: 10px auto; } .column3.mW { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .mcolumn1 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; text-align: justify; } header { margin-top: 20px; margin-bottom: 20px; } .page-fooldal #top-wave2 { position: fixed; top: -1055px; left: 70%; margin-left: -710px; width: 1325px; z-index: 0; transition: all 0.35s; -moz-transition: all 0.35s; -webkit-transition: all 0.35s; -o-transition: all 0.35s; } .page-fooldal.fixheader #top-wave2 { top: -1255px; } #header-spacer { height: 125px; } .whitehead #header-spacer { height: 45px; } .page-fooldal #header-spacer { height: 87px; } #logo.cell { margin-left: -14px; } #menu .buttons svg { width: 35px; height: 35px; margin: 20px 10px 10px 0; } #menu .buttons #social_icon_yt { width: 40px; height: 35px; margin-left: 10px; } .bgPattern { display: none; } #bgPattern_dekor-index-7 { display: block; width: 145px; width: 145px; } #bgPattern_dekor-tamogatok-1-2 { display: block; right: 0; top: 345px; width: 200px; } #bgPattern_dekor-program-1 { display: block; width: 252px; top: 258px; } #bgPattern_dekor-helyszin-1 { display: block; right: 0; top: 1645px; width: 73px; } .page-kiallitoknak #bgPattern_dekor-index-3, .page-galeria #bgPattern_dekor-index-3, .page-galeria #bgPattern_dekor-index-5 { display: block; top: 650px; width: 65px; } .page-galeria #bgPattern_dekor-index-3 { top: 1064px; } .page-kiallitoknak #bgPattern_dekor-index-3 { top: 1100px; } #indexSlider-wrap { margin: 0; padding-top: 80px; background-image: url(images/dekor-index-3.png); background-repeat: no-repeat; background-size: 17%; width: 100%; } #indexSlider-wrap .items { width: 92%; margin: auto; } .page-fooldal #firstblock-wrap { background-image: none; padding-top: 45px; } #firstSlider .text { margin-top: -25px; } #firstSlider .title { font-size: 25px; } #firstSlider .lead { display: none; } .anyList, .anyList .item { margin-top: 30px; overflow: initial; } .anyList .item.alignIr .text { margin-right: 0; } .anyList .item.alignIl img { margin-left: 0; float: none; width: 100%; max-width: 100%; } .anyList .item.alignIr img { margin-left: -0; float: none; width: 100%; max-width: 100%;} .anyList .item .button { margin-top: 10px; } .list-3-col .items .item { width: 49%; min-height: 230px } .list-3-col .items .item:nth-child(3n-2) { margin-left: 2%; } .list-3-col .items .item:nth-child(2n-1) { margin-left: 0; } #index-programok-box { margin-top: 20px; } #index-programok-box-wrap { background-size: 40%; background-position: 142% 70%; } .section-szinpadi-programok h3 { font-size: 32px; } .section-szinpadi-programok .name { font-size: 16px; } .section-szinpadi-programok .text img { height: unset; } .module-texts.imageAndLead1 .inner, .module-texts.imageAndLead2 .inner { grid-template-columns: unset; padding: 0;; } .module-texts.imageAndLead1 img, .module-texts.imageAndLead2 img { width: 100%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } #galeria-box img { width: 110%; max-width: 110%; position: relative; margin-left: -6%;} #galeria-box h3 { margin-top: 0;} #galeria-box .lead { margin-top: 25px;} #galeria-box .text { width: 100%;} #indexSliderOutsidetitlelead .inner { width: 100%; } .grid-30-4 { display: grid; grid-gap: 4%; grid-template-columns: 30% 66%; } .grid-30-4 > div p:nth-of-type(1) { margin-top: 1rem; } .jegyek .jegy, .jegyek .jegy:nth-child(2) { margin: 30px 0 0 0; box-sizing: border-box; padding: 10%; } #ticketPurchase { margin-top: 20px; } #ticketPurchase .jegyarak { margin-top: 20px; } #ticketPurchase .jegyarak td { text-align: left; } /*.belepojegyek-box table, .belepojegyek-box tbody, .belepojegyek-box tr, .belepojegyek-box td, .belepojegyek-box .titlelead, .belepojegyek-box .titles, .belepojegyek-box .title, .belepojegyek-box .lead, .belepojegyek-box .data { display: block; width: 100%; }*/ .belepojegyek-box td { vertical-align: top; padding-top: 12px; } .belepojegyek-box table .title { padding-right: 0.5em; } .belepojegyek-box .price, .belepojegyek-box .arrow { font-size: 24px; white-space: nowrap; } .belepojegyek-box .price { padding-right: 0.5em; } .belepojegyek-box .line { display: none; } .belepojegyek-box .data { margin: 0; } .belepojegyek-box .titlelead .lead p:nth-child(1) { margin-top: 0; } .belepojegyek-box .titlelead .lead { padding-bottom: 0; } .belepojegyek-box .titlelead .button { position: relative; margin-top: 40px; margin-left: -3px; } /*#regisztracio-box-wrap { background-position: -75% 2%; background-size: 175%; }*/ #regisztracio-box-wrap { background-position: -109px 49px; background-size: 652px; } #regisztracio-box, #regisztracio-box .inner, #regisztracio-box .titlelead, #regisztracio-box .titles, #regisztracio-box .title, #regisztracio-box .lead, #regisztracio-box .text { display: block; width: 100%; } #regisztracio-box .lead { margin: 1.8em 0 2em 0; } #regisztracio-box .text { text-align: left; } #registration .text .inner { margin-top: 0; } .reg_es_jegy-box table, .reg_es_jegy-box tbody, .reg_es_jegy-box tr, .reg_es_jegy-box td, .reg_es_jegy-box .titlelead, .reg_es_jegy-box .titles, .reg_es_jegy-box .title, .reg_es_jegy-box .lead, .reg_es_jegy-box .data { display: block; width: 100%; } #megkozelites-box .inner { display: block; } #megkozelites-box .text { width: 110%; margin-left: -1%; } #megkozelites-box ul { padding: 0; } #megkozelites-box .text > ul > li:nth-child(1) { width: 110px; height: 110px; font-size: 35px; padding-top: 40px; } #megkozelites-box .text > ul > li:nth-child(2) { width: 135px; height: 135px; font-size: 35px; padding-top: 9px; margin-left: -33px; border-width: 44px; } #megkozelites-box .text > ul > li:nth-child(3) { width: 110px; height: 110px; font-size: 35px; padding-top: 8px; margin-left: -33px; border-width: 35px; } #praktikusinfok table, #praktikusinfok tbody, #praktikusinfok tr, #praktikusinfok td { display: block; width: 100%!important; } #praktikusinfok .content-inner .text table tr td:nth-child(2) { display: none; } .kovessminket-box .inner, .kovessminket-box .titlelead, .kovessminket-box .titles, .kovessminket-box .title, .kovessminket-box .lead, .kovessminket-box .text { display: block; width: 100%; } .pageintro1 .lead { width: 100%; } .pageintro2 .titles, .pageintro2 .lead { width: 100%; margin: 1em 0; } .inside-text-column2 .text, .text.column2 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; column-gap: 0; } /*.salonSlider02 .points { display: none; }*/ #firstSlider-wrap, #firstSliderClone { margin-top: 0; } #firstSlider.salonSlider02 .points { display: inline-block; } #firstSlider.salonSlider02 .title { width: 75%; } #program .page-head { margin-top: 20px; } #program .content { margin-top: 40px; } .page-head h1 { font-size: 34px; } .imageTitle .text { position: relative; color: #000; width: auto; margin: 0%; } .imageTitle .title { font-size: 25px; margin: 1em 0; } .imageTitle .overlay { display: none; } .imageTitle.inspiracio .overlay { display: block; } .imageTitle.inspiracio .text { position: absolute; margin: 0; color: #FFF; bottom: 20px; } .imageTitle.inspiracio .title { font-size: 34px; } /*#post .imageTitle { margin-top: 0; }*/ /*#post .imageTitle .title { margin-top: 0.5em; }*/ #post .imageTitle .title { color: #4437c4; } #forExhibitors .imageTitle .text { margin: 0%; } .forExhibitors02 { margin: auto; } .forExhibitors02 .text { padding-left: 0; padding-right: 0; } #creed .salonSlider02 .item { width: 100%; display: block; position: relative; margin-bottom: 40px; } #creed .salonSlider02 .item img { position: relative; } .postList .item { margin-left: 0; } #toptile { height: 1200px; display: grid; grid-template-columns: 50% 50%; grid-template-rows: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%; /* 25% 25% 25% 25%*/ } #toptile span, #toptile .lt span { font-size: 18px; left: 15px; bottom: 12px; } #toptile .tile1 { grid-column: span 2; grid-row: span 2; } #toptile .tile2 { grid-column: span 1; grid-row: span 1; } #toptile .tile3 { grid-column: span 1; grid-row: span 1; } #toptile .tile4 { grid-column: span 2; grid-row: span 1; } #toptile .tile5 { grid-column: span 1; grid-row: span 1; } #toptile .tile6 { grid-column: span 1; grid-row: span 2; } #toptile .tile7 { grid-column: span 1; grid-row: span 1; } #toptile .tile8 { grid-column: span 2; grid-row: span 2; } .marvany { margin-top: 60px; padding: 60px 0; } .box-followUs { margin-top: 0; margin-bottom: 60px; } .box-followUs .buttons { padding: 10%; text-align: center; box-sizing: border-box; } .box-followUs2 .texts { padding-left: 10px; padding-right: 10px; } .newsletter-signup td.space { display: block; height: 20px; } .newsletter-signup table input { width: 94%; } .page-hitvallas .columnHalf { width: 100%; } .page-hitvallas h1 { font-size: 21px; margin: 2.1em 0; } #exhibitors .head { display: block; } #exhibitors .head .text { margin-top: 0; margin-bottom: 20px; } #exhibitors .categories { padding-top: 40px; } #exhibitors input { width: 94%; } #exhibitors .categories .list { column-count: 2; width: 80%; } #exhibitor .text { margin-left: 0%; } #exhibitor .titlebox .text { margin-bottom: 3%; } #exhibitor .salonSlider02-wrap { float: none!important; margin: auto!important; } #exhibitor .exhibitor-head { min-height: 130px; } #program .content { background-color: transparent; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } #program .content img { margin: 0 0% 4% 0%; } .featured_tags .item { margin-right: 50px; margin-bottom: 20px; } .more-programs-box .item .title { width: auto; } .more-programs-box .item, .more-programs-box .item .title { /*margin-left: 0;*/ } .more-programs-box .item .title, .section-standprogramok .item .title { font-size: 22px; } .more-programs-box .item .subtitle { font-size: 20px; } .section-standprogramok .item .subtitle { font-size: 16px; } /*#tickets { margin-top: 15px; }*/ /*#tickets .describe .text { min-height: auto; }*/ #partners .title { color: #4437c4; margin: 40px 0; } #pressInquiry { margin-bottom: 80px; } #forExhibitors .head .button { display: block; position: relative; margin-top: 20px; max-width: 85px; } .forExhibitors02 .text { min-height: auto; } .forExhibitors02 .button { position: relative; left: 0; display: block; max-width: 85px; } .forExhibitors03 img { padding: 0; } .forExhibitors03 .text { margin: auto auto 20px auto ; } #indexSliderOutsidetitlelead .inner { display: block; } #indexSliderOutsidetitlelead .inner .title { margin-bottom: 20px; } .belepojegyek-box .inner { display: block; } /* #post .content { margin-top: 80px; }*/ /***********************/ .module-texts.imageAndLead1 .inner img, .module-texts.imageAndLead2 .inner img, #firstblock video, .list-4col, .section-szinpadi-programok .day, #program .content img, #map, #rolunk-text-1 img, .page-kiallitoknak .content img { width: 111%!important; margin-left: -6%; } #partners-list .list-4col, #exhibitors-list .list-4col { width: unset!important; margin-left: 0; } #tickets { width: 90%; } #galeria/*, #indexSlider-wrap*/ { width: 92%; margin-left: 5%; } .belepojegyek-box, .reg_es_jegy-box { width: 100%; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .belepojegyek-box .inner, #regisztracio-box .inner, .reg_es_jegy-box .inner { padding: 10%; } #index-programok-box .title, #regisztracio-box .title { font-size: 26px; } .belepojegyek-box .data h3 { font-size: 22px; } body.page-helyszin #top-waves { z-index: 1; } .map-wrap { z-index: 0!important; margin-top: 40px; } #map { width: 126%!important; margin-left: -13%; z-index: 0; } #megkozelites-box .text > ul > li:nth-child(1) ul, #megkozelites-box .text > ul > li:nth-child(1) li { width: 110px; } #megkozelites-box .text > ul > li:nth-child(2) ul, #megkozelites-box .text > ul > li:nth-child(2) li { width: 135px; } #megkozelites-box .text > ul > li:nth-child(3) ul, #megkozelites-box .text > ul > li:nth-child(3) li { width: 125px; } .page-helyszin .content table, .page-helyszin .content tbody, .page-helyszin .content tr, .page-helyszin .content td { display: block; } .page-helyszin .content table p { margin: 0; } .page-rolunk .featured_tags { margin: 40px 0; width: 110%; margin-left: -5%; } .page-rolunk .featured_tags .item { display: inline-block; vertical-align: top; font-size: 1em; width: 33%; margin: 0; padding-right: 2%; box-sizing: border-box; } .page-rolunk .featured_tags .item svg { width: 100%; } .page-kiallitoknak .doublecontent-box { display: grid; grid-gap: 0; grid-template-columns: 100%; margin-top: 40px; } .page-kiallitoknak .doublecontent-box > div:nth-child(1) { order: 2; } #kiallitoknak-tartalom { margin-top: 10px; } #kiallitoknak-tartalom h2 { font-size: 32px; } #kiallitoknak-tartalom table { font-size: 12px; } #kiallitoknak-tartalom .title { margin-bottom: 1em; } #kiallitoknak-tartalom .inner:nth-child(2) td:nth-child(2) { text-align: center; } #kiallitoknak-tartalom .inner:nth-child(1) table, #kiallitoknak-tartalom .inner:nth-child(1) tbody, #kiallitoknak-tartalom .inner:nth-child(1) tr, #kiallitoknak-tartalom .inner:nth-child(1) td { display: block; width: 100%!important; } #kiallitoknak-tartalom .inner:nth-child(1) td p:nth-child(1) { margin-bottom: 0; } #kiallitoknak-tartalom .inner:nth-child(1) td p:nth-child(2) { margin-top: 0; } #kiallitoknak-tartalom.doublecontent-box .content-inner { grid-template-columns: 100%; } #jelentkezes textarea, #jelentkezes input[type=email], #jelentkezes input[type=text] { width: 100%; } .page-socialmediakit #top-wave { width: 100%; overflow: hidden; } .page-socialmediakit #top-wave svg { width: 200%; margin-left: -18%; } .section-wrap-grey { padding-top: 10%; padding-bottom: 10%; margin: 10% auto; } .mediakit-linkek p:first-of-type, .mediakit-kreativ-javaslatok p:first-of-type, .mediakit-szovegek p:first-of-type { margin-bottom: 3.5em; } .mediakit-linkek td p:first-of-type, .mediakit-kreativ-javaslatok td p:first-of-type, .mediakit-szovegek td p:first-of-type { margin-bottom: 1.5em; } .page-socialmediakit h1, .page-socialmediakit h2 { font-size: 31px; } .page-socialmediakit table, .page-socialmediakit tbody, .page-socialmediakit tr, .page-socialmediakit td { display: block; width: 100%!important; box-sizing: border-box; margin-left: 0; margin-right: 0; } .mediakit-linkek td { display: inline-block; width: auto!important; margin-bottom: 10px; max-width: 243px; font-size: 10px; } .mediakit-linkek td strong { font-size: 20px; line-height: 1.2em; } .mediakit-linkek td img { margin-right: 8px; margin-left: -3px; } .mediakit-linkek td br { display: none; } .page-socialmediakit h3 { font-size: 18px; } .page-socialmediakit table br { display: none; } .page-kapcsolat .content table, .page-kapcsolat .content tbody, .page-kapcsolat .content tr, .page-kapcsolat .content td { display: block; } .trafficLines div { font-size: 28px; width: 70px; height: 35px; padding-top: 36px; margin: 10px 9px; } footer { padding: 35px 0 25px 0; } footer table, footer tbody, footer tr, footer td { display: block; text-align: left; } footer td:empty { display: none; } footer .logo img { margin-left: -12px; } footer .logo .date { margin-top: 25px; } footer .linkek { padding-left: 0; border-left: 0; width: 100%; } footer .linkek a { padding-left: 0; } footer .fotamogato span, footer .eventco span { display: block; padding-top: 10px; } footer .fotamogato { padding-left: 0; } footer .contact { padding-top: 30px; } footer .fotamogato, footer .contact, footer .copyright, footer .eventco { text-align: left; } footer .fotamogato img, footer .eventco img { margin-left: 0; } footer .eventco img { margin-top: 20px; } footer .linkek, footer .social, footer .eventco { padding-top: 40px; } footer .eventco { padding-top: 10px; } footer .hours { width: 65%; } footer .social { width: 55%!important; } footer #social_icon_fb { margin-left: -10px; } footer .buttons svg { width: 30px; height: 30px; margin-right: 0px; vertical-align: middle; } footer .buttons #social_icon_yt { width: 40px; height: 35px; margin-left: 10px; } } @media (max-width: 850px){ #postList .salonSlider03 .title { font-size: 25px; } #postList .salonSlider03 .text { margin: 0; } .postList .item { height: 400px; } #galeria .column3 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } @media (max-width: 800px){ .mediakit-linkek tr td:nth-child(3) { display: block; height: 1px; } } @media (max-width: 700px){ #postList .salonSlider03 .points { margin-top: -35%; } #postList .salonSlider03 .points .point.prev { left: -32px; } #postList .salonSlider03 .points .point.next { right: -29px; } body.page-vedonoi_igenyles .form_editable input { width: 100%; } } @media (max-width: 600px){ } @media (max-width: 500px){ .list-3-col .items .item { width: 100%; margin-left: 0; min-height: 230px; } .list-3-col .items .item:nth-child(3n-2) { margin-left: 0; } .postList .title { font-size: 1.7em; } } @media (max-width: 370px){ .mediakit-linkek table { width: 106%!important; margin-left: -2%; } } @media (max-width: 900px) { .page-fooldal #top-wave2 { top: -895px; left: -23%; margin-left: 0; width: 100%; }} @media (max-width: 800px) { .page-fooldal #top-wave2 { top: -920px; left: -34%; margin-left: 0; width: 100%; }} @media (max-width: 700px) { .page-fooldal #top-wave2 { top: -940px; left: -44%; margin-left: 0; width: 100%; }} @media (max-width: 600px) { .page-fooldal #top-wave2 { top: -960px; left: -63%; margin-left: 0; width: 100%; }} @media (max-width: 500px) { .page-fooldal #top-wave2 { top: -990px; left: -82%; margin-left: 0; width: 100%; }} @media (max-width: 450px) { .page-fooldal #top-wave2 { top: -1039px; left: -100%; margin-left: 0; width: 100%; }} @media (max-width: 400px) { .page-fooldal #top-wave2 { top: -1089px; left: -114%; margin-left: 0; width: 100%; }} @media (max-width: 375px) { .page-fooldal #top-wave2 { top: -1085px; left: -120%; margin-left: 0; width: 100%; }} @media (max-width: 350px) { .page-fooldal #top-wave2 { top: -1072px; left: -125%; margin-left: 0; width: 100%; }} @media (max-width: 300px) { .page-fooldal #top-wave2 { top: -1072px; left: -145%; margin-left: 0; width: 100%; }} @media (max-width: 450px){ #logo.cell { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } } @media (max-width: 430px){ #logo.cell { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } } @media (max-width: 400px){ #logo.cell { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } } @media (max-width: 370px){ #logo.cell { -webkit-transform: scale(0.82); -ms-transform: scale(0.82); transform: scale(0.82); } } @media (max-width: 350px){ #logo.cell { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } }