* {box-sizing: border-box;}
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, li, dl, dd, dt, address {margin: 0;padding: 0;}
html {background: white;color: #3b3086;}
body {text-align: center;font: 14px/1.6 "Open Sans", sans-serif;}
a {font-weight: 400;text-decoration: underline;color: #e91e63;}
a:hover {text-decoration: none;}

table {font-size: 100%;border-collapse: collapse;}
.bold, .font-weight-bold {font-weight: bold !important;}
.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}
.cb {clear: both;height: 1px;width: 1px;overflow: hidden;}
.clear {clear: both;}
.clearfix:after, .container:after, .form-group:after {content: "";display: table;clear: both;}
ul, ol {margin: 0 0 1em 25px;}
ul li, ol li {margin-bottom: 5px;}
ul li {list-style: square;}
a img, fieldset, button {border: 0;}
img.img-fluid {max-width: 100%;}
p {margin-bottom: 1em;}
.highlight {color: red;font-weight: bold;}
.italic {font-style: italic;}
.fleft {float: left;}
.fright {float: right;}
.message-error, .message-success {font-weight: bold;color: white;background: #cc0000;padding: 8px 23px;margin: 10px 0;border-radius: 50px;}
.message-success {background: green;}
.error-message {color: #cc0000;}
.bigger {font-size: 120% !important;}
.smaller {font-size: 90% !important;}
.overflow-hidden {overflow: hidden;}
.d-block {display: block !important;}
.d-inline {display: inline !important;}
.d-inline-block {display: inline-block !important;}
.text-muted {color: gray;}
hr {height: 1px;background: none;border-top: 0;border-bottom: 1px solid #e2e2e2;}
.w-auto {width: auto !important;}

.alert {padding: 0.7em 1em;margin-bottom: 15px;}
.alert-danger {background: #ffd7d7;}

.btn {color: white;border-radius: 22px;line-height: 44px;text-decoration: none;display: inline-block;font-size: 18px;font-weight: normal;cursor: pointer;outline: none;}
.btn-pink {background-color: #e91e63;padding: 0 25px;}
.btn-pink:hover {background-color: #ee3574;}
.btn-pink:active {background-color: #da1155;}
.btn-blue {background-color: #303f9f;padding: 0 25px;}
.btn-blue:hover {background: #3848af;}
.btn-blue:active {background: #293897;}
.btn.btn-disabled {cursor: not-allowed;background: gray !important;}
.mr-0 {margin-right: 0 !important;}
.hidden {display: none;}
.bg-light-blue {background-color: #f6fbfe;}

.d-none {display: none !important;}
.d-flex {display: -webkit-box;display: -ms-flexbox;display: flex;}
.flex-grow-1 {flex-grow: 1 !important;}
.text-center {text-align: center !important;}
.text-left {text-align: left !important;}
.ml-auto {margin-left: auto !important;}
.mt-1 {margin-top: 5px !important;}
.mt-3 {margin-top: 15px !important;}
.ml-2 {margin-left: 10px !important;}
.mt-2 {margin-top: 10px !important;}
.mr-2 {margin-right: 10px !important;}
.mb-0 {margin-bottom: 0 !important;}
.mb-1 {margin-bottom: 5px !important;}
.mb-2 {margin-bottom: 10px !important;}
.mb-3 {margin-bottom: 15px !important;}
.mr-3 {margin-right: 15px !important;}
.mb-4 {margin-bottom: 25px !important;}
.mb-5 {margin-bottom: 40px !important;}
.mb-6 {margin-bottom: 60px !important;}
.mr-1 {margin-right: 5px !important;}
.mr-2 {margin-right: 10px !important;}
.mr-4 {margin-right: 25px !important;}
.my-4 {margin-top: 25px !important;margin-bottom: 25px !important;}
.pl-3 {padding-left: 15px !important;}
.pl-4 {padding-left: 25px !important;}
.pt-4 {padding-top: 25px !important;}
.pt-5 {padding-top: 40px !important;}
.pb-3 {padding-bottom: 15px !important;}
.pb-4 {padding-bottom: 25px !important;}
.pb-5 {padding-bottom: 40px !important;}
.py-4 {padding-top: 25px !important;padding-bottom: 25px !important;}
.py-5 {padding-top: 40px !important;padding-bottom: 40px !important;}
.justify-content-center {justify-content: center !important;}
.justify-content-end {justify-content: flex-end !important;}
.align-items-center {align-items: center !important;}
.align-items-end {align-items: flex-end !important;}
.row {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
[class^="col-"] {padding-left: 15px;padding-right: 15px;}
.col-2, .col-3, .col-6, .col-4, .col-9 {position: relative;width: 100%;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.col-2 {-webkit-box-flex: 0;-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%;}
.col-3 {-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
.col-4 {-webkit-box-flex: 0;-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}
.col-5 {-webkit-box-flex: 0;-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%;}
.col-6 {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.col-7 {-webkit-box-flex: 0;-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;}
.col-8 {-webkit-box-flex: 0;-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;}
.col-9 {-webkit-box-flex: 0;-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;}
@media (min-width: 1021px) {
    .text-xl-left {text-align: left !important;}
    .d-xl-none {display: none !important;}
    .d-xl-inline-block {display: inline-block !important;}
    .d-xl-block {display: block !important;}
    .d-xl-flex {display: flex !important;}
    .pt-xl-5 {padding-top: 40px !important;}
    .ml-xl-auto {margin-left: auto !important;}
    .mb-xl-0 {margin-bottom: 0 !important;}
}
@media (max-width: 1020px) {
    .col-lg-6 {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
}
@media (min-width: 900px) {
    .justify-content-md-end {justify-content: flex-end !important;}
}
@media (max-width: 900px) {
    .col-md-12 {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;margin-bottom: 20px;}
    .col-md-7 {-webkit-box-flex: 0;-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;}
    .col-md-6 {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .col-md-5 {-webkit-box-flex: 0;-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%;}
    .col-md-4 {-webkit-box-flex: 0;-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}
    .visible-md {display: block;}
}
@media (min-width: 641px) {
    .d-sm-flex {display: flex !important;}
    .mb-sm-6 {margin-bottom: 60px !important;}
    .py-sm-5 {padding-top: 40px !important;padding-bottom: 40px !important;}
    .text-sm-left {text-align: left !important;}
}
@media (max-width: 640px) {
    .col-sm-12 {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;margin-bottom: 20px;}
    .col-sm-12:last-child {margin-bottom: 0;}
}

.container {max-width: 100%;width: 1021px;margin: 0 auto;text-align: left;padding: 0 15px;}
.container-fluid {width: 100%;padding: 0 15px;margin: 0 auto;}

#page {background: url(../img/bg.jpg) center top no-repeat;background-position: calc(50% - 150px) top;}
#subpage {background: url(../img/subpage-bg.jpg) center top no-repeat;}

#header {text-align: left;display: flex;flex-wrap: wrap;align-items: center;min-height: 80px;}
@media (min-width: 1021px) {
    #page #header {padding-top: 43px;}
}
#subpage #header {min-height: 130px;margin-bottom: 40px;}
#header a {margin: 0 10px;}
#header .btn {font-size: 16px;}
a#logo {display: inline-block;height: 44px;line-height: 44px;margin-right: 40px;margin-left: 3px;}
a#logo img {width: 175px;display: inline-block;vertical-align: middle;position: relative;top: -4px;}
#menu {display: inline-block;}
#menu ul {margin: 0;}
#menu li {list-style: none;margin-bottom: 0;}
#menu > li {display: inline-block;position: relative;}
#menu li ul {display: none;position: absolute;top: 100%;left: 0;width: 185px;}
@media (min-width: 1021px) {
    #menu li:hover > ul {display: block !important;z-index: 10;}
}
#menu li a img {position: relative;top: 1px;margin-left: 3px;}
#menu li ul li a {background: rgba(83,62,137,0.97);color: white;display: block;text-decoration: none;padding: 8px 15px;}
@media (min-width: 1021px) {
    #menu li ul li a:hover {background: #e91e63;}
}
#menu a.active {text-decoration: underline;}
.menu-hamburger {line-height: 1;}

#upper-part {min-height: 621px;}
#claim {color: white;width: 480px;max-width: 100%;float: left;}
#claim p {font-weight: 600;font-size: 16px;margin-bottom: 20px;}
#page h1 {color: white;font-size: 72px;font-weight: 300;line-height: 1.2;margin: 50px 0 20px 0;}
.input-wrapper {border: 3px solid #d8d8d8;background: white;border-radius: 32px;display: inline-block;padding: 7px;margin: 20px 0;}
.input-wrapper input {border: 0;font-family: "Open Sans", sans-serif;font-size: 18px;display: inline-block;width: 246px;outline: 0;padding-left: 15px;height: 41px;}
.input-wrapper.here {background-color: #ffffd6;}
.input-wrapper.here input {background: transparent;}
#upper-part .input-wrapper {position: relative;z-index: 2;}
.prot {position: absolute;top: -999999em;left: -999999em;}

#preview {float: left;background: #efefef;border-radius: 10px;padding: 10px;margin-top: 30px;position: relative;}
#preview:after {content: "";background: url(../img/preview-shadow.png) center top no-repeat;width: 602px;height: 80px;display: block;position: absolute;left: 50%;transform: translateX(-50%);top: 97%;}
#gdpr-ready {position: absolute;right: -20px;bottom: -20px;width: 80px;z-index: 5;}

#key-features{margin-bottom: 30px;}
#page h2 {font-size: 48px;font-weight: 300;line-height: 1.2;text-align: center;}
#subpage h2 {font-size: 30px;font-weight: 400;line-height: 1.2;margin-bottom: 0.6em;}
#key-features h2 {text-align: left;}
.feature {text-align: center;margin-bottom: 30px;}
.title {font-weight: 700;margin: 0 0 15px 0;}
.feature-important .title {color: #e91e63;font-size: 18px;}
.feature .icon {height: 50px;line-height: 50px;}
.feature .icon img {vertical-align: middle;}
.desc {line-height: 1.4;}
#key-features .future-plans {background: url(../img/bulb.png) 31px center no-repeat;border: 1px solid #ceedff;border-radius: 10px;min-height: 97px;padding: 15px 30px 15px 124px;text-align: left;line-height: 97px;}
#key-features .future-plans span {display: inline-block;vertical-align: middle;line-height: 20px;}
.release-year {background: #4caf50;color: white;font-size: 11px;height: 22px;line-height: 22px;border-radius: 11px;display: inline-block;padding: 0 8px;}

#refs {background: #f6fbfe;padding: 50px 0;}
#refs h2 {margin-bottom: 30px;}
#refs .name {margin: 0 0 10px 0;}
#refs .name strong {color: #e91e63;}
#refs blockquote {font-style: italic;}

#coming-soon {margin-bottom: 50px;padding-top: 50px;padding-left: 40px;padding-right: 40px;}
#coming-soon h2 {margin-bottom: 30px;}

#about {background: #f6fbfe;padding: 0 0 50px 0;}
h3 {text-align: center;font-size: 32px;font-weight: 400;margin-bottom: 20px;}
#subpage h3 {text-align: left;font-size: 24px;}
#about h3 {margin-top: 30px;}
#about .photo {position: relative;}
#about img {position: absolute;right: 20px;top: 0;max-width: none;}
#about p {margin-bottom: 20px;}
#about p:last-child {margin-bottom: 0;}

#price {background: #303f9f url(../img/price-bg.jpg) center top;background-size: cover;color: white;padding: 50px 0;}
#price .container {text-align: center;}
#price .price {font-size: 48px;font-weight: 300;margin-bottom: 20px;line-height: 1.3;}
#price .input-wrapper {margin-top: 50px;margin-bottom: 0;}

#contacts {padding-top: 50px;padding-bottom: 70px;background: url(../img/contact-bg.png) calc(50% + 240px) calc(100% + 1080px) no-repeat;}
#contacts .contacts {line-height: 44px;margin: 20px 0 30px;}
#contacts .contacts a {display: inline-block;background: #f6fbfe;border-radius: 22px;padding: 0 15px;text-decoration: none;margin-bottom: 10px;}
#contacts .contacts a:hover {background-color: #eff9ff;}
#contacts .contacts a:before {content: "";display: inline-block;vertical-align: middle;margin-right: 3px;position: relative;top: -1px;}
#contacts .contacts a[href^="tel"]:before {width: 25px;height: 25px;background: url(../img/icons/phone.svg) no-repeat;}
#contacts .contacts a[href^="mailto"]:before {width: 25px;height: 25px;background: url(../img/icons/email.svg) no-repeat;margin-right: 8px;}

h4 {font-size: 20px;font-weight: 400;}
#contacts h4 {margin-bottom: 10px;}

.border-line {border-bottom: 2px solid #6d5db2;display: block;}
.form-group {margin-bottom: 10px;}
.form-group label {display: block;padding: 0 0 5px 0;}
.form-group input[type=text], .form-group input[type=number], .form-group input[type=email], .form-group input[type=tel], .form-group select {background: white;border: 1px solid #f0eef7;height: 40px;line-height: 40px;width: 100%;padding: 0 11px;font-size: 14px;outline: 0;display: block;}
.form-group textarea {background: white;width: 380px;max-width: 100%;font-size: 14px;outline: 0;display: block;height: 90px;font: 14px/1.3 "Open Sans", sans-serif;border: 1px solid #f0eef7;padding: 10px;}
.form-group .btn {margin-top: 10px;}
.form-group .error-message {margin: 5px 0 0 90px;}
.form-group .hint {margin-left: 10px;display: inline-block;font-size: 12px;color: gray;}
.form-group .hint a {color: gray;padding: 0 2px;}
.form-inline * {vertical-align: middle; }
.form-inline .form-group input[type=number] {padding-right: 0;}
@media (min-width: 641px) {
    .form-inline .form-group label {display: inline-block;width: 150px;padding-bottom: 0;padding-right: 10px;}
    .form-inline .form-group input[type=number], .loan-calc input[type=text] {width: 170px;}
    .form-inline .border-line {display: inline-block;}
}

#contact-form h3 {text-align: left;}

#registration-loader {position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.8);z-index: 10000;width: 100%;height: 100%;display: none;}
#registration-loader .inner-content {position: relative;top: 45%;transform: translateY(-50%);color: white;text-align: center;font-size: 18px;}
#registration-loader .inner-content img {display: inline-block;margin-right: 15px;vertical-align: middle;}
#registration-loader .inner-content .text-block {display: inline-block;vertical-align: middle;text-align: left;line-height: 1.8;padding: 10px 15px;}

form.register-form .reg-email2 {display: none;}

.featherlight iframe {max-width: 100%;max-height: 80vh;}

#subpage h1 {font-size: 42px;font-weight: 100;line-height: 1.2;margin-bottom: .6em;}

.gray-box-wrapper {position: relative;}
.gray-box {background: #efefef;border-radius: 10px;display: inline-block;padding: 15px;line-height: 1;position: relative;z-index: 1;}
.gray-box-shadow {position: absolute;bottom: -40px;height: 60px;width: 324px;background: url(/img/gray-box-shadow.jpg) no-repeat;left: 50%;margin-left: -162px;}
.thumb-line {font-size: 24px;margin-bottom: 0.5em;display: flex;}
.thumb-line img {vertical-align: middle;margin-right: 5px;position: relative;top: -2px;}
.icon-paragraph {position: relative;top: 60px;}

.agreement-line {margin-bottom: 15px;display: flex;}
.agreement-line-icon {padding-right: 20px;}
.agreement-line.-small .agreement-line-icon. {padding-right: 12px;}
.agreement-line-link {font-size: 24px;margin-right: 5px;}
.agreement-line.-small .agreement-line-link {font-size: 16px;}

.popup {left: 0;right: 0;bottom: 0;top: 0;display: none;background: rgba(0,0,0,0.8);z-index: 10000;position: fixed;align-items: center;justify-content: center;color: white;}
.popup .close {display: block;position: absolute;top: -10px;right: -10px;width: 32px;height: 32px;background: black url(/img/icons/close.svg) center center no-repeat;background-size: 24px auto;border-radius: 50%;opacity: 0.7;overflow: hidden;text-indent: -999em;}
.popup.show {display: flex;}
.popup .close:hover {opacity: 1;}
#registration-popup .register-form {background: rgba(0,0,0,0.5);padding: 15px 30px;border-radius: 32px;position: relative;}

#menu-wrapper.open {position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 10;background: #3b3086;align-items: center;display: flex !important;flex-direction: column;justify-content: center;}
#menu-wrapper .close {display: none;}
#menu-wrapper.open .close {display: block;position: absolute;top: 15px;right: 15px;width: 48px;height: 48px;background: #1a105a url(/img/icons/close.svg) center center no-repeat;background-size: 32px auto;border-radius: 50%;overflow: hidden;text-indent: -999em;margin: 0;}

.iframe-min-width-290 iframe {min-width: 290px;}

@media (max-width: 1800px) {
    #page {background-position: calc(50% - 70px) top;}
}
@media (max-width: 1040px) {
    #claim {width: calc(100% - 508px);}
}
@media (max-width: 1021px) {
    #preview:after {display: none;}
    #upper-part {text-align: center;}
    #claim {width: auto;float: none;}
    #claim h1 {font-size: 60px;}
    #preview {float: none;display: inline-block;margin-left: auto;margin-right: auto;margin-top: 15px;}
    #contact-form h3 {padding-left: 0;}
    .form-group label {display: block;padding: 0 0 5px 0;text-align: left;}
    .form-group .btn:first-child {margin-left: 0;}
    #coming-soon {padding-left: 0;padding-right: 0;}
    #key-features {margin-top: 30px;}
    #subpage {background-image: none;}
    #subpage #header {min-height: 80px;padding: 15px;background: url(../img/subpage-bg.jpg) center top no-repeat;margin-bottom: 20px;}
    #menu {display: block;text-align: center;width: 100%;margin-bottom: 20px;}
    #menu > li {display: block;}
    #menu a {padding: 6px 25px !important;margin: 0;}
    #menu li ul {display: block;position: static;width: auto;}
    #menu li ul li a {background-color: transparent;}
}
@media (max-width: 960px) {
    #contacts .contacts .or {display: none;}
}
@media (max-width: 900px) { /* first brakepoint */
    #key-features h2 {text-align: center;}
    #about .photo {text-align: center;}
    #about .photo img {position: static;max-width: 100%;max-height: 200px;width: auto;}
    #about h3 {margin-top: 0;}
    #about-more-content {display: none;}
}
@media (max-width: 720px) {
    #registration-loader .inner-content .text-block {text-align: center;}
}
@media (max-width: 640px) { /* second brakepoint */
    #page {background-image: url(../img/bg-mobile.jpg);background-position: center top;}
    .form-group .border-line {width: 100%;}
    .form-group textarea, .form-group input[type=text], .form-group input[type=email], .form-group input[type=tel] {width: 100%;}
    .form-group.form-submit {text-align: center;}
    h2, #price .price {font-size: 40px;}
    #contacts {background-position: calc(50% + 240px) calc(100% + 680px);}
    #contacts .container {text-align: center;}
    #contacts .contacts a {display: inline-block;}
    #contact-form {margin-top: 30px;}
    #subpage h1 {font-size: 34px;}
    .agreement-line-link {font-size: 20px;}
    .thumb-line {font-size: 18px;}
}
@media (max-width: 602px) {
    #preview:after {max-width: 100%;background-size: auto 50px;}
}
@media (max-width: 570px) {
    .input-wrapper {border: 0;text-align: center;background: none;padding: 0;}
    .input-wrapper input {border: 3px solid #d8d8d8;border-radius: 30px;height: 60px;width: 100%;padding-right: 20px;padding-left: 20px;margin-bottom: 15px;}
    #preview {margin-bottom: 15px;}
    #preview:after {display: block;}
    #gdpr-ready {right: 0;}
}
@media (max-width: 530px) {
    #header .btn-pink {display: none;}
    #preview {margin-left: -15px;margin-right: -15px;}
}
@media (max-width: 430px) {
    #claim h1 {font-size: 43px;margin-top: 30px;}
    h2, #price .price {font-size: 29px;}
    h3 {font-size: 25px;}
}
@media (max-width: 400px) {
    a#logo {margin-right: 0;}
    #header .btn-blue {padding: 0 15px;line-height: 35px;height: 35px;font-size: 16px;}
}
@media (max-width: 350px) {
    #key-features .future-plans {padding-left: 90px;background-position: 25px center;} 
    a#logo img {width: 135px;top: -7px;}
}

.table {margin-bottom: 1em;}
.table-responsive {overflow: auto;max-width: 100%;}
.table td, .table th {padding: 5px 8px;}
.table-bordered td, .table-bordered th {border: 1px solid #e4e4e4;}
.table-bordered thead th, .table-bordered thead td, .table-bordered tfoot td {background-color: #f6fbfe;}

#rejstriky input[type=checkbox] {margin: 6px 10px 6px 0;}
.rejstrik-price {min-width: 70px;text-align: right;padding-left: 15px;}
#lustrace-result {background: #f6fbfe;padding: 15px 25px;}
#lustrace-result:empty {display: none;}

.lustration-result-icon {vertical-align: middle;position: relative;top: -1px;margin-right: 3px;}
.form-group .hint-block {color: #3b3086;}
.field-lustrationform-email .hint-block {margin-left: 0;margin-top: 10px;font-size: 14px;font-style: italic;}

@media print {
    .d-print-none {display: none !important;}
    .d-print-block {display: block !important;}
    html, body {color: black;}
    #header {display: none;}
    #subpage {background: white;}
    #lustrace-result {background: white;padding: 0;}
}