@charset "utf-8";
/*
* CSS Document (2020.02.25.) Updated: 2020.03.19.
* MAIN STYLE
* Copyright (c) 2020 HITELKIVALTAS.EU
* All rights reserved.
* Design/Webdesign: CsAB
*/

body { font: normal 14px/1.5em 'Roboto', Helvetica, Arial, sans-serif; }

h1.brand-name { position:absolute;top:0;left:0;display:inline-block;height:1px;width:1px;text-indent:-9999px; }
h2 { font-family: 'Francois One', Impact, Charcoal, sans-serif; letter-spacing:-0.02em; }
.imw { max-width:100%; }
.watermark { background: transparent url('../img/embleme-opacity.svg') no-repeat scroll center center; background-size:contain; }
.watermark1 { background-size:cover; }
.text-orange { color:#eec234; }
.text-white { color:white; }
.text-white2 { color:#f9feff; }
.text-green { color:#34a473; }
.text-magenta { color:#aa37dd; }


/* -- highlight -- */
.highlight { position:relative; }
.highlight-circle:after, .highlight-underline-zigzag:after,
.highlight-double-underline:after {
content:"";
background: url("../img/highlight/circle.svg") no-repeat scroll center center;
background-size:100%;
position: absolute;
display:block;
top: 50%;
left: 50%;
width: calc(100% + 20px);
height: calc(100% + 20px);
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
overflow: visible;
}
.highlight-circle:after { background-image: url("../img/highlight/circle.svg"); }
.highlight-underline-zigzag:after { background-image: url("../img/highlight/underline-zigzag.svg"); }
.highlight-double-underline:after { background-image: url("../img/highlight/double-underline.svg"); }

/** ------------- **/

#browserupgrade, #nojs {
text-align:center;
width:100%;
margin: 50px 0 0 0;
background: #FBDC00;
color: #332C00;
padding: 0.5em 0;
}
#nojs { background: #FFC20E; }
#browserupgrade a, #browserupgrade a:visited, #nojs a, #nojs a:visited { color:#CC0000; }

.xdebug-var-dump { position:fixed; z-index:9999; top:50px;right:0; opacity:0.75; overflow:auto; max-height:90vh; max-width:500px; width:25vw; }

/** ------ **/

/* -- purple/magenta button  -- */
.btn-purple {
color:white;
background:#aa37dd;
border:2px solid #aa37dd;
font-weight:bold;
}
.btn-purple:hover, .btn-purple:focus, .btn-purple:active {
color:#f9feff;
border-color: #4f55cc;
background: #4f55cc;
}

.btn-purple-blank {
color:#aa37dd;
background:transparent;
border:2px solid #aa37dd;
font-weight:bold;
}
.btn-purple-blank:hover, .btn-purple-blank:focus, .btn-purple-blank:active {
color:white;
border-color: #34a473;
background: #34a473;
}

/* -- white button  -- */
.btn-white {
color:#352bd9;
background:white;
border:2px solid white;
font-weight:bold;
}
.btn-white:hover, .btn-white:focus, .btn-white:active {
color:#ffc301;
border-color: #ffc301;
background: transparent;
}
.btn-white-blank {
color:white;
background:transparent;
border:2px solid white;
font-weight:bold;
}
.btn-white-blank:hover, .btn-white-blank:focus, .btn-white-blank:active {
color:#352bd9;
border-color: #b5e3c0;
background: #b5e3c0;
}

/* -- top navbar -- */
header .navbar-default .navbar-collapse { border:none; }
header .navbar-default { background:#f9feff;border:0;padding-top:1em; }
header .navbar-brand img { margin-top:-18px; }
header #navbar .navbar-right li:first-child a { color:#4f55cc; font-weight:bold; }
header .navbar-right .btn-purple-blank { margin-top:-0.5em; }

/* -- #jumbotron -- */
#jumbotron { margin:0;margin-top:-20px;background:#f9feff;padding:1em 0; }
#jumbotron h2 { color:#4f55cc;font-size:4em;line-height:1.2em;font-weight:bold; }
#jumbotron .context { color:#9f9ebe;font-size:1.1em; }
#jumbotron .btn-purple, #jumbotron .btn-purple-blank { margin:0.5em 0; }
#jumbotron .video-link { font-size:1.2em;margin-top:1em; }
#jumbotron .video-link a { color:#34a473; }
#jumbotron .mnb-reg { font-size:1em;color:#9f9ecc;line-height:1em; }
@media (max-width: 640px) { 
  #jumbotron h2 { font-size:3.5em; }
}

/* -- #kalkulator -- */
.kalkulator-container {  background:white url('../img/calcbg.png') no-repeat scroll center top; background-size:cover; }
#kalkulator .mainh2 { margin:1em 0;color:#AA37DD; }
#kalkulator .tips {  margin-top:-2em; }
#kalkulator .hidden-input { display:none; }
#kalkulator .modified-inputs input[type=radio] + label,
#kalkulator .modified-inputs input[type=checkbox] + label { border: 1px solid #ccc; }
#kalkulator .modified-inputs input[type=radio]:checked + label, 
#kalkulator .modified-inputs input[type=checkbox]:checked + label { background: #aa37dd; border-color: #aa37dd; outline: 0; color:white; }
#kalkulator h3 { font-size:1.3em; color:#5cb85c; font-weight:bold; text-align:center; border-bottom:3px solid #5cb85c; padding-bottom:0.5em; margin-bottom:2em; }
/*#kalkulator label.error { position:absolute; left:-20000px; top:0; }*/
#kalkulator label.error { color:#c12; }
#kalkulator select.error, #kalkulator input.error {  border:1px solid #c12; }
#kalkulator .form-control { color: #aa37dd; }
#kalkulator .offer { border:1px solid #eee; margin:1%; width:31%; border-radius:10px; box-shadow:0 0 10px #ddd; padding-bottom:1em; }
@media (max-width: 767px) { 
  #kalkulator .offer { margin:1% 0; width:100%; }
}
#kalkulator .offer h4 { line-height:1.5em; }
#kalkulator .offer .mbttm { margin-bottom:-1em; }
#kalkulator .alert-info2 { font-size:1.2em; line-height: 1.4em; }

/* -- esetek -- */
.esetek-container { background:#f9feff;border-top:7px solid #aa37df; }
#esetek h2 { margin:1em 0;color:#34a473; }
#esetek h2 small { font-family:Roboto; }
#esetek h4 strong { color:#34a473; }

/* -- ready -- */
.ready-container { 
padding:2em 0 0 0;
background: #352bd9 url('../img/contactbg.jpg') no-repeat scroll center bottom;
background-size:cover;
}
#ready h2 { color:#ffc301; }
#ready .ready-text { margin:1em 0;color:white; }
#ready h2.phone strong { color:#b5e3c0; }
#ready .btn-white, #ready .btn-white-blank { margin:0.5em 0.25em; }

/* -- eredemenyeink/stat -- */
.stat-container { background:#efcb34; }
.stat-container small.pull-right { color:#edab35;margin-top:0.5em;display:block; }
#stat h2 { margin:1em 0;color:white; }
#stat div.col-xs-6.col-sm-3 { margin:1em 0; }
#stat .stats-number { font-size:5em;line-height:1em;color:#5f65d1;font-weight:bold; }
@media (max-width: 900px) { 
  #stat .stats-number { font-size:4em; }
}

/* -- rolunk -- */
.rolunk-container { background:#5F65D1; }
#rolunk { padding:0.5em 0 2em 0; }
#rolunk .img-circle { max-width:128px;display:inline; }
#rolunk h4.szd { color:white;margin-top:1.5em; }
#rolunk h4.szd small { color:white; }
#rolunk h4.szd small a,
#rolunk h4.szd small a:visited, #rolunk h4.szd small a:hover, #rolunk h4.szd small a:focus, #rolunk h4.szd small a:active { color:#daba30; }
#rolunk h2 { margin:1em 0;color:white; }
#rolunk .context a { color:#eec234; }
#rolunk .context h4 { line-height:1.4em; }

/* -- hogyan -- */
.hogyan-container { background:white; }
#hogyan h2 { margin:1em 0;color:#213f80; }

/* -- bankok -- */
.container-bankok { background:white;margin-top:-1.5em; }
#bankok h2 { margin:1em 0;color:black; }
#bankok .img-responsive { filter:grayscale(100%); margin:1em 0; }
#bankok .img-responsive:hover, #bankok .img-responsive:focus { filter:grayscale(0%); }

/* -- mnb -- */
.mnb-container {
padding:2em 0 0 0;
background-image: url('../img/opacity.svg'),url('../img/mnb-1-1024x576.jpg'); 
background-repeat: repeat, no-repeat; 
background-position:center center, center center; 
background-size:cover, cover;
} 
#mnb h2 { margin:1em 0;color:white; }

/* -- kapcsolat -- */
#contact { background:gold; }
#kapcsolat h2 { margin:1em 0;color:black; }
#kapcsolat .reqstar { margin:-1.5em 0 2em; }
#kapcsolat .captimg { padding:0;min-width:132px; }
#kapcsolat .cprivlab { font-weight:normal; }

/* -- footer -- */
footer .footer-logo { width:100%;max-width:240px; }
footer .footer-bottom { background:#9f9ecc;  padding-top:1em; }

@media (max-width: 640px) { 
  footer .col-xs-12 a { padding:13px 0; display:inline-block; }
}


.gotop {
position:fixed;
bottom:15px;
left:0px;
color:#999;
opacity:0.25;
z-index:1;
font-size:3em;
}
.gotop:hover {
opacity:0.75;
}

@media (max-width: 480px) { 
.gotop { font-size:32px; left:-2px; bottom:5px; }
}

/* -- print -- */
@media print {
  a,a:visited {text-decoration:none;color:#333 !important;}
  a[href]:after {content:"";}
  abbr[title]:after {content:"";}
  a[href^="#"]:after,a[href^="javascript:"]:after {content:"";}
  img { page-break-inside: avoid !important; }
  html, body, .container { width:100% !important; max-width:100% !important; margin:0; }
  .pbr { page-break-before: always; }
  #kapcsolat form { display:none; }
  #mnb, #ready { background:#ccc !important; padding-top:1em; }
  #mnb img { position:relative; top:1em; }
  header { height:190px; }
  .navbar-default { width: 100%; height: 100%; display: block; }
  .navbar-header, .navbar-brand { width: 100%; text-align:center; margin-top:0.5em; }
  .navbar-brand img { width: 75%; display:inline-block; }
  .badge { background:black !important; color:white !important; }
}

/*EOF*/