@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAgM9UvI.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAQM9UvI.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLDwM9.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body { 
	width:100%; height:100%; margin:0; background:#fff url('../images/honlapkeszites-referenciak6.webp') center bottom fixed;	
	-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; color:#195a94; font-family:'Roboto Condensed',sans-serif; font-weight:400; font-size:18px; line-height:1.3; text-align:center; 
	text-wrap: pretty; }
img { border:0}
a { text-decoration:underline; color:#58881d; font-weight:400}
a:hover { text-decoration:none}
#top01 { line-height:1.4; border-bottom:1px solid rgba(55,103,141,0.1); font-size:13px; 	
	background: rgba(255,255,255,0.98); }
#top01-in { padding:2px 0; margin:0 auto; text-align:right; width:1200px; font-weight:400; color:#195a94 !important; font-size:13px;
}
#top01 b { font-weight:400; font-size:13px; padding:0; }
#top01 a { text-decoration:none; color:#195a94; font-size:14px; display:inline; font-weight:400; padding:0; }
#top01 h1, #top01 h2 { color:#195a94; display:inline; padding:0; margin:0; font-size:14px; }
#top01-left { float:left; display:block; text-transform:uppercase; }
#top01-right { float:right; display:block; }
#h00 { height:91px; }
#c0 { padding:0; margin-bottom:0; text-align:left; width:100%; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}
#c00 { z-index:100; position:fixed; top:0; left:0; height:100px}
#c1 { text-align:left; width:1200px; padding:0; margin:115px auto 0}
.main { background:#fff; width:100%; }
.main0 { border-top:1px solid rgba(0,0,0,0.03); background: rgba(255,255,255,0.99);	
	background:#f4f6fc url('../images3/bg001.png') no-repeat center top fixed;	
	-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;
}
.main-in { text-align:left; width:1100px; padding:100px 0; margin-left:auto; margin-right:auto; line-height:1.4; }
.main-in2 { padding:80px 0 0 0; }
.h4 {  font-family:"Roboto Condensed", sans-serif;font-size:33px; font-weight:500; margin:0; padding-bottom:0; border:0; line-height:1.2;}
.h5 { font-size:110%;}
.main-in h1 { font-size:18px; margin:0; padding-bottom:0; border-bottom:0 dashed #a8c0d3;line-height:normal;}
.main2 { background:rgba(234,238,250,0.99); }
#miben-h1 { font-size:30px; font-weight:500; margin:0; padding-bottom:0; border-bottom:0 dashed #a8c0d3 }
#h0 { border-bottom:1px solid #f3f3f3; background:#f5f5f5; }
#h1 { padding:0 0; text-transform:uppercase; opacity:0.98;width:1200px; margin:0 auto;}
#h11 { text-align:right; width:auto; padding:0; margin-bottom:0; margin-left:auto; margin-right:auto; font-size:12px; float:right;}
#h12 { text-align:left; width:auto; padding:0; margin-bottom:0; margin-left:auto; margin-right:auto; font-size:12px; float:left; font-weight:300;}
#h1 h1 { color:#195a94; font-size:12px; display:inline; font-weight:300; }
#h1 h1 b { color:#195a94; font-size:12px; display:inline; font-weight:300; }
#h1 h1 a { color:#195a94; font-size:12px; display:inline; font-weight:300; text-decoration:none}
#h1 a { color:#195a94; font-size:12px; display:inline; font-weight:300; text-decoration:none; display:inline; }
#menu { border-bottom:0px solid #e8edf1; opacity:1; background: rgba(255,255,255,0.98); }
#menu-in { padding:34px 0 34px 0px; text-align:right; width:1200px; margin:0 auto; font-size:16px; }
#menu ul.clean { list-style:none; margin:0; padding:0}
#menu ul.inline { display:inline-block}
#menu ul.inline li { display:inline; float:left}
#menu ul.ilb li { display:inline-block; vertical-align:top}
#menu-in a { font-family:'Roboto Condensed'; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease; display:inline; position:relative; font-size:19px; color:#195a94; text-decoration:none; padding:5px 15px; margin-top:0; margin:0 0 0 8px; font-weight:500; -webkit-border-radius:31px; -moz-border-radius:31px; border-radius:31px; }
#menu-in a:hover,#menu-in #current a { color:#195a94}
#menu-in a:hover { color:#ffffff;background:#195a94; -webkit-border-radius:31px; -moz-border-radius:31px; border-radius:31px; }
#menu-in a.last { font-weight:400; color:#e23823; padding:6px 18px; border:0px solid #fa831b;  
background: #fa831b; background: #f44122;
background: linear-gradient(90deg, rgba(244,65,34,1) 20%, rgba(247,123,32,1) 100%);
color: #fff; -webkit-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.6); box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.6); }
#menu-in a.last:hover { font-weight:400;  }
#menu-in a.first { color:#ffffff;background:#195a94; }
#logo { float:left; vertical-align:middle; margin:-5px 0 0}
#logo a { margin:0; padding:0}
#logo a:hover { background:none; }
#bg2 { height:400px; width:100%; border-bottom:1px solid #e8edf1; cursor:pointer }
#t12 { display:block; float:right; font-size:16px; font-weight:500; letter-spacing:1px; color:#fff; background:url(images/t1.png) repeat; padding:18px 30px; margin-top:60px; margin-right:80px}
#shadow { height:30px; width:100%; background:#fff url(images/s.jpg) no-repeat center}
#content { text-align:left; width:1200px; padding:30px 0; margin-left:auto; margin-right:auto}
#h-jpg { float:right; margin:0 0px 10px 15px; transition:.2s; width:510px }
#h-jpg2 { float:right; margin:0 10px 10px 20px; transition:.2s; width:50% }
#content1 { padding:25px 0; }
#content11 { font-family:"Roboto Condensed", sans-serif; font-size:31px; font-weight:600; }
#content1 b.bold { font-size:16px; font-weight:500}
#content1 h1, #content1 h2 {  font-family:"Oswald", sans-serif; font-size:36px; font-weight:600; margin:0 0 0 0; padding:10px 0 0; line-height:normal; display:inline; letter-spacing:0; }
#content1 #h22 { font-size:140%; font-weight:600; }
#content1 .open3 { font-size:17px; padding-top:20px; line-height:1.3; }
#content1 .open3 a {  font-size:17px; text-decoration:none; }
#content1 .open3 b {  font-weight:600; }
#content1 .open3 i {  font-size:16px; font-style:normal; font-weight:600; }
#content1 a { color:#195a94; font-weight:500; font-size:16px}
.center { text-align:center; margin:35px 0 20px; display:block}
a .gomb_ajanlat { -webkit-border-radius:31px; -moz-border-radius:31px; border-radius:31px; text-decoration:none; border:0; font-size:18px; margin:0; color:#fff; font-family:'Roboto Condensed',sans-serif; padding:12px 33px; cursor:pointer; letter-spacing:1px; line-height:44px; font-weight:400; -webkit-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.6); box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.6); -moz-transition:all 500ms ease-in; -webkit-transition:all 500ms ease-in; -o-transition:all 200ms ease-in; transition:all 500ms ease-in; background:#e23823;  background: linear-gradient(75deg, rgba(244,65,34,1) 30%, rgba(247,123,32,1) 100%); }
a.gomb_ajanlat2 { -webkit-border-radius:33px; -moz-border-radius:33px; border-radius:33px; background:#195a94; color:#fff; text-decoration:none; border:1px solid #195a94; font-size:14px; margin:30px auto 0; font-family:'Roboto Condensed',sans-serif; padding:0 15px; cursor:pointer; letter-spacing:0; line-height:33px; font-weight:400; display:block; width:100px; -moz-transition:all 500ms ease-in; -webkit-transition:all 500ms ease-in; -o-transition:all 200ms ease-in; transition:all 500ms ease-in}
a.gomb_ajanlat2:hover { color:#195a94; text-decoration:none; background:none; border:1px solid #195a94; -moz-transition:all 500ms ease-in; -webkit-transition:all 500ms ease-in; -o-transition:all 200ms ease-in; transition:all 500ms ease-in}
.gomb_ajanlat3 {  display:inline; margin-top:20px; }
#content2 { background:#eaeefa; width:100%; padding:55px 0; margin-top:30px; }
#content2-in { text-align:left; width:1100px; padding:30px 0; margin-left:auto; margin-right:auto}
#content2-in .open1 { float:left; text-align:center; border:0; line-height:1.5; font-size:15px; }
#content2-in .open1 h2 { font-size:25px; font-weight:600; margin:10px 0 20px 0; font-family:'Roboto Condensed',sans-serif; color:#195a94; line-height:1.3;}
#content2-in .open1 h2 b { font-family:"Roboto Condensed", sans-serif; font-size:21px; font-weight:600; text-transform:uppercase; line-height:1.3; }
#content2-in .open1 h2 a { text-decoration:none; color:#195a94; line-height:1.3; }
#content2-in .open1 h3 { display:inline; font-size:100%; font-weight:400; line-height:1.3;}
#content2-in .open1 h5 { font-size:25px; font-weight:500; margin:10px 0 20px 0; font-family:'Roboto Condensed',sans-serif; color:#195a94; line-height:1.3;}
#content2-in .open1 h5 b { font-family:"Roboto Condensed", sans-serif; font-size:21px; font-weight:600; text-transform:uppercase; line-height:1.3; }
#content2-in .open1 h5 a { text-decoration:none; color:#195a94; line-height:1.3; }
#content2-in .open2 { margin-right:0}
.ref3 { width:100%; margin:0 auto; background:#eaeefa}
#ref2 { text-align:center; width:1200px; padding:100px 0; margin-left:auto; margin-right:auto; font-size:17px; font-weight:300; text-transform:uppercase; }
#ref2 b { font-size:34px; font-weight:500; display:block; margin-bottom:20px; text-transform:none}
#ref2 .img-ref1 { float:left; margin-right:20px; margin-top:30px; width:386px; height:auto}
#ref2 .img-ref2 { float:right; margin-right:0}
#ref1 { height:80vh; width:100%; 
background:url('../images/honlapkeszites-referenciak6.webp') repeat center top fixed; 
cursor:pointer}
#ref1-in { padding-top:36vh}
#ref1-in h3 { color:#fff; background:#2a5d87; padding:15px 0; width:100%; width:420px; margin:0 auto; text-align:center; font-weight:400; font-size:24px; opacity:0.92; }
#ref11 { height:auto; width:100%; 
background:url('../images/honlapkeszites-referenciak6.webp') repeat center top fixed; 
cursor:pointer}
#ref11-in { padding:18% 0 }
#ref11-in h3 { color:#fff; background:#2a5d87; padding:15px 0; width:auto; max-width:420px; margin:0 auto; text-align:center; font-weight:400; font-size:24px; opacity:0.92; }
.move1 { background:#195a94; color:#fff; font-size:16px; padding:6px 20px; float:left; margin:0 5px 5px 0; border:1px solid #195a94}
.move1:hover { background:none; color:#195a94}
.move1 a { color:#fff; text-decoration:none}
.move1 a:hover { color:#195a94; text-decoration:none}
#web-design-jpg { margin-left:10px; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; margin-right:20px}
.left1 { float:left}
.right1 { float:right}
.a11 { float:left; width:340px; margin-right:40px; line-height:23px; padding:0}
.a12 { margin-right:0; float:right}
h3 { font-size:16px}
h4 { font-size:16px; font-family:'Roboto Condensed',sans-serif}
h5 { font-size:16px}
div.sep { height:1px; display:block; clear:both; margin:auto}
div.sep5 { height:5px; display:block; clear:both; margin:auto}
div.sep10 { height:10px; display:block; clear:both; margin:auto}
div.sep15 { height:15px; display:block; clear:both; margin:auto}
div.sep20 { height:20px; display:block; clear:both; margin:auto}
div.sep-line { height:1px; display:block; clear:both; margin:auto; border-bottom:2px solid #e8edf1}
form { margin:0}
.footer { background:#40739b; padding:20px 0; font-size:12px; text-align:center; color:#fff}
.footer-in h1 { font-size:12px; color:#fff; display:inline; margin:0; font-weight:400}
.footer-in h2 { font-size:12px; color:#fff; display:inline; margin:0; font-weight:400}
.footer-in a { text-decoration:none; color:#fff; font-weight:400}
.footer-in a:link { color:#fff}
.footer-in a:visited { color:#fff}
.footer-in a:active { color:#fff}
.footer-in a:hover { color:#fff; text-decoration:underline}
#menu-mobile { display:none}
#CookieLayer { position:fixed; display:none; margin:5px; padding:15px; right:0; bottom:0; background-color:#195a94; color:#fff; opacity:.9; font-weight:300}
#CookieLayer2 { color:#fff; opacity:1; font-size:13px; z-index:1000}
.button-cookie { border:1px solid #dedede; color:#fff; padding:3px 6px; margin:5px auto 0 auto; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; cursor:pointer; font-weight:300;width:30px;}
#content1 img:hover,.open1 img:hover { -webkit-transform:scale(0.94); transition:.4s}
#ref2 img { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); transition:.2s}
#ref2 img:hover { -webkit-transform:scale(1.04); -moz-transform:scale(1.04); -ms-transform:scale(1.04); -o-transform:scale(1.04); transform:scale(1.04); transition:.2s}
#lang { position:Absolute; right:3px; top:3px; }
.ref-box1 { float:left; text-transform:none; }
.img-ref1 {  padding-bottom:8px; }
#footer-menu { padding:15px 15px; line-height:25px; }
#footer-menu a { font-size:14px; padding:0 10px; }
.animation-element.slide-left { opacity:0; -moz-transition:all 600ms linear; -webkit-transition:all 600ms linear; -o-transition:all 600ms linear; transition:all 600ms linear; -moz-transform:translate3d(-100px,0px,0px); -webkit-transform:translate3d(-100px,0px,0px); -o-transform:translate(-100px,0px); -ms-transform:translate(-100px,0px); transform:translate3d(-100px,0px,0px)}
.animation-element.slide-left.in-view { opacity:1; -moz-transform:translate3d(0px,0px,0px); -webkit-transform:translate3d(0px,0px,0px); -o-transform:translate(0px,0px); -ms-transform:translate(0px,0px); transform:translate3d(0px,0px,0px)}
#bg1 { 
	width:auto; border:0; cursor:pointer; height:auto; margin:0 auto; position:relative; opacity:1; font-weight:300; 
	background: linear-gradient(135deg, rgba(59,105,162,0.55) 35%, rgba(55,103,141,0.4) 60%, rgba(55,103,141,0.2) 75%, rgba(55,103,141,0.9) 100%);	
	background: linear-gradient(0deg, rgba(51,94,127,0.9) 0%, rgba(51,94,127,0.2) 50%);
}
#gar { margin:0 auto; 
width:700px; 
text-align:left; 
padding:70px 20px; 
line-height:1.3; }
#gar img {  float:left; width:230px; padding:0 30px 0 0; }
#gar b {  font-size:32px; display:block; padding:0px 0 5px 0; font-weight:500; }
.gomb_ajanlat4 {  display:none; }
#t11 { margin-top:0; color:#fff;}
#tel1 { display:inline; }
#content2-in .open1 { margin:0 23px; width:320px; }
.hivjon1 { padding:0 0 0 10px; }
#tel1 { display:none; }
@media screen and (max-width:1210px) { 
body { 	
	background:#fff url('../images/honlapkeszites-referenciak1050.webp') no-repeat center top fixed;	
	-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;
}
#top01 { line-height:1.4;  border-bottom:1px solid rgba(200,200,200,0.3); font-size:13px; }
#top01-in { padding:3px 15px; width:auto; }
#top01 b { font-size:13px; }
#top01 a { font-size:13px; }
#top01 h1, #top01 h2 { font-size:13px; }
#h00 { 
	height:auto; background: rgba(255,255,255,0.98);
}
#h-jpg {  float:none; width:99%; max-width:600px; height:auto; display:block; margin:0 auto 20px auto; }
#miben { display:none}
#c0 { padding:0; margin-bottom:0; text-align:left; background:#fff; width:100%; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}
#c00 { z-index:100; position:fixed; top:0; left:0; height:100px; }
#c1 { text-align:left; width:100%; padding:0; margin:115px auto 0; }
.main { width:100%}
.main-in { text-align:left; width:auto; padding:40px 20px; margin-left:auto; margin-right:auto}
.h4 { font-size:24px; margin:0; padding-bottom:0; border-bottom:0; font-weight:600;}
#h1 { border-bottom:0px solid #e8edf1; padding:10px 0; font-size:13px; text-align:center;width:auto; }
#h11 { text-align:center; width:100%; padding:0; margin: 0 auto; font-size:13px; }
#h12 {  display:none;}
#h1 h1 { float:none; color:#195a94 font-size:13px; display:inline; font-weight:400; }
#h1 h1 a { float:none; color:#195a94 font-size:13px; display:inline; font-weight:400; text-decoration:none}
#menu {  background:none;border: 1px solid rgba(255,255,255,0); }
#menu ul.inline { display:block}
#menu ul.inline li { display:block; float:none}
#menu ul.ilb li { display:block; vertical-align:top}
#menu { border-bottom:0px solid #e8edf1; height:70px; }
#menu-in { padding:20px 0; text-align:center; width:100%; margin:0 auto; font-size:17px}
#menu-in a { color:#ffffff; font-weight:500; text-decoration:none; padding:15px 0; margin-top:0; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; }
#menu-in a:hover { color:#195a94; background:#edf4f9}
#menu-in a.last { color:#ffffff;background:none; padding:20px 0; border:0px; font-weight:500; }
#menu-in a.last:hover { background:#edf4f9; border:0; border-bottom:1px solid #d2daf2; margin-top:0; font-weight:500; }
#menu-mobile { display:block; text-align:center; margin:10px auto 0; padding:0 10px}
#menu-mobile a { margin:0; padding:0 10px}
#menu-mobile a:hover { background:none; margin:0; padding:0 10px}
#menu-mobile img { border:0px solid #195a94; padding:1px 4px}
#menu-in a:after { width:0; height:0}
#menu_new { position:absolute; top:80px; left:0; z-index:99999999999999; background:rgba(55,103,141,0.97); float:none; display:none; padding:0; font-family:'Roboto Condensed',sans-serif; font-weight:400; font-style:normal; text-align:center; margin-bottom:0; width:100%; margin-top:5px;height:100%; }
#menu_new a { color:#ffffff; width:100%; display:block; text-decoration:none; margin:0; border:0; border-bottom:1px solid rgba(210,218,242,0.4); font-size:17px; color:#ffffff; }
#menu_new a:hover { background:#edf4f9; text-decoration:none }
#logo { width:216px; float:none; display:block; margin:0 auto; padding:0 0 20px}
#logo a { margin:0; padding:0}
#logo a:hover { background:none; }
#bg2 { height:auto; width:100%; border-bottom:1px solid #e8edf1}
#bg3 { height:auto; width:100%; border-bottom:1px solid #e8edf1}
#t12 { display:block; float:none; text-align:center; font-size:16px; letter-spacing:1px; color:#fff; background:url('../images/bg6.png') repeat; padding:15px; margin:0 auto; width:250px}
#shadow { height:20px; width:100%; background:url('../images/s.jpg') no-repeat center top}
#content { text-align:left; width:100%; padding:0; margin-left:auto; margin-right:auto}
#content1 { padding:0 10px}
#content1 b.bold { font-size:16px; font-weight:500}
#content1 h2 { margin:5px 0; font-size:33px; font-weight:600; line-height:normal; }
#content1 a { color:#195a94; font-weight:500; font-size:16px}
.center { text-align:center; margin-top:20px; display:block}
a .gomb_ajanlat { text-decoration:none;  border:0; font-size:16px; margin-left:0; color:#fff; font-family:'Roboto Condensed',sans-serif; padding:12px 35px; cursor:pointer; letter-spacing:1px; line-height:40px; font-weight:400; border-bottom:2px solid #d45903;
}
a .gomb_ajanlat:hover { color:#e23823; text-decoration:none; background:none; border:1px solid #e23823; -moz-transition:all 200ms ease-in; -webkit-transition:all 200ms ease-in; -o-transition:all 200ms ease-in; transition:all 200ms ease-in}
#content2 { background:#eaeefa; width:100%; padding:20px 0; margin-top:30px}
#content2-in { text-align:left; width:100%; padding:0; margin-left:auto; margin-right:auto}
#content2-in .open1 { display:block; float:none; text-align:center; text-align:center; margin: 50px auto; border:0; }
#content2-in .open1 .gomb_ajanlat2 { margin:20px auto 0 auto;}
#content2-in .open1 h2 { font-size:16px; margin:10px 0; font-family:'Roboto Condensed',sans-serif; color:#195a94;}
#content2-in .open1 h2 a { text-decoration:none; color:#195a94; }
#content2-in .open1 h3 { display:inline; font-size:100%; font-weight:400}
#content2-in .open1 h5 { font-size:16px; margin:10px 0; font-family:'Roboto Condensed',sans-serif; color:#195a94}
#content2-in .open1 h5 a { text-decoration:none; color:#195a94;}
#content2-in .open2 { margin:20px auto 0}
#ref2 b{font-size:25px; display:block; margin-bottom:10px; font-weight:500;}
#ref2 .img-ref1{display:block; float:none; text-align:center; margin-left:auto; margin-right:auto; width:300px; height:auto}
#ref2 .img-ref2{display:block; float:none; text-align:center}
#ref1 { display:none}
.move1 { background:#195a94; color:#fff; display:block; font-size:18px; padding:6px 20px}
.move1 a { color:#fff; text-decoration:none}
#move11 { margin-bottom:2px; width:250px}
#move11:hover { padding-left:50px; -moz-transition:all 300ms ease-in; -webkit-transition:all 300ms ease-in; -o-transition:all 300ms ease-in; transition:all 300ms ease-in}
#move12 { margin-bottom:2px; margin-left:40px; width:420px}
#move12:hover { padding-left:50px; -moz-transition:all 300ms ease-in; -webkit-transition:all 300ms ease-in; -o-transition:all 300ms ease-in; transition:all 300ms ease-in}
#move13 { margin-bottom:2px; margin-left:25px; width:180px}
#move13:hover { padding-left:50px; -moz-transition:all 300ms ease-in; -webkit-transition:all 300ms ease-in; -o-transition:all 300ms ease-in; transition:all 300ms ease-in}
#move14 { margin-bottom:2px; margin-left:50px; width:375px}
#move14:hover { padding-left:50px; -moz-transition:all 300ms ease-in; -webkit-transition:all 300ms ease-in; -o-transition:all 300ms ease-in; transition:all 300ms ease-in}
#move15 { margin-bottom:2px; margin-left:15px; width:445px}
#move15:hover { padding-left:50px; -moz-transition:all 300ms ease-in; -webkit-transition:all 300ms ease-in; -o-transition:all 300ms ease-in; transition:all 300ms ease-in}
#move16 { margin-bottom:2px; margin-left:35px; width:260px}
#move16:hover { padding-left:50px; -moz-transition:all 300ms ease-in; -webkit-transition:all 300ms ease-in; -o-transition:all 300ms ease-in; transition:all 300ms ease-in}
#move17 { margin-left:5px; width:240px}
#move17:hover { padding-left:50px; -moz-transition:all 300ms ease-in; -webkit-transition:all 300ms ease-in; -o-transition:all 300ms ease-in; transition:all 300ms ease-in}
#web-design-jpg { margin-left:10px; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; margin-right:20px}
.left1 { float:left}
.right1 { float:right}
.a11 { display:block; float:none; width:100%; margin-right:0; line-height:23px; padding:0; margin-bottom:23px}
.a12 { margin-right:0; float:left}
h3 { font-size:16px}
h4 { font-size:16px; font-family:'Roboto Condensed',sans-serif}
h5 { font-size:16px}
div.sep { height:1px; display:block; clear:both; margin:auto}
div.sep5 { height:5px; display:block; clear:both; margin:auto}
div.sep10 { height:10px; display:block; clear:both; margin:auto}
div.sep15 { height:15px; display:block; clear:both; margin:auto}
div.sep20 { height:20px; display:block; clear:both; margin:auto}
div.sep-line { height:1px; display:block; clear:both; margin:auto; border-bottom:1px solid #e8edf1}
form { margin:0}
.footer { background:#40739b; padding:20px 0; font-size:12px; text-align:center; color:#fff}
.footer-in h1 { font-size:12px; color:#fff; display:inline; margin:0; font-weight:400}
.footer-in h2 { font-size:12px; color:#fff; display:inline; margin:0; font-weight:400}
.footer-in a { text-decoration:none; color:#fff; font-weight:400}
.footer-in a:link { color:#fff}
.footer-in a:visited { color:#fff}
.footer-in a:active { color:#fff}
.footer-in a:hover { color:#fff; text-decoration:underline}
a .gomb_ajanlat4 {  width:180px; display:block; -webkit-border-radius:33px; -moz-border-radius:33px; border-radius:33px; text-decoration:none; background:#e23823; border:0; font-size:18px; margin:0 auto; color:#fff; font-family:'Roboto Condensed',sans-serif; padding:12px 35px; cursor:pointer; letter-spacing:1px; line-height:normal; font-weight:400; -webkit-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.6); box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.6); -moz-transition:all 500ms ease-in; -webkit-transition:all 500ms ease-in; -o-transition:all 200ms ease-in; transition:all 500ms ease-in}
a .gomb_ajanlat4:hover { background:#fff; color:#fff; text-decoration:none; background:none; border:0px; -moz-transition:all 500ms ease-in; -webkit-transition:all 500ms ease-in; -o-transition:all 200ms ease-in; transition:all 500ms ease-in; background:#f47708; }
}
#bg1 {  padding:80vh 0 10px 0; }
@media screen and (max-width:1280px) { 
	#bg1 { padding:75vh 0 10px 0; }
	#t11 { margin-top:0}
}
@media screen and (max-width:1200px) { 
	#bg1 { padding:75vh 0 10px 0; }
	#t11 { margin-top:0}
	#t111 { display:none}
}
@media screen and (max-width:1210px) { 
	#bg1 { width:100%; border-bottom:1px solid #e8edf1; padding:70vh 0 10px 0; }
	#shadow { display:none}
	#content { width:auto; padding-top:20px; }
	#bg11 { height:auto; text-align:center; width:auto; margin:0 auto; padding:0}
	#menu_new a { padding:25px 0; font-size:19px}
	#menu_new a:hover { background:#edf4f9; text-decoration:none}
	#content .open3 , #content .open3 b { font-size:19px; 
	line-height:normal; }
	#content2-in .open1, #content .open1 b { font-size:19px; 
	line-height:normal; }
	.main-in { font-size:20px; line-height:1.4; }
	#content1 .open3 {  line-height:1.4; }
	#content1 .open3 i {  font-size:19px; }
	.main-in h2 {  font-size:24px; }
	#h11 {  width:auto; padding:0 15px; text-align:center; }
	#logo {  width:216px; float:left; display:block; margin:0; padding:1px 0 0 11px; }
	#menu-mobile {  display:block; float:right; margin:0px; padding:0 10px}
	#content1 a { font-size:20px; }
	#t11 { width:auto; font-size:22px; background: rgba(51,94,127,0.95); }
	#t11 h1, #t11 h2 { background:none;}
	#content1 #h22 { font-size:120%; font-weight:600; line-height:1; }
}
@media screen and (max-width:800px) {	
	#tel1 {  display:block; display:inline; }
	#bg1 { padding-bottom:0}
	#bg11 { padding:0; margin:0;}
	#t11 { font-size:18px; padding:15px; text-align:center; width:auto; background: rgba(51,94,127,0.95); position: absolute; top:50%; left: 15px; right:15px; transform: translate(0, -50%); margin:0 auto; height:auto; font-weight:300; }
	#t11 h1, #t11 h2 {  padding:0; font-size:21px; line-height:normal; background:none; }
	#t111 { display:none}
	#content1 h1, #content11 h1 {  font-size:33px; line-height:1.3;padding:0; margin:0;}
}
@media screen and (max-width:760px) { 	
	#gar { margin:0 auto; width:auto; text-align:center; padding:40px 20px; }
	#gar img {  float:none; padding:0; width:150px; }
	#gar b {  font-size:32px; display:block; padding:10px 0 20px 0; }
}
@media screen and (max-width:670px) { 
	#ref2{text-align:center; width:auto; max-width:auto;padding:30px 10px;}
}
@media screen and (max-width:600px) { 
	.hivjon1 { display:block; padding:20px; }
	#h-jpg2 { float:none; margin:0 0 20px 0; transition:.2s; width:99%; }
}
@media screen and (max-width:550px) { 
	#h11 {  width:auto; padding:0 15px; text-align:center; border:0; }
	#logo {  width:216px; float:none; display:block; margin:0; padding:1px 0 0 11px; }
	#menu-mobile {  display:block; float:right; margin:0px; padding:0 10px;border:0;}
	#bg1 { width:auto; padding:85vh 0 0 0; }
	#t11 h1, #t11 h2 { padding:0; font-size:21px; line-height:normal; background:none; }
	#t111 { display:none}
	#shadow { display:none}
	#content { width:auto; padding-top:20px; }
	#content1 { padding:0 20px; }
	#content1 .open3 b {  font-weight:600; font-size:21px; }
}
@media screen and (max-width:450px) { 
	#content1 h1, #content11 h1 {  font-size:32px; line-height:1.2;padding:0; margin:0; }	
}
.text-slider-items { display: none; }
.footer-in { width:1140px; margin:0 auto; padding:50px 0 30px 0; font-size:15px; font-weight:300; text-align:left; }
.footer-in a { 
font-size:15px; font-weight:300; }
.footer-box1 { 
float:left; width:20%; padding:3% 5% 3% 0; text-align:left; line-height:26px; font-size:15px; font-weight:300; }
.footer-box1 a { 
display:block; font-weight:300; padding:5px 0; line-height:20px; }
@media screen and (max-width:1230px) { 
.footer-in { width:auto; margin:0 auto; padding:30px 20px 30px 20px; font-size:15px; font-weight:300; text-align:left; }
.footer-box1 { width:40%; padding:3% 10% 3% 0; }
}
@media screen and (max-width:600px) { 
	.footer-in { width:auto; margin:0 auto; padding:30px 20px 20px 20px; }
	.footer-box1 { float:none; width:auto; padding:3% 0 0 0; text-align:left; }
	#top01-in { text-align:left; }
	#top01-left { float:none; display:block; text-transform:uppercase; }
}
#bg3 { width:100%; height:600px; background: url('../images/bg000.png') repeat-x center -1px; }
#bg33 { border:0; border:0; width:700px; height:100%; margin:0 auto; position:relative; }
#t333 {  width:70%; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); margin:0 auto; display:block; padding:15px 30px; text-align:Center; line-height:normal; 
 background: rgba(51,94,127,0.97); text-shadow: 1px 1px 5px rgba(0,0,0,0.2); font-size:24px; font-weight:300; color:#fff; text-transform: uppercase; }
@media screen and (max-width:1500px) { 
	#bg3 { width:100%; height:550px; }
}
@media screen and (max-width:1280px) { 
	#bg3 { width:100%;height:450px; }
}
@media screen and (max-width:1200px) { 
	#bg3 { width:100%;height:400px; }
}
@media screen and (max-width:1210px) { 
	#bg3 { width:100%;height:400px; }
}
@media screen and (max-width:800px) { 
	#bg3 { width:100%;height:530px; }
#bg33 { border:0; border:0; width:90%; height:100%; margin:0 auto; position:relative; }
#t333 { font-size: 20px; }
}
@media screen and (max-width:600px) { #bg3 { width:100%;height:530px; }
	#t333 { font-size: 18px; }
}
#honlapkeszites { padding:3vh 0;  }
#honlapkeszites b { font-size:16px; font-weight:500}
#honlapkeszites h1, #honlapkeszites h2, #honlapkeszites h3 {  font-family:"Roboto Condensed", sans-serif; font-size:40px; font-weight:400; margin:0 0 8px 0; padding:10px 0 0; line-height:1.2; display:block; letter-spacing:0; }
#honlapkeszites h1 b, #honlapkeszites h2 b, #honlapkeszites h3 b { font-size:51px; font-weight:600; }
#honlapkeszites h2 b i { font-style:normal; 
		background: -webkit-linear-gradient(45deg, rgba(244,65,34,1), rgba(247,123,32,1));
		-webkit-background-clip: text; -webkit-text-fill-color: transparent;
		/*color:#0079e6;*/
		}
#honlapkeszites h1 { font-size:38px; font-weight:700; }
#honlapkeszites h6 { font-size:21px; font-weight:600; color: #029ecd; padding:0; margin:0; }
#honlapkeszites #h22 { color:#195a94; font-size:140%; font-weight:400; }
#honlapkeszites .open3 { font-size:20px; padding-top:20px; line-height:1.4; }
#honlapkeszites .open3 a {  font-size:20px; text-decoration:none; }
#honlapkeszites .open3 b {  font-size:20px; font-weight:700; }
#honlapkeszites .open3 i {  font-size:20px; font-style:normal; font-weight:600; }
#honlapkeszites a { color:#195a94; font-weight:500; font-size:16px}
#bg4 { 
	width:100%; border:0; background: linear-gradient(120deg, rgba(59,105,162,0.85) 30%, rgba(55,103,141,0.3) 100%); position:relative;
	}
#bg44 { width:1200px; height:auto; margin:0 auto;}
#bg444 {
	width:47%; width:67%; margin:0; padding:14% 0 18% 0; color:#fff; text-align:left; font-weight:500; font-size:20px; line-height:1.4; filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.3)); text-wrap: balance;
}
.open-01 { 
	position:Absolute; width:43%; max-width:1000px; right:3%; top:10%; filter: drop-shadow(1px 1px 13px rgba(0,0,0,0.7)); opacity:0.97; }
#bg444 h1, #bg444 h2#h1 {  font-size:50px; padding:0 0 0px 0;margin:0; font-weight:500; display:inline; line-height:1.2; text-transform: none;}
#bg444 h3, #bg444 h2 {  font-size:30px; padding:5px 0;margin:0; font-weight:400; }
#bg444 b { font-weight:600; }
#bg444 .gomb_ajanlat { font-weight:400; font-size:17px; color: #fff; padding:9px 24px; -webkit-border-radius:31px; -moz-border-radius:31px; border-radius:31px; 
background: linear-gradient(90deg, rgba(244,65,34,1) 20%, rgba(247,123,32,1) 100%); }
#bg444 .gomb_ajanlat22 { background: #1ec5e3; color: #fff;  }
#bg444 hr { width:60px; border:0; height:1px; background:#fff; margin:26px 0; }
#bg4444 { font-weight:400;}
#bg4444 b { font-weight:400;}
#bg4444 h3 {font-size:100%; display:inline; }
#t4 { position:static; margin:0 auto; display:block; text-align:center; line-height:1.4; text-shadow: 1px 1px 3px rgba(55,103,141,0.19); font-size:22px; color:#fff; width:auto; padding:15px 20px; font-weight:500; background:rgba(55,103,141,0.01);
background: linear-gradient(270deg, rgba(59,105,162,0.7) 0%, rgba(55,103,141,0.1) 100%); 
float:left; float:none; letter-spacing:0px; }
#t4 b { display:block; font-weight:400; font-size:26px; line-height:1.4; padding: 0; letter-spacing:0.02em;  }
.k1 { width:47%; float:left; margin:0; filter: drop-shadow(1px 1px 15px rgba(0,0,0,0.6)); opacity:0.95; }
a .gomb_ajanlat_open3 { display:none; }
a .gomb_ajanlat_open { text-decoration:none; background:#e23823; background:#e23823; color:#fff; letter-spacing:1px; 
line-height:normal; font-weight:600; border:0; font-size:18px; margin:0; font-family:'Roboto Condensed',sans-serif; padding:8px 20px; cursor:pointer; 
filter: drop-shadow(1px 1px 10px rgba(255,255,255,0.15)); 
text-shadow: 1px 1px 2px rgba(0,0,0,0); display: none; -moz-transition:all 350ms ease-in; -webkit-transition:all 350ms ease-in; -o-transition:all 200ms ease-in; transition:all 350ms ease-in; }
a .gomb_ajanlat_open:hover { background:#fff; color:#e23823; text-decoration:none; border:0px; -moz-transition:all 350ms ease-in; -webkit-transition:all 350ms ease-in; -o-transition:all 200ms ease-in; transition:all 350ms ease-in; }
a .gomb_ajanlat_open2 { background: #ffffff; color:#195a94; 
display:none; }
@media screen and (max-width:1300px) { 
	#bg444 { padding:9% 0 10% 0; font-size:18px; }
	#bg444 h1, #bg444 h2#h1 {  font-size:40px; }
}
@media screen and (max-width:1210px) { 	
	#h00 { height:72px;	}
	#honlapkeszites { padding:5px 15px; }
	#honlapkeszites h1 { font-size:35px; }
	#honlapkeszites .open3, #honlapkeszites .open3 a, #honlapkeszites .open3 b { font-size:20px; line-height:1.4; }	
	#bg4 { 
		width:100%;
		border:0;
		background: none;		
		background: linear-gradient(90deg, rgba(59,105,162,0.85) 30%, rgba(55,103,141,0.5) 100%);
	}
	#bg44 { width:auto; height:auto; margin:0 auto; padding:0 20px;}
	.open-01 { width:36%; top:20%; }
	#bg444 {
		width:55%; width:65%; margin:0; padding:13% 0 17% 0;
		color:#fff; text-align:left; font-weight:400; font-size:19px; line-height:1.4;
	}
	#bg444 h1, #bg444 h2#h1 {  font-size:40px; }
	#bg444 b { font-weight:600; }
	#bg444 .gomb_ajanlat { font-weight:500; background: #e23823; color: #fff; padding:10px 30px; border:0; }
	#bg444 hr { 
		width:60px; border:0; height:1px; background:#fff; margin:26px 0;
	}
}
@media screen and (max-width:920px) { 
	#bg444 { width:75%; }
	.open-01 { display:none; }
}
@media screen and (max-width:740px) { 
	#bg4 { width:100%; background: linear-gradient(90deg, rgba(59,105,162,0.85) 30%, rgba(55,103,141,0.6) 80%); }
	#t4 { float:none; width:98%; margin:0 auto; font-size:17px; font-weight:500; padding:0; background:none; }
	#t4 b { font-size:22px; margin:0 0 25px 0; }
	a .gomb_ajanlat_open { letter-spacing:1px; font-weight:600; font-size:16px;	padding:8px 10px; width:160px; display: inline; }
	a .gomb_ajanlat_open2 { display:block; display:inline; margin:20px 0 0 0; background: #ffffff; color:#195a94; text-align:Center; }
	a .gomb_ajanlat_open3 { display:inline; text-decoration:none; border:1px solid #ffffff; 
	color:#ffffff; letter-spacing:1px; line-height:normal; font-weight:600; margin:0; font-family:'Roboto Condensed',sans-serif; cursor:pointer; filter: drop-shadow(1px 1px 10px rgba(255,255,255,0.15)); text-shadow: 1px 1px 2px rgba(0,0,0,0); font-weight:500; font-size:16px; 
	padding:6px 24px; -webkit-border-radius:31px; -moz-border-radius:31px; border-radius:31px; }
	.k1 { display:none; }
	#bg444 { width:75%; }
	#bg444 h1, #bg444 h2#h1 {  font-size:38px; }
}
@media screen and (max-width:640px) { 
	#t4 { font-size:16px; font-weight:500; }
	#t4 b { font-size:22px; }
	a .gomb_ajanlat_open { letter-spacing:0px; font-weight:600; font-size:15px; padding:8px 20px; width:150px; }
	a .gomb_ajanlat_open2 { letter-spacing:0px; padding:8px 20px; width:132px; }
	#bg444 h1, #bg444 h2#h1 {  font-size:33px; }
	#honlapkeszites h1, #honlapkeszites h2, #honlapkeszites h3 { font-size:35px; }
	#honlapkeszites h1 b, #honlapkeszites h2 b, #honlapkeszites h3 b { font-size:37px; }	
	#honlapkeszites #h22 {  font-size:100%; font-weight:600; }
}
@media screen and (max-width:550px) { 
	#bg4 { 
		background: linear-gradient(75deg, rgba(59,105,162,0.85) 40%, rgba(55,103,141,0.4) 100%);
	}
	#bg444 {
		width:90%; padding:30% 0 65% 0;
		font-size:18px; 
	}
	#bg444 h1, #bg444 h2#h1 {  font-size:38px; }
}
@media screen and (max-width:500px) {	
	#bg4 { width:100%; }
	#t4 { float:none; width:98%; margin:0 auto; font-size:20px; font-weight:500; }
	#t4 b { font-size:22px; padding: 0; }
	.k1 { display:none; float:none; width:80%; margin:0 auto; }
	a .gomb_ajanlat_open2 { padding:8px 20px; width:132px; display:inline; margin: 0 0 0 10px; }
	#bg444 { line-height:1.3; }
	#top01-right { float:left; text-align:left; }
	#top01-in { padding:0px 10px 0 15px;  }
	#bg444 .gomb_ajanlat { padding:10px 25px; }

	#honlapkeszites { text-align: center; }
	#honlapkeszites .open3 { text-align: left; }
}		
@media screen and (max-width:380px) { 	
	#bg444 h1, #bg444 h2#h1 {  font-size:28px; margin:0; }
}
@media screen and (max-width: 800px) { 
	#bg445 { background: rgba(59,105,162,0); padding:0px; }
	#tel1{ display:block; position:fixed; right:10px; bottom:10px; filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.33)); }
	.honlap-box, .honlap-box2 { float:none; display:block; width:auto; margin:10px 0 20px 0; }
}
.honlap-box { float:left; width:29%; margin:1% 4% 4% 0; border:0px solid #eee; }
.honlap-box2 { float:left; width:45%; margin:1% 5% 1% 0; border:0px solid #eee; }
.help1 { }
.help11 {  padding:10px 0px; font-weight:400; }
.help1 img { width:50%; float:right; padding:0 0 20px 50px; }
.help1 h3, .help1 b { font-size:33px; padding:0;margin:0; font-weight:500; }
#content2-in .open1 b { font-weight:700 !important; }
.main-out1 { background:#fff url('../images2/weboldal-keszites.webp') center fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover
}
.main-out2 { background:#fff url('../images2/webdesign.jpg') center fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover
}
.main3 { background: rgba(25,69,103,0.93); color:#ffffff; }
.g1 {
	color:#eb3923;
}
@media screen and (max-width:550px) { 
	.help1 img { width:40%; float:right; padding:0 0 30px 30px; }
	.help1 h3, .help1 b { font-size:25px; padding:0;margin:0; font-weight:500; }
}
@media screen and (max-width:1300px) {	
	#t11 {  max-width:40%; }
	#t11  h1 { font-size:35px; }
}
@media screen and (max-width:1210px) {	
	#t11 { max-width:60%; }
}
@media screen and (max-width:700px) {	
	#t11 { max-width:70%; }
	#t11  h1 { font-size:33px; font-weight:500; }
}
@media screen and (max-width:500px) {	
	#t11 { max-width:75%; }
}
a.gomb_ajanlat5 { 
	display: block; width:auto; max-width:190px; text-decoration:none; margin:20px auto 0 auto; cursor:pointer; letter-spacing:1px; line-height:1; font-weight:500; border:0px solid #f44122; font-size:16px; color: #fff; padding:12px 12px 11px 12px; text-align:center; -webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4); -webkit-border-radius:31px; -moz-border-radius:31px; border-radius:31px;
	background: #f44122; background: linear-gradient(75deg, rgba(244,65,34,1) 30%, rgba(247,123,32,1) 100%);
}
a.gomb_ajanlat4 { 
	display: block; width:auto; max-width:190px; text-decoration:none; margin:0; cursor:pointer; letter-spacing:1px; line-height:1; font-weight:500; border:0px solid #f44122; font-size:16px; color: #fff; padding:12px 12px 11px 12px; text-align:center; -webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4); -webkit-border-radius:31px; -moz-border-radius:31px; border-radius:31px;
	background: #f44122; background: linear-gradient(75deg, rgba(244,65,34,1) 30%, rgba(247,123,32,1) 100%);
}
a .gomb_ajanlat33 { 
	display: block; width:auto; max-width:200px; text-decoration:none; margin:0 auto; cursor:pointer; letter-spacing:1px; line-height:1; font-weight:500; border:0px solid #f44122; font-size:17px; color: #fff; padding:12px 15px; text-align:center; -webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); -webkit-border-radius:31px; -moz-border-radius:31px; border-radius:31px;
	background: #f44122; background: linear-gradient(75deg, rgba(244,65,34,1) 30%, rgba(247,123,32,1) 100%);
}
#t11 { 
	padding:25px; text-align:center; width:auto; max-width:35%;
	background: rgba(51,94,127,0.95); position: absolute; top:50%; left: 15px; right:15px; 
	transform: translate(0, -50%); margin:0 auto; height:auto; 
	display: block;
	color:#fff; font-weight:400;
}
#t11  h1 { 
	padding:0; margin:0; font-size:37px; font-weight:500; color:#fff;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.15);	
	margin:0 0 8px 0; display:block;
}
#t011 { 
	padding:35px; text-align:left; width:auto; max-width:45%;
	background: rgba(51,94,127,0.95); position: absolute; top:50%; left: 18%; 
	transform: translate(0, -50%); margin:0 auto 0 0; height:auto; 
	display: block; color:#fff;
}
#t011 hr { 
	width:100px; border:0; height:2px; background:#fff;	margin:10px 0;
}
#t011  h1 { 
	padding:0; margin:0; font-size:35px; font-weight:500; color:#fff;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.15);
}
#t011 h3 {  font-size:22px; padding:0 0 10px 0;margin:0; font-weight:500;}
#t011 b { font-weight:600; }
#t011 #bg4444 b { font-weight:400;}
#t011 #bg445 { background: rgba(59,105,162,0.9); padding:35px 40px; }
#honlapkeszites h3 { margin:0; padding:0; }
.gomb_ajanlat6 {
	-webkit-border-radius:31px; -moz-border-radius:31px; border-radius:31px;
}
.konz {
  position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; border: 1px solid #fff; border-radius: 60px; font-weight:300; font-size:17px; color: #fff; padding:7px 24px; letter-spacing:0; font-family:"Roboto Condensed", sans-serif; background: none; margin:8px 0 0 0;
  -moz-transition:all 250ms ease-in; -webkit-transition:all 250ms ease-in; -o-transition:all 250ms ease-in; transition:all 250ms ease-in;
}
.konz:hover {
	background:rgba(244,65,34,1);
	 border: 1px solid rgba(244,65,34,1);
	 -moz-transition:all 250ms ease-in; -webkit-transition:all 250ms ease-in; -o-transition:all 250ms ease-in; transition:all 250ms ease-in;
}
#ref2 .ref-box1 { float:left; width:398px;margin:1px;}
#ref2 .ref-box1 .img-ref3 { width:100%; }
@media screen and (max-width:1200px) {
	#ref2 { width:96%; max-width:96%; }	
	#ref2 .ref-box1 { float:left; width:33%; margin:1px;}
}
@media screen and (max-width:500px) {
	#ref2 { width:98%; max-width:98%; padding:30px 1%; margin:0; }	
	#ref2 .ref-box1 { float:none; width:98%; margin:1px 0 0 0px;}
	#ref2 .last3 { display: none; }
}
.miben {
	float: left;
	width: 39%;
	margin: 2%;
	padding: 3%;
	border: 1px solid #195a941a;
	background: #ffffff;	
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}
@media screen and (max-width:900px) {
	.miben { float: none; width: auto; margin: 2%; padding: 40px 	}
}
#bg51 { 
	padding:0px; width:auto; height:auto;
	} 
#t51 { 
	font-size:18px; padding:0; text-align:center;
	width:auto; max-width:40%;  position: absolute; top:50%; left:50%;	transform: translate(-50%, -50%); margin:0 auto; height:auto; width:auto; font-size:22px; background: rgba(51,94,127,0.95);  font-weight:300; padding:20px 40px; color:#fff;
}
#t51 h1, #t51 h2 {  font-size:140%; color:#fff; font-weight:400; margin:0; padding:0; }
@media screen and (max-width:800px) {	
	#t51 {  width:70%; max-width:98%;}
}
@media screen and (max-width:450px) {	
	#t51 {  }
	#t51 h1, #t51 h2 {  font-size:125%; color:#fff; font-weight:400; margin:0; padding:0; }
}
.hr1 { opacity:0.6;height:1px;border:0;background:#fff;width:60%;margin:20px auto; }

#bg61 { 
	padding:0px; width:auto; height:auto; width:100%; position:absolute; margin:0 auto; bottom:0%; left:50%; transform: translate(-50%, 0%);
	background: rgba(51,94,127,0.7);
	}
#t61 { 
	border:0; padding:40px; text-align:left; width:70%; max-width:1200px; margin:0 auto; height:auto; width:auto;  font-size:24px; font-weight:400; color:#fff; line-height:1.2;
	-webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; text-shadow: 1px 1px 5px rgba(0,0,0,0.2);
}
#t61 i { font-size:70%; font-style:normal; font-weight: 400; text-transform:uppercase; }

#t61 h1, #t61 h2 {  font-size:180%; color:#fff; font-weight:500; margin:0px 0 10px 0; padding:0; }

@media screen and (max-width:1200px) {	
	#bg61 { 
		width:95%;
	}
}
@media screen and (max-width:800px) {	
	#t61 { 
		max-width:90%; 
	}	
	#bg61 { 
		top:40%; 		
	}
	#t61 h1, #t61 h2 {  font-size:190%; }
}
@media screen and (max-width:600px) {	
	#bg1 { 		
		background: linear-gradient(60deg, rgba(51,94,127,0.88) 20%, rgba(51,94,127,0.25) 80%);
	}
	#t61 { 
		max-width:90%;
		padding:0px;
		background: rgba(51,94,127,0.15);
	}	
	#bg61 { 
		top:63%; 		
	}
	#t61 h1, #t61 h2 {  font-size:190%; }
}