/*_______________________________________________________
 _____ _____ _____ _____ ____  _____ _____   _____ _____ 
| __  | __  |  _  |   | |    \|   __| __  | |  |  |  |  |
| __ -|    -|     | | | |  |  |   __|    -|_|     |  |  |
|_____|__|__|__|__|_|___|____/|_____|__|__|_|__|__|_____|
_________________________________________________________
                                        a/||)\/ f
                                         )?\/ ] ]
                                            )/ \]
                                          _  )6 Q
                                           ?\/ P]
                              _jQQQa         ?aa]6
                              ]QQQQQQ/     aa/ 4Q6]6
                            _6 4QQQQQ6       )??''a]6
                            jQQajQQQQQ/         )?4f ?a
                            QQQQQQQQQQf            46 )6
                            Q]QQQQQQQQ              )6 )4/
                            P]QQQQP?4Q               )6  4/
                             ]' 4Q'  Q                )6  4/
                             Q   ?f _Qf                )6  4/
                            )W6aJ )WQQf                  4/ 4/
                            _4?4f_ QP?]                   4/ 4
                            4a QQQQQ af                    ?a
                             ?f)" ' ]P                      )gja/
                              4/]]_6Q                       )')?'
  \                            QQQQQf           _             Qaa/
  ]                            )WQQ?            4/     _aaaaWWP??
  ]  ]                             _           4)4QQQQWP????'
  ]  ]                          )a?'/          ]PJW
\  f ]  /                       _aaP'         JQf
 \ ] ]  f                          aQ /_    aaW?'
--)/ 6 f /                       )??? /  _a?'  QQf
'/)/)/4 '                      a??]QQ/Q?'/  f ?
__ ),\]6/                )???_aaaa'QQ6  a' _'
  ?a']aP                J46/   _   QQQ j' _J /
    ?aP?_f           )\jQ)W'_   ?46)WQ 6_a? _')
      _/Q/          )W7P)[f  \    j QQ 4P  _f f
       6?6           ]g     / ???PQ/4Q/]f_y' j /
       )[)[          ]P(    )_    ]f]Qf]Q? _y'_'
        6 4/         ]f    )/ ??QQQf)Wf Q_yP  J
        )/ 4         Q'     )a     6 QQ QP'  j )
         6 )6        Q        ??4QQQ QQ ]f aQ' J
         )[ ]/      _Q      )\     4/]Qf]QQP' _')
          4/ 4      ]f        ?aaaaQf]Qf ?Qf _P f/
          )6 )6     ]f       /  )?WQ' Qf  ]QQP _ '
           )6 ]/    Q        )6   ]P  )[   ?Q6aP_
            ]/ 4    Q        ' 46aQf    /    QQ6J
             4/)[  ]P        Ja  ]P  ]?Qf)'/ )4Q']
              \ ]f ]f        _)\aQf /'_ a_  \  )\'
                jf6Q          \ QQ J _ ?')?/ /
                )f]P         _ 4Q'_  ' aj'
                ]']f          \ f ) '  /'
                  4'           )       ?Q'
                                       _a/
                                        ?
                                        4?   _QQ6
                                        a/  aQQQQf
                                 aQQ6/    aj'jQQQf
                                 QQQQP4QQQQf]QQQP
                                 QQQQQ/46 jQ/QQP
                                 ?QQQQfjP??Q6]P
                                   ?QQ'QQ6QQ6j'jQ/ ]6
                                    )4/4Q/_QP( QQf  )L
                                   Q6 ??QP'P  ]Q? ]Q[?
                                af)WQf  )QQf  ]'  )P'_/
                               ]f_ ??Q   Q?QaaP  j6/_Qf
                               ] Qf  )\ajf )WW   QQQQP
                               _ ?'a   4P          4Q6
                               Q6 jQf               QQ/
                               )WQQP'               ]Q6
                                QQf                 )WQ/
                               ]QQ                   4Q6
                               ]Qf                   )WQ
                               QQf                    4Qf
                               QQ                     ]QQ
                              ]QP                      QQf
                              ]Qf                      ]Q6
                              QQ'                       QQ/
                              QQ                        ]Qf
                             ]Qf                         QQ
                             jQf                         ]Qf
                             QQ                          )W6
                            _QP                           4Q/
                            ]Qf                           )Qf
                            jQ'                            4Q
                            QQ                             jQ/
                            Qf                            QQQ6
                           ]Q'                            4P QP
                           ]Q                            _/_a)'
                           jQ6a                           fQQ /
                          _QQQP                           Q"']Q
                          QP ?_                           QQf]Q
                          )'jg]'                             4Q/
                          _/4P]                           )4Q 4f
                          Qf _Qf                            4 ]f
                          ]Q/??'                            ] ]6
                          ]P\aj                             ]f)W
                          ]f)P                               f Q
                          ]f f                               Q Q/
                          ]f f                               4 ]f
                          ]f_f                               ]/]f
                          ]f]f                               ]f]f
                          ]f]f                                f Q
                          jf]'                                6 Q
                          Qf]                                 4 Q
                          Q ]                                 ] ]f
                          Q ]                                 ]f]f
                          Q ]                                  f]f
                          Q ]                                  f]Q
                          Q ]                                  4 Q
                          Q j                                  ] Q
                          Q Q                                  ]/Q/
                          Q Q                                   fQf
                          QfP                                   fWf
                          Qff                                   6]f
                          Qff                                  _P]Q/
                          Qff                                   QPQP
                          Qff                                 Q6 a/ /
                          Qff                                 ]Q\Q Q\/
                          Pf?/                                  QQfQ'?
                         4Q'Q_a                                   'aa_f
                        _  a QQ                                    ]J'\
                        /4']a4'                                     )[_jJ'
                       _fjfQ?'                                        ) '?
                       _ a/
                       J]\f
                     _ '_?
                     _*/			 
@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(css/brander.bootstrap.css);
@import url(css/brander.style.css);
@import url(css/brander.online.css);
@import url(css/brander.css.css);
@import url(css/brander.awesome.css);
@import url(css/brander.cookiealert.css);
@import url(css/brander.plugins.css);
@import url(css/brander.system.css);
body, html {
	font-family:Montserrat, sans-serif;
	font-weight:300;
	font-size:15px;
	height:100%;
	width:100%;
	color:#777;
	background-color:#000;
	user-select:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none
}
html {
	box-sizing:border-box;
	margin-right:0!important;
	overflow:visible!important
}
body {
	overflow:hidden;
	overflow-y:scroll;
-webkit-transition:opacity .2s ease-in-out .2s;
transition:opacity .2s ease-in-out .2s
}
body.smooth-scroll {
	overflow:hidden
}
body.hidden {
	opacity:0
}
a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, iframe, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var {
	border:0;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline
}
article, aside, details, figcaption, footer, header, hgroup, nav, section {
	display:block
}
audio {
	display:inline-block;
	max-width:100%
}
address {
	font-style:italic;
	margin-bottom:24px
}
abbr[title] {
	border-bottom:1px dotted #2b2b2b;
	cursor:help
}
b, strong {
	font-weight:600;
	color:#000
}
.light-content b, .light-content strong {
	font-weight:600;
	color:#fff
}
.light-content .white-section b, .light-content .white-section strong {
	font-weight:600;
	color:#000
}
cite, dfn, em, i {
	font-style:italic
}
ins, mark {
	background:none repeat scroll 0 0 #111;
	text-decoration:none;
	color:#fff;
	padding:0 10px;
	display:inline-block;
	border-radius:2px
}
code, kbd, pre, samp, tt, var {
	font-family:monospace, serif;
	font-size:15px;
	-webkit-hyphens:none;
	-moz-hyphens:none;
	-ms-hyphens:none;
	hyphens:none;
	line-height:1.6
}
pre {
	border:1px solid rgba(0, 0, 0, .1);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom:24px;
	max-width:100%;
	overflow:auto;
	padding:12px;
	white-space:pre;
	white-space:pre-wrap;
	word-wrap:break-word
}
blockquote, q {
	-webkit-hyphens:none;
	-moz-hyphens:none;
	-ms-hyphens:none;
	hyphens:none;
	quotes:none
}
blockquote:after, blockquote:before, q:after, q:before {
	content:"";
	content:none
}
blockquote {
	color:#000;
	font-size:18px;
	font-style:italic;
	font-weight:300;
	line-height:30px;
	margin-bottom:24px;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-left:2px #ddd solid;
	padding:20px 20px 20px 40px;
	letter-spacing:.01em
}
.light-content blockquote {
	color:#fff
}
blockquote span {
	display:block;
	margin-top:20px;
	font-weight:400;
	font-size:12px;
	font-style:normal;
	font-family:Verdana, Geneva, sans-serif;
	color:#999
}
blockquote cite, blockquote small {
	color:#2b2b2b;
	font-size:16px;
	font-weight:400;
	line-height:1.5
}
blockquote cite, blockquote em, blockquote i {
	font-style:normal
}
blockquote b, blockquote strong {
	font-weight:400
}
small {
	font-size:smaller
}
big {
	font-size:125%
}
sub, sup {
	font-size:75%;
	height:0;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sup {
	bottom:1ex
}
sub {
	top:.5ex
}
dl {
	margin-bottom:24px
}
dt {
	font-weight:700
}
dd {
	margin-bottom:24px
}
ol, ul {
	list-style:none;
	margin:0 0 24px 20px
}
ol, ul {
	list-style:none;
	margin:0 0 24px 20px
}
ul {
	list-style:disc
}
ol {
	list-style:decimal
}
li>ol, li>ul {
	margin:10px 0 0 20px
}
li {
	line-height:20px;
	color:#333;
	margin-bottom:10px
}
.light-content li {
	color:#fff
}
figure {
	margin:0;
	position:relative;
	display:block
}
figure.has-parallax {
	overflow:hidden
}
.full figure.has-parallax {
	overflow:hidden;
	height:100vh
}
figure img {
	max-width:100%
}
.full img {
	width:100%;
	height:100%;
	position:relative;
	display:block;
	object-position:center;
	object-fit:cover
}
.has-parallax-content img {
	width:100%;
	height:100%;
	position:relative;
	display:block;
	object-position:center;
	object-fit:cover
}
figcaption {
	background-color:rgba(0, 0, 0, .3);
	bottom:0;
	color:#fff;
	font-weight:400;
	font-size:10px;
	padding:5px 10px;
	position:absolute;
	right:0;
	z-index:10;
	border-radius:0
}
fieldset {
	border:1px solid rgba(0, 0, 0, .1);
	margin:0 0 24px;
	padding:0
}
legend {
	white-space:normal
}
button, input {
	line-height:normal
}
input, textarea {
	background-image:-webkit-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0))
}
button, html input[type=button], input[type=reset], input[type=submit] {
	cursor:pointer
}
button[disabled], input[disabled] {
	cursor:default
}
input[type=checkbox], input[type=radio] {
	padding:0
}
input[type=search] {
	-webkit-appearance:textfield
}
input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
textarea {
	overflow:auto;
	vertical-align:top
}
table, td, th {
	border:1px solid rgba(0, 0, 0, .1)
}
table, td, th {
	border:1px solid rgba(0, 0, 0, .1)
}
table {
	border-collapse:separate;
	border-spacing:0;
	border-width:1px 0 0 1px;
	margin-bottom:24px;
	width:100%
}
caption, td, th {
	font-weight:400;
	text-align:left
}
th {
	border-width:0 1px 1px 0;
	padding:10px
}
td {
	border-width:0 1px 1px 0;
	padding:10px
}
del {
	color:#767676
}
.brander1414 {
 background:#141414!important;
 background-color:#141414!important;
}
.brander-csipet-csapat {
 position: relative!important;
 left: 0!important;
 bottom: 0px!important;
 width: 100%!important;
 padding-left: 0px!important;
 margin-top: 10px!important;
 margin-bottom: -10px!important;
}
 .brander-csipet-csapat h5 {
 font-weight: 800!important;
 position: relative!important;
 display: block!important;
 margin-bottom: 2px!important;
 font-size: 19px!important;
}
 @media only screen and (max-width:767px) {
 .brander-csipet-csapat {
 margin-top: 10px!important;
 margin-bottom: 20px!important;
}
}
hr {
	border:0;
	height:30px;
	width:100%;
	float:none;
	margin:0;
	display:inline-block;
	opacity:1!important;
	-webkit-transition:translateY(0)!important;
	transform:translateY(0)!important
}
hr.white-line {
	height:1px;
	padding-top:12px;
	padding-bottom:12px
}
hr.white-line:before {
	content:"";
	display:block;
	width:0;
	height:1px;
	background:rgba(129, 129, 129, .2)
}
hr.animated.white-line:before {
	width:100%;
-webkit-transition:width .7s ease-in-out .1s;
transition:width .7s ease-in-out .1s
}
hr.small {
	height:20px
}
hr:after {
	clear:both;
	content:" ";
	display:block;
	height:0;
	visibility:hidden
}
.selecting {
	position:relative;
	display:inline-block;
-webkit-transition:-webkit-transform .2s;
transition:transform .2s;
	width:auto;
	text-align:center;
	transform-origin:100% 0;
	font-size:13px;
	text-transform:uppercase
}
.selecting:hover {
	transform-style:preserve-3d
}
#nyelv {
	position:absolute;
	right:-60px;
	top:28px;
	z-index:9;
	font-weight:200;
	cursor:pointer;
	color:#fff
}
#nyelv a {
	color:#fff!important
}
.en-lang {
	position:relative;
	left:0
}
@-webkit-keyframes wobble-vertical-on-hover {
16.65% {
-webkit-transform:translateY(8px);
transform:translateY(8px)
}
33.3% {
-webkit-transform:translateY(-6px);
transform:translateY(-6px)
}
49.95% {
-webkit-transform:translateY(4px);
transform:translateY(4px)
}
66.6% {
-webkit-transform:translateY(-2px);
transform:translateY(-2px)
}
83.25% {
-webkit-transform:translateY(1px);
transform:translateY(1px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes wobble-vertical-on-hover {
16.65% {
-webkit-transform:translateY(8px);
transform:translateY(8px)
}
33.3% {
-webkit-transform:translateY(-6px);
transform:translateY(-6px)
}
49.95% {
-webkit-transform:translateY(4px);
transform:translateY(4px)
}
66.6% {
-webkit-transform:translateY(-2px);
transform:translateY(-2px)
}
83.25% {
-webkit-transform:translateY(1px);
transform:translateY(1px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
.wobble-vertical-on-hover {
	display:inline-block;
	vertical-align:middle;
	-webkit-transform:perspective(1px) translateZ(0);
	transform:perspective(1px) translateZ(0);
	box-shadow:0 0 1px transparent
}
.wobble-vertical-on-hover:active, .wobble-vertical-on-hover:focus, .wobble-vertical-on-hover:hover {
	-webkit-animation-name:wobble-vertical-on-hover;
	animation-name:wobble-vertical-on-hover;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-timing-function:ease-in-out;
	animation-timing-function:ease-in-out;
	-webkit-animation-iteration-count:1;
	animation-iteration-count:1
}
@-webkit-keyframes buzz-out-on-hover {
10% {
-webkit-transform:translateX(3px) rotate(2deg);
transform:translateX(3px) rotate(2deg)
}
20% {
-webkit-transform:translateX(-3px) rotate(-2deg);
transform:translateX(-3px) rotate(-2deg)
}
30% {
-webkit-transform:translateX(3px) rotate(2deg);
transform:translateX(3px) rotate(2deg)
}
40% {
-webkit-transform:translateX(-3px) rotate(-2deg);
transform:translateX(-3px) rotate(-2deg)
}
50% {
-webkit-transform:translateX(2px) rotate(1deg);
transform:translateX(2px) rotate(1deg)
}
60% {
-webkit-transform:translateX(-2px) rotate(-1deg);
transform:translateX(-2px) rotate(-1deg)
}
70% {
-webkit-transform:translateX(2px) rotate(1deg);
transform:translateX(2px) rotate(1deg)
}
80% {
-webkit-transform:translateX(-2px) rotate(-1deg);
transform:translateX(-2px) rotate(-1deg)
}
90% {
-webkit-transform:translateX(1px) rotate(0);
transform:translateX(1px) rotate(0)
}
100% {
-webkit-transform:translateX(-1px) rotate(0);
transform:translateX(-1px) rotate(0)
}
}
@keyframes buzz-out-on-hover {
10% {
-webkit-transform:translateX(3px) rotate(2deg);
transform:translateX(3px) rotate(2deg)
}
20% {
-webkit-transform:translateX(-3px) rotate(-2deg);
transform:translateX(-3px) rotate(-2deg)
}
30% {
-webkit-transform:translateX(3px) rotate(2deg);
transform:translateX(3px) rotate(2deg)
}
40% {
-webkit-transform:translateX(-3px) rotate(-2deg);
transform:translateX(-3px) rotate(-2deg)
}
50% {
-webkit-transform:translateX(2px) rotate(1deg);
transform:translateX(2px) rotate(1deg)
}
60% {
-webkit-transform:translateX(-2px) rotate(-1deg);
transform:translateX(-2px) rotate(-1deg)
}
70% {
-webkit-transform:translateX(2px) rotate(1deg);
transform:translateX(2px) rotate(1deg)
}
80% {
-webkit-transform:translateX(-2px) rotate(-1deg);
transform:translateX(-2px) rotate(-1deg)
}
90% {
-webkit-transform:translateX(1px) rotate(0);
transform:translateX(1px) rotate(0)
}
100% {
-webkit-transform:translateX(-1px) rotate(0);
transform:translateX(-1px) rotate(0)
}
}
.buzz-out-on-hover {
	display:inline-block;
	vertical-align:middle;
	-webkit-transform:perspective(1px) translateZ(0);
	transform:perspective(1px) translateZ(0);
	box-shadow:0 0 1px transparent
}
.buzz-out-on-hover:active, .buzz-out-on-hover:focus, .buzz-out-on-hover:hover {
	-webkit-animation-name:buzz-out-on-hover;
	animation-name:buzz-out-on-hover;
-webkit-animation-duration:.75s;
animation-duration:.75s;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-iteration-count:1;
	animation-iteration-count:1
}
.grow-rotate-on-hover {
	display:inline-block;
	vertical-align:middle;
	-webkit-transform:perspective(1px) translateZ(0);
	transform:perspective(1px) translateZ(0);
	box-shadow:0 0 1px transparent;
-webkit-transition-duration:.3s;
transition-duration:.3s;
	-webkit-transition-property:transform;
	transition-property:transform
}
.grow-rotate-on-hover:active, .grow-rotate-on-hover:focus, .grow-rotate-on-hover:hover {
	-webkit-transform:scale(1.1) rotate(4deg);
	transform:scale(1.1) rotate(4deg)
}
#hang {
	position:absolute;
	right:15px;
	bottom:37px;
	z-index:9;
	cursor:pointer
}
.mediPlayer .control {
	opacity:0;
	pointer-events:none;
	cursor:pointer
}
.mediPlayer .not-started .play, .mediPlayer .paused .play {
	opacity:1
}
.mediPlayer .playing .pause {
	opacity:1
}
.mediPlayer .playing .play {
	opacity:0
}
.mediPlayer .ended .stop {
	opacity:1;
	pointer-events:none
}
.mediPlayer .precache-bar .done {
	opacity:0
}
.mediPlayer .ended .progress-bar, .mediPlayer .not-started .progress-bar {
	display:none
}
.mediPlayer .ended .progress-track {
	stroke-opacity:1
}
.mediPlayer .precache-bar, .mediPlayer .progress-bar {
transition:stroke-dashoffset .5s;
	stroke-dasharray:298.1371428256714;
	stroke-dashoffset:298.1371428256714
}
::selection {
background:#000;
color:#fff;
text-shadow:none
}
::-moz-selection {
background:#000;
color:#fff;
text-shadow:none
}
img {
	border:0 none;
	max-width:100%;
	vertical-align:middle;
	height:auto
}
h1, h2, h3, h4, h5, h6 {
	font-family:Montserrat, serif;
	font-weight:500;
	color:#000;
	margin-bottom:20px
}
h1.big-title {
	font-size:72px;
	line-height:90px
}
h1 {
	font-size:48px;
	line-height:60px
}
h2 {
	font-size:36px;
	line-height:48px
}
h3 {
	font-size:30px;
	line-height:40px;
	margin-left:-1px
}
h4 {
	font-size:24px;
	line-height:36px;
	margin-left:-1px
}
h5 {
	font-size:18px;
	line-height:28px;
	margin-left:-1px
}
h6 {
	font-size:14px;
	line-height:24px
}
.no-margins {
	margin:0
}
.secondary-font {
	font-weight:300;
	font-family:Montserrat, sans-serif
}
.light-content h1, .light-content h2, .light-content h3, .light-content h4, .light-content h5, .light-content h6 {
	color:#fff
}
.light-content .white-section h1, .light-content .white-section h2, .light-content .white-section h3, .light-content .white-section h4, .light-content .white-section h5, .light-content .white-section h6 {
	color:#000
}
.light-content p {
	color:rgba(255, 255, 255, .5)
}
.light-content .white-section p {
	color:#777
}
.title-has-line {
	position:relative;
	margin-bottom:40px
}
.title-has-line::after {
background:none repeat scroll 0 0 #000;
bottom:-15px;
content:"";
height:2px;
left:0;
position:absolute;
width:25px
}
p.title-has-line::after {
background:none repeat scroll 0 0 #000;
top:14px;
content:"";
height:1px;
left:-30px;
position:absolute;
width:16px
}
.light-content .title-has-line::after {
background:none repeat scroll 0 0 #fff
}
p {
	font-size:18px;
	font-weight:300;
	margin-bottom:10px;
	line-height:28px;
	color:#777
}
.light-content p {
	color:#999
}
p.no-margins {
	margin-bottom:0
}
.bigger {
	font-size:24px;
	font-weight:400;
	line-height:36px;
	color:#222
}
.smaller {
	font-size:12px
}
.container {
	max-width:1280px;
	width:100%;
	margin:0 auto;
	box-sizing:border-box
}
.post-content .container {
	padding:0
}
.container::after {
clear:both;
content:" ";
display:table
}
a:active, a:hover {
	outline:0;
	color:#000
}
a {
	text-decoration:none;
	color:#000;
	outline:0
}
.light-content a {
	color:#fff
}
a:hover {
	text-decoration:none
}
.one_half {
	width:48%!important
}
.one_third {
	width:30.6%!important
}
.one_fourth {
	width:22%!important
}
.one_fifth {
	width:16.8%!important
}
.one_sixth {
	width:13.33%!important
}
.two_fifth {
	width:37.6%!important
}
.two_fourth {
	width:48%!important
}
.two_third {
	width:65.33%!important
}
.three_fifth {
	width:58.4%!important
}
.three_fourth {
	width:74%!important
}
.four_fifth {
	width:79.2%!important
}
.five_sixth {
	width:82.67%!important
}
.five_sixth, .four_fifth, .one_fifth, .one_fourth, .one_half, .one_sixth, .one_third, .three_fifth, .three_fourth, .two_fifth, .two_fourth, .two_third {
	float:left!important;
	margin-bottom:10px!important;
	margin-right:4%!important;
	position:relative!important
}
.last {
	margin-right:0!important
}
.text-align-left {
	text-align:left
}
.text-align-center {
	text-align:center
}
.text-align-right {
	text-align:right
}
.outer {
	display:table;
	width:100%;
	height:100%
}
.inner {
	display:table-cell;
	vertical-align:middle;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.dark-section-wrapper, .white-section-wrapper {
	margin-left:calc(50% - 50vw)!important;
	margin-right:calc(50% - 50vw)!important;
	max-width:1000%!important;
	width:100vw!important
}
.dark-section-container, .white-section-container {
	position:relative;
	box-sizing:border-box;
	width:100%;
	max-width:1380px;
	padding:0 80px;
	margin:0 auto
}
.large .dark-section-container, .large .white-section-container {
	max-width:1580px;
	padding:0 80px
}
.half-dark-section-wrapper, .half-white-section-wrapper {
	margin-left:calc(50% - 50vw)!important;
	margin-right:calc(50% - 50vw)!important;
	max-width:1000%!important;
	width:100vw!important;
	position:absolute;
	height:50%;
	top:0
}
.vc_row .section-wrapper:nth-child(2) {
top:50%
}
.row-half-color {
	height:100%;
	width:100%;
	position:relative;
	top:0
}
.vc_row {
	position:relative;
	width:100%;
	margin:0 auto;
	z-index:1;
	opacity:1;
	box-sizing:border-box
}
.vc_row.small {
	max-width:800px;
	width:100%;
	margin:0 auto
}
.vc_row.full {
	margin-left:calc(50% - 50vw)!important;
	margin-right:calc(50% - 50vw)!important;
	max-width:1000%!important;
	width:100vw!important
}
.full {
	margin-left:calc(50% - 50vw)!important;
	margin-right:calc(50% - 50vw)!important;
	max-width:1000%!important;
	width:100vw!important
}
.width1000 {
	max-width:1000px!important
}
.brander-title-kontakt {
	font-size:28px;
	line-height:34px
}
.vc_row::after {
clear:both;
content:" ";
display:table
}
.full .vc_column_container>.vc_column-inner {
	padding-left:0!important;
	padding-right:0!important
}
.full .wpb_button, .full .wpb_content_element, .full ul.wpb_thumbnails-fluid>li {
	margin-bottom:0!important
}
.vc_row.has-animation {
	opacity:0
}
.row_padding_top {
	padding-top:4vw
}
.row_padding_bottom {
	padding-bottom:4vw
}
.row_padding_top2 {
	padding-top:6vw;
	padding-bottom:60px!important
}
.row_padding_bottom2 {
	padding-bottom:4vw
}
.row_padding_left {
	padding-left:8vw
}
.row_padding_right {
	padding-right:8vw
}
.row_padding_all {
	padding:8vw
}
main {
-webkit-transition:background .5s ease-in-out 0s;
transition:background .5s ease-in-out 0s
}
#magic-cursor {
	position:absolute;
	left:0;
	top:0;
	font-size:10px!important;
	width:30px;
	height:30px;
	pointer-events:none;
	z-index:10000;
-webkit-transition:opacity .2s ease-in-out .5s;
transition:opacity .2s ease-in-out .5s
}
.hidden-ball1 #magic-cursor {
	opacity:0!important;
	visibility:hidden
}
#ball {
	position:fixed;
	width:80px;
	height:80px;
	border:2px solid #999;
	border-radius:50%;
	pointer-events:none;
	opacity:1;
	box-sizing:border-box;
	-webkit-transform:scale(.5);
	transform:scale(.5)
}
.mfp-zoom-out-cur #ball {
	opacity:0;
-webkit-transition:opacity .2s ease-in-out 0s;
transition:opacity .2s ease-in-out 0s
}
#ball.over-movie, .light-content #ball, .light-content #ball.with-icon {
	border:2px solid #999;
	border-color:#999
}
#ball:before {
	font-family:FontAwesome;
	content:"\f077";
	font-size:12px;
	width:8px;
	height:16px;
	line-height:26px;
	text-align:center;
	position:absolute;
	left:32px;
	top:-42px;
	color:#999;
	opacity:0;
	transform:translateY(-40px);
	-webkit-transform:translateY(-40px);
transition:all .15s cubic-bezier(.215, .61, .355, 1) 0s
}
.light-content #ball:before {
	color:#999
}
#ball::after {
font-family:FontAwesome;
content:"\f078";
font-size:12px;
width:8px;
height:16px;
line-height:16px;
text-align:center;
position:absolute;
left:32px;
top:100px;
color:#999;
opacity:0;
transform:translateY(40px);
-webkit-transform:translateY(40px);
transition:all .15s cubic-bezier(.215, .61, .355, 1) 0s
}
.light-content #ball:after, .light-content #ball:before {
	color:#999
}
.scale-drag-horizontal #ball:before, .scale-up #ball:before {
	opacity:1;
	transform:translateY(0);
	-webkit-transform:translateY(0);
transition:all .3s cubic-bezier(.215, .61, .355, 1) 0s
}
.scale-drag-horizontal #ball:before {
	color:#fff
}
.scale-drag-horizontal #ball:after, .scale-up #ball:after {
	opacity:1;
	transform:translateY(0);
	-webkit-transform:translateY(0);
transition:all .3s cubic-bezier(.215, .61, .355, 1) 0s
}
.scale-drag-horizontal #ball:after {
	color:#fff
}
.scale-up.scale-none #ball:after, .scale-up.scale-none #ball:before {
	opacity:0
}
#ball-drag-x {
	position:absolute;
	width:72px;
	height:72px;
	pointer-events:none;
	opacity:1;
	box-sizing:border-box
}
#ball-drag-x:before {
	font-family:FontAwesome;
	content:"\f053";
	font-size:12px;
	width:8px;
	height:16px;
	line-height:26px;
	text-align:center;
	position:absolute;
	left:-40px;
	top:24px;
	color:#000;
	opacity:0;
	transform:translateX(-40px);
	-webkit-transform:translateX(-40px);
transition:all .15s cubic-bezier(.215, .61, .355, 1) 0s
}
.light-content #ball-drag-x:before {
	color:#fff
}
#ball-drag-x::after {
font-family:FontAwesome;
content:"\f054";
font-size:12px;
width:8px;
height:16px;
line-height:16px;
text-align:center;
position:absolute;
right:-39px;
left:auto;
top:30px;
color:#000;
opacity:0;
transform:translateX(40px);
-webkit-transform:translateX(40px);
transition:all .15s cubic-bezier(.215, .61, .355, 1) 0s
}
.light-content #ball-drag-x:after, .light-content #ball-drag-x:before {
	color:#fff
}
.scale-drag-x #ball-drag-x:before {
	opacity:1;
	transform:translateX(0);
	-webkit-transform:translateX(0);
transition:all .3s cubic-bezier(.215, .61, .355, 1) 0s
}
.scale-drag-x #ball-drag-x:after {
	opacity:1;
	transform:translateX(0);
	-webkit-transform:translateX(0);
transition:all .3s cubic-bezier(.215, .61, .355, 1) 0s
}
.scale-up.scale-drag #ball-drag-x:after, .scale-up.scale-drag #ball-drag-x:before {
	opacity:0
}
.adatok-x {
	line-height:24px;
	display:block
}
#ball-drag-y {
	position:absolute;
	width:72px;
	height:72px;
	pointer-events:none;
	opacity:1;
	box-sizing:border-box
}
#ball-drag-y:before {
	font-family:FontAwesome;
	content:"\f077";
	font-size:12px;
	width:8px;
	height:16px;
	line-height:26px;
	text-align:center;
	position:absolute;
	left:32px;
	top:-42px;
	color:#000;
	opacity:0;
	transform:translateY(-40px);
	-webkit-transform:translateY(-40px);
transition:all .15s cubic-bezier(.215, .61, .355, 1) 0s
}
.light-content #ball-drag-y:before {
	color:#fff
}
#ball-drag-y::after {
font-family:FontAwesome;
content:"\f078";
font-size:12px;
width:8px;
height:16px;
line-height:16px;
text-align:center;
position:absolute;
left:32px;
top:100px;
color:#000;
opacity:0;
transform:translateY(40px);
-webkit-transform:translateY(40px);
transition:all .15s cubic-bezier(.215, .61, .355, 1) 0s
}
.light-content #ball-drag-y:after, .light-content #ball-drag-y:before {
	color:#fff
}
.scale-drag-y #ball-drag-y:before {
	opacity:1;
	transform:translateY(0);
	-webkit-transform:translateY(0);
transition:all .3s cubic-bezier(.215, .61, .355, 1) 0s
}
.scale-drag-y #ball-drag-y:after {
	opacity:1;
	transform:translateY(0);
	-webkit-transform:translateY(0);
transition:all .3s cubic-bezier(.215, .61, .355, 1) 0s
}
.scale-up.scale-drag #ball-drag-y:after, .scale-up.scale-drag #ball-drag-y:before {
	opacity:0
}
#ball i {
	color:#fff;
	width:76px;
	height:80px;
	line-height:78px;
	text-align:center;
	font-size:12px;
	display:block;
	opacity:1;
transition:all .2s cubic-bezier(.215, .61, .355, 1) 0s
}
#ball p {
	color:#fff;
	width:66px;
	height:16px;
	line-height:16px;
	padding-top:0;
	padding-left:5px;
	margin:0;
	text-align:center;
	font-size:10px;
	font-weight:600;
	display:block;
	opacity:1;
transition:all .2s cubic-bezier(.215, .61, .355, 1) 0s
}
.light-content #ball p {
	color:#fff
}
#ball p.first {
	padding-top:22px
}
#ball.over-movie i, .light-content #ball i, .light-content #ball.with-icon i {
	color:#fff
}
.light-content #ball.with-icon.dark-icon i {
	color:#000
}
.scale-up #ball i {
	opacity:0;
transition:all .2s cubic-bezier(.215, .61, .355, 1) 0s
}
#ball.with-icon i {
	width:76px
}
#ball.with-icon i:nth-child(2) {
display:none
}
#ball.close-icon i {
	width:75px;
	height:76px;
	font-size:14px
}
#ball.over-movie i.fa-play, #ball.over-movie.pause-movie i.fa-pause {
	display:block
}
#ball.over-movie i.fa-pause, #ball.over-movie.pause-movie i.fa-play {
	display:none
}
#ball-loader {
	width:100px;
	height:100px;
	position:absolute;
	background-color:transparent;
	border-right:4px solid transparent;
	border-bottom:4px solid #999;
	border-left:4px solid transparent;
	border-top:4px solid transparent;
	border-radius:100px;
	box-sizing:border-box;
	opacity:0;
	-webkit-transform:translate(-14px, -14px) rotate(0);
	transform:translate(-14px, -14px) rotate(0);
-webkit-animation:rotating .8s ease-in-out infinite;
animation:rotating .8s ease-in-out infinite;
	-webkit-transition:opacity 0s ease-in-out 0s;
	transition:opacity 0s ease-in-out 0s
}
.light-content #ball-loader {
	border-bottom:4px solid #999
}
.show-loader #ball-loader {
	opacity:1;
-webkit-transition:opacity .2s ease-in-out 0s;
transition:opacity .2s ease-in-out 0s
}
@keyframes rotating {
0% {
-webkit-transform:translate(-14px, -14px) rotate(0);
transform:translate(-14px, -14px) ) rotate(0)
}
95% {
-webkit-transform:translate(-14px, -14px) rotate(350deg);
transform:translate(-14px, -14px) rotate(350deg)
}
100% {
-webkit-transform:translate(-14px, -14px) rotate(360deg);
transform:translate(-14px, -14px) rotate(360deg)
}
}
.scale-drag .move-title, .scale-drag a, .scale-up #burger-wrapper, .scale-up .button-wrap, .scale-up .disable-drag, .scale-up .hide-ball, .scale-up a, .show-loader a, .show-loader nav, scale-up .link {
	pointer-events:none!important
}
.preloader-wrap {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	bottom:0;
	background:#fff;
	z-index:9999999;
	text-align:center
}
.light-content.preloader-wrap {
	background:#000
}
.preloader-wrap .outer {
	padding:0;
	box-sizing:border-box
}
.preloader-wrap .inner {
	vertical-align:middle;
	box-sizing:border-box
}
.percentage-wrapper {
	height:20px;
	position:absolute;
	margin-bottom:20px;
	right:80px;
	bottom:40px
}
.percentage-intro {
	height:20px;
	position:absolute;
	margin-bottom:20px;
	left:80px;
	bottom:40px;
	font-size:12px;
	font-weight:300;
	line-height:20px;
	color:#000
}
.percentage {
	opacity:1;
	font-size:12px;
	font-weight:300;
	line-height:20px;
	width:30px;
	height:100px;
	color:#000;
	display:table;
	margin:0 auto
}
.percentage::after {
content:"%";
width:20px;
height:20px;
font-size:12px;
line-height:20px;
color:#000
}
.light-content .percentage, .light-content .percentage-intro, .light-content .percentage:after {
	color:#fff
}
.trackbar {
	width:auto;
	height:inherit;
	margin:0 auto;
	display:table;
	position:relative;
	padding:20px;
	opacity:1
}
.loadbar {
	width:100%;
	height:100%;
	background:rgba(255, 255, 255, .8);
	position:absolute;
	top:0;
	right:0;
	overflow:hidden
}
.light-content .loadbar {
	background:rgba(0, 0, 0, .8)
}
.hold-progress-bar {
	width:0%;
	height:0;
	background:#fff;
	position:absolute;
	top:0;
	left:0;
	right:0;
	overflow:hidden
}
.light-content .hold-progress-bar {
	background:#000
}
.preloader-intro {
	font-family:Montserrat, serif;
	font-weight:200;
	position:relative;
	display:block;
	font-size:48px;
	line-height:62px;
	color:#000
}
.light-content .preloader-intro {
	color:#fff
}
.admin-bar header {
	top:32px
}
header {
	width:100%;
	height:160px;
	left:0;
	top:0;
	background-color:transparent;
	position:fixed;
	box-sizing:border-box;
	z-index:1000;
	pointer-events:none;
-webkit-transition:background .4s ease-in-out .3s;
	transition:background 0s ease-in-out 0s
}
header.over-white-section {
	mix-blend-mode:normal
}
#header-container {
	box-sizing:border-box;
	height:inherit;
	padding:30px 60px;
	margin:0 auto;
	position:relative;
	width:100%;
	z-index:20;
	opacity:0
}
.header-visible #header-container {
	opacity:1
}
.header-middle {
	max-width:1280px;
	padding:0 50px;
	box-sizing:border-box;
	position:relative;
	margin:0 auto;
	opacity:0
}
#logo {
	position:relative;
	display:table;
	pointer-events:initial;
	z-index:10;
	top:10px;
	float:left
}
#logo a {
	display:block;
-webkit-transition:transform .5s ease-in-out .1s;
transition:transform .5s ease-in-out .1s
}
.logo-hidden #logo a {
	-webkit-transform:rotate(-360deg);
	transform:rotate(-360deg)
}
#logo a.disable, .open #logo a {
	pointer-events:none
}
#logo img {
	display:block;
	height:50px;
	width:auto;
	max-width:none;
-webkit-transition:opacity .2s ease-in-out 0s;
transition:opacity .2s ease-in-out 0s
}
#logo img.black-logo {
	opacity:1
}
.light-content #logo img.black-logo {
	opacity:0
}
#logo img.white-logo {
	position:absolute;
	top:0;
	left:0;
	opacity:0
}
.light-content #logo img.white-logo {
	opacity:1
}
.white-header #logo img.black-logo {
	opacity:0
}
.light-content .white-header #logo img.black-logo {
	opacity:1
}
.light-content .white-header.over-white-section #logo img.black-logo, .show-loader .light-content .white-header #logo img.black-logo {
	opacity:0
}
.white-header #logo img.white-logo {
	opacity:1
}
.light-content .white-header #logo img.white-logo {
	opacity:0
}
.light-content .white-header.over-white-section #logo img.white-logo, .show-loader .light-content .white-header #logo img.white-logo {
	opacity:1
}
.menu-open.light-content .slide-in #logo img.white-logo {
	opacity:1
}
nav {
	pointer-events:none
}
nav.open {
	pointer-events:initial
}
@keyframes pop {
50% {
transform:scale(1.2)
}
100% {
transform:scale(1)
}
}
.pop {
	display:inline-block;
@include hideTapHighlightColor();
@include hardwareAccel();
@include improveAntiAlias();
}
@media all and (min-width:1025px) {
.classic-menu nav {
position:relative;
width:auto;
top:0;
-webkit-transition:all .2s ease-in-out .5s;
transition:all .2s ease-in-out .5s;
display:block;
float:right;
height:60px;
margin:10px 0;
background-color:transparent!important
}
.flexnav {
display:block;
float:right;
position:relative;
width:auto;
max-height:60px
}
.flexnav li ul {
min-width:170px
}
.flexnav .touch-button {
background:transparent none repeat scroll 0 0
}
.flexnav .touch-button .navicon {
display:none
}
.flexnav li {
background:transparent none repeat scroll 0 0;
padding:0 25px;
padding-bottom:20px;
padding-top:20px
}
.classic-menu .menu-timeline {
opacity:1!important;
-webkit-transition:translateY(0)!important;
transform:translateY(0)!important;
pointer-events:initial
}
.flexnav li:last-child {
padding-right:0
}
.classic-menu .before-span {
opacity:1!important;
-webkit-transition:translateY(0)!important;
transform:translateY(0)!important
}
.flexnav li a {
background:transparent none repeat scroll 0 0;
padding:0 5px;
position:relative;
border-left:medium none;
font-weight:600;
font-family:Montserrat, sans-serif;
color:#000;
font-size:12px;
line-height:20px;
display:block;
overflow:hidden;
-webkit-transition:all .15s ease-in-out;
transition:all .15s ease-in-out
}
.light-content .flexnav li a {
color:#fff
}
.classic-menu.white-header .flexnav li a {
color:#fff
}
.light-content .classic-menu.white-header .flexnav li a {
color:#000
}
.flexnav:hover li a {
color:rgba(0, 0, 0, .4)
}
.classic-menu.white-header .flexnav:hover li a {
color:rgba(255, 255, 255, .4)
}
.light-content .classic-menu .flexnav:hover li a {
color:rgba(255, 255, 255, .4)
}
.light-content .classic-menu.white-header .flexnav:hover li a {
color:rgba(0, 0, 0, .4)
}
.classic-menu .flexnav li:hover a {
color:#000
}
.light-content .classic-menu .flexnav li:hover a {
color:#fff
}
.light-content .classic-menu.white-header .flexnav li:hover a {
color:#000
}
.adatok-m {
font-size:15px
}
adatok-x {
font-size:18px;
line-height:23px;
position:relative;
display:block
}
.brander-referencia-kiemelo {
font-weight:700;
font-size:28px;
text-transform:uppercase;
line-height:34px;
margin:-12px 0 -32px 0;
display:block;
color:#000;
position:relative
}
.classic-menu.white-header .flexnav li:hover a {
color:#fff
}
.classic-menu .flexnav li a span {
position:relative;
display:block;
-webkit-transition:-webkit-transform .2s;
transition:transform .2s;
transform-origin:100% 0
}
.classic-menu .flexnav li a span::before {
position:absolute;
top:100%;
width:100%;
left:0;
content:attr(data-hover)
}
.classic-menu .flexnav li:hover a span {
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
transform-origin:0 0
}
.flexnav li ul li a {
padding:0 20px 20px;
background-color:transparent;
font-size:13px;
font-family:Montserrat, sans-serif;
font-weight:400;
text-transform:none;
color:#fff!important;
opacity:.5;
-webkit-transition:all 50ms ease-in-out;
-moz-transition:all 50ms ease-in-out;
-o-transition:all 50ms ease-in-out;
-ms-transition:all 50ms ease-in-out;
transition:all 50ms ease-in-out
}
.flexnav li ul li a.link::before {
display:none
}
.flexnav li ul li a.active, .flexnav li ul li a:hover {
opacity:1
}
.flexnav li>ul li {
margin-left:0;
padding:0
}
.classic-menu .flexnav li ul {
-webkit-transform:translate3d(0, 30px, 0);
transform:translate3d(0, 30px, 0);
display:block!important;
opacity:0!important;
height:inherit!important;
overflow:visible!important;
visibility:hidden;
left:10px;
top:60px;
padding-top:20px;
background:#000;
border-radius:3px;
-webkit-transition:opacity .2s ease-in-out, visibility .2s ease-in-out, transform .2s ease-in-out!important;
transition:opacity .2s ease-in-out, visibility .2s ease-in-out, transform .2s ease-in-out!important
}
.classic-menu .flexnav li ul ul {
left:15px!important;
margin-left:0
}
.flexnav li ul:after {
display:block;
content:'';
position:absolute;
top:-6px;
left:20px;
width:0;
height:0;
border-style:solid;
border-width:0 10px 9px;
border-color:transparent transparent #000
}
.flexnav ul li ul:after {
display:block;
content:'';
position:absolute;
top:-5px;
left:15px;
width:0;
height:0;
border-style:solid;
border-width:0 10px 9px;
border-color:transparent transparent #000;
-webkit-transform:rotate(0);
transform:rotate(0)
}
.classic-menu .flexnav li ul li>ul, .classic-menu .flexnav li ul.open ul.open {
top:43px
}
.classic-menu .flexnav ul li ul li a {
background:#000
}
.classic-menu .flexnav ul li ul li ul li a {
background:#000
}
.flexnav li ul.flexnav-show {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
opacity:1!important;
visibility:visible;
-webkit-transition:opacity .2s ease-in-out .1s, visibility .2s ease-in-out, transform .2s ease-in-out .1s;
transition:opacity .2s ease-in-out .1s, visibility .2s ease-in-out, transform .2s ease-in-out .1s
}
.flexnav .touch-button {
display:none
}
.brander-by a.link::before {
display:none
}
.fullscreen-menu .nav-height {
overflow-y:scroll;
position:relative;
height:100%;
padding:40px 0;
padding-right:30px;
width:calc(100% + 30px);
box-sizing:border-box
}
.fullscreen-menu nav {
height:100vh;
position:fixed;
top:0;
left:0;
width:100%;
box-sizing:border-box;
visibility:visible;
pointer-events:none;
opacity:0;
padding:20px 0;
-webkit-transition:all .2s ease-in .6s;
transition:all .2s ease-in .6s
}
.fullscreen-menu nav.open {
visibility:visible;
pointer-events:initial;
opacity:1;
-webkit-transition:all .2s ease-out;
transition:all .2s ease-out
}
.fullscreen-menu .flexnav {
max-height:2000px;
-webkit-transition:all .2s ease-in .6s;
transition:all .2s ease-in .6s;
display:table;
width:auto;
padding:0 80px;
box-sizing:border-box;
margin:0 auto;
float:none
}
.fullscreen-menu .flexnav.flexnav-show {
-webkit-transition:all .3s ease-out .2s;
transition:all .3s ease-out .2s
}
.fullscreen-menu .flexnav li {
text-align:center;
padding:0;
box-sizing:border-box;
float:none
}
.fullscreen-menu .menu-timeline {
opacity:0
}
.fullscreen-menu .flexnav .touch-button {
width:100%;
display:block;
height:100px
}
.fullscreen-menu .flexnav .touch-button .navicon {
display:none
}
.fullscreen-menu .flexnav li.link {
border-bottom:none
}
.fullscreen-menu .flexnav li a {
font-weight:100;
font-size:70px;
line-height:84px;
font-family:Montserrat, serif;
padding:0;
-webkit-transition:all .1s ease-in-out 0s;
transition:all .2s ease-in-out 0s
}
.fullscreen-menu .flexnav li a {
color:#fff
}
.fullscreen-menu .flexnav.hover li a, .fullscreen-menu .flexnav:hover li a {
opacity:.3
}
.fullscreen-menu .flexnav li a.active, .fullscreen-menu .flexnav li:hover a {
opacity:1
}
.fullscreen-menu .flexnav:hover li ul li a {
opacity:.3
}
.fullscreen-menu .flexnav:hover li ul li a.active, .fullscreen-menu .flexnav:hover li ul li a:hover {
opacity:1
}
.fullscreen-menu .flexnav a.link::before {
display:none
}
.fullscreen-menu .flexnav li ul {
margin-bottom:0;
position:relative;
left:0
}
.fullscreen-menu .flexnav li ul:after {
display:none
}
.fullscreen-menu .flexnav li ul li a {
padding:8px 0;
font-size:48px;
font-weight:200;
font-family:Montserrat, serif;
line-height:48px;
border-top:none;
text-transform:none
}
.fullscreen-menu .flexnav ul li ul li a {
background:0 0
}
.fullscreen-menu .flexnav li ul li>ul, .fullscreen-menu .flexnav li ul.open ul.open {
margin-left:0;
top:0
}
.fullscreen-menu .menu-timeline {
opacity:1
}
.fullscreen-menu .menu-timeline .before-span {
opacity:0;
display:block;
-webkit-transform:translateY(120px);
transform:translateY(120px)
}
.fullscreen-menu .flexnav li a span {
position:relative;
display:block;
font-weight:200;
-webkit-transition:-webkit-transform .2s;
transition:transform .2s;
transform-origin:100% 0;
overflow:hidden
}
.fullscreen-menu .open .flexnav li a span {
overflow:visible
}
.fullscreen-menu .flexnav li a span::before {
position:absolute;
top:100%;
width:100%;
left:0;
content:attr(data-hover)
}
.fullscreen-menu .flexnav li:hover a span {
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
transform-origin:0 0
}
.fullscreen-menu .flexnav li.hover a span {
-webkit-transform:translateY(-100%)!important;
transform:translateY(-100%)!important;
transform-origin:0 0
}
.fullscreen-menu li.brander-by {
position:absolute!important;
bottom:-100px;
font-size:14px;
line-height:30px;
font-weight:700;
margin:0 auto;
display:table;
width:100%;
pointer-events:none;
left:0
}
.fullscreen-menu li.brander-by a {
font-size:14px;
line-height:30px;
font-weight:600;
pointer-events:initial;
color:#fff!important;
-webkit-text-stroke:1px rgba(255, 255, 255, 0);
position:relative;
margin:0 auto;
display:table;
width:auto;
display:inline-block
}
.fullscreen-menu li.brander-by, .fullscreen-menu li.brander-by a {
pointer-events:none
}
.fullscreen-menu nav.open li.brander-by, .fullscreen-menu nav.open li.brander-by a {
pointer-events:initial
}
}
.headlining-brander {
	font-size:32px!important;
	font-family:Montserrat, sans-serif;
	font-weight:500!important;
	line-height:36px!important;
	color:#fff!important
}
nav, nav.open {
	-webkit-transition:all 0s ease-in 0s;
	transition:all 0s ease-in 0s;
	background:0 0
}
#burger-wrapper {
	width:40px;
	height:40px;
	float:right;
	top:0;
	right:0;
	display:flex;
	position:relative;
	justify-content:center;
	align-items:center;
	cursor:pointer;
	pointer-events:initial
}
.classic-menu .button-wrap.right.menu {
	display:none
}
#menu-burger {
	top:0;
	width:25px;
	height:25px;
	position:relative;
	margin:0 auto;
	z-index:2;
	pointer-events:none
}
.menu-overlay #menu-burger {
	display:block
}
#menu-burger span {
	display:block;
	position:absolute;
	height:5px;
	width:5px;
	border-radius:5px;
	background-color:#000;
	opacity:1;
	top:10px;
	left:0;
	-webkit-transform:rotate(0);
	-moz-transform:rotate(0);
	-o-transform:rotate(0);
	transform:rotate(0);
-webkit-transition:background-color 50ms ease-in-out, transform .2s ease-in-out, height .2s ease-in-out, width .2s ease-in-out, top .2s ease-in-out, left .2s ease-in-out;
transition:background-color 50ms ease-in-out, transform .2s ease-in-out, height .2s ease-in-out, width .2s ease-in-out, top .2s ease-in-out, left .2s ease-in-out
}
#burger-wrapper .touch-button {
	display:none
}
.light-content #menu-burger span {
	background-color:#fff
}
.white-header #menu-burger span {
	background-color:#fff
}
.light-content .white-header #menu-burger span {
	background-color:#000
}
.light-content .white-header.over-white-section #menu-burger span, .show-loader .light-content .white-header #menu-burger span {
	background-color:#fff
}
#menu-burger span:nth-child(1) {
left:0
}
#menu-burger span:nth-child(2) {
left:10px
}
#menu-burger span:nth-child(3) {
left:20px
}
.button-wrap.right.menu .icon-wrap:hover #menu-burger span:nth-child(1) {
left:10px
}
.button-wrap.right.menu .icon-wrap:hover #menu-burger span:nth-child(3) {
left:10px
}
.button-wrap.right.menu .icon-wrap:hover #menu-burger.open span:nth-child(1) {
left:3px
}
.button-wrap.right.menu .icon-wrap:hover #menu-burger.open span:nth-child(3) {
left:3px
}
#menu-burger.open span:nth-child(1) {
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
top:12px;
height:2px;
width:20px;
left:3px
}
#menu-burger.open span:nth-child(2) {
-webkit-transform:scale(0);
transform:scale(0)
}
#menu-burger.open span:nth-child(3) {
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
top:12px;
height:2px;
width:20px;
left:3px
}
.brander-portfolio-alcim {
	font-size:32px;
	font-family:Montserrat, sans-serif;
	font-weight:500;
	line-height:36px;
	margin-bottom:0;
	width:100%;
	color:#fff!important;
	z-index:10;
	position:relative;
	display:block;
	overflow:hidden;
	margin-left:0
}
#content-scroll {
	z-index:1;
	position:relative
}
.smooth-scroll #content-scroll {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1
}
.scroll-content {
	cursor:default!important
}
.scale-up .scroll-content {
	cursor:grabbing!important
}
.scrollbar-track {
	background:0 0!important
}
#main {
	position:relative;
	opacity:0;
	user-select:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	overflow:hidden
}
.load-next-page #main, .load-next-project #main, .load-project-page #main, .load-project-page-carousel #main {
	opacity:1
}
#main-content, #main-content-bg {
	position:relative;
	opacity:1;
	z-index:10;
-webkit-transition:all .4s ease-in-out 0s;
transition:all .4s ease-in-out 0s
}
#main-page-content {
	position:relative;
	box-sizing:border-box;
	opacity:0;
	width:100%;
	max-width:1380px;
	padding:0 80px;
	margin:0 auto;
	margin-bottom:0
}
#main-page-content::after {
clear:both;
content:" ";
display:table
}
#main-page-content.project-page {
	margin-bottom:calc(100vh - 140px)
}
#main-page-content.portfolio-page {
	width:100%;
	max-width:none;
	padding:0
}
footer {
	position:relative;
	width:100%;
	height:140px;
	z-index:900;
	box-sizing:border-box;
	text-align:center;
	bottom:0;
	left:0;
	overflow:hidden;
	pointer-events:none
}
footer.fixed {
	position:fixed
}
footer.showcase-footer {
	position:absolute
}
#footer-container {
	padding:0 60px;
	margin:15px auto;
	height:80px;
	opacity:0;
	position:absolute;
	width:100%;
	box-sizing:border-box;
	bottom:0;
	left:0
}
.footer-middle {
	position:absolute;
	margin:0 auto;
	width:100%;
	height:auto;
	display:table;
	left:0;
	pointer-events:none
}
.video-leiras-p {
	font-size:15px;
	line-height:21px;
	position:relative;
	display:block;
	margin:-18px 0 0 0
}
.video-leiras-h {
	font-size:21px!important;
	line-height:32px;
	margin-left:0;
	font-weight:700!important
}
.brander-youtube-link {
	position:relative;
	display:inline-block;
	width:322px;
	height:50px;
	line-height:50px;
	font-weight:800!important;
	color:#000!important;
	font-weight:300;
	border:2px dashed #111;
	padding:0 15px;
	font-size:16px;
	text-transform:uppercase;
	letter-spacing:-.5px;
	font-family:Montserrat;
	margin-top:0
}
.brander-youtube-link:hover {
	color:#fff!important;
	font-weight:300;
	border:2px solid #111;
	background-color:#000
}
.copyright {
	position:relative;
	top:25px;
	width:auto;
	height:30px;
	overflow:hidden;
	font-size:12px;
	font-weight:300;
	font-family:Montserrat, sans-serif;
	line-height:30px;
	color:#000;
	pointer-events:initial;
	display:table;
	width:auto;
	margin:0 auto
}
.light-content .copyright {
	color:#fff
}
.socials-wrap {
	position:relative;
	float:right;
	color:#000;
	width:240px;
	height:160px;
	box-sizing:border-box;
	pointer-events:initial;
transition:all .2s cubic-bezier(.215, .61, .355, 1) 0s
}
.light-content .socials-wrap {
	color:#fff
}
footer .socials-wrap {
	margin-top:0
}
.socials-wrap:hover {
	transform:translateY(-40px);
	-webkit-transform:translateY(-40px)
}
.socials-text {
	float:right;
	font-size:12px;
	font-weight:300;
	font-family:Montserrat, sans-serif;
	line-height:40px;
	transform:translateY(20px)
}
.socials-wrap:hover .socials-text {
	transform:translateY(10px);
	-webkit-transform:translateY(10px);
transition:all .2s cubic-bezier(.215, .61, .355, 1) 0s
}
.socials-icon {
	float:right;
	width:20px;
	height:40px;
	font-size:12px;
	line-height:40px;
	text-align:right;
	margin-left:10px;
	transform:scale(1) translateY(20px);
transition:all .2s cubic-bezier(.215, .61, .355, 1) 0s
}
.socials-wrap:hover .socials-icon {
	transform:scale(0) translateY(40px);
	width:0;
	margin:0;
	overflow:hidden
}
.socials-icon:after, .socials-text:after {
	content:"";
	clear:both;
	display:table
}
.socials {
	height:auto;
	line-height:30px;
	position:relative;
	width:auto;
	margin:0 auto;
	margin-top:10px;
	text-align:center;
	bottom:0;
	display:table;
	transform:translateX(15px);
	-webkit-transform:translateX(15px)
}
.socials-wrap .socials {
	display:inline-block;
	width:100%;
	text-align:right
}
.socials li {
	margin-right:15px;
	margin-left:15px;
	list-style:none;
	color:#999;
	font-size:15px;
	margin-bottom:0;
	line-height:40px;
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	height:40px;
	width:40px;
	float:right;
	z-index:2;
-webkit-transition:background .4s ease-in-out 0s;
transition:background .4s ease-in-out 0s
}
.socials-wrap .socials li {
	opacity:0;
	transform:translateY(20px);
	-webkit-transform:translateY(20px);
transition:all .2s cubic-bezier(.215, .61, .355, 1) 0s
}
.socials-wrap:hover .socials li:nth-child(5) {
transition:all .2s cubic-bezier(.215, .61, .355, 1) 50ms;
opacity:1;
transform:translateY(10px);
-webkit-transform:translateY(10px)
}
.socials-wrap:hover .socials li:nth-child(4) {
transition:all .2s cubic-bezier(.215, .61, .355, 1) .1s;
opacity:1;
transform:translateY(10px);
-webkit-transform:translateY(10px)
}
.socials-wrap:hover .socials li:nth-child(3) {
transition:all .2s cubic-bezier(.215, .61, .355, 1) .15s;
opacity:1;
transform:translateY(10px);
-webkit-transform:translateY(10px)
}
.socials-wrap:hover .socials li:nth-child(2) {
transition:all .2s cubic-bezier(.215, .61, .355, 1) .2s;
opacity:1;
transform:translateY(10px);
-webkit-transform:translateY(10px)
}
.socials-wrap:hover .socials li:nth-child(1) {
transition:all .2s cubic-bezier(.215, .61, .355, 1) .3s;
opacity:1;
transform:translateY(10px);
-webkit-transform:translateY(10px)
}
.socials li:last-child {
	margin-left:0
}
.socials li a {
	color:#000;
	font-size:11px;
	font-weight:300;
	display:block;
	height:40px;
	width:40px;
	line-height:40px;
	text-align:center;
-webkit-transition:opacity .2s ease-in-out;
transition:opacity .2s ease-in-out
}
.socials:hover li a {
	opacity:.3
}
.socials li a:hover {
	color:#000;
	opacity:1
}
.light-content .socials li a {
	color:#fff
}
.light-content .socials:hover li a {
	opacity:.3
}
.light-content .socials li a:hover {
	color:#fff;
	opacity:1
}
.gomb1 {
padding:.375rem .5rem;
	position:relative;
	top:-14px
}
.gomb2 {
padding:.375rem .5rem
}
.athuzott-link {
	text-decoration:line-through!important
}
.brand-video {
	right:-5px;
	bottom:5px
}
.button-wrap {
	position:relative;
	cursor:pointer;
	top:0;
	pointer-events:initial
}
.button-wrap.left {
	float:left;
	left:-32px
}
.button-wrap.right {
	float:right;
	right:62px
}
#main .button-wrap.left {
	left:-24px
}
#main .button-wrap.right {
	float:left;
	right:auto
}
.icon-wrap {
	width:80px;
	height:80px;
	display:flex;
	position:relative;
	justify-content:center;
	align-items:center;
	float:left
}
#main .icon-wrap {
	width:60px;
	height:60px
}
.button-wrap.left .icon-wrap {
	float:left
}
.button-wrap.right .icon-wrap {
	float:right
}
#main .text-align-right .button-wrap.right {
	float:right
}
.button-icon {
	height:40px;
	width:40px;
	color:#000;
	text-align:center;
	line-height:30px;
	font-size:22px
}
.light-content .button-icon {
	color:#fff
}
.button-icon i {
	height:40px;
	line-height:35px;
	width:40px;
	text-align:center
}
#main .button-icon i {
	line-height:40px
}
.quickmenu i {
	font-size:14px
}
.button-text {
	font-weight:600;
	font-family:Montserrat, sans-serif;
	font-size:12px;
	line-height:30px;
	margin:25px 0;
	overflow:hidden;
	width:auto;
	padding:0 10px;
	color:#000;
	-webkit-transition:color 50ms ease-in-out;
	transition:color 50ms ease-in-out
}
#main .button-text span::after {
content:'';
position:absolute;
bottom:-30px;
left:-10px;
width:30px;
height:60px;
background:rgba(0, 0, 0, .05);
transform:scaleX(1);
transform-origin:left;
transition:transform .2s ease-out, opacity .2s ease-out
}
#main .button-text:hover span::after {
transform:scaleX(0);
transform-origin:right;
opacity:0
}
#main #hero-footer .button-text span::after {
content:none
}
#main .button-text {
	margin:15px 0;
transition:transform .2s ease-out
}
#main .button-text.left:hover {
	transform:translateX(10px);
	-webkit-transform:translateX(10px)
}
#main .button-text.right:hover {
	transform:translateX(-10px);
	-webkit-transform:translateX(-10px)
}
#main #hero-footer .button-text.left:hover {
	transform:translateX(0);
	-webkit-transform:translateX(0)
}
.light-content .button-text {
	color:#fff
}
.white-header .button-text {
	color:#fff
}
.light-content .white-header .button-text {
	color:#000
}
.light-content .white-header .selecting {
	color:#000
}
.light-content .white-header .brander-lang {
	color:#000
}
.light-content .white-header.brander-lang {
	color:#000
}
.light-content .white-header#nyelv {
	color:#000
}
.light-content .white-header #nyelv {
	color:#000
}
.light-content .white-header.over-white-section .button-text, .show-loader .light-content .white-header .button-text {
	color:#fff
}
.button-wrap.left .button-text {
	text-align:left;
	float:left
}
.button-wrap.right .button-text {
	text-align:right;
	float:right
}
.button-text span {
	position:relative;
	display:inline-block;
-webkit-transition:-webkit-transform .2s;
transition:transform .2s;
	width:auto;
	font-weight:300;
	text-align:center;
	transform-origin:100% 0
}
.button-wrap.left .button-text span {
	text-align:left
}
.button-wrap.right .button-text span {
	text-align:right
}
.button-text span::before {
position:absolute;
width:auto;
top:100%;
left:0;
content:attr(data-hover)
}
.header-middle .button-text span::before {
content:attr(data-on)
}
.button-wrap:hover .button-text span {
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%);
	transform-origin:0 0
}
nav, nav.open {
	-webkit-transition:all 0s ease-in 0s;
	transition:all 0s ease-in 0s;
	background:0 0
}
@media only screen and (max-width:1466px) {
.preloader-intro {
font-size:90px;
line-height:120px
}
.fullscreen-menu li.brander-by {
position:relative;
bottom:-40px
}
.fullscreen-menu .flexnav li a {
font-size:54px;
line-height:62px
}
.fullscreen-menu .flexnav li ul li a {
padding:4px 0;
font-size:32px;
line-height:32px
}
.percentage-intro {
left:60px
}
.percentage-wrapper {
right:54px
}
header {
height:120px
}
#header-container {
padding:15px 60px
}
.flexnav li {
padding:20px
}
#main-page-content.project-page {
margin-bottom:calc(100vh - 120px)
}
#main-page-content {
padding:0 60px
}
.large .dark-section-container, .large .white-section-container {
padding:0 60px
}
.dark-section-container, .white-section-container {
padding:0 60px
}
footer {
height:120px
}
#footer-container {
padding:0 60px;
margin:10px auto
}
.szndv {
font-weight:600!important
}
.brander-toomeg {
font-size:78px!important font-weight: 800;
display:block;
position:relative;
width:100%;
margin-bottom:30px;
letter-spacing:-3px!important;
line-height:88px!important
}
@media all and (min-width:1025px) {
.fullscreen-menu .flexnav {
padding:0 60px
}
.fullscreen-menu li.brander-by a {
font-size:14px;
line-height:30px
}
}
@media only screen and (max-width:1370px) {
.preloader-intro {
font-size:42px;
line-height:52px
}
}
@media only screen and (max-width:1300px) {
.brander-jogii {
font-size:72px;
line-height:92px
}
.brander-work-zline {
font-size:56px!important;
font-family:Montserrat, sans-serif;
font-weight:400!important;
line-height:66px!important;
color:#111!important;
margin-bottom:25px;
margin-top:30px;
display:block;
position:relative
}
.brander-toomeg {
font-size:80px;
font-weight:800;
display:block;
position:relative;
width:100%;
margin-bottom:30px
}
}
@media only screen and (max-width:1270px) {
.brander-king {
font-size:104px;
margin-bottom:-20px
}
.brander-work-dline {
font-size:50px!important;
line-height:62px!important;
margin-bottom:-30px
}
}
@media only screen and (max-width:1240px) {
.b-padding {
padding-left:30px;
padding-right:30px
}
}
@media only screen and (max-width:1200px) {
.preloader-intro {
font-size:48px;
line-height:62px
}
.brander-600 {
height:470px!important
}
.brander-partnerek-headline {
font-size:44px;
line-height:56px
}
.brander-hey-2 {
font-size:24px
}
.brander-work-bevezeto-head {
font-size:56px;
font-weight:700;
margin-bottom:-20px;
position:relative;
display:block;
line-height:70px
}
.brander-work-intro {
font-size:32px;
font-weight:300;
line-height:44px
}
.brander-work-dline {
font-size:44px!important;
line-height:52px!important;
margin-bottom:-30px
}
.brander-king {
font-size:100px;
margin-bottom:-5px
}
.bevezeto {
font-size:16px!important;
line-height:22px!important;
margin-top:20px
}
.brander-blogger-title {
font-size:36px!important;
line-height:42px!important;
font-weight:700!important;
padding-bottom:10px
}
.brand-logo-src {
width:60%
}
.brander-rolunk {
font-size:28px;
line-height:38px;
padding:0 30px 0 30px
}
.brander-marketing-a-szenvedelyunk {
font-size:56px!important;
font-weight:800;
position:relative;
display:block;
margin:-15px 0 -10px 0
}
.brander-intro {
font-size:21px;
line-height:27px;
padding:0 30px 0 30px;
display:block
}
.brander-arculat-headline {
font-size:56px;
font-weight:600;
margin:0 0 30px 0;
position:relative;
display:block;
line-height:66px
}
.brander-work-intro {
font-size:24px;
font-weight:300;
line-height:36px
}
.brander-work-bevezeto-head {
font-size:42px;
font-weight:700;
margin-bottom:-20px;
position:relative;
display:block;
line-height:52px
}
}
@media only screen and (max-width:1100px) {
.brander-blogger-title {
font-size:28px!important;
line-height:32px!important;
padding-bottom:8px
}
.brander-king {
font-size:82px;
margin-bottom:-10px;
line-height:90px;
display:block
}
.brander-work-dline {
font-size:32px!important;
line-height:38px!important;
margin-bottom:-30px
}
}
@media only screen and (max-width:1024px) {
.preloader-intro {
font-size:36px;
line-height:48px
}
.brander-work-zline {
font-size:42px!important;
font-family:Montserrat, sans-serif;
font-weight:400!important;
line-height:52px!important;
color:#111!important;
margin-bottom:10px;
margin-top:30px;
display:block;
position:relative
}
.brander-toomeg {
font-size:68px;
font-weight:800;
display:block;
position:relative;
width:100%;
margin-bottom:30px
}
.matrica-brander {
font-size:12px;
line-height:22px
}
.brander-work-kiemeles-e {
font-weight:500;
font-size:19px
}
.brander-work-bevezeto {
font-size:20px;
margin:35px 0 30px 0;
line-height:28px
}
.brander-profi {
font-size:16px;
line-height:22px;
margin-top:15px
}
.brander-px {
font-size:15px;
line-height:20px;
display:block
}
.brander-work-kiemeles-j {
font-size:18px;
margin:0 0 2px 0;
line-height:25px
}
.miert {
font-size:92px;
font-weight:800;
display:block;
width:100%;
margin-bottom:30px
}
.brander-work-oline {
font-size:32px;
line-height:42px;
margin-bottom:-10px
}
.brander-partnerek-headline {
font-size:28px;
line-height:34px;
margin-top:30px;
padding:0 30px 0 30px
}
.brander-hey-2 {
font-size:20px;
line-height:24px;
display:block;
margin-top:10px
}
.brander-tevekenyseg-ajanlat {
font-size:18px
}
.mob-insider {
min-height:auto;
padding-bottom:60px
}
.brander-tevekenyseg-kisero {
color:#fff!important;
font-size:12px;
line-height:14px;
display:block
}
.brander-references {
font-size:32px;
font-weight:400;
line-height:48px
}
.mi-vagyunk-a-brander {
font-size:21px;
line-height:28px;
display:block;
position:relative;
margin-top:6px;
margin-bottom:-50px
}
.brander-videok-vonzereje {
font-size:19px
}
.online-ter {
font-size:48px;
line-height:56px
}
.brander-mrk {
font-size:21px;
line-height:27px;
position:relative;
display:block;
margin:20px 0 20px 0
}
.brander-lister-2023 {
font-size:17px!important;
line-height:25px!important;
position:relative;
display:block;
margin-bottom:20px
}
.brander-kiemelt-alul {
font-size:21px
}
.brand-logo-src {
width:60%
}
.headlining-brander {
font-size:18px!important;
font-weight:500!important;
line-height:24px!important
}
.brandereger {
position:absolute;
z-index:9;
top:70%;
text-align:center;
left:50%
}
#hang {
right:185px;
top:25px
}
.brander-jogii {
font-size:60px;
line-height:74px
}
.brander-we-are {
font-size:24px;
line-height:34px
}
.fullscreen-menu li.brander-by {
position:relative;
bottom:-5px
}
.fullscreen-menu li.brander-by a {
font-size:14px!important;
line-height:30px!important
}
.fullscreen-menu .flexnav li a {
font-size:36px;
line-height:46px;
font-weight:200!important
}
.fullscreen-menu .flexnav li ul li a {
padding:2px 0;
font-size:24px;
line-height:28px
}
.brander-bright-2 {
display:block!important;
background:#000!important;
opacity:.4;
-webkit-transition:1s ease-in-out;
transition:1s ease-in-out
}
.adatok-m {
font-size:15px!important
}
.adatok-x {
font-size:15px!important
}
.adatok {
font-size:15px!important
}
.video-leiras-p {
font-size:14px;
line-height:19px;
position:relative;
display:block;
margin:-20px 0 0 0
}
.brander-youtube-link {
width:236px;
height:42px;
line-height:43px;
font-size:12px
}
.br-col-5 {
display:none
}
.br-col-7 {
width:100%
}
.brander-blogger {
padding:0 80px 110px 80px!important
}
.bevezeto {
font-size:14px!important;
line-height:18px!important;
margin-top:12px
}
.brander-blogger-time .brander-user-nev {
font-size:16px!important
}
.brander-blogger-title {
font-size:24px!important;
line-height:28px!important;
padding-bottom:2px
}
.brander-blogger-time {
font-size:14px!important
}
.brander-blogger-time .brander-user-irta {
font-size:14px!important
}
.szndv {
font-size:36px!important;
margin-bottom:-25px
}
.fullscreen-menu .flexnav li a span {
position:relative;
display:block;
-webkit-transition:-webkit-transform .2s;
transition:transform .2s;
transform-origin:100% 0;
overflow:hidden
}
.flexnav li a {
display:inherit
}
.percentage-intro {
left:40px;
bottom:20px
}
.percentage-wrapper {
right:34px;
bottom:20px
}
h1 {
font-size:40px;
line-height:50px
}
h2 {
font-size:30px;
line-height:40px
}
.has-mask {
margin-bottom:0
}
.row_padding_left {
padding-left:40px
}
.row_padding_right {
padding-right:40px
}
.row_padding_all {
padding:8vw 40px
}
header {
height:80px
}
#header-container {
padding:0;
margin:0 auto
}
#logo {
left:20px;
top:20px
}
.header-middle {
display:none
}
.button-wrap.right.menu {
right:85px
}
#nyelv {
right:-60px
}
.icon-wrap {
width:40px
}
#logo img {
height:42px
}
nav {
padding-top:80px
}
.flexnav {
box-sizing:border-box;
padding:0 50px;
background:0 0;
-webkit-transition:all .5s ease-in-out;
transition:all .5s ease-in-out
}
.flexnav.opacity {
opacity:1
}
.flexnav li a, .flexnav li ul li a {
background:0 0
}
.flexnav li a {
color:#999
}
.flexnav li ul li a.active, .flexnav li ul li a:hover {
color:#fff
}
.flexnav li ul li a {
border-top:1px solid rgba(255, 255, 255, .15)
}
.flexnav ul li ul li a {
background:0 0
}
.flexnav li ul li ul li a {
padding:20px 40px
}
.flexnav li.link {
border-bottom:1px solid rgba(255, 255, 255, .15)
}
.flexnav li.link:last-child {
border-bottom:none
}
.flexnav a.link::before {
display:none
}
.flexnav .touch-button .navicon {
font-style:normal!important
}
.nav-height {
overflow-y:scroll;
position:relative;
height:100%;
padding:40px 0;
padding-right:30px;
width:calc(100% + 30px);
box-sizing:border-box
}
nav {
height:100vh;
position:fixed;
width:100%;
box-sizing:border-box;
visibility:visible;
pointer-events:none;
opacity:0;
padding:20px 0;
-webkit-transition:all .2s ease-in .6s;
transition:all .2s ease-in .6s
}
nav.open {
visibility:visible;
pointer-events:initial;
opacity:1;
background-color:transparent;
-webkit-transition:all .2s ease-out;
transition:all .2s ease-out
}
.flexnav {
padding:0 30px;
max-height:2000px;
display:table;
width:auto;
margin:0 auto;
text-align:center;
-webkit-transition:all .2s ease-in .6s;
transition:all .2s ease-in .6s
}
.flexnav.flexnav-show {
-webkit-transition:all .3s ease-out .2s;
transition:all .3s ease-out .2s
}
.flexnav li {
padding:0;
-webkit-transition:color .15s ease-out 0s;
transition:color .15s ease-out 0s
}
.flexnav:hover li {
color:rgba(255, 255, 255, .4)
}
.flexnav li:hover {
color:#fff
}
.flexnav .touch-button {
width:100%;
display:block;
height:calc(5vw + 20px)
}
.flexnav .touch-button .navicon {
display:none
}
.flexnav li.link {
border-bottom:none
}
.flexnav li a {
font-family:Montserrat, serif;
font-size:50px;
line-height:66px;
padding:0;
-webkit-transition:all .1s ease-in-out 0s;
transition:all .1s ease-in-out 0s
}
.flexnav li a {
color:#fff
}
.flexnav:hover li a {
opacity:.3
}
.flexnav li a.active, .flexnav li:hover a {
opacity:1
}
.flexnav:hover li ul li a {
opacity:.3
}
.flexnav:hover li ul li a.active, .flexnav:hover li ul li a:hover {
opacity:1
}
.flexnav li ul {
margin-bottom:0
}
.flexnav li ul li a {
padding:10px 0;
font-weight:300;
font-family:Montserrat, sans-serif;
text-transform:none;
font-size:21px;
line-height:12px;
border-top:none;
color:#fff;
opacity:.8;
-webkit-text-stroke:none
}
.flexnav li ul li a.active, .flexnav li ul li:hover a {
opacity:1
}
li.brander-by a {
color:#fff;
font-size:14px;
line-height:30px
}
#menu-burger span.touch-button {
display:none
}
.classic-menu .button-wrap.right.menu {
display:block
}
.parallax-wrap {
transform:none!important
}
.parallax-element {
transform:none!important
}
#magic-cursor {
display:none
}
.scroll-down-wrap, .scroll-down-wrap.no-border {
bottom:40px
}
#main-page-content {
padding:0 40px
}
.large .dark-section-container, .large .white-section-container {
padding:0 40px
}
.dark-section-container, .white-section-container {
padding:0 40px
}
#footer-container {
padding:0 40px;
height:70px
}
.destroy {
display:none
}
.brander-szakmai-csapat {
font-size:32px;
line-height:42px;
margin-top:10px
}
.footer-button-wrap {
bottom:80px
}
.mki1 {
font-size:24px;
font-weight:400;
line-height:30px;
display:block;
padding-left:30px;
padding-right:30px;
margin-top:20px
}
.kr {
font-size:19px;
line-height:22px;
display:block;
position:relative;
margin-top:10px
}
}
@media only screen and (max-width:991px) {
.brander-marketing-a-szenvedelyunk {
font-size:42px!important;
font-weight:800;
position:relative;
display:block;
margin:10px 0 -15px 0
}
.brander-600 {
height:260px!important
}
.brander-toomeg {
font-size:60px!important
}
.brander-work-bevezeto-head {
font-size:42px;
font-weight:700;
margin-bottom:-20px;
position:relative;
display:block;
line-height:52px;
margin-top:20px
}
.brander-tevekenyseg-kisero {
color:#fff!important;
font-size:10px!important;
line-height:12px!important;
display:block!important
}
.brander-tevekenyseg-ajanlat {
font-size:15px
}
.brander-king {
font-size:66px;
margin-bottom:-15px;
line-height:76px;
display:block
}
}
@media only screen and (max-width:767px) {
h1.big-title {
font-size:60px;
line-height:80px
}
.brander-toomeg {
font-size:42px!important;
line-height:48px!important;
margin-top:0!important
}
.brander-work-zline {
font-size:24px!important;
line-height:32px!important;
margin-top:0;
margin-bottom:0
}
.brander-arculat-headline {
font-size:42px;
margin:0 0 30px 0;
line-height:48px
}
.brander-kivalo-befektetes {
font-size:32px;
font-weight:700;
position:relative;
display:block;
margin-top:20px
}
.brander-kivalo-bizalomepito {
font-size:24px;
font-weight:700;
text-transform:uppercase
}
.brander-lufi {
font-size:18px;
font-weight:700;
position:relative;
display:block;
margin-top:0;
line-height:24px
}
.brander-video-market {
font-size:32px;
font-weight:700;
line-height:42px
}
.brander-ttipus {
position:relative;
display:block;
font-size:24px;
line-height:30px
}
.brander-felmerul {
position:relative;
display:block;
font-size:24px;
line-height:30px
}
.brander-lister-2022 {
font-size:17px!important;
line-height:27px!important
}
.most-komolyan {
font-size:21px;
line-height:26px;
padding-bottom:30px;
display:block
}
.brander-toomeg {
font-size:42px!important
}
.brander-work-zline {
font-size:32px!important;
line-height:40px!important
}
.brander-work-kiemeles-j {
font-size:21px;
margin:0 0 2px 0;
line-height:25px
}
.brander-work-kiemeles-u {
font-size:21px;
margin:0 0 2px 0;
line-height:25px
}
.brander-floater {
margin-top:40px
}
.brander-work-bevezeto-head {
font-size:32px;
font-weight:700;
margin-bottom:-10px;
position:relative;
display:block;
line-height:42px;
margin-top:10px
}
.brander-work-intro {
font-size:21px;
font-weight:300;
line-height:29px
}
.brander-work-hline {
font-size:32px!important;
font-family:Montserrat, sans-serif;
font-weight:700!important;
line-height:42px!important;
color:#111!important;
margin-bottom:30px;
display:block;
position:relative;
margin-top:-20px
}
.brander-work-bevezeto {
font-weight:300;
font-size:21px;
color:#111!important;
position:relative;
margin:-15px 0 15px 0;
display:block;
line-height:28px
}
.brander-references {
font-size:20px;
font-weight:400;
line-height:28px;
padding:0 30px 0 30px;
display:block;
position:relative
}
.brander-work-tline {
font-size:21px;
line-height:28px
}
.row_padding_top2 {
padding-top:80px;
padding-bottom:60px!important
}
.brander-webaruhaz {
font-size:19px;
margin-bottom:5px
}
.brander-sx {
font-size:15px
}
.brander-felsorolas {
font-size:15px!important;
line-height:24px
}
.brander-work-kiemeles-z {
font-size:16px
}
.brander-work-focim-pp {
font-size:18px;
line-height:28px;
font-weight:300
}
.brander-references {
font-size:26px;
font-weight:400;
line-height:44px
}
.mobile-youtube-gomb-off {
display:none!important
}
.mobile-youtube-gomb-on {
display:inline-block!important
}
.brander-hey-2 {
font-size:16px;
line-height:21px;
display:block;
margin-top:10px
}
p {
font-size:15px;
line-height:24px
}
.brander-kontakt-via {
font-size:24px!important;
line-height:32px
}
.brander-tevekenyseg-kisero {
color:#fff!important;
font-size:15px!important;
line-height:19px!important;
display:block!important
}
.brander-tevekenyseg-ajanlat {
font-size:21px
}
.brander-nev {
font-size:17px
}
.brander-videok-vonzereje {
font-size:18px;
line-height:22px
}
.brander-work-dline {
font-size:24px!important;
line-height:28px!important;
margin-bottom:-40px
}
.brander-king {
font-size:52px;
margin-bottom:-15px;
line-height:62px
}
.brander-titulus {
display:block;
position:relative;
line-height:16px
}
.online-ter {
font-size:32px;
line-height:38px
}
.brander-mrk {
font-size:17px;
line-height:22px;
margin:15px 0 15px 0
}
.brander-lister-2023 {
font-size:15px!important;
line-height:21px!important
}
.brander-szakmai-csapat {
font-size:24px;
line-height:30px;
margin-top:10px
}
.profi-munka {
font-size:18px;
line-height:22px
}
.video-leiras-h {
font-size:16px!important;
line-height:32px;
margin-left:0;
font-weight:700!important;
margin-top:-30px
}
.brander-kiemelt-alul {
font-size:14px;
position:relative;
display:block;
margin:-20px 0 -20px 0
}
.brander-jogii {
font-size:42px;
line-height:54px
}
.brander-intro {
font-size:16px;
line-height:24px;
padding:0 30px 0 30px
}
.brander-marketing-a-szenvedelyunk {
font-size:32px!important;
font-weight:800;
margin:0 0 -10px 0
}
.brander-rolunk {
font-size:20px;
line-height:28px;
padding:0 30px 0 30px
}
.brander-portfolio-alcim {
font-size:21px;
line-height:36px
}
.headlining-brander {
font-size:15px!important;
font-weight:500!important;
line-height:22px!important
}
.brander-we-are {
font-size:18px;
line-height:26px
}
.v-brander {
font-size:24px
}
.brander-work-focim {
font-size:24px!important;
line-height:32px!important
}
.brander-time {
font-size:21px!important;
margin-top:10px;
line-height:32px
}
.brander-user-nev {
font-size:21px!important
}
.brander-user-irta {
font-size:21px!important
}
.hero-subtitle {
font-size:21px!important
}
.brightphoto {
opacity:.35
}
.brandpadding {
padding-top:6px;
font-size:24px!important;
line-height:32px!important
}
.brander-hungary {
font-size:21px;
line-height:28px;
position:relative;
display:block
}
.szndv {
font-size:32px!important;
margin-bottom:-30px
}
.brander-kiemeles {
font-size:24px;
line-height:30px
}
.mc {
padding:150px 80px 30px 80px!important
}
footer .socials-wrap {
display:none!important
}
.brander-service-page-headline-h2 {
font-size:24px!important;
line-height:32px!important
}
.service404 {
font-size:120px!important;
line-height:100px!important
}
.preloader-intro {
font-size:36px;
line-height:48px
}
.percentage-intro {
left:30px;
bottom:10px
}
.percentage-wrapper {
right:24px;
bottom:10px
}
.row_padding_top {
padding-top:10vw
}
.row_padding_bottom {
padding-bottom:10vw
}
.row_padding_left {
padding-left:30px
}
.row_padding_right {
padding-right:30px
}
.row_padding_all {
padding:10vw 30px
}
.admin-bar header {
top:46px
}
#logo {
left:30px
}
.flexnav {
padding:0 30px
}
.flexnav li a {
font-size:40px;
line-height:55px
}
li.brander-by a {
color:#fff;
font-size:14px;
line-height:30px
}
.destory {
display:none
}
figcaption {
background-color:rgba(0, 0, 0, .3);
bottom:0;
font-size:10px;
padding:5px 10px;
right:0;
border-radius:0
}
.one_half {
width:100%!important
}
.one_half {
padding-right:0!important
}
.one_half.last {
padding-left:0!important
}
.one_third {
width:100%!important
}
.one_fourth {
width:100%!important
}
.one_fifth {
width:100%!important
}
.one_sixth {
width:100%!important
}
.two_fifth {
width:100%!important
}
.two_fourth {
width:100%!important
}
.two_third {
width:100%!important
}
.three_fifth {
width:100%!important
}
.three_fourth {
width:100%!important
}
.four_fifth {
width:100%!important
}
.five_sixth {
width:100%!important
}
.five_sixth, .four_fifth, .one_fifth, .one_fourth, .one_half, .one_sixth, .one_third, .three_fifth, .three_fourth, .two_fifth, .two_fourth, .two_third {
margin-bottom:20px!important;
margin-right:0!important
}
#page-nav p.title-has-line::after, .text-align-center p.title-has-line::after {
display:none
}
#main .text-align-right .button-wrap.right {
float:left
}
p {
font-size:15px;
line-height:24px
}
#main-page-content {
padding:0 30px
}
.large .dark-section-container, .large .white-section-container {
padding:0 30px
}
.dark-section-container, .white-section-container {
padding:0 30px
}
#footer-container {
padding:0 30px
}
#footer-container #backtotop.button-wrap.left {
float:none;
left:0;
right:0;
position:absolute
}
#backtotop.button-wrap.left .button-text {
text-align:left;
float:left;
display:none
}
#backtotop.button-wrap.left .icon-wrap {
float:none;
position:absolute;
right:0;
left:auto;
margin:auto;
top:0
}
.copyright {
margin:0;
top:64px;
text-align:center;
width:100%
}
.footer-middle {
max-width:1180px;
position:absolute;
margin:0 auto;
left:0;
width:100%;
top:-40px
}
footer.showcase-footer .arrows-wrap {
right:auto;
left:-30px;
float:left;
margin:auto
}
footer.showcase-footer .socials-wrap {
width:170px;
float:right;
left:auto;
right:0;
top:0
}
.socials-wrap {
width:170px;
float:none;
left:-6px;
right:auto;
top:0;
margin:0
}
.socials-wrap .socials {
text-align:left
}
.socials li {
margin:0 0 auto
}
.button-wrap.quickmenu {
display:none
}
.brenderrrr1 {
font-size:82px!important;
line-height:94px;
margin-bottom:-50px!important
}
.brenderrrr2 {
font-size:30px!important
}
.socials li a {
width:68px
}
.socials li {
width:70px
}
.postop-brander {
font-weight:700;
line-height:36px
}
.brander-title-height {
font-size:60px;
line-height:62px
}
.barender-steps {
font-size:21px;
margin-bottom:20px
}
.no-margin-bottom-brander {
margin-bottom:0!important
}
.brander-texter {
font-size:16px;
line-height:24px!important
}
.mobile-padding {
padding:0 40px 40px 40px!important
}
.kiemeles-branderrr2 {
font-size:36px
}
.kiemeles-branderrr3 {
font-size:18px;
line-height:24px
}
.brander-weblink {
font-size:36px;
color:#fff;
position:relative;
margin:-50px 0 10px 0;
display:block
}
.brander-blogpage .dark-section-container {
padding:0 30px
}
.kiemeles-branderrr {
font-size:16px;
line-height:20px
}
.no-bottoms {
margin-bottom:0!important
}
.kiemeles-brnder {
font-size:18px;
line-height:22px
}
#hang {
display:none
}
.brander-kiemelt-alul {
padding:0 30px 0 30px
}
.hey {
margin-top:-20px;
display:block;
position:relative
}
.brander-work-bevezeto2 {
font-weight:400;
font-size:24px;
color:#fff!important;
position:relative;
margin:-5px 0 20px 0;
display:block;
line-height:32px
}
.brander-kommunikacio {
font-size:24px;
line-height:32px
}
.brander-arculat-headline {
font-size:36px;
margin:-10px 0 20px 0
}
.brander-work-bevezeto2 {
font-weight:400;
font-size:18px;
color:#fff!important;
position:relative;
margin:-10px 0 15px 0;
display:block;
line-height:25px
}
.brander-work-qline {
font-size:48px!important;
line-height:56px!important;
margin-bottom:0
}
.brander-kommunikacio {
font-size:18px;
line-height:24px
}
.brander-arculat-headline {
font-size:48px;
margin:20px 0 30px 0
}
.brander-kontakt-via {
font-size:18px!important;
line-height:26px
}
}
@media only screen and (max-width:660px) {
.brander-portfolio-alcim {
font-size:21px
}
.brander-work-bevezeto-head {
font-size:24px;
font-weight:700;
margin-bottom:-10px;
position:relative;
display:block;
line-height:30px;
margin-top:0
}
}
@media only screen and (max-width:560px) {
.brander-title-height {
line-height:44px;
font-size:36px
}
.brander-blogpage .dark-section-container {
padding:0 20px
}
.kr {
font-size:13px;
line-height:18px;
margin-top:0
}
.brander-toomeg {
font-size:32px;
line-height:36px;
display:block
}
.brander-work-kiemeles-e {
font-weight:600;
font-size:16px
}
.brander-work-zline {
font-size:24px!important;
line-height:34px!important
}
.brander-work-kiemeles-z {
font-size:16px;
display:block;
position:relative;
margin-bottom:-20px
}
.brander-work-tline {
font-size:16px;
line-height:22px
}
.brander-work-kiemeles-r {
font-weight:900;
font-size:15px;
color:#111!important;
text-transform:uppercase;
position:relative;
display:block;
margin:0 0 15px 0;
line-height:18px
}
.brander-work-kiemeles-k {
font-size:18px;
margin:0 0 18px 0;
line-height:24px
}
.brander-work-bevezeto {
font-weight:300;
font-size:16px;
color:#111!important;
position:relative;
margin:-20px 0 10px 0;
display:block;
line-height:22px
}
.brander-work-hline {
font-size:24px!important;
font-family:Montserrat, sans-serif;
font-weight:700!important;
line-height:30px!important;
color:#111!important;
margin-bottom:30px;
display:block;
position:relative;
margin-top:-20px
}
.brander-references {
font-size:17px;
font-weight:400;
line-height:26px;
display:block;
padding:0 30px 0 30px;
margin-top:20px
}
.mi-vagyunk-a-brander {
font-size:14px;
line-height:18px;
display:block;
position:relative;
margin-top:5px;
margin-bottom:-55px
}
.brander-work-dline {
font-size:21px!important;
line-height:24px!important;
margin-bottom:-40px
}
.brander-king {
font-size:36px;
margin-bottom:-10px;
line-height:50px;
display:block
}
.brander-marketing-a-szenvedelyunk {
font-size:28px!important;
margin:5px 0 -10px 0
}
.brander-rolunk {
font-size:16px;
line-height:24px;
padding:0 30px 0 30px
}
.brander-intro {
font-size:14px;
line-height:20px;
padding:0 30px 0 30px;
display:block
}
.brander-kiemelt-alul {
font-size:17px;
position:relative;
display:block;
margin:-20px 0 -20px 0;
padding:0 30px 0 30px
}
.brander-weblink {
font-size:24px;
color:#fff;
position:relative;
margin:-35px 0 10px 0;
display:block
}
.brander-mainpage-title {
font-size:42px;
line-height:48px
}
.brander-user-nev {
font-size:16px!important
}
.brander-user-irta {
font-size:16px!important
}
.brander-time {
font-size:16px!important;
margin-top:4px;
line-height:28px
}
.sizer {
font-size:16px!important
}
.sizer span {
font-size:16px!important
}
.korabbi-postok {
font-size:24px;
line-height:32px
}
.brenderrrr1 {
font-size:40px!important;
line-height:44px;
margin-bottom:-40px!important
}
.brenderrrr2 {
font-size:26px!important;
position:relative;
margin-top:-30px
}
.brandpadding {
padding-top:5px;
font-size:18px!important;
line-height:24px!important
}
.brander-title-kontakt {
font-size:18px;
line-height:24px
}
.brander-feltetelek-box {
font-size:10px!important
}
.adatvedelem-link-brender {
position:relative;
top:0;
font-size:9px!important
}
.item-caption {
padding:50px 20px
}
.item-title {
font-size:17px
}
.brander-hungary {
font-size:20px;
line-height:24px
}
.brander-kiemeles {
font-size:18px;
line-height:26px
}
.brander-cegnev {
font-size:24px!important;
margin-bottom:5px!important
}
}
@media only screen and (max-width:500px) {
.bevezeto {
font-size:12px!important;
line-height:15px!important;
margin-top:10px
}
.brander-work-bevezeto-head {
font-size:24px;
font-weight:700;
margin-bottom:-5px;
position:relative;
display:block;
line-height:32px;
margin-top:10px
}
.brander-work-intro {
font-size:16px;
font-weight:300;
line-height:24px
}
.brander-kontakt-via {
font-size:14px!important;
line-height:20px
}
.brander-blogger-time {
font-size:12px!important
}
.brandpadding {
font-size:16px!important;
line-height:22px!important
}
p {
line-height:21px
}
.kiemeles {
margin-bottom:-40px
}
.korabbi-postok {
font-size:22px;
line-height:30px
}
.brander-blogger-time .brander-user-irta {
font-size:12px!important
}
.kiemeles {
font-size:16px;
line-height:20px
}
.brander-blogger-time .brander-user-nev {
font-size:11px!important
}
.brander-blogger-title {
font-size:20px!important;
line-height:22px!important;
padding-bottom:0
}
.brander-work-focim {
font-size:18px!important;
line-height:24px!important
}
.brander-marketing-a-szenvedelyunk {
line-height:34px
}
}
@media only screen and (max-width:479px) {
h1.big-title {
font-size:48px;
line-height:72px
}
.brander-video-kategoria {
font-size:20px
}
.brander-video-market {
font-size:24px;
font-weight:700;
line-height:28px
}
.brander-felmerul {
position:relative;
display:block;
font-size:19px;
line-height:25px
}
.brander-ttipus {
position:relative;
display:block;
font-size:19px;
line-height:25px
}
.brander-lister-2022 {
font-size:15px!important;
line-height:24px!important
}
.brander-onliner {
font-size:17px
}
.brander-work-kiemeles-qw {
font-size:19px;
line-height:26px
}
.brander-work-qline {
font-size:24px!important;
line-height:30px!important;
margin-bottom:0
}
.miert {
font-size:70px;
font-weight:800;
display:block;
width:100%;
margin-bottom:30px
}
.brander-work-oline {
font-size:24px;
line-height:30px;
margin-bottom:-10px
}
.brander-partnerek-headline {
font-size:24px;
line-height:28px;
display:block;
position:relative;
margin-top:0;
padding:0 30px 0 30px
}
.brander-work-dline {
font-size:18px!important;
line-height:22px!important;
margin-bottom:0
}
.brander-king {
font-size:30px;
margin-bottom:-5px;
line-height:36px;
display:block
}
.brander-szakmai-csapat {
font-size:18px;
line-height:24px;
margin-top:15px
}
.brander-youtube-link {
width:218px;
height:36px;
line-height:37px;
font-size:11px
}
.hero-subtitle {
font-size:21px!important
}
#hang {
display:none
}
.brander-texter {
font-size:15px;
line-height:22px!important
}
.v-brander {
font-size:18px
}
.brander-jogii {
font-size:32px;
line-height:44px
}
.brander-we-are {
font-size:16px;
line-height:22px;
font-weight:300
}
.brander-impresszum-1 {
font-size:18px;
position:relative;
margin:-20px 0 0 0;
font-weight:600!important
}
.flexnav li a {
font-size:32px;
line-height:44px
}
.service404 {
font-size:92px!important;
line-height:92px!important
}
.preloader-intro {
font-size:28px;
line-height:36px
}
.brander-service-page-headline-h2 {
font-size:18px!important;
line-height:24px!important
}
.percentage-intro {
left:20px;
bottom:10px
}
.sizer {
font-size:16px!important
}
.percentage-wrapper {
right:14px;
bottom:10px
}
.row_padding_top {
padding-top:12vw
}
.row_padding_bottom {
padding-bottom:12vw
}
.row_padding_left {
padding-left:20px
}
.row_padding_right {
padding-right:20px
}
.row_padding_all {
padding:12vw 20px
}
#logo img {
height:36px
}
hr {
height:10px
}
#logo {
left:10px;
top:20px
}
.button-wrap.right.menu {
right:80px
}
.flexnav {
padding:0 20px
}
.flexnav li ul li a {
padding:10px 0
}
li.brander-by a {
color:#fff;
font-size:14px;
line-height:30px
}
p.title-has-line::after {
display:none
}
#main-page-content {
padding:0 20px
}
.large .dark-section-container, .large .white-section-container {
padding:0 20px
}
.dark-section-container, .white-section-container {
padding:0 20px
}
#footer-container {
padding:0;
margin:0
}
footer.showcase-footer #footer-container {
padding:0 20px
}
.copyright {
text-align:center;
font-size:10px
}
.socials-wrap {
float:none;
left:14px;
right:auto
}
.arrows-wrap {
left:-10px;
width:80px
}
.next-wrap, .prev-wrap {
width:40px
}
footer.showcase-footer .arrows-wrap {
right:0;
left:0;
float:none;
margin:auto
}
footer.showcase-footer .arrows-wrap {
width:100%
}
footer.showcase-footer .next-wrap, footer.showcase-footer .prev-wrap {
width:60px
}
footer.showcase-footer .footer-middle {
top:0
}
footer.showcase-footer .showcase-subtitles-wrap {
left:0
}
footer.showcase-footer .socials-wrap {
display:none
}
.button-text {
display:none
}
.brenderrrr1 {
font-size:21px!important;
line-height:32px;
margin-bottom:-20px!important
}
.brenderrrr2 {
margin-top:-75px;
font-size:15px!important;
line-height:18px!important
}
.brander-visszairanyitas {
font-size:12px!important;
line-height:16px!important
}
#main-page-content .button-text {
display:block
}
.mobile-padding {
padding:0 40px 0 40px!important
}
.bevezeto {
font-size:10px!important;
line-height:12px!important;
margin-top:8px
}
.brander-blogger-title {
font-size:16px!important;
line-height:18px!important;
padding-bottom:0
}
.hero-title, .next-hero-title {
font-size:36px;
line-height:62px
}
.brander-work-bevezeto-head {
font-size:17px;
font-weight:700;
margin-bottom:-5px;
position:relative;
display:block;
line-height:22px;
margin-top:0
}
}
@media only screen and (max-width:420px) {
.brander-arculat-headline {
font-size:36px;
margin:20px 0 30px 0
}
.hero-title, .next-hero-title {
font-size:26px;
line-height:36px
}
.hero-subtitle {
font-size:18px!important
}
}