/* cyrillic-ext */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v49/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUtiZTaR.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v49/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUJiZTaR.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v49/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUliZTaR.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v49/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUhiZTaR.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v49/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUZiZQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 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: 300; src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCoYb8td.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-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: 300; src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCQYbw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 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: 400; src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-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: 400; src: url(https://fonts.gstatic.com/s/robotocondensed/v25/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+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: 700; src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCoYb8td.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-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: 700; src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } body{margin:0; background:#fff url(../images/honlapkeszites-referenciak6.webp) repeat center 0 fixed; color:#336084; font-family:'Roboto Condensed',sans-serif; font-weight:400; font-size:16px; line-height:21px; text-align:center} img{border:0} a{text-decoration:underline; color:#58881d; font-weight:400} a:hover{text-decoration:none} #h00 { background:rgba(255,255,255,0.99); height:94px;} #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%} .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:"Oswald";font-size:26px; font-weight:500; margin:0; padding-bottom:0; border-bottom:0 dashed #a8c0d3} .main-in h1{font-size:18px; margin:0; padding-bottom:0; border-bottom:0 dashed #a8c0d3;line-height:normal;} .main2{background:#eaeefa} #miben-h1{font-size:30px; font-weight:500; margin:0; padding-bottom:0; border-bottom:0 dashed #a8c0d3} #h0{border-bottom:1px solid #f3f3f3; } #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:#335e7f; font-size:12px; display:inline; font-weight:300; } #h1 h1 b{color:#335e7f; font-size:12px; display:inline; font-weight:300; } #h1 h1 a{color:#335e7f; font-size:12px; display:inline; font-weight:300; text-decoration:none} #h1 a{color:#335e7f; font-size:12px; display:inline; font-weight:300; text-decoration:none; display:inline; } #menu{ border-bottom:0px solid #e8edf1; opacity:1; } #menu-in{padding:25px 0 24px 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:16px; color:#33648a; text-decoration:none; padding:5px 12px;; margin-top:0; margin:0 0 0 8px; font-weight:400} #menu-in a:hover,#menu-in #current a{color:#33648a} #menu-in a:hover{color:#ffffff;background:#33648a; } #menu-in a.last{font-weight:400; color:#e23823; padding:4px 12px; border:1px solid #e23823; background:#e23823; color: #fff; } #menu-in a.last:hover{font-weight:400; color:#e23823; background:none; } #logo{float:left; vertical-align:middle; margin:-5px 0 0} #logo a{margin:0; padding:0} #logo a:hover{background:#fff} #bg2{height:400px; width:100%; background:url(../images/honlapkeszites-referenciak6.webp) no-repeat top right; 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{background:#fff; text-align:left; width:1000px; padding:0; margin-left:auto; margin-right:auto} #h-jpg{float:right; margin:0 10px 10px 20px; transition:.2s; width:440px} #content1{padding:25px 0; } #content11{font-family:"Oswald"; font-size:31px; font-weight:600; } #content1 b.bold{font-size:16px; font-weight:500} #content1 h2{ margin:0 0 8px; padding:0;font-size:31px; font-weight:600; line-height:normal; } #content1 h1 { font-family:"Oswald"; font-size:31px; font-weight:600; margin:0 0 0 0; padding:10px 0 0; line-height:normal; display:inline; } #content1 .open3 {padding-top:20px; line-height:1.4; } #content1 .open3 a{ text-decoration:none; font-weight:600} #content1 .open3 b { font-weight:600; font-size:20px; } #content1 .open3 i { font-size:16px; font-style:normal; font-weight:600; } #content1 a{color:#33648a; font-weight:500; font-size:16px} .center{text-align:center; margin:35px 0 20px; display:block} a .gomb_ajanlat{-webkit-border-radius:33px; -moz-border-radius:33px; border-radius:33px; text-decoration:none; background:#e23823; border:0; font-size:18px; margin:0; color:#fff; font-family:'Roboto Condensed',sans-serif; padding:12px 35px 11px 35px; 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} a .gomb_ajanlat: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; } a.gomb_ajanlat2{-webkit-border-radius:33px; -moz-border-radius:33px; border-radius:33px; background:#336084; color:#fff; text-decoration:none; border:1px solid #336084; 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:#336084; text-decoration:none; background:none; border:1px solid #336084; -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:35px 0 40px; 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;} #content2-in .open1 h2{font-size:25px; font-weight:500; margin:25px 0 25px; font-family:'Roboto Condensed',sans-serif; color:#336084} #content2-in .open1 h2 b{font-family:"Oswald"; font-size:24px; font-weight:500; } #content2-in .open1 h2 a{text-decoration:none; color:#336084} #content2-in .open1 h3{display:inline; font-size:100%; font-weight:400} #content2-in .open1 h5{font-size:25px; font-weight:500; margin:25px 0 25px; font-family:'Roboto Condensed',sans-serif; color:#336084} #content2-in .open1 h5 b{font-family:"Oswald"; font-size:24px; font-weight:500; } #content2-in .open1 h5 a{text-decoration:none; color:#336084} #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:400px; width:100%; background:url(../images/honlapkeszites-referenciak6.webp) repeat center top fixed; cursor:pointer} #ref1-in{padding-top:150px} #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; } .move1{background:#336084; color:#fff; font-size:16px; padding:6px 20px; float:left; margin:0 5px 5px 0; border:1px solid #336084} .move1:hover{background:none; color:#336084} .move1 a{color:#fff; text-decoration:none} .move1 a:hover{color:#336084; 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:#33648a; 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:0 0 0 10px; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; cursor:pointer; font-weight:300} #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; background: url(../images/bg00.png) repeat-x center -1px; } #t11{ width:auto; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); margin:0 auto; display:block; font-size:30px; font-weight:400; color:#fff; opacity:1; padding:16px 35px; text-align:Center; line-height:normal; background: rgba(51,94,127,0.95); } #t11 h1, #t11 h2{ font-size:28px; font-weight:300; letter-spacing:0px; color:#fff; line-height:normal; display:inline; padding:0px; margin:0; /*text-transform:uppercase;*/ } #t11 h1, #t11 h2 { font-weight:500; } #t11 h1 b { font-weight:600; } #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} #tel1{display:inline; } #content2-in .open1 { margin:0 23px; width:320px; } .hivjon1 { padding:0 0 0 10px; } @media screen and (max-width:1610px) { body{background:#fff url(../images/honlapkeszites-referenciak6.webp) no-repeat center 0 fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover} } @media screen and (max-width:1280px) { body{background:#fff url(../images/honlapkeszites-referenciak6.webp) no-repeat center 0 fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover} } @media screen and (max-width:1200px) { body{background:#fff url(../images/honlapkeszites-referenciak6.webp) no-repeat center 0 fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover} } @media screen and (max-width:1024px) { body{background:#fff url(../images/honlapkeszites-referenciak1050.webp) no-repeat center top scroll} #h00 { background: rgba(255,255,255,0.99); } #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 10px; margin-left:auto; margin-right:auto} .h4{font-size:24px; margin:0; padding-bottom:0; border-bottom:0; font-weight:500;} #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:#335e7f; font-size:13px; display:inline; font-weight:400; } #h1 h1 a{float:none; color:#335e7f; font-size:13px; display:inline; font-weight:400; text-decoration:none} #menu { background:#fff; } #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:2px solid #e8edf1; height:70px; } #menu-in{padding:20px 0; text-align:center; width:100%; margin:0 auto; font-size:16px} #menu-in a{color:#33648a; font-weight:500; text-decoration:none; padding:15px 0; margin-top:0} #menu-in a:hover{color:#33648a; background:#edf4f9} #menu-in a.last{color:#ffffff;background:none; padding:20px 0; border:0px; font-weight:500; } #menu-in a.last:hover{color:#ffffff; background:#edf4f9; border:0; border-bottom:1px solid #d2daf2; padding:15px 0; 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:0; margin:0; padding:0 10px} #menu-mobile img{border:0px solid #336084; padding:1px 4px} #menu-in a:after{width:0; height:0} #menu_new{position:absolute; top:110px; left:0; z-index:99999999999999; background:rgba(55,103,141,0.93); float:none; display:none; padding:0; font-family:'Roboto Condensed',sans-serif; font-weight:400; font-style:normal; font-size:15px; text-align:center; margin-bottom:0; width:100%; margin-top:5px} #menu_new a{color:#ffffff; width:100%; display:block; text-decoration:none; margin:0; border:0; border-bottom:1px solid #d2daf2; font-size:15px} #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:#fff} #bg2{height:auto; width:100%; background:url(../images/honlapkeszites-referenciak1050.webp) no-repeat center; border-bottom:1px solid #e8edf1} #bg3{height:auto; width:100%; background:url(../images/honlapkeszites1.jpg) no-repeat center; 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:#33648a; font-weight:500; font-size:16px} .center{text-align:center; margin-top:20px; display:block} a .gomb_ajanlat{text-decoration:none; background:#e23823; 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 30px; 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:20px auto 0; border:0 solid red} #content2-in .open1 h2{font-size:16px; margin:15px 0; font-family:'Roboto Condensed',sans-serif; color:#336084} #content2-in .open1 h2 a{text-decoration:none; color:#336084} #content2-in .open1 h3{display:inline; font-size:100%; font-weight:400} #content2-in .open1 h5{font-size:16px; margin:15px 0; font-family:'Roboto Condensed',sans-serif; color:#336084} #content2-in .open1 h5 a{text-decoration:none; color:#336084} #content2-in .open2{margin:20px auto 0} #ref2{text-align:center; width:100%; padding:30px 0; margin-left:auto; margin-right:auto} #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:#336084; 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:550px 0 10px; } @media screen and (max-width:1280px) { #bg1{padding:450px 0 10px} #t11{margin-top:0} } @media screen and (max-width:1200px) { #bg1{padding:280px 0 10px} #t11{margin-top:0} #t111{display:none} } @media screen and (max-width:1024px) { body{background:#fff url(../images/honlapkeszites-referenciak1050.webp) no-repeat center 80px scroll; } #bg1{height:auto; width:100%; border-bottom:1px solid #e8edf1; } #bg1{padding:400px 0 10px} #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:18px} #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:19px; line-height:normal; } #content1 .open3 { line-height:1.4; } #content1 .open3 i { font-size:19px; } .main-in h2 { font-size:24px; } .ref-box1 {float:none; text-transform:none; margin:0 auto; } #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; } } @media screen and (max-width:800px) { body{background:#fff url(../images/honlapkeszites-referenciak1050.webp) no-repeat center 80px scroll; -webkit-background-size:contain; -moz-background-size:contain; -o-background-size:contain; background-size:contain} #tel1 { display:block; display:inline; } #bg1{padding-bottom:0} #bg11{padding:0; margin:0;} #t11 { 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; } #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:600px) { .hivjon1 { display:block; padding:20px; } } @media screen and (max-width:500px) { body{background:#fff url(../images/honlapkeszites-referenciak1050.webp) no-repeat center 110px scroll; } #h11 { width:auto; padding:0 15px; text-align:center; } #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} #bg1{width:auto; padding:500px 0 0 0; } /*#t11 {padding:15px; text-align:center; width:80%; background: rgba(51,94,127,0.95); }*/ #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; /*width:82%; margin:0 auto; padding:4% 5%; -webkit-box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.4); box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.4); -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; */ } #content1 .open3 b { font-weight:600; font-size:21px; } } @media screen and (max-width:450px) { #content1 h1, #content11 h1 { font-size:28px; 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:1024px) { .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; } }