@import url('fonts/fonts.css'); html { height: 100%; } html.oxh { overflow-x: hidden; } body { background: #fffcf5; margin: 0; font: 14px 'Roboto', sans-serif; color: #313745; line-height: 1; height: 100%; } a { color: #313745; outline: none; } h1 { font-size: 16px; margin: 0; } h2, h3, h4, h5 { font-size: 14px; margin: 0; } p { margin: 0; padding: 0; } img { border: 0; } form { margin: 0px; padding: 0px; } input, select, textarea { vertical-align: middle; font: 14px 'Roboto', Verdana, sans-serif; } label { vertical-align: middle; } hr { color: black; height: 1px; border: 0; margin: 0; border-bottom: 1px solid black; } /*---------------Layout------------------------------*/ #main_center { background-color: #fffcf5; margin: 0; position: relative; width: 100%; } .main_center { margin: 0 auto; width: 1000px; position: relative; } #left { width: 616px; float: left; } #right { width: 293px; float: right; } #center { margin-bottom: 5px; } #bottom { background: #41484E; width: 100%; padding: 35px 0 0 0; margin: 10px 0 0 0; color: white; } .main_wrapper { margin: 0 auto; width: 970px; } #top { background-color: #fffcf5; } /*---------------------------------------------------*/ #overlay, .overlay { background-color: black; position: fixed; left: 0; top: 0; width: 100%; height: 100%; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; z-index: 10; display: none; } .overlay.white { background-color: white; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; } #overlay_form { z-index: 8; } /*---------------Common------------------------------*/ .clear { clear: both; overflow: hidden; height: 0px; display: block; } .f-left { float: left !important; } .f-right { float: right !important; } .a-left { text-align: left !important; } .a-right { text-align: right !important; } .a-center { text-align: center !important; } .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .stylereset { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit !important; vertical-align: baseline; display: inline; } /* .cufon { font-family: 'Cronos'; } .cufon_textshadow { font-family: 'Cronos'; text-shadow: 1px 1px rgba(0, 0, 0, 0.5); }*/ .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /*---------------------------------------------------*/ .show_on_mobile { display: none !important; } .hide_on_mobile { display: block; } span.hide_on_mobile { display: inline; } /*---------------------------------------------------*/ .wpanel160 { width: 160px; } .wpanel180 { width: 180px; } .wpanel216 { width: 216px; } .wpanel704 { width: 704px; } .wpanel730 { width: 730px; } .wpanel460 { width: 460px; } .wpanel250 { width: 250px; } .wpanel666 { width: 666px; } .wpanel640 { width: 640px; } .wpanel294 { width: 294px; } .wpanel322 { width: 322px; } .wpanel644 { width: 644px; } /*---------------------------------------------------*/ .ui-autocomplete { z-index: 30 !important; border-radius: 0; font-size: 13px; padding: 0; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); } .ui-autocomplete li.ui-menu-item { border-radius: 0; } .ui-autocomplete li:nth-child(even) { background-color: #F2F2F2; } .ui-autocomplete li.ui-menu-item a { border-radius: 0; border: none; margin: 0 !important; } .ui-autocomplete li.ui-menu-item a.ui-state-hover { background: none; color: #0285bc; } /*---------------------------------------------------*/ a.btn1 { background: url(../images/btn1_left.png) no-repeat left top; display: inline-block; vertical-align: middle; text-decoration: none !important; padding-left: 11px; font-size: 14px; text-transform: uppercase; position: relative; } a.btn1 span { background: url(../images/btn1_right.png) no-repeat right top; display: inline-block; height: 31px; line-height: 31px; padding-right: 11px; cursor: pointer; } a.btn1:hover { background-position: left bottom; } a.btn1:hover span { background-position: right bottom; } /*---------------------------------------------------*/ a.btn2 { background: url(../images/btn2.png) no-repeat left 0; display: inline-block; vertical-align: middle; text-decoration: none !important; padding-left: 15px; /*font: bold 16px 'Open Sans';*/ font-size: 16px; font-weight: bold; color: white; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4); } a.btn2 span { background: url(../images/btn2.png) no-repeat right -34px; display: inline-block; padding-right: 15px; height: 34px; line-height: 35px; cursor: pointer; } a.btn2:hover { background-position: left -68px; } a.btn2:hover span { background-position: right -102px; } /*---------------------------------------------------*/ a.btn_dynamic1 { background: #415546; border-radius: 20px; color: #fff; display: inline-block; font-size: 14px; height: 40px; line-height: 40px; padding: 0 20px; text-decoration: none; text-transform: uppercase; } a.btn_dynamic1:hover, a.btn_dynamic1:active { background-color: #17281c; text-decoration: none; } a.btn_dynamic1 span { text-align: center; } a.btn_dynamic1 span:hover { text-decoration: none; } /*---------------------------------------------------*/ a.btn_dynamic2 { background: url(../images/btn_dynamic2.png) no-repeat left top; display: inline-block; vertical-align: middle; text-decoration: none !important; padding-left: 20px; font-size: 23px; font-weight: bold; color: white !important; margin: 0 auto; } a.btn_dynamic2 span { background: url(../images/btn_dynamic2.png) no-repeat right -42px; display: inline-block; height: 42px; line-height: 37px; padding-right: 20px; cursor: pointer; text-align: center; } a.btn_dynamic2:hover { background-position: left -84px; } a.btn_dynamic2:hover span { background-position: right bottom; } /*---------------------------------------------------*/ a.btn_dynamic3 { background: url(../images/btn_dynamic3.png) no-repeat left top; display: inline-block; vertical-align: middle; text-decoration: none !important; padding-left: 20px; font-size: 23px; font-weight: bold; color: white !important; margin: 0 auto; } a.btn_dynamic3 span { background: url(../images/btn_dynamic3.png) no-repeat right -42px; display: inline-block; height: 42px; line-height: 37px; padding-right: 20px; cursor: pointer; text-align: center; } a.btn_dynamic3:hover { background-position: left -84px; } a.btn_dynamic3:hover span { background-position: right bottom; } /*---------------------------------------------------*/ a.btn_dynamic4 { background: url(../images/btn_dynamic4.png) no-repeat left top; display: inline-block; vertical-align: middle; text-decoration: none !important; padding-left: 20px; font-size: 15px; font-weight: bold; color: white !important; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4); } a.btn_dynamic4 span { background: url(../images/btn_dynamic4.png) no-repeat right -32px; display: inline-block; height: 32px; line-height: 32px; padding-right: 20px; cursor: pointer; text-align: center; } a.btn_dynamic4:hover { background-position: left -64px; } a.btn_dynamic4:hover span { background-position: right bottom; } /*---------------------------------------------------*/ a.btn_dynamic5 { background: url(../images/btn_dynamic5.png) no-repeat left top; display: inline-block; vertical-align: middle; text-decoration: none !important; padding-left: 20px; font-size: 15px; font-weight: bold; color: white !important; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4); } a.btn_dynamic5 span { background: url(../images/btn_dynamic5.png) no-repeat right -32px; display: inline-block; height: 32px; line-height: 32px; padding-right: 20px; cursor: pointer; text-align: center; } a.btn_dynamic5:hover { background-position: left -64px; } a.btn_dynamic5:hover span { background-position: right bottom; } /*---------------------------------------------------*/ a.btn_dynamic6 { background: url(../images/btn_dynamic6.png) no-repeat left top; display: inline-block; vertical-align: middle; text-decoration: none !important; padding-left: 20px; font-size: 15px; font-weight: bold; color: white !important; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4); } a.btn_dynamic6 span { background: url(../images/btn_dynamic6.png) no-repeat right -42px; display: inline-block; height: 42px; line-height: 42px; padding-right: 20px; cursor: pointer; text-align: center; } a.btn_dynamic6:hover { background-position: left -84px; } a.btn_dynamic6:hover span { background-position: right bottom; } /*------------------------------------------------*/ .btn_vissza1 { background: url(../images/btn_vissza1.png) no-repeat top; width: 147px; height: 43px; display: inline-block; text-indent: -10000px; vertical-align: middle; } .btn_vissza1:hover { background-position: bottom; } /*---------------------------------------------------*/ .btn_vissza2 { background: url(../images/btn_vissza2.png) no-repeat top; width: 109px; height: 43px; display: inline-block; text-indent: -10000px; vertical-align: middle; } .btn_vissza2:hover { background-position: bottom; } .btn_vissza2 span { display: none; } /*---------------------------------------------------*/ .btn_vissza3 { background: url(../images/btn_vissza3.png) no-repeat top; width: 109px; height: 41px; display: inline-block; text-indent: -10000px; vertical-align: middle; } .btn_vissza3:hover { background-position: bottom; } .btn_vissza3 span { display: none; } /*---------------------------------------------------*/ .btn_color { background: #A1C656 repeat-x bottom; border: 1px solid #73A426; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; vertical-align: middle; padding: 0 20px; height: 23px; text-align: center; line-height: 24px; font-size: 12px; font-weight: bold; color: white; text-decoration: none; box-shadow: 0 -5px 15px -10px rgba(0, 0, 0, 0.4) inset; } a.btn_color:hover { background-image: none; box-shadow: none; } .btn_color.orange { background-color: #ED8E02; border-color: #DA942E; } .btn_color.blue { background-color: #5BB0D9; border-color: #0174B0; } /*---------------------------------------------------*/ .btn_color_big { background: #5BB0D9; background-image: linear-gradient(top, #5BB0D9 0%, #0F73AC 100%); background-image: -o-linear-gradient(top, #5BB0D9 0%, #0F73AC 100%); background-image: -moz-linear-gradient(top, #5BB0D9 0%, #0F73AC 100%); background-image: -webkit-linear-gradient(top, #5BB0D9 0%, #0F73AC 100%); background-image: -ms-linear-gradient(top, #5BB0D9 0%, #0F73AC 100%); border: 1px solid #0174B0; border-radius: 3px; display: inline-block; vertical-align: middle; padding: 0 40px; height: 59px; text-align: center; line-height: 59px; font-size: 23px; font-family: 'Cronos'; font-weight: 500; color: white; text-decoration: none; box-shadow: 0 -5px 15px -10px rgba(0, 0, 0, 0.4) inset; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75); } .btn_color_big:hover { background: #5BB0D9; } /*---------------------------------------------------*/ .ico_help { background: url(../images/ico_help.png) no-repeat top; width: 18px; height: 17px; display: inline-block; text-decoration: none; cursor: help; vertical-align: middle; position: relative; z-index: 2; } .ico_help:hover { background-position: bottom; } /*---------------------------------------------------*/ .corners span { background: url(../images/bg_fieldpanel_corners.png) no-repeat; display: block; width: 2px; height: 2px; overflow: hidden; font-size: 0; position: absolute; } .corners span.tl { background-position: 0 0; left: -1px; top: -1px; } .corners span.tr { background-position: -2px 0; right: -1px; top: -1px; } .corners span.bl { background-position: 0 -2px; left: -1px; bottom: -1px; } .corners span.br { background-position: -2px -2px; right: -1px; bottom: -1px; } /*---------------------------------------------------*/ .ui-selectmenu { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 0px 4px #e0e0e0; -webkit-box-shadow: 0px 0px 4px #e0e0e0; box-shadow: 0px 0px 4px #e0e0e0; font-family: 'Open Sans'; } .ui-selectmenu-menu-dropdown { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-family: 'Open Sans'; } .ui-selectmenu-menu li { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .ui-selectmenu-menu li a { font-size: 12px; } /*---------------------------------------------------*/ #top .section1 { background: #fffcf5; height: 80px; } #top .wrapper { width: 1000px; margin: 0 auto; position: relative; } #top .section1 .logo { background: url(../images/logo/logo_slogan.svg) no-repeat; height: 50px; left: 0; position: absolute; text-indent: -10000px; top: 14px; width: 235px; } #top .section1 .logo a { display: block; height: 100%; } #top .user_info { position: absolute; right: 10px; top: 6px; font-size: 12px; font-weight: bold; } #top .user_info a { color: #d35630; } /*---------------------------------------------------*/ #top ul.nav { float: right; font-size: 16px; font-weight: 600; list-style: none; margin: 25px 0 0 0; padding: 0; } #top ul.nav li { float: left; } #top ul.nav li:last-child a { margin: 0; } #top ul.nav li a { color: #415546; display: block; height: 34px; line-height: 34px; margin: 0 40px 0 0; text-decoration: none; } #top ul.nav li a.active { color: #415546; } #top ul.nav li a:hover { color: #415546; text-decoration: underline; } #top ul.nav li.pro a { color: #d35630; } #top ul.nav li a.new { position: relative; } #top ul.nav li a.new .new-badge { background: #F35E06; border-radius: 5px; color: white; display: block; font-family: arial, sans-serif; font-size: 10px; line-height: 17px; padding: 0 5px; position: absolute; right: -6px; text-shadow: 0 1px 2px #A73B1B; text-transform: uppercase; top: -6px; } /*---------------------------------------------------*/ #top nav.main_menu { background: #415546; border-bottom: 4px solid #f6f7f8; color: #fff; height: 54px; margin: 0 0 20px 0; } #top nav.main_menu a { color: #fff; text-decoration: none; } /* level 1 */ #top nav.main_menu .wrapper > ul { display: flex; flex-flow: row nowrap; justify-content: space-between; list-style: none; margin: 0; padding: 0; position: relative; } #top nav.main_menu .wrapper > ul > li { flex: 0 0 auto; } #top nav.main_menu .wrapper > ul > li > a { background: no-repeat; color: #fff; display: block; font-size: 14px; height: 52px; line-height: 60px; margin: 0 32px 0 0; position: relative; text-decoration: none; top: -2px; } #top nav.main_menu .wrapper > ul > li.has_submenu > a { padding: 0 18px 0 0; } #top nav.main_menu .wrapper > ul > li.has_submenu > a:after { background: url(../images/chevron-down-white.svg) top center no-repeat; background-size: 20px 20px; content: ""; display: inline-block; height: 20px; position: absolute; right: -4px; top: 19px; width: 20px; } #top nav.main_menu .wrapper > ul > li:hover > a, #top nav.main_menu .wrapper > ul > li.active > a { font-weight: bold; border-bottom: 4px solid rgba(255, 255, 255, 0.5); } #top nav.main_menu .wrapper > ul > li.betet a { margin: 0; } /* level 2 */ #top nav.main_menu .submenu_panel { background-color: #f6f7f8; box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.5); box-sizing: border-box; left: 0; opacity: 0; overflow: hidden; padding: 16px 16px 24px 16px; position: absolute; top: 54px; transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; visibility: hidden; width: 1000px; z-index: 3; } #top nav.main_menu .wrapper > ul > li:hover .submenu_panel, #top nav.main_menu .wrapper > ul > li:hover .submenu_panel:after { opacity: 1; visibility: visible; } #top nav.main_menu .submenu_panel a { color: #313745; } #top nav.main_menu > li:hover .submenu_panel { display: block; } #top nav.main_menu .submenu_panel .header { background: no-repeat left center; border-bottom: 2px solid #d8d8d8; color: #313745; display: block; font-size: 16px; font-weight: bold; margin-bottom: 10px; padding: 8px 0; } #top nav.main_menu .submenu_panel .col { float: left; width: 460px; } #top nav.main_menu .submenu_panel .col3 { margin: 32px 0 0; } #top nav.main_menu .submenu_panel ul { column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; font-size: 16px; line-height: 1.3; list-style: none; margin: 0; padding: 0; } #top nav.main_menu .submenu_panel ul.column1 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } #top nav.main_menu .submenu_panel ul li { margin-bottom: 10px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; } #top nav.main_menu .submenu_panel ul li:last-child { margin-bottom: 0; } #top nav.main_menu .submenu_panel ul a { text-decoration: none; } #top nav.main_menu .submenu_panel ul a .link-nowrap { display: inline-block; white-space: nowrap; } #top nav.main_menu .submenu_panel ul a:hover, #top nav.main_menu .submenu_panel ul a:hover .link-nowrap{ text-decoration: underline; } #top nav.main_menu .betet .submenu_panel ul, #top nav.main_menu .hitel .col3 ul, #top nav.main_menu .hitelkivaltas .f-right ul { column-count: 1; } #top nav.main_menu .new_menu_item a:after { align-items: center; background-color: #d35630; border-radius: 50%; content: 'új'; display: inline-flex; font-family: 'Roboto', sans-serif; font-size: 9px; font-weight: normal; height: 18px; justify-content: center; margin-left: 4px; position: relative; top: -2px; width: 18px; } /*---------------------------------------------------*/ .mainsubmenu { background: #35A5D5; width: 100%; height: 39px; padding: 10px 0 0 0; margin: -15px 0 15px 0; } .mainsubmenu.szamla { background-color: #3580AC; } .mainsubmenu.hitel { background-color: #41A6DD; } .mainsubmenu.hitelkivaltas { background-color: #EA66CE; } .mainsubmenu.kolcson { background-color: #9DCD4B; } .mainsubmenu.betet { background-color: #F7A221; } .mainsubmenu ul { font-size: 17px; font-weight: bold; list-style: none; margin: 0 auto; overflow: hidden; padding: 0; width: 1000px; } .mainsubmenu ul li { float: left; height: 39px; line-height: 39px; padding: 0 15px; position: relative; } .mainsubmenu ul a { color: white; text-decoration: none; display: inline-block; } .mainsubmenu ul li a:hover { padding-top: 1px; } .mainsubmenu ul li.active { background: #F6F7F8; } .mainsubmenu ul li.active a:hover { padding-top: 0; } .mainsubmenu ul li.active a { color: black; } .mainsubmenu ul li .uj { background: url(../images/bg_new2.png) no-repeat; display: block; width: 32px; height: 32px; position: absolute; right: -17px; top: -3px; } .mainsubmenu .help_button { background: #FB5919; display: block; height: 30px; line-height: 30px; width: 157px; text-align: center; text-decoration: none; color: white; font-size: 12px; font-weight: bold; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.25); position: absolute; right: 0; top: 0; border-radius: 2px; } .mainsubmenu .help_button:hover { background-color: #fb672e; } /*---------------------------------------------------*/ .billboard { margin-bottom: 20px; } .billboard .menu { } .billboard .menu ul { list-style: none; margin: 20px 0 0 0; padding: 0; overflow: hidden; text-align: center; } .billboard .menu ul li { display: inline-block; margin: 0 6px; } .billboard .menu ul a { background: url(../images/bg_billboardpager.png) no-repeat top; display: inline-block; width: 13px; height: 13px; text-decoration: none; } .billboard .menu ul a.active { background-position: bottom; } .billboard .content { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.06); } .billboard .content ul.items { list-style: none; margin: 0; padding: 0; height: 352px; } .billboard .content ul.items li { background: white no-repeat right top; background-size: cover; border: 1px solid #D5D5D5; height: 310px; box-shadow: 0 0 57px 0 rgba(0, 0, 0, 0.09) inset; border-top-left-radius: 3px; border-top-right-radius: 3px; padding: 20px 20px 20px 20px; text-align: center; display: none; overflow: hidden; } .billboard .content ul.items li .header { font-size: 40px; margin-bottom: 15px; } .billboard .content ul.items li p { font-size: 18px; color: black; line-height: 1.4; margin-bottom: 12px; } .billboard .content ul.items li p a { color: black; } .billboard .content ul.items li .uj { background: url(../images/img_uj.png) no-repeat; width: 47px; height: 47px; display: inline-block; vertical-align: middle; } .billboard .content ul.items li .bg_block1 { background: no-repeat left top; width: 465px; height: 295px; text-align: left; padding: 36px 0 0 238px; } .billboard .content ul.items li .bg_block1.osszehasonlitva { background-position: left 102px; } .billboard .content ul.items li .bg_block1.egyenlito { background-position: 20px 30px; } .billboard .content ul.items li .bg_block1.fundamenta { padding: 28px 0 0 273px; } .billboard .content ul.items li a.btn_billboard { background: #1EA5E5 url(../images/bg_btn_billboard.png) no-repeat right center; display: inline-block; text-decoration: none; font-family: 'Cronos'; font-size: 19px; font-weight: 500; color: white; text-align: center; height: 47px; line-height: 45px; padding: 0 30px; margin: 0 10px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4); box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.3); border-radius: 2px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; } .billboard .content ul.items li a.btn_billboard.multiline { height: auto; line-height: 1.2; padding: 10px 20px; text-align: left; width: 265px; } .billboard .content ul.items li a.full_click { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 351px; z-index: 2; text-decoration: none; } .billboard .content ul.items li a.btn_billboard.green { background-color: #8ABA38; } .billboard .content ul.items li a.btn_billboard.green:hover { background: #95c941; } .billboard .content ul.items li a.btn_billboard.bankszamla { background-color: #126DAD; } .billboard .content ul.items li a.btn_billboard.bankszamla:hover { background-color: #1475BA; } .billboard .content ul.items li a.btn_billboard.hitel { background-color: #1EA5E5; } .billboard .content ul.items li a.btn_billboard.hitel:hover { background-color: #20AEF1; } .billboard .content ul.items li a.btn_billboard.betet { background-color: #FAA000; } .billboard .content ul.items li a.btn_billboard.betet:hover { background-color: #FFAB17; } .billboard .content ul.items li a.btn_billboard.orange { background-color: #FE8730; border-color: #b84f01; } .billboard .content ul.items li a.btn_billboard.red { background-color: #C32A18; } .billboard .content ul.items li a.btn_billboard.red:hover { background-color: #D12D1A; } /*---------------------------------------------------*/ .dashboard { background: #637b70; background-image: linear-gradient(116deg, #325544, #637b70); background-image: -o-linear-gradient(116deg, #325544, #637b70); background-image: -moz-linear-gradient(116deg, #325544, #637b70); background-image: -webkit-linear-gradient(116deg, #325544, #637b70); background-image: -ms-linear-gradient(116deg, #325544, #637b70); margin: -20px 0 0; padding: 55px 0 0; position: relative; } .dashboard:after { background: repeating-linear-gradient( 45deg, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0) 5px, rgba(255, 255, 255, 0.1) 5px, rgba(255, 255, 255, 0.1) 7px ); content: ''; display: block; height: 100%; position: absolute; top: 0; width: 100%; z-index: 1; } .dashboard > * { z-index: 2; } .dashboard__header { color: #fff; display: block; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 36px; font-weight: normal; margin: 0 0 55px 0; text-align: center; text-transform: uppercase; } .dashboard__wrapper { display: flex; flex-flow: row wrap; justify-content: flex-start; list-style: none; margin: 0 auto; overflow: hidden; padding: 0; width: 1000px; } .dashboard__item { background-color: #fff; border-radius: 2px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25); box-sizing: border-box; cursor: pointer; margin: 0 35px 40px 0; min-height: 152px; text-align: center; transition: background-color 0.1s linear; width: 223px; z-index: 2; } .dashboard__item:hover, .dashboard__item:active { background-color: #dddddd; transition: background-color 0.1s linear; } .dashboard__item:hover .dashboard__item-icon{ fill: #a43817; transition: fill 0.2s linear; } .dashboard__item:nth-child(4n) { margin: 0 0 40px 3px; } .dashboard__item-flag { position: absolute; right: 14px; top: 0; } .dashboard__item-flag span { color: #ffffff; font-family: 'Roboto'; font-size: 16px; position: absolute; text-align: center; top: 13px; width: 100%; } .dashboard__item-icon { fill: #d35630; height: 54px; margin: 0 auto 16px auto; pointer-events: none; transition: fill 0.2s linear; width: 54px; } .dashboard__item-title { color: #415546; font-size: 22px; font-weight: 600; margin: 0 0 2px; pointer-events: none; } .dashboard__item-subtitle { color: #415546; font-size: 22px; font-weight: 300; pointer-events: none; } .dashboard__item-link { box-sizing: border-box; display: block; height: 100%; padding: 16px 0; text-decoration: none; width: 100%; } .dashboard__item-link:active { background-color: #f1f7fe; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.75); -webkit-tap-highlight-color: rgba(0,0,0,0); } .dashboard__item-link-flagged { position: relative; } .contact { color: #d35630; height: 70px; margin: 0 auto; text-align: center; width: 1000px; } .contact__message { display: inline-block; font-size: 20px; font-weight: normal; line-height: 70px; width: auto; } .contact__phone { display: inline-block; font-size: 20px; font-weight: 700; line-height: 70px; width: auto; } .contact__phone img { height: 30px; line-height: 70px; margin: 0 13px 0 13px; position: relative; top: 8px; width: 30px; } .page_header .contact { height: 23px; margin: 0 0 20px; text-align: left; width: auto; } .page_header .contact__message, .page_header .contact__phone{ font-size: 16px; line-height: 23px; font-weight: normal; } .page_header .contact__phone img { height: 18px; margin: 0 2px; top: 2px; width: 18px; } /*---------------------------------------------------*/ a.btn_kalkulal2 { background: url(../images/btn_kalkulalas2.png) no-repeat top; width: 301px; height: 63px; text-indent: -10000px; display: block; text-decoration: none; margin: 10px 15px 0 -2px; } a.btn_kalkulal2:hover { background-position: bottom; } /*---------------------------------------------------*/ .textcontent p { line-height: 1.3; padding: 10px 0; } .textcontent .header { font-size: 48px; font-weight: normal; } .textcontent .header span.blue { color: #36a7d6; } /*---------------------------------------------------*/ .tabset { clear: both; } .tabset ul.tabs { list-style: none; margin: 0 0 0 -2px; padding: 0; height: 36px; } .tabset ul.tabs li { float: left; margin: 0; } /* normal */ .tabset ul.tabs a { display: block; padding-left: 20px; text-decoration: none; text-align: center; font-size: 16px; float: left; position: relative; top: 1px; left: 2px; } .tabset ul.tabs a span { display: block; float: left; padding-right: 20px; height: 36px; line-height: 36px; cursor: pointer; } /* active */ .tabset ul.tabs a.active, .tabset ul.tabs a.active:hover { background-color: #fff; border: 1px solid #dce0d7; border-bottom: 0; font-weight: bold; } .tabset ul.tabs a.active span, .tabset ul.tabs a.active:hover span { background-position: right bottom; } .tabset .tabcontent { background-color: #fff; border: 1px solid #dce0d7; padding: 5px; min-height: 270px; line-height: 1.3; } .tabset .tabcontent .content { display: none; } /*---------------------------------------------------*/ .tabset2 { clear: both; position: relative; } .tabset2 > ul.tabs { list-style: none; padding: 0 0 0 10px; height: 44px; font-size: 18px; border-bottom: 1px solid #DDDDDD; margin: 0 0 30px 0; font-weight: 500; } .tabset2 > ul.tabs li { float: left; margin: 0 4px; } /* normal */ .tabset2 > ul.tabs a { background: white url(../images/bg_tabs2.png) repeat-x bottom; display: block; text-decoration: none; text-align: center; float: left; padding: 0 20px; line-height: 44px; border: 1px solid #DDDDDD; border-bottom: 0; color: #415546; } /* hover */ .tabset2 > ul.tabs a:hover { background-position: top; } /* active */ .tabset2 > ul.tabs a.active, .tabset2 > ul.tabs a.active:hover { background-image: none; color: black; } .tabset2.graybg > ul.tabs a { background-color: #F6F7F8; } /*---------------------------------------------------*/ .tabset3 { clear: both; margin: 38px auto 0 auto; position: relative; width: 1000px; } .tabset3 > ul.tabs { list-style: none; padding: 0; height: 55px; margin: 0; font-family: 'Open Sans', Arial, sans-serif; font-weight: 500; } .tabset3 > ul.tabs li { float: left; } .tabset3 > ul.tabs a { box-sizing: border-box; color: #313745; display: block; float: left; font-size: 22px; font-weight: 400; height: 55px; padding: 15px 24px 0 24px; text-align: center; text-decoration: none; } .tabset3 > ul.tabs a.active, .tabset3 > ul.tabs a.active:hover { background: #fff; border: 1px solid #dce0d7; border-bottom: 0; position: relative; } .tabset3 > ul.tabs a.active span { color: #415546; font-weight: 600; position: relative; top: 2px; } .tabset3 > ul.tabs a.active:after { background-color: white; content: ''; height: 10px; left: 0; position: absolute; top: 53px; width: 100%; } .tabset3 > .tabcontent { background: #fff; border: 1px solid #dce0d7; padding: 25px; } /*---------------------------------------------------*/ .tabset4 { clear: both; } .tabset4 > ul.tabs { list-style: none; padding: 0 0 0 10px; height: 45px; font-size: 18px; border-bottom: 1px solid #CCCCCC; margin: 0 0 20px 0; font-weight: 500; } .tabset4 > ul.tabs li { float: left; margin: 0 8px; } /* normal */ .tabset4 > ul.tabs a { background: url(../images/bg_tabset4item.png) no-repeat left 0; display: block; text-decoration: none; text-align: center; float: left; padding: 0 16px; height: 45px; line-height: 46px; border-right: 1px solid #CCCCCC; border-bottom: 0; color: black; position: relative; } /* hover */ .tabset4 > ul.tabs a:hover { background-position: left -45px; } /* active */ .tabset4 > ul.tabs a.active, .tabset4 > ul.tabs a.active:hover { background-position: left -90px; color: white; border-color: #1375AE; } .tabset4 > ul.tabs a.green { background-image: url(../images/bg_tabset4item_green.png); } .tabset4 > ul.tabs a.green.active, .tabset4 > ul.tabs a.green.active:hover { border-color: #73A426; } /* orange */ .tabset4.orange > ul.tabs a { background-image: url(../images/bg_tabset4item_orange.png); } .tabset4.orange > ul.tabs a.active, .tabset4.orange > ul.tabs a.active:hover { border-color: #E27208; } /* gray_blue */ .tabset4.gray_blue > ul.tabs a { background-image: url(../images/bg_tabset4item_gray_blue.png); } .tabset4.gray_blue > ul.tabs a.active, .tabset4.gray_blue > ul.tabs a.active:hover { border-color: #1375AE; } .tabset4 > ul.tabs a .uj { background: url(../images/bg_new2.png) no-repeat; display: block; width: 32px; height: 32px; position: absolute; right: 5px; top: -15px; } .tabset4 > ul.tabs a .uj2 { background: url(../images/bg_new3.png) no-repeat; display: block; width: 33px; height: 33px; position: absolute; right: 5px; top: -15px; } /*---------------------------------------------------*/ table.defaulttable { width: 100%; font-size: 12px; } table.defaulttable td { padding: 7px 10px; } table.defaulttable thead td { padding: 0 3px 0 0; border-bottom: 1px solid #9c9c9c; } table.defaulttable tbody td { border-bottom: 1px solid #B9BBBB; } table.defaulttable tbody td.va_b { vertical-align: bottom; } table.defaulttable tbody tr.tr2 td { background-color: #F4F7F7; } table.defaulttable thead .simpleheader { display: block; text-decoration: none; text-align: center; font-size: 18px; float: left; width: 100%; } table.defaulttable thead .simpleheader span { background-color: #dce0d7; display: block; font-size: 14px; height: 36px; line-height: 36px; position: relative; } /* normal */ table.defaulttable thead a { display: block; padding-left: 5px; text-decoration: none; text-align: center; font-size: 18px; float: left; width: 100%; } table.defaulttable thead a span { display: block; padding-right: 5px; height: 54px; line-height: 54px; cursor: pointer; position: relative; } /* hover */ table.defaulttable thead a:hover { background-position: left -54px; } table.defaulttable thead a:hover span { background-position: right -54px; } /* active */ table.defaulttable thead a.active, table.defaulttable thead a.active:hover { background-position: left bottom; color: white; } table.defaulttable thead a.active span, table.defaulttable thead a.active:hover span { background-position: right bottom; } table.defaulttable thead a img { display: inline-block; position: relative; top: 1px; right: -5px; cursor: pointer; } /*---------------------------------------------------*/ table.defaulttable2 { width: 100%; font-size: 12px; } table.defaulttable2 td { padding: 7px 10px; } table.defaulttable2 thead td { text-align: center; border-bottom: 1px solid #BABCBC; font-size: 13px; } table.defaulttable2 tbody td { border-bottom: 1px solid #B9BBBB; } table.defaulttable2 tbody tr.tr2 td { background-color: #F4F7F7; } table.defaulttable2 thead td a { background: none no-repeat right center; text-decoration: none; display: inline-block; color: #555d64; padding-right: 15px; } table.defaulttable2 thead td a:hover { color: black; } table.defaulttable2 thead td a.active { background-image: url(../images/order_down.png); font-weight: bold; color: black; } table.defaulttable2 thead td a.active.up { background-image: url(../images/order_up.png); } /*---------------------------------------------------*/ .pszafpanel { margin-top: 10px; } .pszafpanel .header { background: #C41D52; border: 1px solid #B20636; display: block; } .pszafpanel img { vertical-align: middle; margin-right: 10px; } .pszafpanel p { display: inline-block; vertical-align: middle; line-height: 1.5; } .pszafpanel a { color: white; text-decoration: none; font-size: 12px; font-weight: bold; } .pszafpanel a:hover { text-decoration: underline; } /*---------------------------------------------------*/ .imgbuf { position: absolute; left: -10000px; } .banklogos { margin: 10px auto 56px auto; padding: 20px 0 0 0; width: 1000px; } .banklogos__title { color: #313745; font-size: 22px; font-weight: 600; line-height: 1.3; margin: 0 0 0 24px; } .banklogos__subtitle { color: #313745; font-size: 22px; line-height: 1.3; margin: 0 0 24px 24px } .banklogos .wrapper { position: relative; } .banklogos ul { background: white; list-style: none; margin: 0; padding: 10px; position: relative; text-align: center; border: 1px solid #dce0d7; } .banklogos ul li { display: inline-block; margin: 0 10px 5px 0; position: relative; } .banklogos ul img { background-color: white; vertical-align: middle; } .popupimg { background-color: white; padding: 5px; position: absolute; z-index: 10; -moz-box-shadow: 0 0 8px #818181; -webkit-box-shadow: 0 0 8px #818181; box-shadow: 0 0 8px #818181; left: -1000px; top: 0; border: 1px solid #C6C6C6; } /*---------------------------------------------------*/ #bottom .wrapper { width: 970px; margin: 0 auto; } #bottom a { color: white; text-decoration: none; } #bottom ul a:hover { text-decoration: underline; } #bottom .social { text-align: center; padding-bottom: 20px; } #bottom .social .header { font-size: 16px; color: #dddddd; display: block; margin-bottom: 25px; } #bottom ul { list-style: none; margin: 0; padding: 0; } #bottom .social ul li { display: inline-block; margin: 0 13px; } #bottom .social ul li a { background: #a1c656; display: inline-block; width: 70px; height: 70px; border-radius: 35px; text-decoration: none; display: inline-block; font: normal normal normal 30px/65px FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: white; } #bottom .social ul li a:hover { opacity: 0.9; } #bottom .social ul li a:before { display: inline-block; vertical-align: middle; } #bottom .social ul li a.facebook { background-color: #517EBC; } #bottom .social ul li a.twitter { background-color: #6ACEEF; } #bottom .social ul li a.youtube { background-color: #EE6263; } #bottom .social ul li a.facebook:before { content: "\f09a"; } #bottom .social ul li a.twitter:before { content: "\f099"; } #bottom .social ul li a.youtube:before { content: "\f16a"; } #bottom .social ul li a span { display: none; } #bottom .nav1 { border-top: 1px solid #666666; padding: 20px 0; text-align: center; font-size: 12px; color: white; } #bottom .nav1 a { color: white; text-decoration: none; display: inline-block; padding: 0 20px; } #bottom .nav1 a:hover { text-decoration: underline; } #bottom .nav1 ul { } #bottom .nav1 ul li { display: inline-block; height: 30px; line-height: 30px; border-right: 1px solid #666666; } #bottom .nav1 ul li:last-child { border: 0; } #bottom .nav2 { border-bottom: 1px solid #666666; padding: 30px 0; font-size: 12px; color: white; overflow: hidden; display: flex; flex-flow: row nowrap; justify-content: space-between; } #bottom .nav2 .col { max-width: 148px; } #bottom .nav2 .col:last-child { padding-right: 0; } #bottom .nav3 { padding: 30px 0; font-size: 12px; color: white; overflow: hidden; } #bottom .nav3 .col { width: 310px; padding: 0 10px 0 0; float: left; } #bottom .nav3 .col:last-child { width: 300px; padding-right: 0; } #bottom .nav3 img { float: left; margin-right: 15px; } #bottom .nav ul { overflow: hidden; line-height: 1.3; } #bottom .nav ul li { margin-bottom: 8px; } #bottom .nav ul li:last-child { margin-bottom: 0; } #bottom .yhead { font-size: 15px; margin-bottom: 12px; display: block; font-weight: bold; line-height: 1.2; } #bottom .yhead a { text-decoration: none; } #bottom .footer { background-color: #23292F; padding: 20px 0 60px 0; color: white; font-size: 12px; overflow: hidden; } #bottom .footer .main_center { text-align: center; } #bottom .footer .f-left { float: none!important; margin-top: 28px; } #bottom .footer ul { list-style: none; margin: 0 0 0 15px; padding: 0; display: inline; } #bottom .footer ul li { display: inline-block; margin-right: 10px; } #bottom .footer ul a { background: url(../images/bg_footerlink.png) no-repeat right center; color: #eceeee; padding: 0 12px 0 0; text-decoration: none; } #bottom .footer ul a:hover { text-decoration: underline; } #bottom .made_by { margin-top: 10px; float: right; } #bottom .made_by a { background: no-repeat center; color: #eceeee; margin-right: 20px; text-decoration: none; display: inline-block; vertical-align: middle; } #bottom .made_by a span { display: none; } #bottom .made_by a.shift_consulting { background-image: url(../images/logo_shift_consulting.png); width: 108px; height: 17px; } #bottom .made_by a.dbn { background-image: url(../images/logo_dbn.png); width: 50px; height: 50px; } /*---------------------------------------------------*/ .pagecontent { min-height: 600px; } .pagecontent.ajax { background: white; position: absolute; z-index: 11; top: 50px; left: 50%; width: 680px; margin: 0 0 0 -340px; color: black; padding: 20px; } .pagecontent a.close { display: none; } .pagecontent.ajax a.close { background: url(../images/bg_close3.png) no-repeat center; width: 30px; height: 30px; display: block; text-decoration: none; position: absolute; right: 20px; top: 20px; border: 1px solid #D5D7D7; } .pagecontent.ajax a.close:hover { border-color: black; } .pagecontent .pagetitle { font-size: 29px; font-weight: bold; margin-bottom: 30px; } .pagecontent .pagetitle.withlogo { font-size: 38px; margin-bottom: 15px; } .pagecontent .pagetitle .nmbr { color: #003950; } .pagecontent .btn_container { text-align: right; padding: 20px 20px; } #main_center #center .page_newsletter, #main_center #center .tema_text, #main_center #center .page_reg, #main_center #center .page_enbankraciom, #main_center #center .page_pro { margin: 0 auto; width: 1000px; } /*---------------------------------------------------*/ /*slider*/ .slider { background: url(../images/bg_slider.png) no-repeat; width: 327px; height: 16px; margin: 12px 0 5px 6px; position: relative; float: left; border: none; } .slider .ui-slider-range { background: #63B8DE; height: 8px; top: 4px; } .slider .sliderarea { background: none; position: absolute; width: 305px; height: 16px; left: 15px; border: 0; } .slider .sliderarea .ui-slider-handle { position: absolute !important; z-index: 2; cursor: default; background: url(../images/bg_slider_handle.png) no-repeat; display: block; width: 28px; height: 28px; border: none; outline: none; } .slider .sliderarea .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; } .slider .sliderarea.ui-slider-horizontal { height: .8em; } .slider .sliderarea.ui-slider-horizontal .ui-slider-handle { margin-left: -15px; top: -6px; } .slider .sliderarea.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .slider .sliderarea.ui-slider-horizontal .ui-slider-range-min { left: 0; } .slider .sliderarea.ui-slider-horizontal .ui-slider-range-max { right: 0; } .slider.w136 { background: url(../images/bg_slider_w136.png) no-repeat; width: 136px; } .slider.w136 .sliderarea { width: 114px; } .slider.w689 { background: url(../images/bg_slider_w689.png) no-repeat; width: 689px; } .slider.w689 .sliderarea { width: 667px; } .slider.w509 { background: url(../images/bg_slider_w509.png) no-repeat; width: 509px; } .slider.w509 .sliderarea { width: 475px; } .slider.w357 { background: url(../images/bg_slider_w357.png) no-repeat; width: 357px; } .slider.w357 .sliderarea { width: 341px; left: 0; top: -2px; } .slider.w357.handletype4 .sliderarea, .slider.w357.handletype2 .sliderarea { width: 326px; left: 15px; top: 0; } .slider.w274 { background: url(../images/bg_slider_w274.png) no-repeat; width: 274px; } .slider.w274 .sliderarea { width: 260px; margin: 4px 0 0 -8px; } .slider.handletype3.w274 .sliderarea.ui-slider-horizontal .ui-slider-handle { margin-left: -12px; top: -9px; } .slider.handletype5.w274 .sliderarea.ui-slider-horizontal .ui-slider-handle { margin-left: -12px; top: -9px; } .slider.handletype2 .sliderarea .ui-slider-handle { background-image: url(../images/bg_slider_handle2.png); width: 30px; height: 30px; } .slider.handletype2 .sliderarea { width: 326px; margin-left: 0px; } .slider.handletype2 .sliderarea.ui-slider-horizontal .ui-slider-handle { margin-left: -15px; top: -8px; } .slider.handletype3 .sliderarea .ui-slider-handle { background-image: url(../images/bg_slider_handle3.png); width: 25px; height: 25px; } .slider.handletype3.w136 .sliderarea { width: 130px; margin-left: -12px; margin-top: 4px; } .slider.handletype3.w136 .sliderarea.ui-slider-horizontal .ui-slider-handle { margin-left: -12px; top: -9px; } .slider.handletype4 .sliderarea .ui-slider-handle { background-image: url(../images/bg_slider_handle4.png); width: 30px; height: 30px; } .slider.handletype4 .sliderarea { width: 326px; margin-left: 0px; } .slider.handletype4 .sliderarea.ui-slider-horizontal .ui-slider-handle { margin-left: -15px; top: -8px; } .slider.handletype5 .sliderarea .ui-slider-handle { background-image: url(../images/bg_slider_handle5.png); width: 25px; height: 25px; } .slider.handletype5.w136 .sliderarea { width: 130px; margin-left: -12px; margin-top: 4px; } .slider.handletype5.w136 .sliderarea.ui-slider-horizontal .ui-slider-handle { margin-left: -12px; top: -9px; } /*---------------------------------------------------*/ .slider2 .sliderarea { background-color: white; border: 1px solid rgba(231, 118, 83, 0.3); border-radius: 2px; height: 8px; } .slider2 .sliderarea .ui-slider-range { background: rgba(231, 118, 83, 0.3); } .slider2 .sliderarea .ui-slider-handle { background: #d35630; display: block; width: 20px; height: 20px; overflow: hidden; border: 1px solid #d35630; border-radius: 10px; top: -7px; } /* red */ .slider2.red .sliderarea { border-color: #d12d1a; } .slider2.red .ui-slider-range { background-color: #ffdddd; } .slider2.red .sliderarea .ui-slider-handle { background-color: #d12d1a; border-color: #d12d1a; } /* green */ .slider2.green .sliderarea { border-color: #A7BDA1; } .slider2.green .ui-slider-range { background-color: #CBEEB4; } .slider2.green .sliderarea .ui-slider-handle { background-color: #d35630; border-color: #d35630; } /* orange */ .slider2.orange .sliderarea { border-color: #E37607; } .slider2.orange .ui-slider-range { background-color: #fdedd4; } .slider2.orange .sliderarea .ui-slider-handle { background-color: #ED8E02; border-color: #E27208; } /* darkblue */ .slider2.darkblue .sliderarea { border-color: #CCCCCC; } .slider2.darkblue .ui-slider-range { background-color: rgba(231, 118, 83, 0.5); } .slider2.darkblue .sliderarea .ui-slider-handle { background-color: #d35630; border-color: #d35630; } /* gray */ .slider2.gray .sliderarea { border-color: #BBBBBB; } .slider2.gray .ui-slider-range { background-color: #F2F2F2; } .slider2.gray .sliderarea .ui-slider-handle { background-color: #DADADA; border-color: #C0C0C0; } /*---------------------------------------------------*/ .page_hiteluzenet { padding: 50px 25px 25px 25px; margin: 5px 10px; min-height: 0; position: relative; } .page_hiteluzenet .panel_arrow { width: 10px; height: 10px; position: absolute; top: -10px; left: 800px; } .page_hiteluzenet .pagetitle { font-size: 40px; margin-bottom: 10px; } .page_hiteluzenet h3 { font-weight: normal; font-size: 20px; line-height: 1.3; color: #7A8082; } .page_hiteluzenet .imgleft { float: left; margin-right: 30px; width: 50px; } .page_hiteluzenet .articles { background: url(../images/bg_formpanel2_field.png) repeat-x top; margin: 70px -25px 0 -25px; padding: 30px 20px 0 20px; } .page_hiteluzenet .articles h4 { font-size: 23px; font-weight: bold; margin-bottom: 30px; } .page_hiteluzenet .articles ul.list1 { list-style: none; margin: 0; padding: 0; font-size: 12px; float: left; width: 440px; } .page_hiteluzenet .articles ul.list1 li { margin-bottom: 15px; } .page_hiteluzenet .articles ul.list1 li a { height: 100%; overflow: hidden; text-decoration: none; display: block; cursor: pointer; } .page_hiteluzenet .articles ul.list1 li.last a { background-image: none; } .page_hiteluzenet .articles ul.list1 li a:hover { position: relative; } .page_hiteluzenet .articles ul.list1 .imgbox { float: left; -moz-box-shadow: 0px 0px 2px #EBEBEB; -webkit-box-shadow: 0px 0px 2px #EBEBEB; box-shadow: 0px 0px 2px #EBEBEB; border: 1px solid #BBE0F0; margin-right: 19px; position: relative; } .page_hiteluzenet .articles ul.list1 .imgbox .video { background: url(../images/bg_videoicon.png) no-repeat; display: block; width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -15px; } .page_hiteluzenet .articles ul.list1 .imgbox img { background-color: white; border: 1px solid white; display: block; vertical-align: baseline; } .page_hiteluzenet .articlesul.list1 .txt { float: left; width: 230px; } .page_hiteluzenet .articles ul.list1 h4 { font-size: 15px; margin-top: 8px; margin-bottom: 5px; } .page_hiteluzenet .articles ul.list1 a:hover h4 { text-decoration: underline; } .page_hiteluzenet .articles ul.list1 p { line-height: 1.3; } .page_hiteluzenet .articles ul.list1 img { vertical-align: middle; } /*---------------------------------------------------*/ .page_arfolyamok { width: 760px; float: left; } .page_arfolyamok .pagetitle { background: url(../images/bg_title_img1.png) no-repeat left center; font-size: 38px; padding: 5px 0 0 50px; margin-bottom: 15px; } .page_arfolyamok p { line-height: 1.3; margin-bottom: 20px; } .page_arfolyamok h3 { font-size: 20px; margin-bottom: 15px; } .page_arfolyamok .date { font-size: 20px; display: block; margin-bottom: 15px; } .page_arfolyamok ul.rate_list { list-style: none; margin: 0 0 20px 0; padding: 0; height: 100%; overflow: hidden; font-size: 21px; } .page_arfolyamok ul.rate_list li { float: left; width: 370px; margin: 0 0 2px 0; } .page_arfolyamok ul.rate_list li a { border: 1px solid white; padding: 0 8px; display: block; text-decoration: none; height: 50px; line-height: 50px; cursor: pointer; } .page_arfolyamok ul.rate_list li a:hover, .page_arfolyamok ul.rate_list li a.active { background-color: #E5F4FA; border: 1px solid #B9DFF0; } .page_arfolyamok ul.rate_list li .flag { background: no-repeat left center; padding: 0 0 0 64px; float: left; } .page_arfolyamok ul.rate_list li .flag.eu { background-image: url(../images/flag_eu.png); } .page_arfolyamok ul.rate_list li .flag.us { background-image: url(../images/flag_us.png); } .page_arfolyamok ul.rate_list li .flag.ch { background-image: url(../images/flag_ch.png); } .page_arfolyamok ul.rate_list li .flag.uk { background-image: url(../images/flag_uk.png); } .page_arfolyamok ul.rate_list li .value { font-size: 24px; font-weight: bold; float: right; } /*---------------------------------------------------*/ .tema_text { line-height: 1.5; } .tema_text h1 { font-size: 29px; margin-bottom: 10px; } .tema_text h2 { font-size: 25px; margin-bottom: 10px; } .tema_text h3 { font-size: 20px; margin-bottom: 10px; } .tema_text h4 { font-size: 14px; margin-bottom: 3px; } .tema_text .icons { margin-bottom: 6px; } .tema_text .icons img { margin-right: 5px; border: 0; padding: 0; } .tema_text table { width: 100%; } .tema_text table td { padding: 4px 4px; } .tema_text table td.td1 { width: 200px; } .tema_text p { margin-bottom: 15px; } .tema_text ul { list-style: none; margin: 0 0 10px 11px; padding: 0; } .tema_text ul li { background: url(../images/bg_li.png) no-repeat left 10px; padding: 4px 0 4px 17px; } .tema_text ol { margin: 0 0 10px 30px; padding: 0; } .tema_text ol li { padding: 4px 0 4px 0; } .tema_text img { margin: 5px; padding: 1px; } .tema_text img.withborder { border: 1px solid #B9BBBB; } .tema_text img.f-left { margin: 0 5px 5px 0; } .tema_text img.f-right { margin: 0 0 5px 5px; } .tema_text .insert_concept, .tema_text .insert_help { display: none; } .tema_text .green-box { background-color: #CCFFCC; padding: 5px; display: block; } .tema_text .red-box { background-color: #ffb9b9; padding: 5px; display: block; } .tema_text .blue-box { background-color: #8ec8ff; padding: 5px; display: block; } .page_tema .wpanel330 { width: 330px; float: left; } .page_tema .container_panel { margin-bottom: 10px; } .page_tema .container_panel .header { background: no-repeat left center; font-size: 26px; padding: 0; border-bottom: 1px solid #E2E5E5; font-weight: normal; line-height: 1.3; font-family: 'Cronos'; } .page_tema .container_panel .header.ki { background-image: url(../images/bg_tema_header_ki.png); padding-left: 50px; line-height: 52px; } .page_tema .container_panel .header.mi { background-image: url(../images/bg_tema_header_mi.png); padding-left: 50px; line-height: 52px; } .page_tema .container_panel .header.mikor { background-image: url(../images/bg_tema_header_mikor.png); padding-left: 50px; line-height: 52px; } .page_tema .container_panel .header.hol { background-image: url(../images/bg_tema_header_hol.png); padding-left: 50px; line-height: 52px; } .page_tema .container_panel .header.hogyan { background-image: url(../images/bg_tema_header_hogyan.png); padding-left: 50px; line-height: 52px; } .page_tema .container_panel .header.miert { background-image: url(../images/bg_tema_header_miert.png); padding-left: 50px; line-height: 52px; } .page_tema .container_panel .header.mennyi { background-image: url(../images/bg_tema_header_mennyi.png); padding-left: 50px; line-height: 52px; } .page_tema ul.list1 { list-style: none; margin: 0; padding: 0; font-size: 12px; } .page_tema ul.list1 li a { background: url(../images/bg_listsep3.png) repeat-x center bottom; padding: 15px 5px; height: 100%; overflow: hidden; border-top: 1px solid white; border-bottom: 1px solid white; text-decoration: none; display: block; cursor: pointer; } .page_tema ul.list1 li.last a { background-image: none; } .page_tema ul.list1 li a:hover { background-image: none; background-color: #FDF8E3; border-top: 1px solid #F7E59C; border-bottom: 1px solid #F7E59C; position: relative; top: -2px; padding-top: 17px; padding-bottom: 13px; } .page_tema ul.list1 .imgbox { float: left; -moz-box-shadow: 0px 0px 2px #EBEBEB; -webkit-box-shadow: 0px 0px 2px #EBEBEB; box-shadow: 0px 0px 2px #EBEBEB; border: 1px solid #D7D7D7; margin-right: 19px; position: relative; } .page_tema ul.list1 .imgbox .video { background: url(../images/bg_videoicon.png) no-repeat; display: block; width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -15px; } .page_tema ul.list1 .imgbox img { background-color: white; border: 1px solid white; display: block; vertical-align: baseline; } .page_tema ul.list1 .txt { float: left; width: 230px; } .page_tema ul.list1 h4 { font-size: 15px; margin-bottom: 5px; } .page_tema ul.list1 a:hover h4 { text-decoration: underline; } .page_tema ul.list1 p { line-height: 1.3; } .page_tema ul.list1 img { vertical-align: middle; } #article_container .helpcontainer { width: 160px; float: right; border-left: 1px solid #B9BBBB; position: relative; } #article_container .helppanel { padding: 5px 5px 15px 5px; margin-left: 2px; font-size: 11px; line-height: 1.3; } #article_container .helppanel img { border: 1px solid #B9BBBB; padding: 1px; } #article_container .helpcontainer .m { background-color: fuchsia; position: absolute; right: -80px; } /*---------------------------------------------------*/ .page_temak_mainlist .header { color: black; font-size: 34px; margin-bottom: 10px; font-family: 'Cronos'; } .page_temak_mainlist .lead { font-size: 17px; color: black; width: 525px; line-height: 1.3; margin-bottom: 30px; font-family: 'Cronos'; } .page_temak_mainlist .top_section { position: relative; } .page_temak_mainlist .top_section .banner_panel { position: absolute; right: 0px; top: 5px; } ul.temakmenu { list-style: none; margin: 0; padding: 0; font-size: 14px; font-weight: bold; } /* level1 */ ul.temakmenu li { margin-top: -1px; } ul.temakmenu .closed { display: none; } ul.temakmenu a { background: #DDF2FB repeat-x top; text-decoration: none; display: block; color: black; border: 1px solid #CCCCCC; padding: 9px 10px; position: relative; z-index: 1; line-height: 1.2; } ul.temakmenu a:hover { border-color: black; z-index: 4; } ul.temakmenu li.type2 { background: url(../images/bg_logosmall.png) no-repeat left 1px; color: black; padding: 10px 10px 10px 30px; margin-top: 5px; } ul.temakmenu li.type2 a { background-color: transparent; } ul.temakmenu li.type3 a { background-color: #EAF7CC; } ul.temakmenu li.type4 a { background-color: #FFF6D1; } ul.temakmenu a.active { background-image: url(../images/bg_temakmenu_active.png); z-index: 3; } ul.temakmenu li.type3 a.active { background-position: center; } ul.temakmenu li.type4 a.active { background-position: bottom; } /* level2 */ ul.temakmenu ul { list-style: none; margin: 0; padding: 0; } ul.temakmenu ul li a { background-color: #F8F8F8 !important; font-weight: normal; padding: 8px 10px; font-size: 13px; } ul.temakmenu ul li a.active { background-image: none; font-weight: bold; } .page_temak_mainlist .listheader { font-size: 18px; margin-bottom: 20px; } .page_temak_mainlist h3 { font-size: 14px; margin-bottom: 10px; } .page_temak_mainlist h3 em { font-style: normal; font-weight: normal; } /*---------------------------------------------------*/ .page_keresesitalalat { min-height: 400px; } .page_keresesitalalat .pagetitle { background: url(../images/bg_title_img1.png) no-repeat left center; font-size: 38px; padding: 5px 0 0 50px; margin-bottom: 15px; } .page_keresesitalalat p { line-height: 1.3; margin-bottom: 20px; } .page_keresesitalalat .searchform { width: 600px; margin: 30px auto; overflow: hidden; height: 100%; } .page_keresesitalalat .searchform .inputwrapper { background: url(../images/bg_input6.png) no-repeat; width: 463px; height: 56px; float: left; margin-right: 5px; } .page_keresesitalalat .searchform .inputwrapper input { background: transparent; border: none; font-size: 24px; width: 443px; margin: 13px 0 0 10px; outline: none; font-weight: bold; } .page_keresesitalalat .searchform .inputwrapper input.helptext { color: #dcdcdc; } .page_keresesitalalat .searchform a.kereses { background: url(../images/btn_kereses2.png) no-repeat top; width: 132px; height: 52px; text-indent: -10000px; float: left; margin-top: 2px; } .page_keresesitalalat .searchform a.kereses:hover { background-position: bottom; } .page_keresesitalalat h3 { font-size: 22px; padding-bottom: 16px; border-bottom: 1px solid #D5D7D7; font-family: 'Cronos'; } .page_keresesitalalat .result_number { padding: 18px 0; display: block; } .page_keresesitalalat ul.results { list-style: none; margin: 0 0 6px 0; padding: 0; } .page_keresesitalalat ul.results li { padding: 20px 0; border-top: 1px solid #D5D7D7; } .page_keresesitalalat ul.results h4 { font-size: 14px; margin-bottom: 3px; } .page_keresesitalalat ul.results h4 a { text-decoration: underline; } .page_keresesitalalat ul.results p { line-height: 1.3; margin-bottom: 0; } /*---------------------------------------------------*/ .page_faq { } .page_faq .tabset2 ul.tabs a { color: #313745; } /* active */ .page_faq .tabset2 ul.tabs a.active, .page_faq .tabset2 ul.tabs a.active:hover { color: #415546; font-weight: bold; } .page_faq p { margin-bottom: 20px; } .page_faq .pagetitle { font-size: 38px; margin-bottom: 15px; } .page_faq ul.items { background: white; list-style: none; margin: 0; padding: 5px 15px; border: 1px solid #D5D7D7; } .page_faq ul.items h2 { background: url(../images/icon_question.svg) no-repeat left center; font-size: 14px; border-bottom: 1px solid #D5D7D7; margin-bottom: 8px; } .page_faq ul.items h2 a { text-decoration: none; display: block; cursor: pointer; padding: 17px 0 17px 40px; height: 100%; overflow: hidden; } .page_faq ul.items h2 span { float: left; } .page_faq ul.items h2 span.handle { position: relative; padding: 0 25px 0 0; float: right; } .page_faq ul.items h2 span.handle:after { background: url(../images/chevron-down-green.svg) no-repeat right center; content: ''; display: inline-block; height: 30px; position: absolute; right: -3px; top: -7px; width: 30px; } .page_faq ul.items h2 span.handle.up:after { transform: rotate(180deg); } .page_faq ul.items p { } .page_faq ul.items div.content { display: none; line-height: 1.3; padding: 0 0 0 40px; } .page_faq ul.items div.content a { color: #d35630!important; } .page_faq ul.items ul { list-style: none; margin: 10px 0 10px 0; padding: 0; line-height: 1.2; } .page_faq ul.items ul li { background: url(../images/bg_li.png) no-repeat left 8px; padding: 3px 0 3px 17px; margin-bottom: 0; } /*---------------------------------------------------*/ .page_reg { } .page_reg .pagetitle { font-size: 38px; margin-bottom: 15px; } .page_reg p { line-height: 1.3; margin-bottom: 20px; font-size: 14px; } .page_reg .btn_regisztracio2 { background-color: #415546; border-radius: 20px; color: #fff; display: inline-block; font-size: 18px; height: 40px; line-height: 40px; margin: 0 10px; text-align: center; text-decoration: none; text-transform: uppercase; width: 200px; } .page_reg .btn_regisztracio2:hover { background-color: #17281c; } /*---------------------------------------------------*/ #accountpanel form { width: 714px; margin: -50px auto 0 auto; padding: 70px 70px 0 90px; min-height: 505px; } .page_login { margin: 0 auto; width: 1000px; } .page_login.formpanel .field { border-color: transparent; } /*error*/ html > body .page_login.formpanel .field.error { background: url(../images/bg_form_error.png) repeat; } .page_login.formpanel .field .lft, #accountpanel .field .lft { width: 162px; text-align: right; } .page_login.formpanel .btn_container, #accountpanel .btn_container { width: 605px; padding-left: 0; } .page_login.formpanel .field .lft { padding-top: 9px; } .page_login.formpanel .field .rght { width: 406px; } .page_login.formpanel .inputwrapper input { box-sizing: border-box; padding: 0 0 0 10px; width: 100%; } .page_login.formpanel .btn_container a { float: right; margin-left: 10px; } .page_login.formpanel .btn_belepes, .page_login.formpanel .btn_regisztracio, .page_login.formpanel .btn_elfelejtettjelszo, .page_login.formpanel .btn_regisztracio2 { background-color: #415546; border-radius: 20px; color: #fff; display: inline-block; font-size: 18px; height: 40px; line-height: 40px; margin: 0 10px; text-align: center; text-decoration: none; text-transform: uppercase; width: 140px; } .page_login.formpanel .btn_belepes:hover, .page_login.formpanel .btn_regisztracio2:hover { background-color: #17281c; } .page_login.formpanel .btn_regisztracio, .page_login.formpanel .btn_elfelejtettjelszo { background-color: #d35630; font-size: 14px; padding: 0 20px; width: auto; } .page_login.formpanel .btn_regisztracio:hover, .page_login.formpanel .btn_elfelejtettjelszo:hover { background-color: #a43817; } /*---------------------------------------------------*/ .page_hitelosszehasonlito { } .page_hitelosszehasonlito .pagetitle { background: url(../images/bg_title_img1.png) no-repeat left top; font-size: 38px; padding: 5px 0 26px 50px; margin-bottom: 15px; border-bottom: 1px solid #D5D7D7; } .page_hitelosszehasonlito h3.pagetitle { background: 0; font-size: 27px; padding: 0; border: 0; margin-bottom: 10px; } .page_hitelosszehasonlito ul.mlist { list-style: none; margin: 0 0 15px 0; padding: 17px 0 18px 0; overflow: auto; width: 100%; border-bottom: 1px solid #D5D7D7; } .page_hitelosszehasonlito ul.mlist li { float: left; width: 460px; margin: 0 0 1px 0; } .page_hitelosszehasonlito ul.mlist li.lastcolumn { float: right; } .page_hitelosszehasonlito ul.mlist a { background: no-repeat 4px 8px; display: block; height: 39px; font-size: 19px; font-weight: bold; text-decoration: none; line-height: 39px; padding: 8px 8px 8px 53px; border: 1px solid white; font-family: 'Cronos'; } .page_hitelosszehasonlito ul.mlist a:hover, .page_hitelosszehasonlito ul.mlist a.active { background-position: 4px -253px; background-color: #FDFDD9; border-color: #FFE9B6; } .page_hitelosszehasonlito ul.mlist a.ingatlanvasarlas { background-image: url(../images/bg_mlist2_ingatlanvasarlas.png); } .page_hitelosszehasonlito ul.mlist a.ingatlanepites { background-image: url(../images/bg_mlist2_ingatlanepites.png); } .page_hitelosszehasonlito ul.mlist a.ingatlanfelujitas { background-image: url(../images/bg_mlist2_ingatlanfelujitas.png); } .page_hitelosszehasonlito ul.mlist a.kivaltas { background-image: url(../images/bg_mlist2_kivaltas.png); } .page_hitelosszehasonlito ul.mlist a.szabad_felhasznalas { background-image: url(../images/bg_mlist2_szabad_felhasznalas.png); } .page_hitelosszehasonlito ul.mlist a.vegrehajtas_kivaltas { background-image: url(../images/bg_mlist2_vegrehajtas_kivaltas.png); } .page_hitelosszehasonlito .inputwrapper { background: url(../images/bg_input8.png) no-repeat; width: 251px; height: 46px; line-height: 1; float: left; } .page_hitelosszehasonlito .inputwrapper input { background: transparent; border: none; font-size: 28px; width: 235px; height: 30px; line-height: 30px; margin: 9px 0 0 10px; outline: none; font-weight: bold; padding: 0; text-align: center; } .page_hitelosszehasonlito .cur { font-size: 28px; font-weight: bold; float: left; display: block; margin: 7px 0 0 5px; font-family: 'Cronos'; } .page_hitelosszehasonlito .btn_container { padding-right: 0; } /*---------------------------------------------------*/ .page_kalkulator.page_hitelkartya_fooldal .form_container { margin: -20px 0 0; } /*---------------------------------------------------*/ .page_enbankraciom .tabcontent { padding: 30px 20px; } .page_enbankraciom table.datatable { width: 100%; font-size: 16px; } .page_enbankraciom table.datatable td { padding: 10px 0; } .page_enbankraciom table.datatable td.td1 { font-weight: bold; width: 210px; } .page_enbankraciom .btn_container { padding: 15px 0 0 0 !important; text-align: left; height: auto !important; width: 100%; } .page_enbankraciom .btn_container a.btn_adatokmodositasa { background-color: #415546; border-radius: 20px; color: #fff; display: inline-block; font-size: 18px; height: 40px; line-height: 40px; padding: 0 20px; text-decoration: none; text-transform: uppercase; } .page_enbankraciom .btn_container a.btn_adatokmodositasa:hover { background-color: #17281c; text-decoration: none; } .page_enbankraciom .formpanel .field { height: auto; width: 876px; } .page_enbankraciom .formpanel .field .lft { width: 180px; } .page_enbankraciom .btn_container a.btn_modositaselkuldese { background-color: #415546; border-radius: 20px; color: #fff; display: inline-block; font-size: 18px; height: 40px; line-height: 40px; text-align: center; text-decoration: none; text-transform: uppercase; width: 214px; } .page_enbankraciom .btn_container a.btn_modositaselkuldese:hover { background-color: #17281c; } .page_enbankraciom .formpanel .formmsg { padding-top: 23px; } /*---------------------------------------------------*/ .page_contactform { background: url(../images/bg_premium_c.png) repeat-y; padding: 0; } .page_contactform .header { background: url(../images/bg_premium_t1.png) no-repeat; height: 95px; line-height: 90px; color: white; padding: 0 20px 0 80px; margin-bottom: 2px; } .page_contactform .page_contactform_b { background: url(../images/bg_premium_b.png) no-repeat bottom; padding: 0 1px 50px 1px; } .page_contactform .header h2 { font-size: 40px; } .page_contactform h4 { font-size: 24px; margin-bottom: 10px; } .page_contactform .lead { background-color: #F7F6F2; font: italic 16px/1.7 Georgia; color: #323232; padding: 33px 25px; margin-bottom: 0; } .page_contactform.formpanel .field .lft { width: 340px; } .page_contactform .confirmtext { padding: 10px; font-size: 11px; height: 140px; overflow-y: scroll; border: 1px solid #D5D7D7; margin-bottom: 20px; } .page_contactform .pdiv { padding: 10px 15px; } .page_contactform .confirmbox { padding: 0 15px 18px 0; height: 100%; overflow: hidden; } .page_contactform .confirmbox .check { float: left; } .page_premium.formpanel .header { background-image: url(../images/bg_premium_t.png); color: black; } .page_premium.formpanel .optionlink { background: url(../images/bg_optionlink_premium.png) repeat-x top; } .page_premium.formpanel .optionlink.active { background: url(../images/bg_optionlink_premium.png) repeat-x bottom !important; color: white; } .page_premium.formpanel .btn_tovabb { background: url(../images/btn_tovabb6.png) no-repeat top; width: 105px; height: 41px; display: inline-block; text-indent: -10000px; vertical-align: middle; } .page_premium.formpanel .btn_tovabb:hover { background-position: bottom; } .page_kalkulator.page_cegeknek_fooldal .form_container { margin: -20px 0 0; } .page_ceges.formpanel .header { background-image: url(../images/bg_ceges_t.png); } .page_ceges.formpanel .optionlink.active { background: #99a3a8 !important; } .page_ceges.formpanel .btn_tovabb { background: url(../images/btn_tovabb7.png) no-repeat top; width: 105px; height: 41px; display: inline-block; text-indent: -10000px; vertical-align: middle; } .page_ceges.formpanel .btn_tovabb:hover { background-position: bottom; } .page_ceges.formpanel .lead { padding: 20px 25px; font-style: normal; } .page_ceges.formpanel .lead p { margin: 0 0 10px 0; } .page_ceges.formpanel .cimg { float: left; margin: 0 15px 10px 0; } /*---------------------------------------------------*/ .banner160 { width: 160px; float: right; padding-top: 10px; } .banner160 img { display: block; } /*---------------------------------------------------*/ .formpanel .pagetitle { font-size: 38px; margin-bottom: 15px; } .formpanel p { line-height: 1.3; margin-bottom: 20px; } .formpanel .spacer { border-top: 1px solid #D5D7D7; height: 1px; font-size: 0px; margin: 5px 0; } .formpanel .field { padding: 10px 15px; height: 100%; overflow: hidden; border: 1px solid white; margin-bottom: 5px; } /*error*/ .formpanel .field.error { border-color: #ae230c; } .formpanel .field .lft { font-size: 16px; font-weight: bold; width: 310px; float: left; padding-top: 12px; margin-right: 10px; } .formpanel .field .lft.pt5 { padding-top: 5px; } .formpanel .field .infotext { font-size: 12px; font-weight: normal; display: block; margin-top: 5px; line-height: 1.2; color: #777777; } .formpanel .field .rght { width: 425px; float: left; height: 100%; overflow: hidden; } .formpanel .field .msg { display: none; color: #db0000; font-weight: bold; font-size: 12px; margin: 9px 0 0 4px; } .formpanel .field.error .msg { display: block; } .formpanel .field .col { font-size: 20px; float: left; padding-top: 14px; margin-right: 5px; } .formpanel .field .col.pt0 { padding-top: 0; } .formpanel .field .status { float: right; padding-top: 8px; } .formpanel .field .status .ico { background: no-repeat; display: block; width: 30px; height: 30px; text-indent: -10000px; } .formpanel .field .status .ico.ok { background-image: url(../images/icon_check.svg); } .formpanel .field .status .ico.error { background-image: url(../images/form_error.png); } .formpanel .inputwrapper { background-color: #fff; border: 1px solid #dce0d7; border-radius: 2px; height: 100%; overflow: hidden; } .formpanel .inputwrapper div { background: url(../images/bg_dinamic_input.png) no-repeat left; width: 10px; height: 46px; float: left; } .formpanel .inputwrapper div.r { background-position: right; } .formpanel .inputwrapper div.c { background: url(../images/bg_dinamic_input.png) no-repeat center; display: block; width: auto; float: left; margin: 0; } .formpanel .inputwrapper input { border: 0; padding: 0 10px; width: 400px; height: 35px; line-height: 35px; font-size: 18px; outline: none; } .formpanel .inputwrapper input:focus { border: 1px solid #609224; box-shadow: 0 0 2px 0 #609224; } .formpanel select { font-size: 20px; outline: none; padding: 6px 2px; margin-top: 2px; } .formpanel .ui-selectmenu { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 0px 4px #e0e0e0; -webkit-box-shadow: 0px 0px 4px #e0e0e0; box-shadow: 0px 0px 4px #e0e0e0; padding: 4px 0; margin-top: 2px; } .formpanel .optionlink { background-color: white; border: 1px solid #E0E3E3; font-size: 15px; color: black; font-weight: bold; text-decoration: none; display: inline-block; height: 38px; line-height: 38px; padding: 0 8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .formpanel .optionlink.active { background: #4CB5E3 url(../images/bg_optionlink.png) repeat-x; color: white; } .formpanel .btn_container { padding: 5px 0 0 0; text-align: left; padding-left: 335px; height: 100%; overflow: hidden; } .formpanel .btn_container .msg { font-size: 12px; font-weight: bold; color: #db0000; float: left; margin: 17px 0 0 10px; white-space: nowrap; } .formpanel .btn_elkuld { background-color: #415546; border-radius: 20px; color: #fff; display: inline-block; font-size: 18px; height: 40px; line-height: 40px; margin: 0 10px; text-align: center; text-decoration: none; text-transform: uppercase; width: 131px; } .formpanel .btn_elkuld:hover { background-color: #17281c; } .formpanel .formmsg { font-weight: bold; vertical-align: middle; margin-left: 10px; } /*---------------------------------------------------*/ .formpanel3 .field { padding: 2px 0; height: 100%; overflow: hidden; margin-bottom: 5px; } .formpanel3 .field .lft { font-size: 12px; font-weight: bold; width: 220px; float: left; padding-top: 20px; margin-right: 10px; } .formpanel3 .field .lft.pt9 { padding-top: 9px; } .formpanel3 .field .lft.pt4 { padding-top: 4px; } .formpanel3 .field .lft.pt20 { padding-top: 20px; } .formpanel3 .field .infotext { font-weight: normal; display: block; margin-top: 5px; line-height: 1.2; } .formpanel3 .field .rght { width: 360px; float: left; height: 100%; overflow: hidden; } .formpanel3 .field .msg { display: none; color: #db0000; font-weight: bold; font-size: 12px; margin: 6px 0 0 4px; padding-bottom: 2px; } .formpanel3 .field.error .msg { display: block; } .formpanel3 .field .col { font-size: 20px; float: left; padding-top: 14px; margin-right: 5px; } .formpanel3 .field .col.pt0 { padding-top: 0; } .formpanel3 .field .status { float: left; padding: 8px 0 0 5px; } .formpanel3 .field .status .ico { background: no-repeat; display: block; width: 30px; height: 30px; text-indent: -10000px; } .formpanel3 .field .status .ico.ok { background-image: url(../images/icon_check.svg); } .formpanel3 .field .status .ico.error { background-image: url(../images/form_error.png); } .formpanel3 .inputwrapper { background: url(../images/bg_dinamic_input2.png) no-repeat left top; padding-left: 10px; } .formpanel3 .inputwrapper div { background: url(../images/bg_dinamic_input2.png) no-repeat right -47px; padding-right: 10px; height: 47px; } .formpanel3 .inputwrapper input { background: none; border: 0; padding: 0; margin: 12px 0 0 0; width: 335px; font-size: 22px; font-weight: bold; outline: none; } .formpanel3 .field.error .inputwrapper { background-position: left -94px !important; } .formpanel3 .field.error .inputwrapper div { background-position: right -141px !important; } .formpanel3 .field.active .inputwrapper { background-position: left -188px;; } .formpanel3 .field.active .inputwrapper div { background-position: right -235px; } .formpanel3 select { font-size: 20px; outline: none; padding: 6px 2px; margin-top: 2px; width: 357px; } .formpanel3 .ui-selectmenu { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 0px 4px #e0e0e0; -webkit-box-shadow: 0px 0px 4px #e0e0e0; box-shadow: 0px 0px 4px #e0e0e0; padding: 4px 0; margin-top: 2px; } .formpanel3 textarea { border: 1px solid #DEDEDE; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.16); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-left: 2px; width: 343px; padding: 5px; } .formpanel3 .field.active textarea { border-color: #FCF881; } .formpanel3 .field.error textarea { background-color: #FFFAFA; border-color: #F44E4E; } .formpanel3 .optionlink { background-color: white; border: 1px solid #E0E3E3; font-size: 15px; color: black; font-weight: bold; text-decoration: none; display: inline-block; height: 38px; line-height: 38px; padding: 0 8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; vertical-align: middle; } .formpanel3 .optionlink.active { background: #4CB5E3 url(../images/bg_optionlink.png) repeat-x; color: white; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4); } .formpanel3 .optionlink.multiline { line-height: 1.1; padding-top: 3px; height: 35px; } .formpanel3 .optionlink2 { background-color: white; border: 1px solid #9c9c9c; color: #9c9c9c; font-size: 13px; font-weight: bold; text-decoration: none !important; display: inline-block; height: 22px; line-height: 22px; padding: 0 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.06); } .formpanel3 .optionlink2.active { background-color: #d35630; border: 1px solid #d35630; border-radius: 2px; color: #fff; } .formpanel3 .rules { background: url(../images/bg_rules.png) repeat-x bottom; border: 1px solid #DDDDDD; padding: 19px; font-size: 12px; margin-top: 20px; margin-bottom: 20px; } .formpanel3 .rules p { font-weight: bold; line-height: 1.3; } .formpanel3 .rules .text { background-color: white; margin-top: 19px; border: 1px solid #DDDDDD; max-height: 92px; overflow-y: scroll; padding: 5px; } .formpanel3 .rules .text p { font-weight: normal; margin: 0 0 10px 0; } .formpanel3 .acceptpanel { margin: 10px 0; } .formpanel3 a.checkboxlink { background: url(../images/bg_checkboxlink2.png) no-repeat; text-decoration: none; display: inline-block; height: 24px; line-height: 24px; padding: 0 0 0 33px; margin-bottom: 10px; font-size: 12px; color: black !important; } .formpanel3 a.checkboxlink.active { background-image: url(../images/bg_checkboxlink2_active.png); } .formpanel3 .btn_container { padding: 15px 0 0 0; text-align: left; height: 100%; overflow: hidden; } .formpanel3 .btn_container .msg { font-size: 12px; font-weight: bold; color: #db0000; float: left; margin: 17px 0 0 10px; white-space: nowrap; } .formpanel3 .btn_elkuld { background: url(../images/btn_elkuld.png) no-repeat top; width: 131px; height: 43px; display: block; text-indent: -10000px; float: left; } .formpanel3 .btn_elkuld:hover { background-position: bottom; } .formpanel3 .formmsg { font-weight: bold; vertical-align: middle; margin-left: 10px; } .formpanel3 .sidebox { border: 1px solid #DDDDDD; margin-top: 4px; padding: 15px 15px 5px 15px; font-size: 12px; line-height: 1.3; box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.06); } .formpanel3 .sidebox .header { font-size: 18px; } .formpanel3 .sidebox p { margin: 10px 0; line-height: 1.6; } /*---------------------------------------------------*/ .formpanel4 { font-size: 12px; } .formpanel4 .field { margin: 10px 0; } .formpanel4 .label { font-size: 18px; float: left; width: 290px; padding: 7px 5px 0 0; } .formpanel4 .col { float: left; } .formpanel4 .field .msg { display: none; color: #db0000; font-weight: bold; font-size: 12px; margin: 6px 0 0 0; padding-bottom: 2px; } .formpanel4 .field.error .msg { display: block; } .formpanel4 .txtinput { width: 287px; border: 1px solid #dce0d7; height: 32px; line-height: 32px; padding: 0 5px; border-radius: 2px; vertical-align: middle; outline: none; } .formpanel4 .txtinput:focus { border: 1px solid #609224; box-shadow: 0 0 2px 0 #609224; outline: none; } .formpanel4 a.checkboxlink { background: url(../images/bg_checkboxlink2.png) no-repeat; text-decoration: none; display: inline-block; height: 24px; line-height: 24px; padding: 0 0 0 33px; margin-bottom: 10px; font-size: 12px; color: black !important; } .formpanel4 a.checkboxlink.active { background-image: url(../images/bg_checkboxlink2_active.png); } .formpanel4 .rules { background: url(../images/bg_rules.png) repeat-x bottom; border: 1px solid #DDDDDD; padding: 19px; font-size: 12px; margin-top: 20px; margin-bottom: 20px; } .formpanel4 .rules p { font-weight: bold; line-height: 1.3; font-size: 12px; } .formpanel4 .rules .text { background-color: white; margin-top: 19px; border: 1px solid #DDDDDD; max-height: 92px; overflow-y: scroll; padding: 5px; } .formpanel4 .rules .text p { font-weight: normal; margin: 0 0 10px 0; } /*---------------------------------------------------*/ .formpanel5 { font-size: 12px; } .formpanel5 .field { margin: 10px 0; } .formpanel5 .label { font-size: 12px; color: black; font-weight: bold; float: left; width: 160px; padding: 10px 5px 0 0; line-height: 1.2; } .formpanel5 .label.nofloat { float: none; margin-bottom: 3px; padding: 0; width: auto; } .formpanel5 .col { float: left; } .formpanel5 .field .msg { display: none; color: #db0000; font-weight: bold; font-size: 12px; margin: 6px 0 0 0; padding-bottom: 2px; } .formpanel5 .field.error .msg { display: block; } .formpanel5 .txtinput { width: 225px; border: 1px solid #C3C3C3; height: 28px; line-height: 28px; padding: 0 5px; box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.2) inset; vertical-align: middle; } .formpanel5 textarea { width: 225px; border: 1px solid #C3C3C3; padding: 5px; box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.2) inset; vertical-align: middle; } .formpanel5 select { border: 1px solid #C3C3C3; outline: none; font-size: 12px; font-weight: bold; padding: 4px; box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.2) inset; width: 238px; } .formpanel5 a.checkboxlink { background: url(../images/bg_checkboxlink2.png) no-repeat; text-decoration: none; display: block; height: 24px; line-height: 24px; padding: 0 0 0 33px; margin-bottom: 10px; font-size: 12px; color: black !important; } .formpanel5 a.checkboxlink.active { background-image: url(../images/bg_checkboxlink2_active.png); } /*---------------------------------------------------*/ .formctrl .optionlink3 { background: #FAFAFA repeat-x; border: 1px solid #CCC9C3; font-size: 13px; color: black !important; text-decoration: none !important; display: inline-block; height: 20px; line-height: 21px; padding: 0 20px; margin: 0 2px; border-radius: 3px; text-align: center; } .formctrl .optionlink3.active { background-color: #4CB5E3; border-color: transparent; color: white !important; } .formctrl .optionlink3.darkblue.active { background-color: #3580ac; } .formctrl .optionlink3.red.active { background-color: #E24949; } .formctrl .optionlink3.orange.active { background-color: #EB7F00; } .formctrl .optionlink3.green.active { background-color: #26735B; } .formctrl .optionlink4 { background: #FDFDFD url(../images/bg_optionlink4.png) repeat-x; border: 1px solid #CDCDCD; font-size: 15px; font-weight: bold; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5); color: #343434 !important; text-decoration: none !important; display: inline-block; height: 30px; line-height: 30px; padding: 0 10px; margin: 0 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-align: center; } .formctrl .optionlink4:hover { background: #FCFCFC; } .formctrl .optionlink4.activehover:hover { background-image: none !important; } .formctrl .optionlink4.active { background-image: none; background-color: #4CB5E3; border-color: transparent; color: white !important; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); } .formctrl .optionlink4.orange.active { background-image: url(../images/bg_optionlink4_orange.png); border-color: #E0861F; } .formctrl .optionlink4.orange.activehover.active:hover { background-color: #ED9702; } .formctrl .optionlink5 { border: 1px solid #9c9c9c; font-size: 12px; color: #9c9c9c; text-decoration: none !important; display: inline-block; vertical-align: middle; height: 32px; line-height: 34px; padding: 0 10px; margin: 0 9px 0 0; border-radius: 2px; text-align: center; } .formctrl .optionlink5.active { background-color: #d35630; border: 1px solid #d35630; color: #fff; box-shadow: none; } .field_confirm_link { color: #d35630; } .formctrl .optionlink6 { background: #FDFDFD repeat-x; background-image: linear-gradient(top, #FDFDFD 0%, #CBCBCB 100%); background-image: -o-linear-gradient(top, #FDFDFD 0%, #CBCBCB 100%); background-image: -moz-linear-gradient(top, #FDFDFD 0%, #CBCBCB 100%); background-image: -webkit-linear-gradient(top, #FDFDFD 0%, #CBCBCB 100%); background-image: -ms-linear-gradient(top, #FDFDFD 0%, #CBCBCB 100%); border: 1px solid #777777; font-size: 12px; font-weight: bold; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.4); color: black; text-decoration: none !important; display: inline-block; vertical-align: middle; height: 28px; line-height: 28px; padding: 0 10px; margin: 0 3px 0 0; border-radius: 2px; text-align: center; } .formctrl .optionlink6:hover { background-color: #CBCBCB; background-position: 0 -28px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .formctrl .optionlink6:active { background-image: none; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .formctrl .optionlink6.active { background-color: #3395C9; background-image: linear-gradient(top, #3395C9 0%, #3395C9 100%); background-image: -o-linear-gradient(top, #3395C9 0%, #3395C9 100%); background-image: -moz-linear-gradient(top, #3395C9 0%, #3395C9 100%); background-image: -webkit-linear-gradient(top, #3395C9 0%, #3395C9 100%); background-image: -ms-linear-gradient(top, #3395C9 0%, #3395C9 100%); border-color: #176CAF; color: white; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4); } .formctrl .optionlink6.block { display: block; margin-bottom: 3px; } .formctrl a.checkboxlink { background: url(../images/bg_checkboxlink5.png) no-repeat; text-decoration: none; display: inline-block; vertical-align: middle; height: 22px; line-height: 22px; padding: 0 0 0 33px; margin-bottom: 10px; font-size: 12px; color: black !important; } .formctrl a.checkboxlink.active { background-image: url(../images/bg_checkboxlink5_active.png) !important; } .formctrl .field.error a.checkboxlink { background-image: url(../images/bg_checkboxlink5_error.png); } /*---------------------------------------------------*/ .linked_articles { margin-top: 20px; padding-top: 10px; clear: both; } .linked_articles h4 { background: no-repeat left center; font-size: 17px; margin-bottom: 10px; padding: 0 0 0 30px; line-height: 21px; font-family: 'Cronos'; } .linked_articles .fogalmak h4 { background-image: url(../images/bg_kapcsolodefogalmak.png); } .linked_articles .cikkek h4 { background-image: url(../images/bg_kapcsolodicikkek.png); } .linked_articles ul { list-style: none; margin: 0 0 20px 0 !important; padding: 0 0 0 30px !important; font-size: 12px; font-weight: bold; } .linked_articles ul li { background: none !important; padding: 0 !important; } .linked_articles ul li.last a { border: 1px solid white; } .linked_articles ul a { background: url(../images/ico_bulb.png) no-repeat 5px 5px; text-decoration: none; display: block; padding: 12px 0 12px 30px; border: 1px solid white; border-bottom: 1px solid #EBEBEB; } .linked_articles ul a:hover { background-color: #F1F4F4; border: 1px solid #EBEBEB !important; position: relative; top: -1px; background-position: 5px 6px; padding-top: 13px; padding-bottom: 11px; } .linked_articles ul a.article { background-image: url(../images/ico_article.png); padding-left: 40px; background-position: 5px 9px; } .linked_articles ul a.news { background-image: url(../images/ico_news.png); padding-left: 40px; } .linked_articles ul a.video { background-image: url(../images/ico_video.png); padding-left: 40px; } .linked_articles ul a.article:hover { background-position: 5px 10px; } /*---------------------------------------------------*/ table.transactiontable { } table.transactiontable tbody td { font-size: 14px; } table.transactiontable tbody td.td1 { } table.transactiontable tbody td.td2 { width: 390px; } table.transactiontable tbody td.td3 { text-align: center; font-weight: bold; white-space: nowrap; } table.transactiontable tbody td.td4 { text-align: center; } table.transactiontable tbody td.td5 { text-align: center; } table.transactiontable tbody td.td6 { text-align: center; } table.transactiontable a { text-decoration: none; } table.transactiontable a:hover { text-decoration: underline; } table.transactiontable img { vertical-align: middle; } /*---------------------------------------------------*/ .doclist { } .doclist h3 { font-size: 14px; } .doclist ul { list-style: none; margin: 10px 0 0 0; padding: 0; font-size: 13px; line-height: 1.2; } .doclist ul li { } .doclist ul a { background: url(../images/ico_pdf.png) no-repeat left center; padding: 10px 0 10px 37px; display: block; text-decoration: none; } .doclist ul a:hover { text-decoration: underline; } /*---------------------------------------------------*/ .hitel_steps { padding: 0 50px; margin-bottom: 20px; } .hitel_steps ol { background: url(../images/bg_step.png) repeat-x left 23px; list-style: none; margin: 10px 0; padding: 0 50px; height: 100%; overflow: hidden; } .hitel_steps ol li { float: left; width: 90px; text-align: center; margin-right: 36px; } .hitel_steps ol li.last { margin-right: 0; } .hitel_steps ol span { background: url(../images/bg_stepitem1.png) no-repeat center top; width: 48px; height: 48px; display: block; text-align: center; margin: 0 auto; font-size: 21px; line-height: 48px; font-weight: bold; color: white; text-shadow: #545454 2px 2px 1px; } .hitel_steps ol li.checked span { background-image: url(../images/bg_stepitem2.png); text-indent: -10000px; } .hitel_steps ol strong { font-size: 16px; line-height: 1.3; color: #BFBFBF; } .hitel_steps ol li.checked strong { color: #739323; } .hitel_steps ol li.current strong { color: black; } /*---------------------------------------------------*/ .tooltip { background-color: #415546; color: #fff; display: block; padding: 10px; position: absolute; left: 20px; top: 20px; font-size: 12px; font-weight: normal; line-height: 1.4; width: 290px; z-index: 12; border-radius: 4px; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.1s linear; -moz-transition: opacity 0.1s linear; -o-transition: opacity 0.1s linear; transition: opacity 0.1s linear; } .tooltip.opened { visibility: visible; opacity: 1; } .tooltip .pointer { background: url(../images/pointer_down.svg) no-repeat; width: 33px; height: 14px; display: block; position: absolute; left: 50%; margin-left: -16px; bottom: -14px; } .tooltip.alignright .pointer { transform: rotate(90deg); left: -23px; top: 50%; margin-left: 0; margin-top: -7px; } .tooltip.alignbottom .pointer { transform: rotate(-180deg); left: 50%; margin-left: -32px; top: -14px; } .tooltip p { margin-bottom: 10px; } .tooltip ul { list-style: disc; margin: 0; padding: 0 0 0 20px; } .tooltip ul li { margin-bottom: 5px; position: relative; } .tooltip ul li:last-child { margin-bottom: 0; } .tooltip.blue { background-color: #415546; color: white; box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.41); border: none; } .tooltip.green { background-color: #415546; color: white; box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.41); border: none; } .tooltip.blue ul li:before { background: white; } .tooltip.blue .pointer { background-image: url(../images/pointer_down.svg); } .tooltip.green .pointer { background-image: url(../images/pointer_down.svg); } .tooltip.small { width: 165px; } .tooltip.wide { width: 416px; } .tooltip.data-protection { box-sizing: border-box; font-size: 12px; padding: 15px 16px 16px; width: 416px; } .tooltip.data-protection .pointer { left: 58%; } /*---------------------------------------------------*/ .tooltip3 { background: white; position: absolute; left: 50px; top: 50px; border: 1px solid #CCCCCC; width: 213px; -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.06); -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.06); box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.06); display: none; z-index: 5; min-height: 90px; } .tooltip3 .header { background-color: #FDF7DD; height: 30px; line-height: 30px; font-size: 16px; color: #b94309; display: block; padding: 0 10px; text-transform: uppercase; border-bottom: 1px solid #CCCCCC; font-family: 'Cronos'; } .tooltip3 .content { padding: 10px; line-height: 1.4; font-size: 12px; } .tooltip3 .topimg { background: url(../images/bg_tooltip2_img.png) no-repeat; display: block; width: 40px; height: 40px; position: absolute; right: 8px; top: -5px; } .tooltip3 .arrow { background: url(../images/bg_tooltip2_arrow.png) no-repeat; display: block; width: 33px; height: 41px; position: absolute; left: -33px; top: 40px; } /*---------------------------------------------------*/ .info_bubble { background-color: #FCFAE5; border: 1px solid #F7CD28; display: block; position: absolute; left: 20px; top: 20px; font-size: 12px; font-weight: normal; line-height: 1.4; width: 270px; z-index: 12; box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.03); border-radius: 4px; opacity: 0; transform: scale(0.5); transition: all 0.3s ease-in-out; transition-property: transform, opacity, visibility; cursor: default; visibility: hidden; } .info_bubble:after { background-color: #FCFAE5; border: 1px solid #F7CD28; width: 20px; height: 20px; transform: rotate(45deg); position: absolute; left: 50%; margin-left: -14px; bottom: -10px; content: ''; z-index: 11; } .info_bubble.show { opacity: 1; transform: scale(1); visibility: visible; } .info_bubble .content { background-color: #FCFAE5; z-index: 12; position: relative; padding: 10px; border-radius: 4px; } /*---------------------------------------------------*/ .page_arfolyam { margin: 0 auto; width: 1000px; } .page_arfolyam .page_header { min-height: 110px; padding: 5px 0 0 0; margin-bottom: 20px; position: relative; } .page_arfolyam .pagetitle { font-size: 40px; letter-spacing: -1px; margin-bottom: 10px; } .page_arfolyam .pagetitle2 { font-size: 50px; margin-bottom: 10px; } .page_arfolyam .page_header p { font-size: 19px; } .page_arfolyam .page_header .banner_panel { position: absolute; right: 0; top: 0px; } .page_arfolyam .banner_panel .promotiontext { display: block; margin-top: 5px; color: #a4a4a4; font-size: 12px; text-align: center; } .page_arfolyam .page_header .banner_panel .promotiontext { display: block; margin-top: 5px; color: #a4a4a4; font-size: 12px; text-align: right; } .page_arfolyam .page_header .banner_panel .banner_text { display: block; margin-top: 5px; color: #a4a4a4; font-size: 10px; line-height: 1.2; } .page_arfolyam .page_header .banner_panel .banner_text p { font-size: 10px; } .page_arfolyam .page_header .banner_panel .banner_text a { color: #2068A0; } .page_arfolyam .page_header .banner_panel ul.bannerlist { list-style: none; margin: 0; padding: 0; } .page_arfolyam .page_header .banner_panel ul.bannerlist li { display: none; } .page_arfolyam .page_header .banner_panel ul.bannerlist li.active { display: block; } .page_arfolyam ul.tabs em { color: #415546; font-style: normal; } .page_arfolyam .source { font-size: 11px; text-align: right; margin-bottom: 10px; } .page_arfolyam .source img { vertical-align: middle; } .page_arfolyam ul.sidemenu { background: white; margin: 0 0 10px 0; padding: 0; list-style: none; border: 1px solid #DDDDDD; border-bottom: 0; font-size: 13px; font-weight: bold; line-height: 1.2; } .page_arfolyam ul.sidemenu li { border-bottom: 1px solid #DDDDDD; position: relative; } .page_arfolyam ul.sidemenu li.menutitle { font-size: 17px; padding: 8px 10px; } .page_arfolyam ul.sidemenu a { padding: 7px 10px 8px 10px; text-decoration: none; display: block; color: #4d4d4d; height: 100%; overflow: hidden; cursor: pointer; } .page_arfolyam ul.sidemenu a:hover { background-color: #ECF9FF; color: #313745; } .page_arfolyam ul.sidemenu a.active { background: #415546; color: #fff; } .page_arfolyam ul.sidemenu a.active .deviza, .page_arfolyam ul.sidemenu a.active .ticker { color: #f2f2f2; } .page_arfolyam ul.sidemenu a span.arrow { display: none; } .page_arfolyam ul.sidemenu a.active span.arrow { background: url(../images/arfolyam_arrow.svg) no-repeat right; width: 16px; height: 47px; position: absolute; top: 0; right: -16px; display: block; } .page_arfolyam ul.sidemenu .flag { float: left; margin-right: 10px; } .page_arfolyam ul.sidemenu .deviza, .page_arfolyam ul.sidemenu .ticker { font-size: 12px; color: #898963; font-weight: normal; } .page_arfolyam ul.sidemenu .index { font-size: 12px; } .page_arfolyam ul.sidemenu .indexleft { float: left; width: 146px; } .page_arfolyam ul.sidemenu .col { float: left; } .page_arfolyam ul.sidemenu .value { float: right; padding: 5px 0 0 0; font-size: 20px; color: #3c8b14; font-weight: bold; text-align: right; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4); position: relative; } .page_arfolyam ul.sidemenu .value:before { content: "\f0d8"; display: inline-block; font: normal normal normal 18px/1 FontAwesome; color: #3c8b14; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 5px; text-shadow: 0 0 0; vertical-align: middle; position: relative; top: -1px; } .page_arfolyam ul.sidemenu .value.down { color: #be040c; } .page_arfolyam ul.sidemenu .value.down:before { content: "\f0d7"; color: #be040c; } .page_arfolyam ul.sidemenu a.active .value { color: white; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); } .page_arfolyam ul.sidemenu.menu2 { } .page_arfolyam ul.sidemenu.menu2 a { padding-bottom: 7px; } .page_arfolyam ul.sidemenu.menu2 a.active { background-image: url(../images/bg_sidemenu_active_old.png) } .page_arfolyam ul.sidemenu.menu2 a.active span.arrow { background: url(../images/arfolyam-arrow-small.svg) no-repeat; width: 11px; height: 34px; top: 0; right: -11px; display: block; } .page_arfolyam ul.sidemenu.menu2 .flag { float: none; vertical-align: middle; margin: 0; } .page_arfolyam ul.sidemenu.menu2 .deviza { font-size: 12px; color: #565656; font-weight: bold; vertical-align: middle; width: 70px; text-align: center; display: inline-block; } .page_arfolyam ul.sidemenu.menu2 .ticker { font-size: 12px; color: #565656; font-weight: bold; vertical-align: middle; text-align: center; display: inline-block; } .page_arfolyam ul.sidemenu.menu2 .value { background-position: left 6px; padding-top: 0; font-size: 15px; } .page_arfolyam .banner { width: 120px; float: right; } .page_arfolyam .notice { font-size: 11px; color: #B4B4B4; padding: 10px 0; } .page_arfolyam ul.period { width: 100%; overflow: hidden; list-style: none; margin: 0; padding: 10px 0; font-size: 13px; } .page_arfolyam ul.period li { float: left; margin: 0 5px 0 0; } .page_arfolyam ul.period a { background: #dce0d7; border-radius: 2px; width: 110px; height: 34px; display: inline-block; text-decoration: none; color: #313745; text-align: center; line-height: 35px; font-size: 16px; font-weight: bold; margin-right: 5px; } .page_arfolyam ul.period a.active { background-color: #415546; color: #fff; } .page_arfolyam #flashgraph { background: white; border: 1px solid #CCCCCC; overflow: hidden; } .page_arfolyam #flashgraph img { max-width: 100%; } /*---------------------------------------------------*/ #helptitle { background: #333333; color: white; font-size: 11px; height: 25px; line-height: 25px; padding: 0 8px; position: absolute; left: 10px; top: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: none; } #helptitle .arrow { background: url(../images/bg_helptitle.png) no-repeat; display: block; width: 4px; height: 7px; position: absolute; left: -4px; top: 50%; margin-top: -3px; } /*---------------------------------------------------*/ .page_vegtorlesztes { color: black; min-height: 354px !important; } .page_vegtorlesztes .header { color: black; font-size: 33px; margin-bottom: 10px; text-align: center; padding-bottom: 13px; } .page_vegtorlesztes label { font-size: 18px; float: left; width: 325px; padding-top: 11px; } .page_vegtorlesztes .field { float: left; margin-bottom: 11px; font-size: 15px; font-weight: bold; } .page_vegtorlesztes .field span { vertical-align: middle; } .page_vegtorlesztes a.optionlink { background: url(../images/bg_optionlink2.png) no-repeat top; width: 110px; height: 34px; display: inline-block; text-decoration: none; color: black; text-align: center; line-height: 35px; font-size: 16px; font-weight: bold; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4); margin-right: 5px; } .page_vegtorlesztes a.optionlink.active { background-position: bottom; color: white; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); } .page_vegtorlesztes .txtinput { width: 140px; border: 1px solid #C8C8C8; font-size: 24px; font-weight: bold; color: #277eb0; padding: 3px 10px; text-align: right; } .page_vegtorlesztes .field.error .txtinput { border-color: red; outline: 2px solid red; color: red; } .page_vegtorlesztes .calcbox { background-color: #FEFAE7; border: 1px solid #D3D3D3; padding: 10px; text-align: center; font-size: 18px; position: relative; } .page_vegtorlesztes .calcbox .borrow { color: #277eb0; } .page_vegtorlesztes a.hitelosszehasonlitas { background: url(../images/btn_hitelosszehasonlitas.png) no-repeat top; width: 332px; height: 65px; display: block; float: left; text-decoration: none; text-indent: -10000px; margin: 10px 10px 15px 10px; } .page_vegtorlesztes a.hitelosszehasonlitas:hover { background-position: bottom; } .page_vegtorlesztes a.kalkulacio { background: url(../images/btn_szimulator.png) no-repeat top; width: 165px; height: 65px; display: block; float: left; text-decoration: none; text-indent: -10000px; margin: 10px 10px 15px 170px; } .page_vegtorlesztes a.kalkulacio:hover { background-position: bottom; } /*---------------------------------------------------*/ .authpanel { background: white url(../images/bg_authpanel.png) no-repeat right bottom; width: 600px; position: fixed; left: 50%; top: 50%; margin: -213px 0 0 -300px; z-index: 11; padding: 0 20px; font-size: 12px; border: 1px solid black; } .authpanel .inner { border-top: 7px solid #F6CB0E; padding: 30px 0 30px 0; position: relative; } .authpanel a.close { background: url(../images/bg_close.png) no-repeat top; width: 21px; height: 19px; display: block; text-decoration: none; position: absolute; right: 0; top: 17px; } .authpanel a.close:hover { background-position: bottom; } .authpanel .header { font-size: 27px; display: block; margin-bottom: 10px; } .authpanel .sbheader { font-size: 18px; display: block; margin-bottom: 20px; } .authpanel a.link1 { font-size: 11px; color: #d57e00; text-decoration: underline; display: block; margin-bottom: 5px; } .authpanel label { float: left; width: 170px; padding-top: 18px; padding-bottom: 2px; } .authpanel .field { float: left; margin-bottom: 15px; } .authpanel .field .txtinput { background: url(../images/bg_input15.png) no-repeat top; width: 240px; height: 47px; line-height: 47px; border: none; padding: 0 10px; outline: none; font-size: 22px; font-weight: bold; } .authpanel .field.error .txtinput { background-position: bottom; } .authpanel .field .msg { color: #ec0707; font-weight: bold; margin-top: 5px; display: none; } .authpanel .field.error .msg { display: block; } .authpanel a.btn_elkuld { background: url(../images/btn_elkuld3.png) no-repeat top; width: 92px; height: 50px; text-decoration: none; display: inline-block; vertical-align: middle; text-indent: -10000px; } .authpanel a.btn_elkuld:hover { background-position: bottom; } .authpanel p { line-height: 1.7; } .authpanel .logo_big { background: url(../images/logo_big.png) no-repeat; width: 218px; height: 227px; position: absolute; right: -12px; bottom: 5px; } .authpanel a.btn_belepes { background: url(../images/btn_belepes.png) no-repeat top; width: 103px; height: 50px; text-decoration: none; display: inline-block; vertical-align: middle; text-indent: -10000px; margin-left: 170px; } .authpanel a.btn_belepes:hover { background-position: bottom; } /*---------------------------------------------------*/ .popupregpanel { background: white url(../images/bg_infobox.png) no-repeat 595px -1px; position: absolute; z-index: 11; top: 100px; left: 50%; width: 620px; padding: 30px; margin: 0 0 0 -340px; color: black; } .popupregpanel a.close { background: url(../images/bg_close2.png) no-repeat top; width: 41px; height: 41px; display: block; text-decoration: none; position: absolute; right: -18px; top: -17px; } .popupregpanel a.close:hover { background-position: bottom; } .popupregpanel .header1 { font-size: 26px; color: #c24413; display: block; margin-bottom: 10px; } .popupregpanel .header2 { font-size: 20px; display: block; margin-bottom: 15px; } .popupregpanel .infobox { background: #FFFBED; border: 1px solid #BEB2A2; margin: 20px 0; box-shadow: inset 0 0 20px 0 rgba(0, 0, 0, 0.16), 0px 2px 4px rgba(0, 0, 0, 0.12); } .popupregpanel .infobox table.conditions { width: 96%; font-size: 12px; line-height: 1.4; margin: 10px; } .popupregpanel .infobox table.conditions td { background: url(../images/bg_listitem.png) no-repeat left center; width: 240px; padding: 6px 20px 4px 40px; height: 38px; } .popupregpanel .infobox table.conditions2 { background: rgba(246, 238, 202, 0.9); width: 100%; border-top: 1px solid #BEB2A2; font-size: 12px; line-height: 1.3; } .popupregpanel .infobox table.conditions2 td { border-bottom: 1px solid #DFD5BF; padding: 7px 8px; } .popupregpanel .infobox table.conditions2 td.td1 { font-size: 12px; font-weight: bold; padding-left: 17px; width: 277px; } .popupregpanel .infobox table.conditions2 td.td2 { font-size: 14px; font-weight: bold; color: #9c401c; width: 160px; } .popupregpanel .infobox table.conditions2 tr:last-child td { border-bottom: none; } .popupregpanel .tabset4 { margin: 0 -30px 0 -30px; } .popupregpanel .tabset4 > ul.tabs { padding-left: 20px; font-family: 'Cronos'; } .popupregpanel .tabset4 .content { padding: 0 30px 0 30px; } .popupregpanel .formpanel4 .btn_container { border-top: 1px solid #CCCCCC; margin-top: 25px; padding-top: 25px; text-align: center; min-height: 49px; } .popupregpanel form.ondatasend .btn_container { background: url(../images/loader2.gif) no-repeat center; } .popupregpanel form.ondatasend .btn_container .btn { display: none; } .popupregpanel .success { font-size: 18px; font-weight: bold; text-align: center; margin-top: 30px; line-height: 1.3; } .popupregpanel a.btn { background: #4FBBE8; display: inline-block; text-decoration: none; border: 1px solid #2677A5; font-size: 22px; font-weight: 500; color: white; text-align: center; height: 47px; line-height: 45px; padding: 0 30px; margin: 0 10px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4); box-shadow: inset 0 -14px 10px 0 rgba(0, 0, 0, 0.1); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: 'Cronos'; } .popupregpanel a.btn:hover { box-shadow: none; } /*---------------------------------------------------*/ .banner_panel1 { margin: 20px 0; width: 180px; } .banner_panel1.fixed { position: fixed; top: 0; } .banner_panel1 img { display: inline-block; } .banner_panel1 .banner_text { display: block; margin-top: 5px; color: #a4a4a4; font-size: 10px; line-height: 1.2; } .banner_panel1 .banner_text a { color: #2068A0; } .banner_panel1 .promotiontext { display: block; margin-top: 5px; color: #a4a4a4; font-size: 12px; } .banner_panel1 a.adverthere { font-size: 15px; color: #2068A0; text-decoration: none; display: block; margin: 40px 0 0 0; text-align: center; } .banner_panel1 a.adverthere:hover { text-decoration: underline; } .banner_panel1 ul.bannerlist { list-style: none; margin: 0; padding: 0; } .banner_panel1 ul.bannerlist li { display: none; } .banner_panel1 ul.bannerlist li.active { display: block; } /*---------------------------------------------------*/ .banner_panel2 { margin: 20px 0; text-align: center; } .banner_panel2 .promotiontext { display: block; margin-top: 5px; color: #a4a4a4; font-size: 12px; } /*---------------------------------------------------*/ .page_ugyletreszletek { line-height: 1.3; } .page_ugyletreszletek table.datatable { margin-bottom: 15px; } .page_ugyletreszletek table.datatable td { padding: 3px 0; } /*---------------------------------------------------*/ .progress_container { margin: 0 0 15px 0; font-size: 14px; } .progress_container span { vertical-align: middle; } .progress_number { background: url(../images/bg_progress_number.png) no-repeat top; width: 30px; height: 31px; padding-right: 1px; line-height: 29px; display: inline-block; vertical-align: middle; color: black; font-size: 16px; font-weight: bold; text-align: center; text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.4); cursor: default; } .progress_number.hoverable:hover { background-position: bottom; } .progress_container h2 { font-size: 15px; font-weight: normal; display: inline; vertical-align: middle; } /*---------------------------------------------------*/ .tw_btn { background: #f5f5f5 repeat-x; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); display: inline-block; padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); text-decoration: none; vertical-align: middle; cursor: pointer; border-radius: 4px; border: 1px solid #bbbbbb; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); } .tw_btn:hover, .tw_btn:active, .tw_btn.active, .tw_btn.disabled, .tw_btn[disabled] { color: #333333; background-color: #e6e6e6; } .tw_btn:hover { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .tw_btn.active, .tw_btn:active { background-image: none; outline: 0; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .tw_btn.disabled, .tw_btn[disabled] { cursor: default; background-image: none; opacity: 0.65; } .tw_btn.btn-large { padding: 11px 19px; font-size: 17.5px; border-radius: 6px; } .tw_btn.btn-small { padding: 2px 10px; font-size: 11.9px; border-radius: 3px; } .tw_btn.btn-mini { padding: 0 6px; font-size: 10.5px; border-radius: 3px; } .btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .tw_btn-orange { color: #ffffff; background-color: #FAB600; background-image: -moz-linear-gradient(top, #FAB600, #F28B02); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FAB600), to(#F28B02)); background-image: -webkit-linear-gradient(top, #FAB600, #f08d06); background-image: -o-linear-gradient(top, #FAB600, #F28B02); background-image: linear-gradient(to bottom, #FAB600, #F28B02); background-repeat: repeat-x; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .tw_btn-orange:hover, .tw_btn-orange:active, .tw_btn-orange.active, .tw_btn-orange.disabled, .tw_btn-orange[disabled] { color: #ffffff; background-color: #f08d06; } .tw_btn-blue { color: #ffffff; background-color: #569CBF; background-image: -moz-linear-gradient(top, #5EA4C3, #207194); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5EA4C3), to(#207194)); background-image: -webkit-linear-gradient(top, #5EA4C3, #207194); background-image: -o-linear-gradient(top, #5EA4C3, #207194); background-image: linear-gradient(to bottom, #5EA4C3, #207194); background-repeat: repeat-x; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .tw_btn-blue:hover, .tw_btn-blue:active, .tw_btn-blue.active, .tw_btn-blue.disabled, .tw_btn-blue[disabled] { color: #ffffff; background-color: #207194; } .tw_btn-green { color: #ffffff; background-color: #5bb75b; background-image: -moz-linear-gradient(top, #5bb75b, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bb75b), to(#51a351)); background-image: -webkit-linear-gradient(top, #5bb75b, #51a351); background-image: -o-linear-gradient(top, #5bb75b, #51a351); background-image: linear-gradient(to bottom, #5bb75b, #51a351); background-repeat: repeat-x; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .tw_btn-green:hover, .tw_btn-green:active, .tw_btn-green.active, .tw_btn-green.disabled, .tw_btn-green[disabled] { color: #ffffff; background-color: #51a351; } .tw_btn-lightblue { color: #ffffff; background-color: #60C3F1; background-image: -moz-linear-gradient(top, #60C3F1, #35A5D5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#60C3F1), to(#35A5D5)); background-image: -webkit-linear-gradient(top, #60C3F1, #35A5D5); background-image: -o-linear-gradient(top, #60C3F1, #35A5D5); background-image: linear-gradient(to bottom, #60C3F1, #35A5D5); background-repeat: repeat-x; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .tw_btn-lightblue:hover, .tw_btn-lightblue:active, .tw_btn-lightblue.active, .tw_btn-lightblue.disabled, .tw_btn-lightblue[disabled] { color: #ffffff; background-color: #35A5D5; } .tw_btn-yellow { color: #ffffff; background-color: #FDDE53; background-image: -moz-linear-gradient(top, #FDDE53, #F7CD19); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FDDE53), to(#F7CD19)); background-image: -webkit-linear-gradient(top, #FDDE53, #F7CD19); background-image: -o-linear-gradient(top, #FDDE53, #F7CD19); background-image: linear-gradient(to bottom, #FDDE53, #F7CD19); background-repeat: repeat-x; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .tw_btn-yellow:hover, .tw_btn-yellow:active, .tw_btn-yellow.active, .tw_btn-yellow.disabled, .tw_btn-yellow[disabled] { color: #ffffff; background-color: #F7CD19; } .tw_btn-hitel { color: #ffffff; background-color: #60C3F1; background-image: -moz-linear-gradient(top, #60C3F1, #35A5D5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#60C3F1), to(#35A5D5)); background-image: -webkit-linear-gradient(top, #60C3F1, #35A5D5); background-image: -o-linear-gradient(top, #60C3F1, #35A5D5); background-image: linear-gradient(to bottom, #60C3F1, #35A5D5); background-repeat: repeat-x; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .tw_btn-hitel:hover, .tw_btn-hitel:active, .tw_btn-hitel.active, .tw_btn-hitel.disabled, .tw_btn-hitel[disabled] { color: #ffffff; background-color: #35A5D5; } .tw_btn-bankszamla { color: #ffffff; background-color: #61ADD2; background-image: -moz-linear-gradient(top, #61ADD2, #02608E); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#61ADD2), to(#02608E)); background-image: -webkit-linear-gradient(top, #61ADD2, #02608E); background-image: -o-linear-gradient(top, #61ADD2, #02608E); background-image: linear-gradient(to bottom, #61ADD2, #02608E); background-repeat: repeat-x; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .tw_btn-bankszamla:hover, .tw_btn-bankszamla:active, .tw_btn-bankszamla.active, .tw_btn-bankszamla.disabled, .tw_btn-bankszamla[disabled] { color: #ffffff; background-color: #02608E; } .tw_btn-betet { color: #ffffff; background-color: #FAB600; background-image: -moz-linear-gradient(top, #FAB600, #F28B02); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FAB600), to(#F28B02)); background-image: -webkit-linear-gradient(top, #FAB600, #f08d06); background-image: -o-linear-gradient(top, #FAB600, #F28B02); background-image: linear-gradient(to bottom, #FAB600, #F28B02); background-repeat: repeat-x; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .tw_btn-betet:hover, .tw_btn-betet:active, .tw_btn-betet.active, .tw_btn-betet.disabled, .tw_btn-betet[disabled] { color: #ffffff; background-color: #F28B02; } /*---------------------------------------------------*/ .info_popup_panel { background: white; position: absolute; z-index: 11; top: 50px; left: 50%; width: 680px; margin: 0 0 0 -340px; color: black; } .info_popup_panel a.close { background: url(../images/bg_close2.png) no-repeat top; width: 41px; height: 41px; display: block; text-decoration: none; position: absolute; right: -18px; top: -17px; } .info_popup_panel .flag { background: url(../images/bg_infobox.png) no-repeat; width: 40px; height: 69px; position: absolute; top: -1px; right: 45px; } .info_popup_panel a.close:hover { background-position: bottom; } .info_popup_panel .topsection { background: #A1E0FF; padding: 15px 30px; font-size: 28px; } .info_popup_panel .header { font-size: 28px; color: #00518f; margin-bottom: 10px; line-height: 1; } .info_popup_panel .panel_content { padding: 30px; line-height: 1.4; font-size: 12px; } .info_popup_panel .panel_content .header2 { font-size: 18px; color: #00518f; margin: 20px 0 10px 0; line-height: 1; display: block; } .info_popup_panel .panel_content p { margin: 10px 0; } .info_popup_panel .panel_content ul { list-style: none; margin: 10px 0 10px 0; padding: 0 0 0 15px; } .info_popup_panel .panel_content ul li { background: url(../images/bg_li_blue.png) no-repeat left 5px; margin-bottom: 10px; padding: 0 0 0 15px; } .info_popup_panel .panel_content .btn_container { text-align: center; border-top: 1px solid #CCCCCC; margin-top: 30px; padding-top: 30px; } .info_popup_panel .table_container { margin: 0 auto; } .info_popup_panel .table_container.table_container1 { width: 300px; } .info_popup_panel .table_container.table_container2 { width: 500px; } .info_popup_panel table.datatable { width: 100%; border-collapse: collapse; line-height: 1; margin: 15px 0 25px 0; } .info_popup_panel table.datatable td { border: 1px solid #888888; padding: 4px; vertical-align: top; } .info_popup_panel table.datatable thead td { background-color: #E9F7FD; text-align: center; line-height: 1.3; vertical-align: middle; } .info_popup_panel.not_ajax { position: static; margin: 0; padding: 20px; width: auto; } .info_popup_panel.not_ajax .topsection { background: transparent; padding: 0; } .info_popup_panel.not_ajax .panel_content { padding-left: 0; padding-right: 0; } .info_popup_panel.not_ajax a.close { display: none; } .info_popup_panel.not_ajax .flag { display: none; } .info_popup_panel.not_ajax .panel_content .btn_container { display: none; } /*---------------------------------------------------*/ .brhelp_popup_panel { background: #FE8730; background-image: -moz-linear-gradient(top, #FE8730, #C75C0D); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FE8730), to(#C75C0D)); background-image: -webkit-linear-gradient(top, #FE8730, #C75C0D); background-image: -o-linear-gradient(top, #FE8730, #C75C0D); background-image: linear-gradient(to bottom, #FE8730, #C75C0D); position: absolute; z-index: 11; top: 50px; left: 50%; width: 618px; margin: 0 0 0 -340px; padding: 30px; border: 1px solid #EA6313; color: black; } .brhelp_popup_panel a.close { background: #FE8730; background-image: -moz-linear-gradient(top, #FE8730, #FD862F); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FE8730), to(#FD862F)); background-image: -webkit-linear-gradient(top, #FE8730, #FD862F); background-image: -o-linear-gradient(top, #FE8730, #FD862F); background-image: linear-gradient(to bottom, #FE8730, #FD862F); width: 140px; height: 30px; display: block; text-decoration: none; position: absolute; right: -1px; top: -14px; color: white; font-size: 12px; text-align: center; line-height: 30px; font-weight: bold; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25); border-top-left-radius: 15px; border-top-right-radius: 15px; } .brhelp_popup_panel .header { font-size: 46px; color: white; text-align: center; display: block; margin-bottom: 20px; font-family: 'Cronos'; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.43); } .brhelp_popup_panel ul.helpnav { border-bottom: 1px solid #F0CF12; list-style: none; margin: 0 0 20px 0; padding: 0 0 20px 0; } .brhelp_popup_panel ul.helpnav li { float: left; margin-right: 31px; width: 185px; text-align: center; } .brhelp_popup_panel ul.helpnav a.button { background: #4BAEDF no-repeat center top; background-image: url(../images/bg_brhelp_btn_top.png), -moz-linear-gradient(top, #4BAEDF, #2889BF); background-image: url(../images/bg_brhelp_btn_top.png), -webkit-gradient(linear, 0 0, 0 100%, from(#4BAEDF), to(#2889BF)); background-image: url(../images/bg_brhelp_btn_top.png), -webkit-linear-gradient(top, #4BAEDF, #2889BF); background-image: url(../images/bg_brhelp_btn_top.png), -o-linear-gradient(top, #4BAEDF, #2889BF); background-image: url(../images/bg_brhelp_btn_top.png), linear-gradient(to bottom, #4BAEDF, #2889BF); border: 1px solid #30779E; display: block; width: 183px; height: 183px; margin-bottom: 20px; text-align: center; border-radius: 10px; text-decoration: none; box-shadow: -8px -8px 16px 0 rgba(0, 0, 0, 0.18) inset, 8px 8px 16px 0 rgba(255, 255, 255, 0.18) inset, 0 0 5px rgba(0, 0, 0, 0.36); -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; } .brhelp_popup_panel ul.helpnav a.button:hover, .brhelp_popup_panel ul.helpnav li.active a.button { background-image: url(../images/bg_brhelp_btn_top.png); box-shadow: -8px -8px 16px 0 rgba(0, 0, 0, 0.18) inset, 8px 8px 16px 0 rgba(255, 255, 255, 0.18) inset; } .brhelp_popup_panel ul.helpnav li.urlap a.button { background: #AACC65 no-repeat center top; background-image: url(../images/bg_brhelp_btn_top.png), -moz-linear-gradient(top, #AACC65, #5A9301); background-image: url(../images/bg_brhelp_btn_top.png), -webkit-gradient(linear, 0 0, 0 100%, from(#AACC65), to(#5A9301)); background-image: url(../images/bg_brhelp_btn_top.png), -webkit-linear-gradient(top, #AACC65, #5A9301); background-image: url(../images/bg_brhelp_btn_top.png), -o-linear-gradient(top, #AACC65, #5A9301); background-image: url(../images/bg_brhelp_btn_top.png), linear-gradient(to bottom, #AACC65, #5A9301); border: 1px solid #5A8614; } .brhelp_popup_panel ul.helpnav li.telefon { margin-right: 0; } .brhelp_popup_panel ul.helpnav li.telefon a.button { background: #F3CF38 no-repeat center top; background-image: url(../images/bg_brhelp_btn_top.png), -moz-linear-gradient(top, #F3CF38, #D5AA00); background-image: url(../images/bg_brhelp_btn_top.png), -webkit-gradient(linear, 0 0, 0 100%, from(#F3CF38), to(#D5AA00)); background-image: url(../images/bg_brhelp_btn_top.png), -webkit-linear-gradient(top, #F3CF38, #D5AA00); background-image: url(../images/bg_brhelp_btn_top.png), -o-linear-gradient(top, #F3CF38, #D5AA00); background-image: url(../images/bg_brhelp_btn_top.png), linear-gradient(to bottom, #F3CF38, #D5AA00); border: 1px solid #AE8B08; } .brhelp_popup_panel ul.helpnav .title { font-size: 20px; color: #ffd34e; display: block; margin-bottom: 15px; } .brhelp_popup_panel ul.helpnav p { color: white; font-size: 12px; font-weight: bold; line-height: 1.3; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); } .brhelp_popup_panel .header2 { color: white; display: block; font-size: 24px; margin-bottom: 15px; font-family: 'Cronos'; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.43); } .brhelp_popup_panel ul.questions { list-style: none; margin: 0; padding: 0; font-size: 12px; line-height: 1.3; } .brhelp_popup_panel ul.questions li { background: #FFB884; border: 1px solid #B75B18; padding: 10px; margin-bottom: 10px; } .brhelp_popup_panel ul.questions li:last-child { margin-bottom: 0; } .brhelp_popup_panel .bottomsection { border-top: 1px solid #F0CF12; padding-top: 20px; text-align: center; font-size: 12px; color: white; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25); line-height: 1.6; margin-top: 20px; } .brhelp_popup_panel .bottomsection a { color: #ffd34e; text-decoration: none; } .brhelp_popup_panel .bottomsection a:hover { text-decoration: underline; } .brhelp_popup_panel .content .item { display: none; } .brhelp_popup_panel .formbox { background: #FFB884; border: 1px solid #B75B18; padding: 15px; position: relative; } .brhelp_popup_panel .formbox .header2 { background: #F29652; margin: -15px -15px 0 -15px; padding: 10px 15px; font-weight: bold; } .brhelp_popup_panel .formbox .progressbar { font-size: 12px; font-weight: bold; color: white; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25); position: absolute; top: 17px; right: 15px; } .brhelp_popup_panel .formbox .progressbar span { vertical-align: middle; } .brhelp_popup_panel .formbox .progressbar .bg { background: #f5f5f5; background-image: url(../images/bg_brhelp_btn_top.png), -moz-linear-gradient(top, #f5f5f5, #d9d9d9); background-image: url(../images/bg_brhelp_btn_top.png), -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#d9d9d9)); background-image: url(../images/bg_brhelp_btn_top.png), -webkit-linear-gradient(top, #f5f5f5, #d9d9d9); background-image: url(../images/bg_brhelp_btn_top.png), -o-linear-gradient(top, #f5f5f5, #d9d9d9); background-image: url(../images/bg_brhelp_btn_top.png), linear-gradient(to bottom, #f5f5f5, #d9d9d9); border: 1px solid #b2b2b2; width: 98px; height: 8px; line-height: 8px; overflow: hidden; display: inline-block; border-radius: 5px; vertical-align: middle; margin-left: 5px; padding: 1px; box-shadow: 0 0 1px 0 rgba(255, 255, 255, 0.7); } .brhelp_popup_panel .formbox .progressbar .bg .bar { background: #c0da8b; background-image: url(../images/bg_brhelp_btn_top.png), -moz-linear-gradient(top, #c0da8b, #90b73f); background-image: url(../images/bg_brhelp_btn_top.png), -webkit-gradient(linear, 0 0, 0 100%, from(#c0da8b), to(#90b73f)); background-image: url(../images/bg_brhelp_btn_top.png), -webkit-linear-gradient(top, #c0da8b, #90b73f); background-image: url(../images/bg_brhelp_btn_top.png), -o-linear-gradient(top, #c0da8b, #90b73f); background-image: url(../images/bg_brhelp_btn_top.png), linear-gradient(to bottom, #c0da8b, #90b73f); display: block; width: 50%; border-radius: 5px; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2) inset; } .brhelp_popup_panel .formbox .header3 { font-size: 12px; display: block; margin: 15px 0; } .brhelp_popup_panel .formbox .btn_center { width: 400px; } .brhelp_popup_panel .formbox .txtinput { border-color: #B57140; } .brhelp_popup_panel .formbox select { border-color: #B57140; } .brhelp_popup_panel .formbox textarea { border-color: #B57140; } .brhelp_popup_panel .formbox .btn_container { margin: 20px 0 0 0; text-align: center; } .brhelp_popup_panel .formbox .btn_container .tw_btn { margin: 0 3px; } .brhelp_popup_panel hr { margin: 10px 0; } .brhelp_popup_panel .response { font-size: 14px; font-weight: bold; padding: 15px 0 0 0; } /*---------------------------------------------------*/ .listfaq_panel { font-size: 12px; line-height: 1.3; } .listfaq_panel .title { display: block; font-size: 32px; margin-bottom: 20px; } .listfaq_panel ul.menu { background: white; margin: 0 0 30px 0; padding: 0; list-style: none; border: 1px solid #DDDDDD; border-bottom: 0; font-size: 13px; font-weight: bold; line-height: 1.2; width: 180px; float: left; } .listfaq_panel ul.menu li { border-bottom: 1px solid #DDDDDD; position: relative; } .listfaq_panel ul.menu a { padding: 0 5px 0 10px; text-decoration: none; display: block; height: 45px; line-height: 47px; } .listfaq_panel ul.menu a:hover { background-color: #ECF9FF; color: #277eb0; } .listfaq_panel ul.menu a.active { background: #60B1D7 url(../images/bg_sidemenu_active.png) no-repeat -107px top; color: white !important; } .listfaq_panel ul.menu a span.arrow { display: none; } .listfaq_panel ul.menu a.active span.arrow { background: url(../images/bg_sidemenu_active.png) no-repeat right; width: 16px; height: 45px; position: absolute; top: 0; right: -16px; display: block; } .listfaq_panel .rightside { background: #FEFEFE; float: right; width: 690px; border: 1px solid #DDDDDD; padding: 20px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.06) inset; } .listfaq_panel .rightside .rightsidepage { display: none; } .listfaq_panel ul.items { list-style: none; padding: 0; margin: 0; } .listfaq_panel ul.items li { margin-bottom: 10px; } .listfaq_panel ul.items li:last-child { margin-bottom: 0; } .listfaq_panel ul.items .header, .listfaq_panel ul.items .header2 { display: block; font-weight: bold; cursor: pointer; color: #277eb0; font-size: 15px; } .listfaq_panel ul.items .header2 a { text-decoration: none; color: #277eb0; } .listfaq_panel ul.items li.opened .header { } .listfaq_panel ul.items .header:hover { color: #6ab2dc; } .listfaq_panel ul.items .header a { text-decoration: none; display: block; } .listfaq_panel ul.items .content { font-size: 12px; line-height: 1.4; display: none; } .listfaq_panel ul.items .content2 { font-size: 12px; line-height: 1.4; } .listfaq_panel ul.items li .pcontent { padding: 5px 0; } .listfaq_panel ul.items li .pcontent a { color: #2068A0; text-decoration: underline; } .listfaq_panel p { } .listfaq_panel ul.items .content ul { list-style: none; margin: 10px 0 10px 11px; padding: 0; } .listfaq_panel ul.items .content ul li { background: url(../images/bg_li.png) no-repeat left 8px; padding: 3px 0 3px 17px; margin-bottom: 0; } /*---------------------------------------------------*/ .listfaq_panel2 { font-size: 12px; line-height: 1.3; margin-bottom: 20px; } .listfaq_panel2 .title { display: block; font-size: 32px; margin-bottom: 20px; } .listfaq_panel2 .listfaq_tabset { } .listfaq_panel2 .listfaq_tabset ul.tabs { list-style: none; margin: 0; padding: 0; height: 31px; } .listfaq_panel2 .listfaq_tabset ul.tabs > li { background: white; float: left; margin: 0 0 0 20px; } .listfaq_panel2 .listfaq_tabset ul.tabs > li > a { display: block; height: 30px; line-height: 30px; text-decoration: none; text-align: center; font-size: 15px; color: #313745; float: left; font-family: 'Roboto', sans-serif; width: 155px; border: 1px solid #E1E1E2; } .listfaq_panel2 .listfaq_tabset ul.tabs > li > a.active { border-bottom-color: white; font-weight: bold; } .listfaq_panel2 .listfaq_tabset .content { background-color: white; border: 1px solid #CCCCCC; padding: 0 20px; display: none; } .listfaq_panel2 ul.items { list-style: none; padding: 0; margin: 0; } .listfaq_panel2 ul.items > li { border-bottom: 1px solid #D0CECF; padding: 15px 0; } .listfaq_panel2 ul.items > li:last-child { border-bottom: 0; } .listfaq_panel2 ul.items .header, .listfaq_panel2 ul.items .header2 { display: block; cursor: pointer; font-weight: normal; position: relative; } .listfaq_panel2 ul.items .header2 { background: none; } .listfaq_panel2 ul.items .header:after { font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f078"; color: #313745; text-shadow: 0 0 0 rgba(0, 0, 0, 0.8); position: absolute; right: 0; top: 3px; } .listfaq_panel2 ul.items > li.opened .header:after { content: "\f077"; } .listfaq_panel2 ul.items .header2 a { text-decoration: none; } .listfaq_panel2 ul.items .header:hover { color: #415546; } .listfaq_panel2 ul.items .header a { text-decoration: none; display: block; } .listfaq_panel2 ul.items .icontent { font-size: 12px; line-height: 1.4; display: none; } .listfaq_panel2 ul.items .icontent2 { font-size: 12px; line-height: 1.4; } .listfaq_panel2 ul.items li .pcontent { padding: 5px 0; } .listfaq_panel2 ul.items li .pcontent a { color: #3d87bc; text-decoration: underline; } .listfaq_panel2 p { } .listfaq_panel2 ul.items .icontent ul { list-style: none; margin: 10px 0 10px 11px; padding: 0; } .listfaq_panel2 ul.items .icontent ul li { background: url(../images/bg_li.png) no-repeat left 8px; padding: 3px 0 3px 17px; margin-bottom: 0; } /*---------------------------------------------------*/ .main-navpanel { overflow: hidden; } .main-navpanel .col { float: left; margin: 0 1% 0 0; width: 19%; } .main-navpanel .col:last-child { margin: 0; width: 19%; } .main-navpanel .header { display: block; font-size: 16px; font-weight: 700; margin: 0 0 15px; } .main-navpanel .header a { color: #42494e; text-decoration: none; } .main-navpanel ul { font-size: 11px; line-height: 1.3; list-style: none; padding: 0; margin: 0; } .main-navpanel ul li { margin-bottom: 8px; } .main-navpanel ul li h4 { font-size: 14px; font-weight: normal; } .main-navpanel ul a { color: #313745; text-decoration: none; } .main-navpanel ul a:hover { text-decoration: underline; color: #d35630; } /*---------------------------------------------------*/ .main-articlepanel { overflow: hidden; } .main-articlepanel .col { float: left; width: 48%; margin-right: 1%; } .main-articlepanel .header { font-size: 15px; margin-bottom: 15px; display: block; } .main-articlepanel ul { list-style: none; margin: 0; padding: 0; font-size: 11px; line-height: 1.3; } .main-articlepanel ul li { margin-bottom: 15px; } .main-articlepanel ul a { color: #d35630; text-decoration: none; display: block; margin-bottom: 5px; } .main-articlepanel ul a:hover { text-decoration: underline; } .main-articlepanel ul img { border: 1px solid #DDDDDD; display: block; margin-bottom: 10px; } /*---------------------------------------------------*/ table.articletable1 { background: transparent; width: 100%; border-collapse: collapse; margin: 10px 0; } table.articletable1 td { padding: 3px; border: 1px solid #BBBBBB; } table.articletable1 th { background-color: #a9a9a9 !important; font-weight: bold; padding: 3px; border: 1px solid #BBBBBB; } table.articletable2 { background: #F5F5F5; width: 100%; border-collapse: collapse; margin: 10px 0; } table.articletable2 td { padding: 3px; border: 1px solid #BBBBBB; } table.articletable2 th { background-color: #a9a9a9 !important; font-weight: bold; padding: 3px; border: 1px solid #BBBBBB; } table.articletable2 tr td:nth-of-type(even), table.articletable2 tr th:nth-of-type(even) { background-color: #E5E4E6; } table.articletable3 { background: #F5F5F5; width: 100%; border-collapse: collapse; margin: 10px 0; } table.articletable3 td { padding: 3px; border: 1px solid #BBBBBB; } table.articletable3 th { background-color: #a9a9a9 !important; font-weight: bold; padding: 3px; border: 1px solid #BBBBBB; } table.articletable3 tr td:nth-of-type(even), table.articletable3 tr th:nth-of-type(even) { background-color: #E5E4E6; } table.articletable3 tr:nth-of-type(even) td, table.articletable3 tr:nth-of-type(even) th { background-color: #E5E4E6; } /*---------------------------------------------------*/ .page_eloszto { margin-bottom: 50px; position: relative; } .page_eloszto .page_header { margin-bottom: 20px; } .page_eloszto .page_header .pagetitle { font-size: 40px; color: #277eb0; display: block; letter-spacing: -1px; margin-bottom: 10px; } .page_eloszto .page_header p, .page_eloszto .page_header .lead { font-size: 18px; font-weight: normal; } .page_eloszto .content_box { background: white; background-image: linear-gradient(top, white 0%, #EEEEEE 100%); background-image: -o-linear-gradient(top, white 0%, #EEEEEE 100%); background-image: -moz-linear-gradient(top, white 0%, #EEEEEE 100%); background-image: -webkit-linear-gradient(top, white 0%, #EEEEEE 100%); background-image: -ms-linear-gradient(top, white 0%, #EEEEEE 100%); border: 1px solid #CCCCCC; box-shadow: 0 0 20px rgba(0, 0, 0, 0.06) inset; padding: 25px; overflow: hidden; } .page_eloszto .col { float: left; width: 48.5%; border-right: 1px solid #CCCCCC; position: relative; } .page_eloszto .col.f-right { border-right: 0; } .page_eloszto .col .header { font-size: 20px; color: #010101; margin-bottom: 15px; } .page_eloszto .col ul { font-size: 12px; font-weight: bold; margin: 0 0 20px 45px; padding: 0; line-height: 1.3; } .page_eloszto .col ul li { margin-bottom: 8px; } .page_eloszto .col ul a { text-decoration: none; color: #277eb0; } .page_eloszto .col ul a:hover { text-decoration: underline; } .page_eloszto .col img.boximg { position: absolute; right: 30px; top: 40px; } /*---------------------------------------------------*/ .calculatorbanner { background: white url(../images/bg_calculatorbanner.png) no-repeat right top; border: 1px solid #DDDDDD; padding: 30px 15px; font-size: 12px; } .calculatorbanner .header { font-size: 18px; margin-bottom: 20px; display: block; } .calculatorbanner ul { list-style: none; margin: 0; padding: 0; line-height: 1.3; } .calculatorbanner ul li { background: url(../images/bg_li_yellow.png) no-repeat left 4px; margin-bottom: 10px; padding-left: 18px; } .calculatorbanner ul li:last-child { margin-bottom: 0; } .calculatorbanner a { color: #277eb0; font-weight: bold; text-decoration: none; } .calculatorbanner a:hover { text-decoration: underline; } /*---------------------------------------------------*/ .calculatorbanner2 { background: #3BA9EE; border: 1px solid #1C6B9D; padding: 15px 13px; font-size: 14px; color: white; box-shadow: 0 0 70px rgba(0, 0, 0, 0.3) inset; } .calculatorbanner2 .header { font-size: 24px; margin-bottom: 20px; display: block; color: #FFE05D; } .calculatorbanner2 ul { list-style: none; margin: 0; padding: 0; line-height: 1.2; } .calculatorbanner2 ul li { background: url(../images/bg_calculatorbanner_sep.png) no-repeat center bottom; margin-bottom: 6px; padding-bottom: 6px; } .calculatorbanner2 ul li:last-child { background: none; margin-bottom: 0; padding-bottom: 0; } .calculatorbanner2 a { background: url(../images/bg_calculatorbanner_item.png) no-repeat right center; color: white; text-decoration: none; text-shadow: 0 0 0 rgba(0, 0, 0, 0.7); display: block; padding: 2px 30px 2px 0; } .calculatorbanner2 a:hover { text-decoration: underline; } /*---------------------------------------------------*/ .blogpostbanner { background: white url(../images/bg_blogpostbanner.png) no-repeat right top; border: 1px solid #E4E4E4; padding: 30px 15px; font-size: 12px; } .blogpostbanner .header { font-size: 18px; margin-bottom: 20px; display: block; line-height: 1.3; letter-spacing: -1px; } .blogpostbanner ul { list-style: none; margin: 0; padding: 0; line-height: 1.3; } .blogpostbanner ul li { margin-bottom: 10px; } .blogpostbanner ul li:last-child { margin-bottom: 0; } .blogpostbanner a { color: #c87f0b; font-weight: bold; text-decoration: none; display: block; margin-bottom: 3px; } .blogpostbanner a:hover { text-decoration: underline; } /*---------------------------------------------------*/ ul.sidemenu2 { margin: 0 0 20px 0; padding: 1px 0 0 0; list-style: none; font-size: 12px; font-weight: bold; line-height: 1.2; } ul.sidemenu2 li { position: relative; margin-bottom: 10px; } ul.sidemenu2 a { background: #277EB0; text-decoration: none; display: block; color: white; padding: 0 30px 0 20px; line-height: 1.3; } ul.sidemenu2 a .vcenter { display: table-cell; vertical-align: middle; height: 44px; padding-top: 1px; } ul.sidemenu2 a:hover { background-color: #216A94; } ul.sidemenu2 a.active { background-color: #262626 !important; color: white !important; } ul.sidemenu2 a.active .vcenter { height: 46px; padding-top: 1px; } ul.sidemenu2 .normal { font-weight: normal; } ul.sidemenu2 a span.arrow { display: none; } ul.sidemenu2 a.active span.arrow { background: url(../images/bg_sidemenu_corner_hitel.png) no-repeat right; width: 15px; height: 47px; position: absolute; top: 0; right: -15px; display: block; } ul.sidemenu2 span.menuhelp { background: #FDFDFD url(../images/bg_help.png) no-repeat 5px 4px; display: block; width: 16px; height: 16px; position: absolute; top: 15px; right: 10px; border-radius: 8px; } ul.sidemenu2 a.active span.menuhelp { background-image: url(../images/bg_help_white.png); background-color: #1F64A0; border-color: #1F64A0; } /*---------------------------------------------------*/ .newsletter_panel { background: white url(../images/bg_infobox.png) no-repeat 680px -1px; width: 760px; color: black; margin: 20px auto 0 auto; border: 1px solid #C3C3C3; font-size: 13px; } .newsletter_panel.ajax { position: absolute; z-index: 11; top: 50px; left: 50%; margin: 0 0 0 -380px; border: 0; } .newsletter_panel .header1 { display: block; padding: 20px 30px; border-bottom: 1px solid #DCDCDC; font-size: 27px; color: #c24413; min-height: 31px; } .newsletter_panel .header2 { font-size: 16px; display: block; margin-bottom: 10px; color: #333333; } .newsletter_panel .content { background: white; box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.13) inset; padding: 30px; } .newsletter_panel .content .highlight { color: #b61d23; } .newsletter_panel a.close { background: url(../images/bg_close2.png) no-repeat top; width: 41px; height: 41px; display: block; text-decoration: none; position: absolute; right: -18px; top: -17px; } .newsletter_panel a.close:hover { background-position: bottom; } .newsletter_panel .expert { float: left; width: 190px; margin-right: 30px; font-size: 13px; line-height: 1.3; text-align: center; } .newsletter_panel .expert img { display: block; max-width: 100%; margin-bottom: 5px; } .newsletter_panel .infotext { float: left; width: 480px; line-height: 1.5; position: relative; } .newsletter_panel .infotext .nbr { background: #2790CA; width: 27px; height: 30px; padding-left: 3px; line-height: 31px; display: inline-block; color: white; font-size: 16px; font-weight: bold; text-align: center; text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.4); border-radius: 15px; } .newsletter_panel .infotext .nbr.red { background-color: #B93133; } .newsletter_panel .infotext p { margin-bottom: 10px; } .newsletter_panel .infotext p.p_width { width: 260px; } .newsletter_panel .inner_panel { background: white; border: 1px solid #C3C3C3; padding: 20px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1) inset; position: relative; z-index: 2; margin-top: 15px; } .newsletter_panel .inner_panel .header { font-size: 18px; display: block; margin-bottom: 15px; } .newsletter_panel .txtinput { font-size: 16px; color: #287eaf; font-weight: bold; height: 46px; line-height: 46px; padding: 0 12px; width: 340px; border-radius: 5px; } .newsletter_panel .mailimg { position: absolute; top: 424px; left: -10px; } .newsletter_panel a.button { background: #8ABA38 url(../images/bg_btn_billboard.png) no-repeat right center; display: inline-block; text-decoration: none; font-size: 22px; font-weight: bold; color: white; text-align: center; height: 48px; line-height: 45px; width: 270px; margin: 0 10px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4); box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.3); border-radius: 2px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; } .newsletter_panel a.button:hover { background-color: #95c941; } .newsletter_panel .success { background-color: #FEFAE6; border: 1px solid #D5D5D5; padding: 20px; font-size: 18px; line-height: 1.2; overflow: hidden; } .newsletter_panel .success p { margin-bottom: 10px; line-height: 1.3; } .newsletter_panel.hitelerdeklodes .expert { width: 140px; } .newsletter_panel.hitelerdeklodes .label { font-size: 13px; width: 100px; padding-top: 12px; } .newsletter_panel.hitelerdeklodes .txtinput { font-size: 14px; color: #287eaf; font-weight: bold; height: 34px; line-height: 34px; padding: 0 10px; width: 270px; border-radius: 5px; } .newsletter_panel.hitelerdeklodes select { border: 1px solid #C3C3C3; outline: none; font-size: 14px; font-weight: bold; padding: 6px; box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.2) inset; width: 292px; border-radius: 5px; color: #287eaf; } .newsletter_panel.hitelerdeklodes a.infolink { color: #6495ed; text-decoration: underline; display: inline-block; font-style: italic; cursor: help; font-size: 11px; font-weight: normal !important; } .newsletter_panel.xmas .content { background: white url(../images/bg_xmas.png) repeat; } .newsletter_panel.xmas .xmas_box { background: url(../images/xmas_box.png); width: 212px; height: 120px; position: absolute; right: 50px; bottom: -16px; } .newsletter_panel .success_panel { background-color: #FEFAE6; border: 1px solid #D5D5D5; padding: 30px; font-size: 18px; line-height: 1.2; overflow: hidden; } .newsletter_panel .success_panel .ico { margin-right: 30px; float: left; background-color: #415546; width: 50px; height: 50px; line-height: 50px; display: inline-block; border-radius: 25px; vertical-align: middle; font-size: 37px; color: #fff; font-weight: 600; text-align: center; } .newsletter_panel .success_panel p { margin-bottom: 10px; } /*---------------------------------------------------*/ .newsletter_bar { background: #1e1e1e; background-color: rgba(30, 30, 30, 0.95); width: 100%; position: fixed; left: 0; bottom: 0; color: white; z-index: 5; } .newsletter_bar .wrapper { width: 970px; margin: 0 auto; position: relative; } .newsletter_bar .handle { background: #0E0E0E url(../images/bg_newsletter_bar_handle.png) no-repeat 7px 6px; height: 45px; line-height: 45px; font-size: 18px; color: #b2b2b2; font-weight: bold; padding: 0 15px 0 54px; position: absolute; top: -45px; cursor: pointer; } .newsletter_bar .handle span { background: url(../images/bg_newsletter_bar_handle_arrow_up.png) no-repeat right center; display: inline-block; padding-right: 50px; } .newsletter_bar.opened .handle span { background-image: url(../images/bg_newsletter_bar_handle_arrow_down.png); } .newsletter_bar .content { height: 0; overflow: hidden; } .newsletter_bar .content .box { background: #262626 no-repeat 155px 68px; width: 261px; min-height: 153px; border: 1px solid #515151; margin: 30px 30px 15px 0; padding: 15px 15px 0 15px; float: left; line-height: 1.3; font-size: 13px; position: relative; } .newsletter_bar .content .box.last { margin-right: 0; } .newsletter_bar .content .box .header { font-size: 18px; font-weight: bold; display: block; margin-bottom: 15px; } .newsletter_bar .content .box p { color: #b2b2b2; line-height: 1.5; } .newsletter_bar .content .box.formdata { color: #b2b2b2; } .newsletter_bar .content .box.formdata a.checkboxlink, .newsletter_bar .content .box.formdata a { color: #b2b2b2 !important; } .newsletter_bar .content .box.formdata .header { color: #8bcd03; } .newsletter_bar .content .box.formdata .txtinput { font-size: 13px; width: 153px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .newsletter_bar .content .box.formdata .button { background: #6EA900; color: white !important; display: block; width: 96px; height: 34px; line-height: 34px; font-size: 16px; text-align: center; border-top-right-radius: 5px; border-bottom-right-radius: 5px; margin-left: -1px; } .newsletter_bar .content .box.formdata .field_confirm, .newsletter_bar .content .box.formdata .field_newsletter { margin-bottom: 0; } .newsletter_bar .content .box.ebook { } .newsletter_bar .content .box.ebook p { width: 130px; } .newsletter_bar .prize { background: #6EA900; color: white; font-size: 18px; font-weight: bold; padding: 12px 10px; } .newsletter_bar .over_ico { background: no-repeat; display: block; width: 57px; height: 57px; position: absolute; top: 86px; } .newsletter_bar .over_ico.plus { background-image: url(../images/bg_newsletter_plus.png); left: 277px; } .newsletter_bar .over_ico.eq { background-image: url(../images/bg_newsletter_eq.png); left: 600px; } .newsletter_bar .success { padding: 20px 10px; font-size: 16px; line-height: 1.2; overflow: hidden; } .newsletter_bar .success p { margin-bottom: 10px; line-height: 1.3; } /*---------------------------------------------------*/ .hitel_eloszures_panel_button { background: #3280B8; background-image: linear-gradient(top, #3280B8 0%, #125EA1 100%); background-image: -o-linear-gradient(top, #3280B8 0%, #125EA1 100%); background-image: -moz-linear-gradient(top, #3280B8 0%, #125EA1 100%); background-image: -webkit-linear-gradient(top, #3280B8 0%, #125EA1 100%); background-image: -ms-linear-gradient(top, #3280B8 0%, #125EA1 100%); color: white; display: inline-block; cursor: pointer; font-size: 13px; font-weight: 600; border: 1px solid #a9a9a9; position: fixed; bottom: 45px; right: 5px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); width: 230px; line-height: 1.3; text-align: center; z-index: 3; opacity: 0; visibility: hidden; -webkit-transition: 0.3s all linear; -moz-transition: 0.3s all linear; -ms-transition: 0.3s all linear; -o-transition: 0.3s all linear; transition: 0.3s all linear; } .hitel_eloszures_panel_button:hover { background: #3280B8; } .hitel_eloszures_panel_button.show { opacity: 1; visibility: visible; } .hitel_eloszures_panel_button .close { width: 20px; height: 20px; line-height: 18px; display: block; text-decoration: none; position: absolute; right: 0; top: 0; font-size: 15px; text-align: center; color: white; } .hitel_eloszures_panel_button p { padding: 5px; } /*---------------------------------------------------*/ .hitel_eloszures_panel2 { background: #3280B8; background-image: linear-gradient(top, #3280B8 0%, #125EA1 100%); background-image: -o-linear-gradient(top, #3280B8 0%, #125EA1 100%); background-image: -moz-linear-gradient(top, #3280B8 0%, #125EA1 100%); background-image: -webkit-linear-gradient(top, #3280B8 0%, #125EA1 100%); background-image: -ms-linear-gradient(top, #3280B8 0%, #125EA1 100%); width: 795px; padding: 20px; margin: 20px auto 0 auto; border: 2px solid #C4C4C4; border-radius: 2px; color: white; font-size: 12px; min-height: 447px; position: relative; } .hitel_eloszures_panel2.ajax { position: fixed; z-index: 11; margin: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; -webkit-transition: 0.3s all linear; -moz-transition: 0.3s all linear; -ms-transition: 0.3s all linear; -o-transition: 0.3s all linear; transition: 0.3s all linear; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } .hitel_eloszures_panel2.ajax.show { visibility: visible; opacity: 1; bottom: 50%; right: 50%; margin: 0 -417px -335px 0; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .hitel_eloszures_panel2.ajax.anim_off { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .hitel_eloszures_panel2 a.close { width: 30px; height: 30px; line-height: 27px; display: block; text-decoration: none; position: absolute; right: 10px; top: 10px; color: #dfeaf8; font-size: 15px; border: 1px solid #dfeaf8; border-radius: 15px; text-align: center; } .hitel_eloszures_panel2 a.close:hover { border-color: white; color: white; } .hitel_eloszures_panel2 .open_panel { font: 500 40px/1.2 'Cronos'; text-align: center; padding-top: 100px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); } .hitel_eloszures_panel2.next_opened .open_panel { display: none; } .hitel_eloszures_panel2 .open_panel strong { font-size: 62px; font-weight: 500; } .hitel_eloszures_panel2 .open_panel .big_button { background: #54B959 repeat-x; background-image: linear-gradient(top, #54B959 0%, #3F9343 100%); background-image: -o-linear-gradient(top, #54B959 0%, #3F9343 100%); background-image: -moz-linear-gradient(top, #54B959 0%, #3F9343 100%); background-image: -webkit-linear-gradient(top, #54B959 0%, #3F9343 100%); background-image: -ms-linear-gradient(top, #54B959 0%, #3F9343 100%); padding: 0 20px; height: 70px; border: 1px solid #016438; border-bottom: 1px solid rgba(0, 0, 0, 0.8) !important; border-radius: 4px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.15); display: inline-block; font: 500 24px/70px 'Cronos'; color: white; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); margin-top: 40px; text-decoration: none; } .hitel_eloszures_panel2 .open_panel .big_button .big { font-size: 40px; } .hitel_eloszures_panel2 .open_panel .big_button img { vertical-align: middle; margin: -5px 0 0 5px; } .hitel_eloszures_panel2 .open_panel .cancel { font-size: 12px; color: #2574b0; text-decoration: underline; position: absolute; right: 5px; bottom: 5px; } .hitel_eloszures_panel2 .next_panel { display: none; } .hitel_eloszures_panel2.next_opened .next_panel { display: block; } .hitel_eloszures_panel2 .next_panel .header { font: 500 40px/1 'Cronos'; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); display: block; margin-bottom: 20px; } .hitel_eloszures_panel2 .form_panel { background: white; border: 1px solid #BBBBBB; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); width: 598px; min-height: 385px; float: left; position: relative; color: black; } .hitel_eloszures_panel2 .form_panel .inner_content { padding: 15px 25px; } .hitel_eloszures_panel2 .form_panel .field { padding: 5px 0; overflow: hidden; position: relative; } .hitel_eloszures_panel2 .form_panel .field .label { font-size: 15px; float: left; width: 205px; padding: 7px 15px 0 10px; position: relative; line-height: 1.3; } .hitel_eloszures_panel2 .form_panel .field .label.full { width: auto; float: none; margin-bottom: 5px; } .hitel_eloszures_panel2 .form_panel .field .col { float: left; width: 260px; } .hitel_eloszures_panel2 .form_panel .field .col.col2 { width: 49%; text-align: left; } .hitel_eloszures_panel2 .form_panel .field .col_full { float: none; width: auto; padding-left: 125px; } .hitel_eloszures_panel2 .form_panel .field .label .fnbr { display: none; } .hitel_eloszures_panel2 .form_panel select { border: 1px solid #D7D7D7; font-size: 15px; padding: 5px; color: black; width: 242px; outline: none; } .hitel_eloszures_panel2 .form_panel .txtinput { border: 1px solid #E9E9E9; outline: none; font-size: 15px; padding: 5px; color: black; width: 242px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05) inset; } .hitel_eloszures_panel2 .form_panel textarea { border: 1px solid #E9E9E9; outline: none; font-size: 13px; padding: 5px; color: black; width: 242px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05) inset; } .hitel_eloszures_panel2 .form_panel .input-box { background: white; border: 1px solid #E9E9E9; display: inline-block; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05) inset; } .hitel_eloszures_panel2 .form_panel .input-box .txtinput { background: transparent; border: none; box-shadow: 0 0 0; } .hitel_eloszures_panel2 .field .optionbutton { background: white; border: 1px solid #D7D7D7; font-size: 12px; color: #126dad; padding: 5px 5px 5px 25px; width: 65px; position: relative; line-height: 1.2; margin: 0 8px 4px 0; cursor: pointer; display: inline-block; vertical-align: middle; } .hitel_eloszures_panel2 .field .optionbutton .checkbox { background: no-repeat center; background-size: 10px 8px; border: 1px solid #C9C9C9; width: 12px; height: 12px; display: inline-block; box-shadow: 0 0 4px rgba(0, 0, 0, 0.08) inset; position: absolute; top: 5px; left: 5px; } .hitel_eloszures_panel2 .field .optionbutton:hover { border-color: #a9a9a9; } .hitel_eloszures_panel2 .field .optionbutton.active { background-color: #E7F4FD; } .hitel_eloszures_panel2 .field .optionbutton.active .checkbox { background-image: url(../images/bg_checkbox_checked.png); } .hitel_eloszures_panel2 .form_panel .input-box .unit { font-size: 15px; color: #d9d9d9; vertical-align: middle; margin-left: 5px; } .hitel_eloszures_panel2 .form_panel .unit { font-size: 16px; color: #b1b1b1; vertical-align: middle; } .hitel_eloszures_panel2 .form_panel .field.error:after { content: "\f12a"; display: block; position: absolute; right: 17px; top: 12px; font: normal normal normal 20px/1 FontAwesome; color: #C73B3B; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .hitel_eloszures_panel2 .form_panel .field.ok:after { content: "\f00c"; display: block; position: absolute; right: 10px; top: 12px; font: normal normal normal 20px/1 FontAwesome; color: #44AA22; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .hitel_eloszures_panel2 .form_panel .field .msg { display: none; color: #db0000; font-weight: 600; font-size: 12px; line-height: 1.3; margin: 5px 0 0 0; } .hitel_eloszures_panel2 .form_panel .field.error .msg { display: block; } .hitel_eloszures_panel2 .form_panel .txtinput[name=phone1]:focus::-webkit-input-placeholder { color: transparent; } .hitel_eloszures_panel2 .form_panel .txtinput[name=phone1]:focus:-moz-placeholder { color: transparent; } .hitel_eloszures_panel2 .form_panel .txtinput[name=phone1]:focus::-moz-placeholder { color: transparent; } .hitel_eloszures_panel2 .form_panel .txtinput[name=phone1]:focus:-ms-input-placeholder { color: transparent; } .hitel_eloszures_panel2 .form_panel .field_confirm { width: 360px; margin-bottom: 0; } .hitel_eloszures_panel2 .form_panel .field_confirm { background: transparent; font-size: 12px; float: left; } .hitel_eloszures_panel2 .form_panel .field_confirm .field { background: transparent; font-size: 12px; margin-bottom: 0; } .hitel_eloszures_panel2 .form_panel .field_confirm .label { float: none; border: 1px solid #E1E1E1; text-align: left; padding: 5px 10px; width: 180px !important; cursor: pointer; } .hitel_eloszures_panel2 .form_panel .field_confirm .label .checkbox { margin-right: 10px; } .hitel_eloszures_panel2 .form_panel .field_confirm .confirm_container { padding: 0 10px 0 10px; } .hitel_eloszures_panel2 .form_panel .checkbox_container { padding: 1px 0 0 28px; position: relative; line-height: 1.2; min-height: 15px; font-size: 12px; color: #818181; } .hitel_eloszures_panel2 .form_panel .checkbox_container .checkbox { position: absolute; top: 0; left: 0; } .hitel_eloszures_panel2 .form_panel .checkbox_container span { vertical-align: middle; } .hitel_eloszures_panel2 .form_panel .checkbox_container .click_area { cursor: pointer; } .hitel_eloszures_panel2 .form_panel .checkbox_container a { color: #818181; text-decoration: none; border-bottom: 1px dotted #818181; } .hitel_eloszures_panel2 .form_panel .checkbox { background: no-repeat center; background-size: 10px 8px; border: 1px solid #C9C9C9; width: 14px; height: 14px; display: inline-block; box-shadow: 0 0 4px rgba(0, 0, 0, 0.08) inset; vertical-align: middle; cursor: pointer; } .hitel_eloszures_panel2 .form_panel .checkbox.active { background-image: url(../images/bg_checkbox_checked.png); } .hitel_eloszures_panel2 .form_panel .btn_container { float: right; width: 180px; padding-top: 20px; text-align: right; position: relative; } .hitel_eloszures_panel2 .form_panel a.btn_send { background: #016438 repeat-x; background-image: linear-gradient(top, #4BB550 0%, #016438 100%); background-image: -o-linear-gradient(top, #4BB550 0%, #016438 100%); background-image: -moz-linear-gradient(top, #4BB550 0%, #016438 100%); background-image: -webkit-linear-gradient(top, #4BB550 0%, #016438 100%); background-image: -ms-linear-gradient(top, #4BB550 0%, #016438 100%); width: 160px; height: 48px; border: 1px solid #016438; border-bottom: 1px solid rgba(0, 0, 0, 0.8) !important; border-radius: 4px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.15); display: inline-block; font: 20px/48px 'Cronos'; color: white; margin-bottom: 10px; text-decoration: none; text-align: center; } .hitel_eloszures_panel2 .form_panel a.btn_send:hover { box-shadow: 0 0 0; } .hitel_eloszures_panel2 .form_panel a.btn_send span { background: url(../images/bg_form_btn_send.png) no-repeat right center; display: inline-block; padding-right: 40px; } .hitel_eloszures_panel2 .form_panel .rating { background: url(../images/trust_logo.png) no-repeat left center; color: #818181; font-size: 12px; width: 150px; margin: 27px 0 0 100px; padding-left: 48px; text-align: left; line-height: 1.3; min-height: 42px; float: left; } .hitel_eloszures_panel2 .form_panel .rating img { margin: 5px 0; } .hitel_eloszures_panel2 .form_panel .rating .logo { font-family: 'Cronos'; font-size: 16px; display: block; color: black; } .hitel_eloszures_panel2 .form_panel .rating .logo .blue { color: #1584c4; } .hitel_eloszures_panel2 .form_panel .loading { display: none; text-align: center; font-weight: bold; } .hitel_eloszures_panel2 form.ondatasend .form_panel .loading { display: block; } .hitel_eloszures_panel2 .form_panel .loading .loader { background: url(../images/loader2.gif) no-repeat center; margin-top: 10px; width: 32px; height: 32px; display: inline-block; } .hitel_eloszures_panel2 form.ondatasend .form_panel a.btn_send { display: none; } .hitel_eloszures_panel2 .form_panel .success { background-color: #FEFAE6; border: 1px solid #D5D5D5; padding: 20px; font-size: 16px; line-height: 1.2; overflow: hidden; margin: 0; } .hitel_eloszures_panel2 .form_panel .success p { margin-bottom: 10px; line-height: 1.3; } .hitel_eloszures_panel2 .infotext { float: right; width: 180px; line-height: 1.4; } .hitel_eloszures_panel2 .infotext p { margin-bottom: 20px; } .hitel_eloszures_panel2 .expert { text-align: center; } /*---------------------------------------------------*/ iframe[name=google_conversion_frame] { display: none; } /*---------------------------------------------------*/ .cookie_info { background: #4c5b66; color: white; padding: 8px 0; width: 100%; position: fixed; z-index: 4; left: 0; bottom: 0; text-align: center; font-size: 12px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); border-top: 1px solid #6d6d6d; } .cookie_info a { color: white; } .cookie_info a.button { background: #2e2e2e; height: 20px; line-height: 20px; display: inline-block; padding: 0 10px; text-decoration: none; border-radius: 5px; margin-left: 20px; border: 1px solid #6d6d6d; } .cookie_info a.button:hover { border-color: #c8c8c8 !important; } .cookie_info a.button.confirm { background-color: #d35630; border-color: #d35630; } /*---------------------------------------------------*/ .ebook_formbox { background: #FCFDFD; border: 1px solid #C5C1BC; padding: 10px; width: 172px; font-size: 11px; color: #8b9094; display: block; text-decoration: none; line-height: 1.3; overflow: hidden; font-weight: bold; } .ebook_formbox .panelheader { font-size: 14px; color: #666666; display: block; margin-bottom: 2px; font-weight: bold; } .ebook_formbox:hover { background-color: #F6F6F6; color: black; } .ebook_formbox:hover .panelheader { color: #cc4a0a; } .ebook_formbox img { float: left; max-width: 50px; margin-right: 10px; } .ebook_formbox .text { overflow: hidden; } .ebook_formbox .download { background: url(../images/bg_link_dl.png) no-repeat left center; color: #277eb0; padding-left: 6px; } /*---------------------------------------------------*/ .no-blur.zoompopup-active .zoompopup-contents { -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; } .zoompopup-popup { opacity: 0; visibility: hidden; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } .zoompopup-active .zoompopup-popup-animate { visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .zoompopup-ready body, .zoompopup-ready .zoompopup-contents, .zoompopup-ready .zoompopup-popup { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940); -moz-transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940); -ms-transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940); -o-transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940); transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940); } .zoompopup-ready .zoompopup-popup.no-transition { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } /*---------------------------------------------------*/ ul.breadcrumbs { font-size: 12px; margin: 0 0 20px 0 !important; padding: 0; list-style: none; overflow: hidden; line-height: 1.2; } ul.breadcrumbs li { float: left; margin-right: 5px; } ul.breadcrumbs li:after { content: " >"; } ul.breadcrumbs li:last-child:after { content: ""; } ul.breadcrumbs a { color: #126dad; text-decoration: none; } ul.breadcrumbs a:hover { text-decoration: underline; } /*---------------------------------------------------*/ .cib_banner1 { background: url(../images/cib180_1.jpg) no-repeat; width: 180px; height: 400px; display: block; position: relative; } .cib_banner1.info { background-image: url(../images/cib180_2.jpg); } .cib_banner1 .jogi_info { background: transparent; position: absolute; left: 0; bottom: 60px; width: 100%; height: 28px; cursor: help; } /*---------------------------------------------------*/ .cib_banner2 { background: url(../images/cib550_1.jpg) no-repeat; width: 550px; height: 120px; display: block; position: relative; } .cib_banner2.info { background-image: url(../images/cib550_2.jpg); } .cib_banner2 .jogi_info { background: transparent; position: absolute; right: 0; bottom: 30px; width: 120px; height: 28px; cursor: help; } /*---------------------------------------------------*/ #main_loader { background: url(../images/loader2.gif) no-repeat center; background-color: rgba(255, 255, 255, 0.6); position: fixed; left: 0; top: 0; z-index: 5; width: 100%; height: 100%; display: none; } body.loading #main_loader { display: block; } /*---------------------------------------------------*/ #calc_loader { background-color: rgba(255, 255, 255, 0.6); position: fixed; left: 0; top: 0; z-index: 5; width: 100%; height: 100%; display: none; } body.calcloading #calc_loader { display: block; } #calc_loader .content { background: #fff; width: 540px; height: 330px; position: absolute; left: 50%; top: 50%; margin: -165px 0 0 -270px; box-shadow: 0 0 35px rgba(0, 0, 0, 0.3); padding: 40px; box-sizing: border-box; line-height: 1.3; font-size: 16px; color: #313745; } #calc_loader .content .header { font-size: 24px; display: block; margin-bottom: 35px; } #calc_loader .content p { margin: 10px 0; } #calc_loader .content .progress { } #calc_loader .content .progress .progressline { background: #ECECEC; height: 7px; overflow: hidden; margin: 20px 0 20px 0; } #calc_loader .content .progress .progressline .position { animation-duration: 3s; background: #d35630; width: 0; } #calc_loader .content .progress.go .progressline .position { animation-name: progressmove; animation-timing-function: linear; animation-fill-mode: forwards; } @keyframes progressmove { 0% { width: 0%; } 25% { width: 20%; } 50% { width: 30%; } 75% { width: 80%; } 100% { width: 100%; } } #calc_loader .content .statustext { font-style: italic; overflow: hidden; } #calc_loader .content .statustext ul { list-style: none; margin: 0; padding: 0; font-size: 13px; } #calc_loader .content .statustext ul li { margin-bottom: 5px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: 0; position: relative; top: 20px; } #calc_loader .content .statustext ul li.show { opacity: 1; top: 0; } body.calcloading #calc_loader { display: block; } /*---------------------------------------------------*/ .kerdoiv_panel { line-height: 1.3; font-size: 15px; margin: 15px 0; width: 220px; float: right; } .kerdoiv_panel .header { display: block; font-family: "Cronos"; font-size: 18px; font-weight: normal; margin-bottom: 5px; } .kerdoiv_panel .tw_btn { margin: 10px 0; display: block; } .font_br_logo { font-family: 'Cronos'; font-size: 16px; color: #1A6EAB; display: inline-block; font-weight: normal; text-transform: none; } .font_br_logo strong { color: #41484E; font-weight: 600; } /*---------------------------------------------------*/ .adverticum_tapeta { } .adverticum_tapeta .banner { width: 509px; height: 892px; top: 124px; } .adverticum_tapeta .left_banner { position: absolute; left: 50%; margin-left: -1004px; z-index: 2; text-align: right; } .adverticum_tapeta .right_banner { position: absolute; right: 50%; margin-right: -1004px; z-index: 2; text-align: left; } .adverticum_tapeta .promotiontext { color: #A4A4A4; display: block; font-size: 12px; position: absolute; top: 5px; right: 5px; z-index: 3; } body.brand_hitel_icom .adverticum_tapeta .banner, body.brand_kolcson_icom .adverticum_tapeta .banner { top: 47px; } body.brand_domain.brand_biztositas_hu .adverticum_tapeta .banner { top: 151px; } body.brand_domain.brand_kirakat_hu .adverticum_tapeta .banner { top: 128px; } body.brand_domain.brand_haszon_hu .adverticum_tapeta .banner { top: 0; } body.brand_domain.brand_kiszamolo_hu .adverticum_tapeta .banner { top: 30px; } body.brand_domain.brand_kiszamolo_hu .adverticum_tapeta .left_banner { margin-left: -1034px; } body.brand_domain.brand_kiszamolo_hu .adverticum_tapeta .right_banner { margin-right: -1034px; } body.brand_domain.brand_vg_hu .adverticum_tapeta .banner { top: 0; } body.brand_domain.brand_vg_hu .adverticum_tapeta .left_banner { margin-left: -1058px; } body.brand_domain.brand_vg_hu .adverticum_tapeta .right_banner { margin-right: -1058px; } body.brand_domain.brand_gasz_hu .adverticum_tapeta .banner { top: 162px; } body.brand_domain.brand_hitelkozvetito_hu .adverticum_tapeta .banner { top: 87px; } body.brand_domain.brand_penzcentrum_hu .adverticum_tapeta .banner { top: 201px; } #reg_form span.info_ico { display: inline-block; vertical-align: middle; text-align: center; font-family: Arial, Helvetica, sans-serif; border-radius: 8px; color: white; font-weight: bold; cursor: help; background-color: #dadada; position: relative; font-size: 14px; line-height: 16px; width: 15px; height: 15px; text-shadow: none; margin-left: 5px; } /*---------------------------------------------------*/ .tapeta { pointer-events: none; position: fixed; left: calc(50% - 623px); top: 0; width: 1246px; height: 100%; z-index: 1; } .tapeta .left_banner { width: 50%; position: absolute; left: 0; top: 134px; } .tapeta .left_banner a, .tapeta .right_banner a { pointer-events: auto; width: auto; } .tapeta .right_banner { width: 50%; position: absolute; right: 0; top: 134px; display: flex; justify-content: flex-end; } .tapeta .promotiontext { bottom: 6px; position: absolute; } body.brand_domain.brand_biztositas_hu .tapeta .left_banner, body.brand_domain.brand_biztositas_hu .tapeta .right_banner { top: 161px; } body.brand_domain.brand_kiszamolo_hu .tapeta .left_banner, body.brand_domain.brand_kiszamolo_hu .tapeta .right_banner { top: 240px; } body.brand_domain.brand_teszvesz_hu .tapeta .left_banner, body.brand_domain.brand_teszvesz_hu .tapeta .right_banner { top: 143px; } body.brand_domain.brand_vg_hu .tapeta .left_banner, body.brand_domain.brand_vg_hu .tapeta .right_banner { top: 192px; } body.brand_domain.brand_gasz_hu .tapeta .left_banner, body.brand_domain.brand_gasz_hu .tapeta .right_banner { top: 159px; } body.brand_domain.brand_penzcentrum_hu .tapeta .left_banner, body.brand_domain.brand_penzcentrum_hu .tapeta .right_banner { top: 201px; } /*---------------------------------------------------*/ @media (max-width: 1000px) { #top nav.main_menu .wrapper{ padding: 0 0 0 10px; } #top .section1 .logo { margin: 0 0 0 10px; } #top nav.main_menu .wrapper > ul { max-width: 950px; } #top nav.main_menu .wrapper > ul > li.has_submenu > a { padding: 0 10px 0 0; } #top nav.main_menu .wrapper > ul > li.has_submenu > a:after { right: -8px; } #top nav.main_menu .wrapper > ul > li.miert { margin-right: 30px; } .dashboard__wrapper { box-sizing: border-box; padding: 0 10px; } .dashboard__item { width: 213px; } .tabset3 { margin: 38px 10px 0; width: 990px; } .banklogos { margin: 10px 10px 56px 10px; } } .popup_template_wrapper { display: none; } .regpasssuccess { margin: 0 auto; width: 1000px; }