@charset "utf-8";

/*==============================================================
Handmade by: Szalai Gábor
==============================================================*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; cursor:default; }
/* */
html, body, form, input, button, textarea, select, label, fieldset, h1, h2, h3, h4, h5, h6, p, pre, code, blockquote { font-family:Helvetica, sans-serif; font-size:14px; line-height:20px; font-weight:400; }
ul, ol { list-style:none; }
/* */
a, a:link, a:visited, a:active, a:focus, a:hover, a * { text-decoration:none; cursor:pointer; outline:0; }
/* */
fieldset { border:none; }
/* */
.clear:after { clear:both; display:table; width:inherit; position:inherit; }
/* */
table { border-collapse:collapse; border-spacing:0; }
blockquote, q{ quotes:none; }
blockquote:before, q:before { content:'\201C'; }
blockquote:after, q:after { content:'\201D'; }
/* szoveg kijeloles */
::selection { background:#599ce0; color:#000; }
::-moz-selection { background:#599ce0; color:#000; }
/* oldal toresek nyomtatashoz */
.page-break { page-break-before:always; }

html { text-rendering:optimizeLegibility; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; -o-font-smoothing:antialiased; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -moz-osx-font-smoothing:grayscale; }

*, *:before, *:after { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }

:before, :after { content:''; width:0; height:0; position:absolute; }

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,div,ul { display:block; }
audio,canvas,progress,video { display:inline-block; vertical-align:baseline; }
audio:not([controls]){ display:none; height:0; }
hr{ height:0; }


/*===========================
ALAPOK
===========================*/

svg { display:inline-block; vertical-align:top; }

i { vertical-align:top; }
i > svg { display:block; }

i > img { display:block; width:100%; }

p { margin:15px 0; }
p:first-child { margin-top:0; }

.right { float:right; }
.left { float:left; }
.center { margin-left:auto; margin-right:auto; text-align:center; }
.justify { text-align:justify; }

.mrg-b { margin-bottom:20px; }
.mrg-t { margin-top:20px; }

.hidden { display:none!important; }

.current, .current a, .current a *, .current *, .selected, .selected a, .selected a * { cursor:default!important; }

body, html { height:100%; }
#page { min-height:100%; position:relative; }


/*===================================================================================================
INPUT
===================================================================================================*/

input[type=button], input[type=submit], button[type=button], input[type=text], input[type=password], input[type=email], input[type=number], textarea, select, button
{ outline:0; border:0; margin:0; background:0; text-transform:none; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none; }

button::-moz-focus-inner,input::-moz-focus-inner { border:0; padding:0; }
button:focus { border:0; }

select { -webkit-user-select:none; -moz-user-select:none; -webkit-padding-end:10px; -moz-padding-end:10px; -webkit-padding-start:10px; -moz-padding-start:10px; }
select::-ms-expand { display:none; }

input[type=button], input[type=submit], button[type=button] 
{ font-size:16px; letter-spacing:1px; text-transform:uppercase; font-weight:600; color:#333; border:1px solid #333; padding:14px; height:50px; cursor:pointer; }

input[type=text], input[type=password], input[type=email], input[type=number], textarea, select 
{ letter-spacing:1px; color:#333; padding:10px; width:100%; height:42px; cursor:text; border:1px solid #333; }


/**/
input[type="checkbox"] { display:none; }
input[type="checkbox"] + label { }
input[type="checkbox"] + label span { display:inline-block; position:relative; width:20px; height:20px; margin-right:10px; vertical-align:top; background:#eee; cursor:pointer; }
input[type="checkbox"]:checked + label span { }
input[type="checkbox"]:checked + label span:before { color:#009789; content:"\2713"; font-size:14px; text-align:center; line-height:20px; width:20px; height:20px; top:0; left:0; }
/**/
input[type="radio"] { display:none; }
input[type="radio"] + label { }
input[type="radio"] + label span { display:inline-block; position:relative; width:20px; height:20px; margin-right:10px; vertical-align:top; background:#eee; cursor:pointer; }
input[type="radio"]:checked + label span { }
/**/
label { display:block; }

/**/
[data-type="select"] { position:relative; z-index:2; }
[data-type="select"]:after { z-index:-1; border-style:solid dashed solid dashed; border-width:8px 8px 0 8px; border-color:#333 transparent transparent; bottom:17px; right:5px; }
[data-type="select"]:before { z-index:-2; bottom:0; left:0; width:100%; height:42px; background:#fff; }
[data-type="select"] select { background:0; border:0; cursor:pointer; }

/**/
textarea { height:160px; resize:vertical; vertical-align:top; }
[data-name="content"] textarea { height:320px; }

/**/
[data-unit] { position:relative; }
[data-unit] > .input-unit, [data-unit] > .input__unit { position:absolute; bottom:0; right:0; background:#333; padding:0 10px; font-size:14px; line-height:42px; min-width:42px; text-align:center; color:#fff; font-weight:600; }


/* error */
.error-input { border:1px solid #EC3F43!important; }
.error-response { width:100%; display:block; background:#EC3F43; color:#fff; font-weight:600; font-size:14px; text-align:center; padding:5px; margin-bottom:10px; position:relative; }
.error-response:after { left:50%; bottom:-6px; margin-left:-6px; border-width:6px 6px 0 6px; border-style:solid dashed; border-color:#EC3F43 transparent; }



/* placeholder */
:-webkit-input-placeholder { color:#333; }
::-webkit-input-placeholder { color:#333; }
:-moz-placeholder { color:#333; }
::-moz-placeholder { color:#333; }
:-ms-input-placeholder { color:#333; }
::-ms-input-placeholder { color:#333; }
:placeholder-shown { color:#333; }
input::-ms-clear, textarea::-ms-clear { display:none; }

:focus::-webkit-input-placeholder { color:transparent; }
:focus:-moz-placeholder { color:transparent; }
:focus::-moz-placeholder { color:transparent; }
:focus:-ms-input-placeholder { color:transparent; }


/* response */
.successlist, .errorlist { position:fixed; top:0; left:0; width:100%; padding:20px 4% 10px 4%; font-size:16px; line-height:20px; letter-spacing:1px; color:#fff; text-align:center; z-index:999; }
.errorlist { background:#EC3F43; }
.successlist { background:#80BCA3; }
.successlist li, .errorlist li { margin-bottom:10px; }
.successlist a, .errorlist a { position:absolute; top:50%; right:20px; margin-top:-20px; background:rgba(0,0,0,.3); color:#fff; width:40px; height:40px; line-height:40px; text-align:center; }