body {
    font-family: Arial, Helvetica, Geneva, sans-serif;
    font-size: 14px;
    background: #dadfe1;
}

h1 {
    font-size: 24px;
    margin-bottom: 14px;
}

h2 {
    font-size: 16px;
    margin-bottom: 8px;
}

h3 {
    font-size: 18px;
}

a {
    color: #2574a9;
}

a:hover {
    color: #2d5d85;
}

.pageRoot {
    min-height: 100vh;
}

header {
    height: 48px;
    background: #2574a9;
}

header > a {
    max-width: 998px;
    margin: 0 auto;
    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    justify-content: center;

    height: 48px;
    padding: 2px 92px 0 30px;
    color: #fff;
    font-size: 16px;
    cursor: default;
}

header > a:hover {
    color: #fff;
}

header > a.lockIcon {
    background-position: 10px 18px;
}

nav {
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
    background: #3498db;
}

nav a {
    display: block;
    height: 31px;
    padding: 17px 0 0 33px;
    color: #fff;
}

nav a:hover {
    color: #fff;
    background-color: #2d5d85;
}

nav > a.earthIcon {
    background-position: 15px 18px;
}

nav a span.mod {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 7px;
}

nav ul {
    z-index: 100;
    position: absolute;
    top: 48px;
    right: 0;
    width: 320px;
    background: #3498db;
}

nav ul li {
    float: left;
    width: 160px;
}

nav ul li a {
    display: block;
    width: 150px;
    height: 30px;
    padding: 14px 0 0 10px;
    background: #3498db;
}

nav ul li.active a {
    color: #141414;
}

nav ul li.active a:hover {
    background-color: #3498db;
}

#issuer {
    padding: 14px 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAMElEQVQYV2P8///u/69fxRm4ubkZ8AHGL1++/CekCGQA4//////jNQoqOaoQbygBAOksKeOm6eQdAAAAAElFTkSuQmCC);
}

#issuer #issuer_content {
    max-width: 998px;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
}

#content {
    margin: 18px auto 14px;
    max-width: 998px;
    width: 100vw;
}

#content h1 {
    margin-left: 10px;
}

#content h1:before {
    content: "";
    display: table;
    clear: both;
    margin-bottom: 10px;
}

.box {
    position: relative;
    width: calc(50% - 20px);
    margin: 0 10px 20px;
    background: #fff;
    float: left;
    font-size: 16px;
    height: 160px;
}

.invoice-price {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.price-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 3px;
}

.price-row-label {
    margin-right: 20px;
    text-align: right;
    font-size: 11px;
    text-transform: uppercase;
}

a.view-invoice {
    padding: 10px 16px;
    border: 2px solid #666;
    border-radius: 4px;
    color: #333;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
    height: 12px;
    white-space: nowrap;
}

a.view-invoice:hover {
    background: #2574a9;
    border-color: #2574a9;
    color: #fff;
}

/* Kifizetem Most */

a.pay-now {
    padding: 5px 10px;
    margin-top: 10px;
    background: #53ab4f;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
}

a.pay-now:hover {
    background: #4a964a;
}

a.pay-now span {
    width: 12px;
    height: 12px;
    border: 2px solid #fff;
    border-radius: 4px;
    padding: 5px 16px;
    background-position: 17px 5px;
}

.paid {
    height: 25px;
    padding: 5px 10px;
    margin-top: 10px;
    background: #828282;
    color: #fff;
    font-size: 13px;
    font-style: italic;
}

.halfpaid {
    background: #4a964a;
    color: #fff;
    font-size: 16px;
}

a.halfpaid:hover {
    color: #dfd;
}

#cta {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 14px;
}

#cta img {
    vertical-align: middle;
}

.try-now {
    display: inline-block;
    padding: 12px 18px;
    background: #ff6630;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
    margin-left: 20px;
    vertical-align: middle;
}

#cta .try-now:hover {
    background: #d55528;
    color: white;
}

.tags {
    margin-bottom: 5px;
    font-size: 11px;
    color: #5f6273;
    font-weight: normal;
    text-transform: uppercase;
}

.highlight {
    color: #ff6630;
}

.fullbox {
    margin: 0 10px 25px;
    background: #fff;
    font-size: 16px;
    box-shadow: 0px 1px 1px #bbb;
}

form .highlight {
    font-size: 14px;
}

.my-toggle {
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: #666;
    cursor: pointer;
    font-size: 11px;
    font-weight: normal;
    margin-right: 6px;
    padding: 6px;
    text-transform: uppercase;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.my-toggle:hover,
.my-toggle:focus {
    background-color: #eee;
    color: #555;
    outline: transparent;
}

::-ms-reveal,
::-ms-clear {
    display: none !important;
}

button[type="submit"], .button {
    display: block;
    max-width: 500px;
    width: 100%;
    margin: 24px 0 0;
    padding: 13px 0;
    border: none;
    border-radius: 6px;
    background: #53ab4f;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
}

button[type="submit"]:hover,
.button:hover {
    background: #4a964a;
    color: #fff;
}

@media screen and (max-width:730px) {
    .box {
        width: 94%;
        width: calc(100% - 20px);
    }
}

.lockIcon {
    background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJCQkgd2lkdGg9IjEycHgiIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDU2LjY5IDU2LjY5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1Ni42OSA1Ni42OSIgZmlsbD0id2hpdGUiIHhtbDpzcGFjZT0icHJlc2VydmUiPgoJCTxwYXRoIGQ9Ik00Mi4yODMsMjMuOTI3aC0wLjY0NnYtNi44NzFjMC03LjMzLTUuOTYzLTEzLjI5My0xMy4yOTItMTMuMjkzYy03LjMyOCwwLTEzLjI5MSw1Ljk2My0xMy4yOTEsMTMuMjkzdjYuODcxaC0wLjY0NgoJCQljLTMuMzE0LDAtNiwyLjY4Ni02LDZ2MTdjMCwzLjMxMywyLjY4Niw2LDYsNmgyNy44NzVjMy4zMTMsMCw2LTIuNjg4LDYtNnYtMTdDNDguMjgzLDI2LjYxMyw0NS41OTYsMjMuOTI3LDQyLjI4MywyMy45Mjd6CgkJCSBNMjkuOTkyLDM3Ljc1NHY1LjkxNmMwLDAuOTEtMC43MzYsMS42NDYtMS42NDcsMS42NDZjLTAuOTA4LDAtMS42NDYtMC43MzYtMS42NDYtMS42NDZ2LTUuOTE2CgkJCWMtMS4wMDQtMC41NzYtMS42ODgtMS42NDUtMS42ODgtMi44ODNjMC0xLjg0LDEuNDkyLTMuMzM0LDMuMzM0LTMuMzM0YzEuODQsMCwzLjMzNCwxLjQ5NCwzLjMzNCwzLjMzNAoJCQlDMzEuNjgsMzYuMTA5LDMwLjk5NCwzNy4xNzgsMjkuOTkyLDM3Ljc1NHogTTM3LjYzNywyMy45MjdIMTkuMDU0di02Ljg3MWMwLTUuMTIzLDQuMTY4LTkuMjkzLDkuMjkxLTkuMjkzCgkJCWM1LjEyNCwwLDkuMjkyLDQuMTcsOS4yOTIsOS4yOTNWMjMuOTI3eiIvPgo8L3N2Zz4=) no-repeat;    
}

.arrowRightIcon {
    background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJCSB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgNTYuNjkgNTYuNjkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDU2LjY5IDU2LjY5IiB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsPSJ3aGl0ZSI+Cgk8cGF0aCBkPSJNNDIuNzcsMjguMzQyYzAsMS4zOS0wLjY0MSwyLjcyNC0xLjc2LDMuNjZMMTkuODc2LDQ5LjY4OGMtMS4wNzQsMC44OTktMi4wNDcsMS4wOTItMi42NzYsMS4wOTIKCQljLTEuNTgsMC0zLjI3OS0xLjIxNC0zLjI3OS0zLjg3MVY5Ljc4M2MwLTIuNjYxLDEuNjk5LTMuODcyLDMuMjc5LTMuODcyYzAuNjI5LDAsMS42MDIsMC4xOSwyLjY3NiwxLjA5TDQxLjAxLDI0LjY4MgoJCUM0Mi4xMjksMjUuNjE4LDQyLjc3LDI2Ljk1Miw0Mi43NywyOC4zNDJ6Ii8+Cgk8L3N2Zz4=) no-repeat;
}

.arrowDownIcon {
    background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgNTYuNyA1Ni43IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1Ni43IDU2LjciIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9IndoaXRlIj4KCTxwYXRoIGQ9Ik0yOC4zLDQyLjhjLTEuNCwwLTIuNy0wLjYtMy43LTEuOEw3LDE5LjljLTAuOS0xLjEtMS4xLTItMS4xLTIuN2MwLTEuNiwxLjItMy4zLDMuOS0zLjNoMzcuMWMyLjcsMCwzLjksMS43LDMuOSwzLjMKCQljMCwwLjYtMC4yLDEuNi0xLjEsMi43TDMyLDQxQzMxLjEsNDIuMSwyOS43LDQyLjgsMjguMyw0Mi44eiIvPgoJPC9zdmc+) no-repeat;
}

.earthIcon {
    background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJCSB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgNDE2LjI2MiA0MTYuMjYyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MTYuMjYyIDQxNi4yNjI7IgoJCSB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsPSJ3aGl0ZSI+CgkJPHBhdGggZD0iTTIwOC4xMzUsMEM5My4zNzMsMCwwLDkzLjM2NSwwLDIwOC4xMzFjMCwxMTQuNzY2LDkzLjM3MywyMDguMTMxLDIwOC4xMzUsMjA4LjEzMQoJCQljMTE0Ljc2NCwwLDIwOC4xMjctOTMuMzY1LDIwOC4xMjctMjA4LjEzMUM0MTYuMjYyLDkzLjM2NSwzMjIuODk4LDAsMjA4LjEzNSwweiBNMzg1LjQzOCwxODQuODc5aC02Ny4zOTcKCQkJYy00LjQ1LTU0LjMwNS0yNS4yNDYtMTA3LjAwOS02Mi4zOTItMTQ5LjE2MkMzMjQuMDI5LDU0LjU4MiwzNzYuMDc1LDExMy4xMDIsMzg1LjQzOCwxODQuODc5eiBNMTkzLjUwNCwxODQuODc5aC02NS42NjIKCQkJYzUuNTQ5LTUxLjQzOSwyNy41MDgtMTAxLjU5NCw2NS42NjItMTQwLjg4M1YxODQuODc5eiBNMTkzLjUwNCwyMTQuMTM5djE2MS4xMTljLTAuNDk2LTAuNzA3LTEuMDMtMS40LTEuNjYtMi4wMjcKCQkJYy00Mi45NDMtNDIuOTUyLTY0LjYzMS0xMDAuNjYtNjUuMzU0LTE1OS4wOTJIMTkzLjUwNHogTTIyMi43NjIsMjE0LjEzOWg2Ni45NDFjLTEuNjU1LDU4LjA0Ny0yNC4wMTgsMTE2LTY2Ljk0MSwxNjAuMTk3VjIxNC4xMzl6CgkJCSBNMjIyLjc2MiwxODQuODc5VjQzLjA3NWMwLjQ5NCwwLjcwNiwxLjAyOSwxLjM5OSwxLjY1NiwyLjAyN2MzOC4yMDMsMzguMjEyLDU5LjU5NCw4OC4wOTQsNjQuMzYzLDEzOS43NzZMMjIyLjc2MiwxODQuODc5CgkJCUwyMjIuNzYyLDE4NC44Nzl6IE0xNjEuNzkxLDM1LjM3OWMtMzYuOTAxLDQyLjk0Ny01OC4wMTgsOTUuNjYtNjMuMTg0LDE0OS41SDMwLjgyNkM0MC4yMzksMTEyLjY4OCw5Mi44MzgsNTMuODk3LDE2MS43OTEsMzUuMzc5egoJCQkgTTI5LjQxOCwyMTQuMTM5aDY3Ljk4NGMwLjY1LDU5LjgzMiwyMC45MSwxMTkuMDE1LDYwLjg4OSwxNjUuNzQyQzg1LjY5MywzNTguNzc3LDMyLjAzMywyOTIuODI5LDI5LjQxOCwyMTQuMTM5egoJCQkgTTI1Ni44MTQsMzgwLjIwOWMzOS44LTQ3LjYxMiw2MC40OS0xMDYuNzk1LDYxLjk5Mi0xNjYuMDdoNjguMDQ5QzM4NC4yMjcsMjkzLjI0NSwzMjkuOTk5LDM1OS40NzksMjU2LjgxNCwzODAuMjA5eiIvPgoJPC9zdmc+) no-repeat;
}

.closeIcon {
    background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJCSB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgNDQwLjMwNyA0NDAuMzA3IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NDAuMzA3IDQ0MC4zMDc7IgoJCSB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsPSJ3aGl0ZSI+CgkJPHBvbHlnb24gcG9pbnRzPSI0NDAuMzA3LDU4LjU4MyAzODEuNzIzLDAgMjIwLjE1MywxNjEuNTcgNTguNTg0LDAgMCw1OC41ODMgMTYxLjU2OSwyMjAuMTUzIDAsMzgxLjcyMyA1OC41ODQsNDQwLjMwNyAKCQkJMjIwLjE1MywyNzguNzM2IDM4MS43MjMsNDQwLjMwNyA0NDAuMzA3LDM4MS43MjMgMjc4LjczNiwyMjAuMTUzIi8+Cgk8L3N2Zz4=) no-repeat;
}

.hide {
    display: none;
}

.bc-logos img:first-of-type {
    margin: 0 8px 8px 0;
}

/* Alulra tolás */
.toBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.kiprobalom-box {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    width: 500px;
    justify-content: center;
    justify-items: center;
}

.kiprobalom-holder {
    width:200px;
    margin: 20px 19px 20px 19px;
}

.kiprobalom-box img {
    width: 100%;
}

.kiprobalom-button {
    margin-top: 15px;
    margin-bottom: 15px;
}

.kiprobalom-box .fa-link {
    color: #52A659;
}

#kapcsicon {
    margin-top: 19px;
}

@media (max-width: 500px) {
    .kiprobalom-box {
        flex-direction: column;
    }

    #kapcsicon {
        margin-top: 0px;
    }
}

.overflowHide {
    overflow: hidden;
}
.overflowInit {
    overflow: initial;
}