/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
.__hidden,svg:not(:root){
    overflow:hidden
}
button,hr,input{
    overflow:visible
}
audio,canvas,progress,video{
    display:inline-block
}
progress,sub,sup{
    vertical-align:baseline
}
[type=checkbox],[type=radio],body,html,legend{
    padding:0;
    box-sizing:border-box
}
input[type=date],sub,sup{
    position:relative
}
img,legend,picture,table,video{
    max-width:100%
}
.comment__text,table.break-cells td{
    word-break:break-word
}
.fa_polozky,table{
    table-layout:fixed
}
html{
    line-height:1.15;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{
    display:block
}
figure{
    margin:1em 40px
}
hr{
    box-sizing:content-box;
    height:0
}
code,kbd,pre,samp{
    font-family:monospace,monospace;
    font-size:1em
}
a{
    background-color:transparent;
    -webkit-text-decoration-skip:objects;
    text-decoration:none;
    color:#3c78c7
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    text-decoration:underline dotted
}
b,strong{
    font-weight:bolder
}
dfn{
    font-style:italic
}
mark{
    background-color:#ff0;
    color:#000
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
audio:not([controls]){
    display:none;
    height:0
}
img{
    border-style:none
}
button,input,optgroup,select,textarea{
    font-family:sans-serif;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,select{
    text-transform:none
}
[type=reset],[type=submit],button,html [type=button]{
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
    outline:ButtonText dotted 1px
}
fieldset{
    padding:.35em .75em .625em
}
legend{
    color:inherit;
    display:table;
    white-space:normal
}
textarea{
    overflow:auto
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
h1,strong{
    font-weight:700
}
.footer__address,address,strong{
    font-style:normal
}
[hidden],template{
    display:none
}
body,html{
    margin:0;
    font-size:16px;
    font-family:'Mukta',sans-serif;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.container,.container-fluid{
    margin-right:auto;
    margin-left:auto;
    padding-left:15px;
    padding-right:15px
}
body{
    max-width:100vw;
    overflow-x:hidden;
    background:#fff;
    scroll-behavior:smooth
}
*{
    transition-duration:.3s;
    transition-timing-function:ease-out
}
a:active,a:focus,a:hover{
    color:#fa7e03
}
input,textarea{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.default-link{
    text-decoration:none;
    color:#3c78c7
}
.default-link:active,.default-link:focus,.default-link:hover{
    text-decoration:underline;
    color:#fa7e03
}
.footer-menu__link,.phone-support,.phone-support:active,.phone-support:focus,.phone-support:hover,a:active,a:focus,a:hover{
    text-decoration:none
}
h1,h2{
    color:#293040;
    font-family:'Urbanist',sans-serif
}
.phone-support__sign{
    display:none;
    font-size:1.33em
}
@media screen and (min-width:0px) and (max-width:767px){
    .phone-support__sign{
        display:inline
    }
    .phone-support__icon{
        display:inline-block;
        transform:scaleX(-1) rotate(30deg);
        transform-origin:center center;
        position:relative;
        top:.15em
    }
    iframe{
        max-width:100%;
        height:auto
    }
}
template{
    display:none!important
}
.same-height-cols{
    display:flex
}
@media screen and (min-width:0px) and (max-width:991px){
    .same-height-cols{
        display:block
    }
}
.same-height-cols>.col-lg-1,.same-height-cols>.col-md-1,.same-height-cols>.col-sm-1,.same-height-cols>.col-xs-1{
    display:flex;
    flex-direction:column;
    flex-wrap:wrap
}
.same-height-cols>.col-lg-1 *,.same-height-cols>.col-md-1 *,.same-height-cols>.col-sm-1 *,.same-height-cols>.col-xs-1 *{
    flex:0 0 auto
}
@media screen and (min-width:0px) and (max-width:991px){
    .same-height-cols>.col-lg-1,.same-height-cols>.col-md-1,.same-height-cols>.col-sm-1,.same-height-cols>.col-xs-1{
        display:block
    }
}
.same-height-cols>.col-lg-2,.same-height-cols>.col-md-2,.same-height-cols>.col-sm-2,.same-height-cols>.col-xs-2{
    display:flex;
    flex-direction:column;
    flex-wrap:wrap
}
.same-height-cols>.col-lg-2 *,.same-height-cols>.col-md-2 *,.same-height-cols>.col-sm-2 *,.same-height-cols>.col-xs-2 *{
    flex:0 0 auto
}
@media screen and (min-width:0px) and (max-width:991px){
    .same-height-cols>.col-lg-2,.same-height-cols>.col-md-2,.same-height-cols>.col-sm-2,.same-height-cols>.col-xs-2{
        display:block
    }
}
.same-height-cols>.col-lg-3,.same-height-cols>.col-md-3,.same-height-cols>.col-sm-3,.same-height-cols>.col-xs-3{
    display:flex;
    flex-direction:column;
    flex-wrap:wrap
}
.same-height-cols>.col-lg-3 *,.same-height-cols>.col-md-3 *,.same-height-cols>.col-sm-3 *,.same-height-cols>.col-xs-3 *{
    flex:0 0 auto
}
@media screen and (min-width:0px) and (max-width:991px){
    .same-height-cols>.col-lg-3,.same-height-cols>.col-md-3,.same-height-cols>.col-sm-3,.same-height-cols>.col-xs-3{
        display:block
    }
}
.same-height-cols>.col-lg-4,.same-height-cols>.col-md-4,.same-height-cols>.col-sm-4,.same-height-cols>.col-xs-4{
    display:flex;
    flex-direction:column;
    flex-wrap:wrap
}
.same-height-cols>.col-lg-4 *,.same-height-cols>.col-md-4 *,.same-height-cols>.col-sm-4 *,.same-height-cols>.col-xs-4 *{
    flex:0 0 auto
}
@media screen and (min-width:0px) and (max-width:991px){
    .same-height-cols>.col-lg-4,.same-height-cols>.col-md-4,.same-height-cols>.col-sm-4,.same-height-cols>.col-xs-4{
        display:block
    }
}
.same-height-cols>.col-lg-5,.same-height-cols>.col-md-5,.same-height-cols>.col-sm-5,.same-height-cols>.col-xs-5{
    display:flex;
    flex-direction:column;
    flex-wrap:wrap
}
.same-height-cols>.col-lg-5 *,.same-height-cols>.col-md-5 *,.same-height-cols>.col-sm-5 *,.same-height-cols>.col-xs-5 *{
    flex:0 0 auto
}
@media screen and (min-width:0px) and (max-width:991px){
    .same-height-cols>.col-lg-5,.same-height-cols>.col-md-5,.same-height-cols>.col-sm-5,.same-height-cols>.col-xs-5{
        display:block
    }
}
.same-height-cols>.col-lg-6,.same-height-cols>.col-md-6,.same-height-cols>.col-sm-6,.same-height-cols>.col-xs-6{
    display:flex;
    flex-direction:column;
    flex-wrap:wrap
}
.same-height-cols>.col-lg-6 *,.same-height-cols>.col-md-6 *,.same-height-cols>.col-sm-6 *,.same-height-cols>.col-xs-6 *{
    flex:0 0 auto
}
@media screen and (min-width:0px) and (max-width:991px){
    .same-height-cols>.col-lg-6,.same-height-cols>.col-md-6,.same-height-cols>.col-sm-6,.same-height-cols>.col-xs-6{
        display:block
    }
}
.same-height-cols>.col-lg-7,.same-height-cols>.col-md-7,.same-height-cols>.col-sm-7,.same-height-cols>.col-xs-7{
    display:flex;
    flex-direction:column;
    flex-wrap:wrap
}
.same-height-cols>.col-lg-7 *,.same-height-cols>.col-md-7 *,.same-height-cols>.col-sm-7 *,.same-height-cols>.col-xs-7 *{
    flex:0 0 auto
}
@media screen and (min-width:0px) and (max-width:991px){
    .same-height-cols>.col-lg-7,.same-height-cols>.col-md-7,.same-height-cols>.col-sm-7,.same-height-cols>.col-xs-7{
        display:block
    }
}
.same-height-cols>.col-lg-8,.same-height-cols>.col-md-8,.same-height-cols>.col-sm-8,.same-height-cols>.col-xs-8{
    display:flex;
    flex-direction:column;
    flex-wrap:wrap
}
.same-height-cols>.col-lg-8 *,.same-height-cols>.col-md-8 *,.same-height-cols>.col-sm-8 *,.same-height-cols>.col-xs-8 *{
    flex:0 0 auto
}
@media screen and (min-width:0px) and (max-width:991px){
    .same-height-cols>.col-lg-8,.same-height-cols>.col-md-8,.same-height-cols>.col-sm-8,.same-height-cols>.col-xs-8{
        display:block
    }
}
.same-height-cols>.col-lg-9,.same-height-cols>.col-md-9,.same-height-cols>.col-sm-9,.same-height-cols>.col-xs-9{
    display:flex;
    flex-direction:column;
    flex-wrap:wrap
}
.same-height-cols>.col-lg-9 *,.same-height-cols>.col-md-9 *,.same-height-cols>.col-sm-9 *,.same-height-cols>.col-xs-9 *{
    flex:0 0 auto
}
@media screen and (min-width:0px) and (max-width:991px){
    .same-height-cols>.col-lg-9,.same-height-cols>.col-md-9,.same-height-cols>.col-sm-9,.same-height-cols>.col-xs-9{
        display:block
    }
}
.same-height-cols>.col-lg-10,.same-height-cols>.col-md-10,.same-height-cols>.col-sm-10,.same-height-cols>.col-xs-10{
    display:flex;
    flex-direction:column;
    flex-wrap:wrap
}
.same-height-cols>.col-lg-10 *,.same-height-cols>.col-md-10 *,.same-height-cols>.col-sm-10 *,.same-height-cols>.col-xs-10 *{
    flex:0 0 auto
}
@media screen and (min-width:0px) and (max-width:991px){
    .same-height-cols>.col-lg-10,.same-height-cols>.col-md-10,.same-height-cols>.col-sm-10,.same-height-cols>.col-xs-10{
        display:block
    }
}
.same-height-cols>.col-lg-11,.same-height-cols>.col-md-11,.same-height-cols>.col-sm-11,.same-height-cols>.col-xs-11{
    display:flex;
    flex-direction:column;
    flex-wrap:wrap
}
.same-height-cols>.col-lg-11 *,.same-height-cols>.col-md-11 *,.same-height-cols>.col-sm-11 *,.same-height-cols>.col-xs-11 *{
    flex:0 0 auto
}
@media screen and (min-width:0px) and (max-width:991px){
    .same-height-cols>.col-lg-11,.same-height-cols>.col-md-11,.same-height-cols>.col-sm-11,.same-height-cols>.col-xs-11{
        display:block
    }
}
.same-height-cols>.col-lg-12,.same-height-cols>.col-md-12,.same-height-cols>.col-sm-12,.same-height-cols>.col-xs-12{
    display:flex;
    flex-direction:column;
    flex-wrap:wrap
}
.same-height-cols>.col-lg-12 *,.same-height-cols>.col-md-12 *,.same-height-cols>.col-sm-12 *,.same-height-cols>.col-xs-12 *{
    flex:0 0 auto
}
@media screen and (min-width:0px) and (max-width:991px){
    .same-height-cols>.col-lg-12,.same-height-cols>.col-md-12,.same-height-cols>.col-sm-12,.same-height-cols>.col-xs-12{
        display:block
    }
}
input[readonly]:not(.flatpickr-input):not(.input--no-disabled-style),input[readonly]:not(.flatpickr-input):not(.input--no-disabled-style):active,input[readonly]:not(.flatpickr-input):not(.input--no-disabled-style):focus,input[readonly]:not(.flatpickr-input):not(.input--no-disabled-style):hover{
    background:#dee6ed;
    caret-color:transparent;
    box-shadow:none;
    border-color:#96a8b6
}
input[type=date]::-webkit-clear-button{
    display:none
}
input[type=date]::-webkit-inner-spin-button{
    display:none
}
.invisible,.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{
    display:none!important
}
input[type=date]::-webkit-calendar-picker-indicator{
    color:transparent;
    opacity:1;
    width:95%;
    position:absolute;
    left:0;
    top:0;
    height:90%;
    background:0 0;
    border:0;
    outline:0
}
input[type=date]::-webkit-calendar-picker-indicator:active,input[type=date]::-webkit-calendar-picker-indicator:focus,input[type=date]::-webkit-calendar-picker-indicator:hover{
    outline:0;
    background:0 0;
    border:0
}
input[type=checkbox]:focus+.custom-input--checkbox,input[type=radio]:focus+.custom-input--radio{
    outline:#96a8b6 dotted 1px
}
div[id^=b_8aad8827] div,div[id^=b_85f5a2be] div{
    z-index:500
}
@-ms-viewport{
    width:device-width
}
@media (max-width:767px){
    .visible-xs{
        display:block!important
    }
    table.visible-xs{
        display:table
    }
    tr.visible-xs{
        display:table-row!important
    }
    td.visible-xs,th.visible-xs{
        display:table-cell!important
    }
    .visible-xs-block{
        display:block!important
    }
    .visible-xs-inline{
        display:inline!important
    }
    .visible-xs-inline-block{
        display:inline-block!important
    }
}
@media (min-width:768px) and (max-width:991px){
    .visible-sm{
        display:block!important
    }
    table.visible-sm{
        display:table
    }
    tr.visible-sm{
        display:table-row!important
    }
    td.visible-sm,th.visible-sm{
        display:table-cell!important
    }
    .visible-sm-block{
        display:block!important
    }
    .visible-sm-inline{
        display:inline!important
    }
    .visible-sm-inline-block{
        display:inline-block!important
    }
}
@media (min-width:992px) and (max-width:1199px){
    .visible-md{
        display:block!important
    }
    table.visible-md{
        display:table
    }
    tr.visible-md{
        display:table-row!important
    }
    td.visible-md,th.visible-md{
        display:table-cell!important
    }
    .visible-md-block{
        display:block!important
    }
    .visible-md-inline{
        display:inline!important
    }
    .visible-md-inline-block{
        display:inline-block!important
    }
}
@media (min-width:1200px){
    .visible-lg{
        display:block!important
    }
    table.visible-lg{
        display:table
    }
    tr.visible-lg{
        display:table-row!important
    }
    td.visible-lg,th.visible-lg{
        display:table-cell!important
    }
    .visible-lg-block{
        display:block!important
    }
    .visible-lg-inline{
        display:inline!important
    }
    .visible-lg-inline-block{
        display:inline-block!important
    }
    .hidden-lg{
        display:none!important
    }
}
@media (max-width:767px){
    .hidden-xs{
        display:none!important
    }
}
@media (min-width:768px) and (max-width:991px){
    .hidden-sm{
        display:none!important
    }
}
@media (min-width:992px) and (max-width:1199px){
    .hidden-md{
        display:none!important
    }
}
.visible-print{
    display:none!important
}
@media print{
    .visible-print{
        display:block!important
    }
    table.visible-print{
        display:table
    }
    tr.visible-print{
        display:table-row!important
    }
    td.visible-print,th.visible-print{
        display:table-cell!important
    }
}
.visible-print-block{
    display:none!important
}
@media print{
    .visible-print-block{
        display:block!important
    }
}
.visible-print-inline{
    display:none!important
}
@media print{
    .visible-print-inline{
        display:inline!important
    }
}
.visible-print-inline-block{
    display:none!important
}
@media print{
    .visible-print-inline-block{
        display:inline-block!important
    }
    .hidden-print{
        display:none!important
    }
}
@media (min-width:768px){
    .container{
        width:750px
    }
}
@media (min-width:992px){
    .container{
        width:970px
    }
}
@media (min-width:1200px){
    .container{
        width:1170px
    }
}
.row{
    margin-left:-15px;
    margin-right:-15px
}
.col,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{
    position:relative;
    min-height:1px;
    padding-left:15px;
    padding-right:15px
}
.col,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{
    float:left
}
.col-xs-12{
    width:100%
}
.col-xs-11{
    width:91.66666667%
}
.col-xs-10{
    width:83.33333333%
}
.col-xs-9{
    width:75%
}
.col-xs-8,.description{
    width:66.66666667%
}
.col-xs-7{
    width:58.33333333%
}
.col-xs-6{
    width:50%
}
.col-xs-5{
    width:41.66666667%
}
.col-xs-4{
    width:33.33333333%
}
.col-xs-3{
    width:25%
}
.col-xs-2{
    width:16.66666667%
}
.col-xs-1{
    width:8.33333333%
}
.col-xs-pull-12{
    right:100%
}
.col-xs-pull-11{
    right:91.66666667%
}
.col-xs-pull-10{
    right:83.33333333%
}
.col-xs-pull-9{
    right:75%
}
.col-xs-pull-8{
    right:66.66666667%
}
.col-xs-pull-7{
    right:58.33333333%
}
.col-xs-pull-6{
    right:50%
}
.col-xs-pull-5{
    right:41.66666667%
}
.col-xs-pull-4{
    right:33.33333333%
}
.col-xs-pull-3{
    right:25%
}
.col-xs-pull-2{
    right:16.66666667%
}
.col-xs-pull-1{
    right:8.33333333%
}
.col-xs-pull-0{
    right:auto
}
.col-xs-push-12{
    left:100%
}
.col-xs-push-11{
    left:91.66666667%
}
.col-xs-push-10{
    left:83.33333333%
}
.col-xs-push-9{
    left:75%
}
.col-xs-push-8{
    left:66.66666667%
}
.col-xs-push-7{
    left:58.33333333%
}
.col-xs-push-6{
    left:50%
}
.col-xs-push-5{
    left:41.66666667%
}
.col-xs-push-4{
    left:33.33333333%
}
.col-xs-push-3{
    left:25%
}
.col-xs-push-2{
    left:16.66666667%
}
.col-xs-push-1{
    left:8.33333333%
}
.col-xs-push-0{
    left:auto
}
.col-xs-offset-12{
    margin-left:100%
}
.col-xs-offset-11{
    margin-left:91.66666667%
}
.col-xs-offset-10{
    margin-left:83.33333333%
}
.col-xs-offset-9{
    margin-left:75%
}
.col-xs-offset-8{
    margin-left:66.66666667%
}
.col-xs-offset-7{
    margin-left:58.33333333%
}
.col-xs-offset-6{
    margin-left:50%
}
.col-xs-offset-5{
    margin-left:41.66666667%
}
.col-xs-offset-4{
    margin-left:33.33333333%
}
.col-xs-offset-3{
    margin-left:25%
}
.col-xs-offset-2{
    margin-left:16.66666667%
}
.col-xs-offset-1{
    margin-left:8.33333333%
}
.col-xs-offset-0{
    margin-left:0
}
@media (min-width:768px){
    .col,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{
        float:left
    }
    .col-sm-12{
        width:100%
    }
    .col-sm-11{
        width:91.66666667%
    }
    .col-sm-10{
        width:83.33333333%
    }
    .col-sm-9{
        width:75%
    }
    .col-sm-8{
        width:66.66666667%
    }
    .col-sm-7{
        width:58.33333333%
    }
    .col-sm-6{
        width:50%
    }
    .col-sm-5{
        width:41.66666667%
    }
    .col-sm-4{
        width:33.33333333%
    }
    .col-sm-3{
        width:25%
    }
    .col-sm-2{
        width:16.66666667%
    }
    .col-sm-1{
        width:8.33333333%
    }
    .col-sm-pull-12{
        right:100%
    }
    .col-sm-pull-11{
        right:91.66666667%
    }
    .col-sm-pull-10{
        right:83.33333333%
    }
    .col-sm-pull-9{
        right:75%
    }
    .col-sm-pull-8{
        right:66.66666667%
    }
    .col-sm-pull-7{
        right:58.33333333%
    }
    .col-sm-pull-6{
        right:50%
    }
    .col-sm-pull-5{
        right:41.66666667%
    }
    .col-sm-pull-4{
        right:33.33333333%
    }
    .col-sm-pull-3{
        right:25%
    }
    .col-sm-pull-2{
        right:16.66666667%
    }
    .col-sm-pull-1{
        right:8.33333333%
    }
    .col-sm-pull-0{
        right:auto
    }
    .col-sm-push-12{
        left:100%
    }
    .col-sm-push-11{
        left:91.66666667%
    }
    .col-sm-push-10{
        left:83.33333333%
    }
    .col-sm-push-9{
        left:75%
    }
    .col-sm-push-8{
        left:66.66666667%
    }
    .col-sm-push-7{
        left:58.33333333%
    }
    .col-sm-push-6{
        left:50%
    }
    .col-sm-push-5{
        left:41.66666667%
    }
    .col-sm-push-4{
        left:33.33333333%
    }
    .col-sm-push-3{
        left:25%
    }
    .col-sm-push-2{
        left:16.66666667%
    }
    .col-sm-push-1{
        left:8.33333333%
    }
    .col-sm-push-0{
        left:auto
    }
    .col-sm-offset-12{
        margin-left:100%
    }
    .col-sm-offset-11{
        margin-left:91.66666667%
    }
    .col-sm-offset-10{
        margin-left:83.33333333%
    }
    .col-sm-offset-9{
        margin-left:75%
    }
    .col-sm-offset-8{
        margin-left:66.66666667%
    }
    .col-sm-offset-7{
        margin-left:58.33333333%
    }
    .col-sm-offset-6{
        margin-left:50%
    }
    .col-sm-offset-5{
        margin-left:41.66666667%
    }
    .col-sm-offset-4{
        margin-left:33.33333333%
    }
    .col-sm-offset-3{
        margin-left:25%
    }
    .col-sm-offset-2{
        margin-left:16.66666667%
    }
    .col-sm-offset-1{
        margin-left:8.33333333%
    }
    .col-sm-offset-0{
        margin-left:0
    }
}
@media (min-width:992px){
    .col,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{
        float:left
    }
    .col-md-12{
        width:100%
    }
    .col-md-11{
        width:91.66666667%
    }
    .col-md-10{
        width:83.33333333%
    }
    .col-md-9{
        width:75%
    }
    .col-md-8{
        width:66.66666667%
    }
    .col-md-7{
        width:58.33333333%
    }
    .col-md-6{
        width:50%
    }
    .col-md-5{
        width:41.66666667%
    }
    .col-md-4{
        width:33.33333333%
    }
    .col-md-3{
        width:25%
    }
    .col-md-2{
        width:16.66666667%
    }
    .col-md-1{
        width:8.33333333%
    }
    .col-md-pull-12{
        right:100%
    }
    .col-md-pull-11{
        right:91.66666667%
    }
    .col-md-pull-10{
        right:83.33333333%
    }
    .col-md-pull-9{
        right:75%
    }
    .col-md-pull-8{
        right:66.66666667%
    }
    .col-md-pull-7{
        right:58.33333333%
    }
    .col-md-pull-6{
        right:50%
    }
    .col-md-pull-5{
        right:41.66666667%
    }
    .col-md-pull-4{
        right:33.33333333%
    }
    .col-md-pull-3{
        right:25%
    }
    .col-md-pull-2{
        right:16.66666667%
    }
    .col-md-pull-1{
        right:8.33333333%
    }
    .col-md-pull-0{
        right:auto
    }
    .col-md-push-12{
        left:100%
    }
    .col-md-push-11{
        left:91.66666667%
    }
    .col-md-push-10{
        left:83.33333333%
    }
    .col-md-push-9{
        left:75%
    }
    .col-md-push-8{
        left:66.66666667%
    }
    .col-md-push-7{
        left:58.33333333%
    }
    .col-md-push-6{
        left:50%
    }
    .col-md-push-5{
        left:41.66666667%
    }
    .col-md-push-4{
        left:33.33333333%
    }
    .col-md-push-3{
        left:25%
    }
    .col-md-push-2{
        left:16.66666667%
    }
    .col-md-push-1{
        left:8.33333333%
    }
    .col-md-push-0{
        left:auto
    }
    .col-md-offset-12{
        margin-left:100%
    }
    .col-md-offset-11{
        margin-left:91.66666667%
    }
    .col-md-offset-10{
        margin-left:83.33333333%
    }
    .col-md-offset-9{
        margin-left:75%
    }
    .col-md-offset-8{
        margin-left:66.66666667%
    }
    .col-md-offset-7{
        margin-left:58.33333333%
    }
    .col-md-offset-6{
        margin-left:50%
    }
    .col-md-offset-5{
        margin-left:41.66666667%
    }
    .col-md-offset-4{
        margin-left:33.33333333%
    }
    .col-md-offset-3{
        margin-left:25%
    }
    .col-md-offset-2{
        margin-left:16.66666667%
    }
    .col-md-offset-1{
        margin-left:8.33333333%
    }
    .col-md-offset-0{
        margin-left:0
    }
}
@media (min-width:1200px){
    .col,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{
        float:left
    }
    .col-lg-12{
        width:100%
    }
    .col-lg-11{
        width:91.66666667%
    }
    .col-lg-10{
        width:83.33333333%
    }
    .col-lg-9{
        width:75%
    }
    .col-lg-8{
        width:66.66666667%
    }
    .col-lg-7{
        width:58.33333333%
    }
    .col-lg-6{
        width:50%
    }
    .col-lg-5{
        width:41.66666667%
    }
    .col-lg-4{
        width:33.33333333%
    }
    .col-lg-3{
        width:25%
    }
    .col-lg-2{
        width:16.66666667%
    }
    .col-lg-1{
        width:8.33333333%
    }
    .col-lg-pull-12{
        right:100%
    }
    .col-lg-pull-11{
        right:91.66666667%
    }
    .col-lg-pull-10{
        right:83.33333333%
    }
    .col-lg-pull-9{
        right:75%
    }
    .col-lg-pull-8{
        right:66.66666667%
    }
    .col-lg-pull-7{
        right:58.33333333%
    }
    .col-lg-pull-6{
        right:50%
    }
    .col-lg-pull-5{
        right:41.66666667%
    }
    .col-lg-pull-4{
        right:33.33333333%
    }
    .col-lg-pull-3{
        right:25%
    }
    .col-lg-pull-2{
        right:16.66666667%
    }
    .col-lg-pull-1{
        right:8.33333333%
    }
    .col-lg-pull-0{
        right:auto
    }
    .col-lg-push-12{
        left:100%
    }
    .col-lg-push-11{
        left:91.66666667%
    }
    .col-lg-push-10{
        left:83.33333333%
    }
    .col-lg-push-9{
        left:75%
    }
    .col-lg-push-8{
        left:66.66666667%
    }
    .col-lg-push-7{
        left:58.33333333%
    }
    .col-lg-push-6{
        left:50%
    }
    .col-lg-push-5{
        left:41.66666667%
    }
    .col-lg-push-4{
        left:33.33333333%
    }
    .col-lg-push-3{
        left:25%
    }
    .col-lg-push-2{
        left:16.66666667%
    }
    .col-lg-push-1{
        left:8.33333333%
    }
    .col-lg-push-0{
        left:auto
    }
    .col-lg-offset-12{
        margin-left:100%
    }
    .col-lg-offset-11{
        margin-left:91.66666667%
    }
    .col-lg-offset-10{
        margin-left:83.33333333%
    }
    .col-lg-offset-9{
        margin-left:75%
    }
    .col-lg-offset-8{
        margin-left:66.66666667%
    }
    .col-lg-offset-7{
        margin-left:58.33333333%
    }
    .col-lg-offset-6{
        margin-left:50%
    }
    .col-lg-offset-5{
        margin-left:41.66666667%
    }
    .col-lg-offset-4{
        margin-left:33.33333333%
    }
    .col-lg-offset-3{
        margin-left:25%
    }
    .col-lg-offset-2{
        margin-left:16.66666667%
    }
    .col-lg-offset-1{
        margin-left:8.33333333%
    }
    .col-lg-offset-0{
        margin-left:0
    }
}
.clearfix,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before{
    content:" ";
    display:table
}
.clearfix:after,.container-fluid:after,.container:after,.row:after{
    clear:both
}
.center-block{
    display:block;
    margin-left:auto;
    margin-right:auto
}
.pull-right{
    float:right!important
}
.pull-left{
    float:left!important
}
*,:after,:before{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
h1{
    font-size:46px;
    font-size:2.875rem;
    line-height:1.26086957em;
    letter-spacing:0;
    text-align:center;
    margin:0 auto 20px
}
h2,p{
    font-weight:400
}
@media screen and (min-width:768px) and (max-width:1199px){
    h1{
        font-size:60px;
        font-size:3.75rem
    }
}
@media screen and (min-width:0px) and (max-width:767px){
    h1{
        font-size:54px;
        font-size:3.375rem
    }
}
h2{
    font-size:46px;
    font-size:2.875rem;
    letter-spacing:0
}
blockquote,p{
    color:#64798c;
    font-family:'Mukta',sans-serif
}
@media screen and (min-width:0px) and (max-width:767px){
    h2{
        font-size:36px;
        font-size:2.25rem
    }
}
@media screen and (min-width:768px) and (max-width:1199px){
    h2{
        font-size:40px;
        font-size:2.5rem
    }
}
h3{
    font-size:34px;
    font-size:2.125rem
}
@media screen and (min-width:768px) and (max-width:1199px){
    h3{
        font-size:20px;
        font-size:1.25rem
    }
}
@media screen and (min-width:0px) and (max-width:767px){
    h3{
        font-size:26px;
        font-size:1.625rem
    }
}
h4{
    font-size:26px;
    font-size:1.625rem
}
@media screen and (min-width:768px) and (max-width:1199px){
    h4{
        font-size:24px;
        font-size:1.5rem
    }
}
@media screen and (min-width:0px) and (max-width:767px){
    h4{
        font-size:22px;
        font-size:1.375rem
    }
}
h5{
    font-size:20px;
    font-size:1.25rem
}
@media screen and (min-width:768px) and (max-width:1199px){
    h5{
        font-size:18px;
        font-size:1.125rem
    }
}
@media screen and (min-width:0px) and (max-width:767px){
    h5{
        font-size:16px;
        font-size:1rem
    }
}
h6{
    font-size:18px;
    font-size:1.125rem
}
@media screen and (min-width:768px) and (max-width:1199px){
    h6{
        font-size:16px;
        font-size:1rem
    }
}
@media screen and (min-width:0px) and (max-width:767px){
    h6{
        font-size:15px;
        font-size:.9375rem
    }
}
p,th{
    font-size:16px
}
p{
    font-size:1.1rem;
    line-height:1.6875em
}
p:first-of-type{
    margin-top:0
}
img,picture{
    height:auto
}
video{
    width:auto;
    display:block;
    margin:0 auto
}
ul{
    list-style-type:square;
    padding:0 0 25px 30px
}
blockquote{
    font-size:26px;
    font-size:1.625rem;
    font-weight:300;
    line-height:1.53846154em;
    letter-spacing:0
}
.__hidden{
    font-size:0;
    width:1px;
    height:1px;
    display:inline-block;
    position:absolute!important;
    border:0!important;
    padding:0!important;
    margin:0!important;
    clip:rect(1px,1px,1px,1px);
    clip-path:polygon(0 0,0 1px,1px 0,1px 1px)
}
.bg{
    background:#fff;
    padding:30px 0 70px
}
.banner + .bg {
    padding-top: 70px;
}
@media screen and (min-width:0px) and (max-width:767px){
    .bg{
        padding:30px 0
    }
    .banner + .bg {
        padding-top: 30px;
    }
}
.bg--blue{
    background:#ebf8ff
}
.bg--large-spaces{
    padding:70px 0
}
@media screen and (min-width:0px) and (max-width:767px){
    .bg--large-spaces{
        padding:30px 0
    }
}
.link--prepaid-packages{
    text-indent:14px;
    display:inline-block
}
.link--with-arrow:after{
    content:'';
    width:1em;
    height:1em;
    display:inline-block;
    background:url(../../images/icons/arrows/arrow-more.svg) center right no-repeat;
    transform-origin:center center;
    margin-left:.3em;
    position:relative;
    top:.2em
}
.link--with-arrow--down:after{
    transform:rotate(90deg);
    top:.1em
}
.link--with-arrow--right:after{
    transform:rotate(0);
    top:.2em
}
.link--with-arrow--left:after{
    transform:rotate(-180deg);
    top:.2em
}
.link--with-arrow--prefix{
    position:relative;
    padding-left:2em;
    display:inline-block
}
.link--with-arrow--prefix:after{
    position:absolute;
    left:0;
    top:.1em
}
.link--with-bigger-arrow:after{
    background-image:url(../../images/icons/arrows/arrow--larger.svg);
    margin-left:.8em
}
.menu-list{
    list-style-type:none;
    margin:0;
    padding:0
}
td,th{
    padding:14px;
    font-family:'Mukta',sans-serif;
    font-weight:400
}
@media screen and (min-width:768px) and (max-width:99999px){
    .br--xs{
        display:none
    }
    .menu--main .menu__item--with-submenu.menu__item .submenu-holder{
        visibility:hidden
    }
}
@media screen and (min-width:992px) and (max-width:99999px){
    .br--sm{
        display:none
    }
}
@media screen and (min-width:0px) and (max-width:991px){
    .br--md{
        display:none
    }
}
@media screen and (min-width:0px) and (max-width:1199px){
    .br--lg{
        display:none
    }
}
@media screen and (min-width:0px) and (max-width:767px){
    .br--not-xs,.br--sm{
        display:none
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .br--not-sm{
        display:none
    }
}
@media screen and (min-width:992px) and (max-width:1199px){
    .br--not-md{
        display:none
    }
}
@media screen and (min-width:1200px) and (max-width:99999px){
    .br--md,.br--not-lg{
        display:none
    }
}
table{
    border-collapse:collapse;
    width:100%;
    margin:15px auto
}
thead th{
    background:#80c6ee;
    color:#fff
}
tr:first-of-type td{
    border-top:0
}
tr:last-of-type th{
    border-bottom:0
}
th{
    font-size:1rem;
    text-align:left;
    border:1px solid #80c6ee
}
th:not(:last-of-type){
    border-right:0
}
th:not(:first-of-type){
    border-left:1px solid #e3e4e5
}
td{
    vertical-align:center;
    color:#293040;
    font-size:16px;
    font-size:1rem;
    border:1px solid #e3e4e5
}
table tbody:first-child tr:first-child td {
    border:1px solid #e3e4e5
}
.non-accessible-hidden{
    font-size:0;
    width:1px;
    height:1px;
    display:inline-block;
    overflow:hidden;
    position:absolute!important;
    border:0!important;
    padding:0!important;
    margin:0!important;
    clip:rect(1px,1px,1px,1px);
    clip-path:polygon(0 0,0 1px,1px 0,1px 1px)
}
#CybotCookiebotDialogHeader,.CybotCookiebotDialogBodyBottomWrapper{
    display:none!important
}
.no-padding{
    padding:0!important
}
#CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogBodyBottomWrapper{
    margin-top:0!important
}
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton{
    padding:.5em!important
}
@media screen and (min-width:1280px){
    #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyButtons{
        max-width:none!important;
        flex-direction:column-reverse!important;
        margin:0 1.5em!important
    }
}
@media screen and (min-width:601px){
    #CybotCookiebotDialogBodyButtons{
        flex-direction:row!important
    }
}
@media screen and (min-width:1510px){
    #CybotCookiebotDialog.CybotEdge:not([lang=ta]):not([lang=bg]):not([lang=is]):not([lang=el]) #CybotCookiebotDialogFooter{
        position:relative!important;
        right:0!important
    }
}
@media screen and (min-width:1280px){
    #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper{
        flex-direction:row!important
    }
    #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:not(:first-of-type){
        margin-bottom:0!important
    }
    #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton,#CybotCookiebotDialogBodyButtons .CybotCookiebotDialogBodyContentControlsWrapper:not(.CybotCookiebotDialogHide)+#CybotCookiebotDialogBodyButtonsWrapper .CybotCookiebotDialogBodyButton{
        width:auto!important
    }
}
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll{
    border:0!important;
    align-items:center!important
}
.footer{
    background:#003a7f
}
.footer-content{
    padding:60px 0 70px
}
.footer-content:after{
    content:'';
    display:block;
    clear:both
}
@media screen and (min-width:0px) and (max-width:767px){
    .footer-content{
        padding:10px 0 30px
    }
}
.footer-copyright{
    padding:40px 0;
    border-top:1px solid #64798c;
    color:#adb9c3;
    font-family:'Mukta',sans-serif;
    font-size:16px;
    font-size:1rem;
    font-weight:400;
    line-height:1.71428571em
}
@media screen and (min-width:0px) and (max-width:767px){
    .footer-copyright{
        padding:15px 0;
        text-align:center
    }
}
.footer-menu{
    position:relative
}
.col-xs-12:not(:first-of-type) .footer-menu{
    padding:0 0 0 24px
}
.col-xs-12:not(:first-of-type) .footer-menu:before{
    content:'';
    display:block;
    width:0;
    height:145px;
    position:absolute;
    top:0;
    left:0;
    border-left:1px solid rgba(240,247,252,.15)
}
@media screen and (min-width:0px) and (max-width:767px){
    .col-xs-12:not(:first-of-type) .footer-menu{
        padding:20px 0 0
    }
    .col-xs-12:not(:first-of-type) .footer-menu:before{
        width:100%;
        height:1px;
        border-left:0;
        top:20px;
        border-top:1px solid rgba(240,247,252,.15)
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .col-xs-12.footer-col--sm-break .footer-menu{
        padding:0
    }
    .col-xs-12.footer-col--sm-break .footer-menu:before{
        display:none
    }
    .footer-col--sm-break{
        clear:both
    }
}
.footer-menu__title{
    color:#ecf5fb;
    font-family:'Mukta',sans-serif;
    font-size:16px;
    font-size:1rem;
    font-weight:400;
    line-height:1.6875em;
    text-transform:uppercase;
    margin:20px 0 6px
}
.footer-menu__link,.footer__address{
    font-family:'Mukta',sans-serif;
    line-height:1.71428571em;
    font-weight:400
}
.footer-menu__link{
    color:#adb9c3;
    font-size:14px;
    font-size:1rem
}
.footer-menu__link:active,.footer-menu__link:focus,.footer-menu__link:hover{
    text-decoration:underline;
    color:#fa7e03
}
@media screen and (min-width:0px) and (max-width:767px){
    .footer-menu__link{
        padding:5px 0;
        display:inline-block;
        font-size:16px;
        font-size:1rem
    }
}
.footer__address{
    color:#adb9c3;
    font-size:14px;
    font-size:1rem
}
.footer__address a{
    color:#adb9c3;
    text-decoration:none
}
.footer__address a:active,.footer__address a:focus,.footer__address a:hover{
    text-decoration:underline;
    color:#fa7e03
}
.footer-social{
    text-align:right
}
@media screen and (min-width:0px) and (max-width:767px){
    .footer__address{
        font-size:16px;
        font-size:1rem
    }
    .footer-social{
        text-align:center;
        margin-top:30px
    }
}
.footer-social__icons{
    margin:20px 0 0
}
.footer-social__link{
    color:#3c78c7;
    text-decoration:none
}
.footer-social__link:active,.footer-social__link:focus,.footer-social__link:hover{
    text-decoration:underline;
    color:#fa7e03
}
.footer-social__link:not(:first-of-type) .footer-social__icon{
    margin-left:13px
}
.footer-social__icon--twitter:active,.footer-social__icon--twitter:focus,.footer-social__icon--twitter:hover{
    filter:drop-shadow(0 0 4px #55acee) drop-shadow(0 0 4px rgba(85, 172, 238, .5))
}
.footer-social__icon--facebook:active,.footer-social__icon--facebook:focus,.footer-social__icon--facebook:hover{
    filter:drop-shadow(0 0 4px #3b5998) drop-shadow(0 0 4px rgba(59, 89, 152, .5))
}
.footer-social__icon--youtube:active,.footer-social__icon--youtube:focus,.footer-social__icon--youtube:hover{
    filter:drop-shadow(0 0 4px #f72c24) drop-shadow(0 0 4px rgba(247, 44, 36, .5))
}
.footer-social__icon--google:active,.footer-social__icon--google:focus,.footer-social__icon--google:hover{
    filter:drop-shadow(0 0 4px #e45b46) drop-shadow(0 0 4px rgba(228, 91, 70, .5))
}
.footer-social__text{
    transform:rotate(-5deg);
    color:#fff;
    font-family:Sacramento,cursive;
    font-size:34px;
    font-size:2.125rem;
    font-weight:400;
    line-height:1.02941176em;
    display:inline-block;
    text-align:center
}
@media screen and (min-width:768px) and (max-width:991px){
    .footer-social{
        text-align:center;
        padding-top:20px
    }
    .footer-social__text{
        position:relative;
        left:-30px
    }
}
.footer-social__arrow{
    height:80px;
    position:relative;
    top:10px
}
@media screen and (min-width:992px) and (max-width:1199px){
    .footer-social__icons{
        margin-bottom:20px
    }
    .footer-social__text{
        position:relative;
        left:-15px
    }
    .footer-social__arrow{
        position:relative;
        top:-20px
    }
}
.cookie-declaration-btn{
    appearance:none;
    border:0;
    background:0 0;
    color:#adb9c3;
    cursor:pointer;
    font-family:var(--font-standard);
    font-size:var(--fontsize-normal)!important;
    line-height:var(--line-height-normal)
}
.action-box__catchline,.action-box__title{
    color:#fff;
    font-family:'Urbanist',sans-serif;
    letter-spacing:0
}
.cookie-declaration-btn:focus,.cookie-declaration-btn:hover{
    text-decoration:underline
}
.action-box{
    background:linear-gradient(180deg,#34bbfa 0,#3c78c7 100%);
    text-align:center;
    padding:79px 0 80px;
    position:relative
}
.action-box:after,.action-box:before{
    content:'';
    display:block;
    border-top:0;
    border-bottom:1em solid #34bbfa;
    position:absolute
}
@media screen and (min-width:0px) and (max-width:767px){
    .action-box{
        padding:49px 0 50px
    }
}
.action-box:after{
    border-right:0;
    right:0
}
.action-box:before{
    border-left:0;
    left:0;
    border-right:1em solid transparent
}
.action-box:after{
    border-left:1em solid transparent
}
.action-box:after,.action-box:before{
    width:calc(50% + 2px);
    top:calc(-1em + 2px)
}
@media screen and (min-width:768px) and (max-width:991px){
    .action-box .input{
        width:13em
    }
}
@media screen and (min-width:992px) and (max-width:1199px){
    .action-box .input{
        width:13em
    }
}
.action-box__title{
    font-size:34px;
    font-size:2.125rem;
    font-weight:400;
    line-height:1.35294118em;
    margin:0
}
.action-box__catchline{
    opacity:.7;
    font-size:24px;
    font-size:1.5rem;
    font-weight:300;
    line-height:1.5em
}
.action-box__action-button,.action-box__text{
    color:#fff;
    font-family:'Urbanist',sans-serif;
    letter-spacing:0
}
.action-box__catchline:first-of-type{
    margin-top:15px
}
.action-box__text{
    font-size:19px;
    font-size:1.1875rem;
    font-weight:400;
    line-height:2.05263158em;
    margin:30px 0 0
}
.action-box__action-button{
    font-size:18px;
    font-size:1.125rem;
    font-weight:700;
    line-height:1.3333em;
    text-transform:uppercase;
    text-align:center;
    cursor:pointer;
    background:0 0;
    border-radius:100px;
    border:2px solid currentColor;
    padding:20px 40px;
    margin-top:15px
}
.action-box__action-button:active,.action-box__action-button:focus,.action-box__action-button:hover{
    background:#fff;
    color:#34bbfa;
    border-color:#fff
}
@media screen and (min-width:0px) and (max-width:767px){
    .action-box__action-button{
        padding:20px
    }
}
.action-box__action-button--in-banner:active,.action-box__action-button--in-banner:focus,.action-box__action-button--in-banner:hover{
    color:#003a7f
}
.logos-panel{
    margin:50px 0 20px;
    padding:40px 50px;
    color:#64798c;
    font-family:'Mukta',sans-serif;
    font-size:16px;
    font-size:1rem;
    font-weight:400;
    line-height:1.6875em;
    text-align:left
}
@media screen and (min-width:0px) and (max-width:767px){
    .logos-panel{
        margin:25px 0 40px
    }
}
.import-extensions-popup{
    cursor:help
}
.article__title--profi-invoices{
    background-image:url(../../images/icons/features/icon-profi-faktury.svg);
    background-position:top 2px left
}
.article__title--currencies-n-languages{
    background-image:url(../../images/icons/features/icon-currency.svg);
    background-position:top 4px left 10px
}
.article__title--discounts{
    background-image:url(../../images/icons/features/icon-zlavy.svg)
}
.article__title--vat{
    background-image:url(../../images/icons/features/icon-paragraph.svg);
    background-position:top 4px left 10px
}
.article__title--recurring{
    background-image:url(../../images/icons/features/icon-recurring-invoices.svg)
}
.article__title--complex-bp{
    background-image:url(../../images/icons/features/icon-obchodny-proces.svg)
}
.article__title--autopairing{
    background-image:url(../../images/icons/features/icon-auto-parovanie.svg)
}
.article__title--mobile-payments{
    background-image:url(../../images/icons/features/icon-mobilne-platby.svg);
    background-position:top 5px left 0
}
.article__title--online-payments{
    background-image:url(../../images/icons/features/icon-online-platby.svg);
    background-position:top 3px left 9px
}
.article__title--sms{
    background-image:url(../../images/icons/features/icon-sms-upomienky.svg)
}
.article__title--autoreminders{
    background-image:url(../../images/icons/features/icon-auto-upomienky.svg)
}
.article__title--expenses{
    background-image:url(../../images/icons/features/icon-evidencia-nakladov.svg)
}
.article__title--recurr-expenses{
    background-image:url(../../images/icons/features/icon-recurring-expenses.svg)
}
.article__title--categories{
    background-image:url(../../images/icons/features/icon-categories.svg);
    background-position:top 2px left 5px
}
.article__title--attachment{
    background-image:url(../../images/icons/features/icon-attachment.svg);
    background-position:top 3px left 7px
}
.article__title--multi-payments{
    background-image:url(../../images/icons/features/icon-hromadne-uhrady.svg)
}
.article__title--export{
    background-image:url(../../images/icons/features/icon-export.svg);
    background-position:top 3px left
}
.article__title--courier{
    background-image:url(../../images/icons/features/icon-export-courier.svg)
}
.article__title--api{
    background-image:url(../../images/icons/features/icon-api.svg);
    background-position:top 3px left 10px
}
.article__title--ride-book{
    background-image:url(../../images/icons/features/icon-kniha-jazd.svg)
}
.article__title--price-list{
    background-image:url(../../images/icons/features/icon-sklad.svg);
    background-position:top 8px left 0
}
.article__title--cash-register{
    background-image:url(../../images/icons/features/icon-pokladnica.svg)
}
.description{
    color:#64798c;
    font-family:'Urbanist',sans-serif;
    font-size:23px;
    font-size:1.4375rem;
    font-weight:300;
    line-height:1.56521739em;
    letter-spacing:0;
    text-align:center;
    margin:0 auto 45px
}
.description:last-child {
    margin-bottom: 0;
}
.quote-box__author,.quote-box__text{
    font-stretch:normal;
    color:#64798c;
    font-weight:300;
    line-height:1.57894737em;
    font-family:'Mukta',sans-serif
}
@media screen and (min-width:0px) and (max-width:767px){
    .description{
        width:100%;
        margin:30px auto;
        text-align:left
    }
}
.description--small-space{
    margin-bottom:0
}
.description--center{
    text-align:center
}
.quote-box{
    border-radius:3px;
    background-color:#ebf8ff;
    padding:25px 70px;
    display:flex;
    align-content:center;
    align-items:center;
    margin:85px 0;
    flex-wrap:nowrap
}
@media screen and (min-width:0px) and (max-width:767px){
    .quote-box{
        flex-wrap:wrap;
        padding:15px;
        margin:30px 0
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .quote-box{
        margin:30px 0 80px
    }
}
@media screen and (min-width:992px) and (max-width:1199px){
    .quote-box{
        margin:50px 0 130px
    }
}
.quote-box__text{
    margin:0
}
.quote-box--photo-right .quote-box__author-pic{
    order:2;
    float:right;
    margin:0 0 0 25px
}
@media screen and (min-width:0px) and (max-width:767px){
    .quote-box--photo-right .quote-box__author-pic{
        margin:10px auto
    }
}
.quote-box--photo-right .quote-box__text{
    order:1
}
.quote-box__author-pic{
    float:left;
    margin:0 25px 0 0;
    align-self:start;
    border-radius:50%;
    width:60px;
    text-align:center
}
@media screen and (min-width:0px) and (max-width:767px){
    .quote-box__author-pic{
        justify-self:center;
        align-self:center;
        display:block;
        margin:10px auto;
        width:100%
    }
    .quote-box__author{
        display:block;
        margin-top:15px
    }
}
.quote-box__author-img{
    border-radius:50%;
    max-height:60px;
    height:60px;
    width:60px
}
.quote-box__author{
    display:block;
    font-size:16px;
    font-size:1.1rem;
    text-align:left;
    font-style:normal
}
.quote-box__text{
    display:inline-block;
    font-size:19px;
    font-size:1.1875rem;
    width:calc(100% - 60px - 25px);
    font-style:italic
}
.quote-box__link{
    color:#5688ca;
    font-family:'Mukta',sans-serif;
    font-size:16px;
    font-size:1.1rem;
    font-weight:400;
    line-height:1.625em
}
.quote-box--vertical{
    display:block;
    text-align:center;
    background:0 0;
    margin:30px 0
}
@media screen and (min-width:0px) and (max-width:767px){
    .quote-box__text{
        display:block;
        width:100%
    }
    .quote-box--vertical{
        margin:15px 0
    }
}
.quote-box--vertical .quote-box__text{
    text-align:center;
    margin-left:auto;
    margin-right:auto
}
.quote-box--vertical .quote-box__author{
    text-align:center;
    color:#293040;
    font-family:'Urbanist',sans-serif;
    font-size:20px;
    font-size:1.25rem;
    font-weight:700;
    line-height:1.4em;
    letter-spacing:0;
    margin-bottom:35px
}
.comment__author,.comment__info,.comment__text,.quote-box--vertical .quote-box__text{
    font-family:'Mukta',sans-serif;
    font-weight:400
}
@media screen and (min-width:0px) and (max-width:767px){
    .quote-box--vertical .quote-box__author{
        margin-bottom:15px
    }
}
.quote-box--vertical .quote-box__author-img{
    display:block;
    float:none;
    margin:0 auto
}
.quote-box--vertical .quote-box__text{
    display:block;
    margin-bottom:35px;
    color:#64798c;
    font-size:15px;
    font-size:1.1rem;
    line-height:1.66666667em
}
@media screen and (min-width:0px) and (max-width:767px){
    .quote-box--vertical .quote-box__text{
        margin-bottom:15px
    }
}
.comments{
    width:80%;
    margin:0 auto;
    display:block
}
@media screen and (min-width:0px) and (max-width:767px){
    .comments{
        width:100%
    }
}
.comment{
    display:block;
    border-radius:3px;
    border:1px solid #dee6ed;
    background-color:#fff;
    padding:30px;
    margin:25px 0 0;
    position:relative
}
.comment--with-tail:after,.comment--with-tail:before{
    width:0;
    height:0;
    position:absolute;
    bottom:auto;
    display:block;
    content:'';
    right:auto
}
.comment--with-tail:before{
    left:21px;
    top:-14px;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:14px solid #dee6ed
}
.comment--with-tail:after{
    left:22px;
    top:-12.5px;
    border-left:9px solid transparent;
    border-right:9px solid transparent;
    border-bottom:13px solid #fff
}
.comment--nested{
    margin-left:30px
}
@media screen and (min-width:0px) and (max-width:767px){
    .comment{
        padding:15px
    }
    .comment--nested{
        margin-left:15px
    }
}
.comment--nested-2nd-level{
    margin-left:60px
}
.comment__text{
    color:#293040;
    font-size:16px;
    font-size:1rem;
    line-height:1.6875em
}
.comment__info{
    color:#96a8b6;
    font-size:14px;
    font-size:.875rem;
    line-height:1.71428571em;
    margin-top:.5em
}
.comment__info:after{
    display:block;
    content:'';
    clear:both
}
@media screen and (min-width:0px) and (max-width:767px){
    .comment--nested-2nd-level{
        margin-left:30px
    }
    .comment__info{
        font-size:16px;
        font-size:1rem;
        line-height:1.5em
    }
}
.comment__author{
    color:#96a8b6;
    font-size:14px;
    font-size:.875rem;
    line-height:1.71428571em;
    float:left
}
.comment__author:after{
    content:'|';
    display:inline-block;
    margin:0 9px
}
@media screen and (min-width:0px) and (max-width:767px){
    .comment__author{
        float:none;
        font-size:16px;
        font-size:1rem;
        line-height:1.5em
    }
    .comment__author:after{
        content:'';
        display:block;
        margin:0;
        clear:both
    }
}
.comment__date-time,.header__support{
    font-size:14px;
    font-weight:400;
    font-family:'Mukta',sans-serif
}
.comment__date-time{
    color:#96a8b6;
    font-size:.875rem;
    line-height:1.71428571em;
    float:left
}
.comment__date-time:after{
    content:'|';
    display:inline-block;
    margin:0 9px
}
.flex__item--break:before,.menu--main .menu__item--active:before,.menu-holder:after{
    content:''
}
.comment__reply{
    float:left
}
.comment__reply-link{
    text-decoration:none;
    color:#1e7dba
}
.comment__reply-link:active,.comment__reply-link:focus,.comment__reply-link:hover{
    text-decoration:underline;
    color:#fa7e03
}
.form--comment{
    border-radius:3px;
    border:1px solid #dee6ed;
    background-color:#fff;
    width:100%;
    padding:30px;
    text-align:center;
    margin-bottom:70px
}
.form--comment .input{
    margin-bottom:30px
}
.form--comment .input-area--half{
    width:calc(50% - 30px / 2)
}
.form--comment .input-area--half:not(:last-of-type){
    margin-right:30px
}
@media screen and (min-width:0px) and (max-width:767px){
    .comment__date-time,.comment__reply-link{
        font-size:16px;
        font-size:1rem;
        line-height:1.5em
    }
    .form--comment .input-area--half{
        width:100%;
        float:none
    }
    .form--comment .input-area--half:not(:last-of-type){
        margin-right:0
    }
    .menu__item{
        border-bottom:1px solid #eee
    }
}
.form--comment .input--textarea{
    min-height:7em;
    min-width:100%
}
.header__support{
    color:#64798c;
    font-size:1rem;
    line-height:1.71428571em
}
.header__support .phone-support{
    color:#64798c
}
.header__support-hours{
    display:inline
}
.header__support-faq{
    display:none
}
@media screen and (min-width:0px) and (max-width:1199px){
    .header__support-hours{
        display:none
    }
    .header__support-faq{
        display:inline
    }
}
.header__invoice-for-free{
    text-decoration:none;
    color:#64798c;
    font-family:'Mukta',sans-serif;
    font-size:14px;
    font-size:1rem;
    font-weight:400;
    white-space:nowrap
}
.menu--main>*>.menu__link,.submenu .menu__link{
    font-family:'Mukta',sans-serif;
    font-weight:700;
    line-height:1.625em;
}
.header__invoice-for-free:active,.header__invoice-for-free:focus,.header__invoice-for-free:hover{
    text-decoration:underline;
    color:#fa7e03
}
.menu__items{
    list-style-type:none;
    margin:0;
    padding:0
}
.menu-navigation{
    min-height:0
}
.menu-banner{
    padding:8px 0
}
.menu-holder{
    font-size:0;
    margin:0 25px;
    align-items:center
}
.menu-holder:after{
    display:block;
    clear:both
}
.menu-holder--separate{
    border-bottom:1px solid #dee6ed
}
@media screen and (min-width:0px) and (max-width:767px){
    .menu-navigation{
        width:100%
    }
    .menu-holder{
        margin:0
    }
    .menu--open{
        height:auto;
        border-top:1px solid #003a7f
    }
}
.menu--main{
    list-style-type:none;
    padding:0;
    font-size:0;
    float:right;
    text-align:right;
    width:100%;
    position:relative;
    margin:.2em auto
}
.menu--main>.menu__item{
    display:inline-block;
    position:relative;
    background:#fff
}
.menu--main .menu__item--active:active:before,.menu--main .menu__item--active:focus:before,.menu--main .menu__item--active:hover:before{
    width:100%;
    max-width:100%;
    left:0
}
@media screen and (min-width:0px) and (max-width:767px){
    .menu--main{
        float:none;
        text-align:left;
        height:0;
        overflow:hidden
    }
    .menu--main>.menu__item{
        display:block;
        width:100%
    }
    .menu--main .menu__item--active:active:before,.menu--main .menu__item--active:focus:before,.menu--main .menu__item--active:hover:before{
        border-left:4px solid #48a332;
        width:0
    }
}
.is-scrolling .menu--main .menu__item--active:before{
    bottom:-1px
}
.menu--main .menu__item--active:before{
    display:block;
    width:calc(100% - (2 * 20px));
    max-width:calc(100% - (2 * 20px));
    transition:all .3s ease-out;
    height:0;
    border-bottom:4px solid #48a332;
    background:#48a332;
    position:absolute;
    bottom:0;
    left:20px
}
.menu--main .menu__item--with-submenu.menu__item .submenu-holder,.menu--main .menu__item--with-submenu.menu__item .submenu-holder:before{
    transition:all .5s ease-out
}
.menu--main .menu__link--inactive{
    padding:27px 20px!important
}
.is-scrolling .menu--main .menu__link--inactive{
    padding:9px 20px!important
}
.menu--main .menu__link--inactive:active,.menu--main .menu__link--inactive:focus,.menu--main .menu__link--inactive:hover{
    background:#fff!important
}
.menu--main .menu__item--search{
    display:none
}
@media screen and (min-width:0px) and (max-width:767px){
    .menu--main .menu__item--active:before{
        height:100%;
        top:0;
        width:0;
        border-left:4px solid #48a332;
        left:0
    }
    .is-scrolling .menu--main .menu__link--inactive{
        padding:10px 20px!important
    }
    .menu--main .menu__link--inactive{
        padding:0!important
    }
    .menu--main .menu__item--search{
        display:block
    }
    .menu--main .menu__item--with-submenu.menu__item .submenu-holder:before{
        content:'';
        width:0;
        height:0;
        position:absolute;
        left:calc(50% - 13px);
        right:auto;
        bottom:auto;
        top:-13px;
        border-left:13px solid transparent;
        border-right:13px solid transparent;
        border-bottom:13px solid #003a7f;
        display:none
    }
    .menu--main .menu__item--with-submenu.menu__item .submenu-xholder--closed:before{
        top:1px
    }
}
.menu--main .menu__item--with-submenu.menu__item--active .submenu-holder{
    visibility:visible
}
.menu--main .menu__item--with-submenu.menu__item--active:after{
    display:none
}
.menu--main .menu__item--with-submenu.menu__item--active:before{
    display:block;
    content:'';
    width:0;
    height:0;
    position:absolute;
    left:calc(50% - 13px);
    right:auto;
    bottom:0;
    top:auto;
    border-left:13px solid transparent;
    border-right:13px solid transparent;
    border-bottom:13px solid #003a7f;
    pointer-events:none;
    background:0 0
}
.is-scrolling .menu--main .menu__item--with-submenu.menu__item--active:before{
    border:0;
    bottom:-1px;
    display:block;
    width:calc(100% - (2 * 20px));
    max-width:calc(100% - (2 * 20px));
    background:#48a332;
    left:20px;
    transition:all .3s ease-out;
    border-bottom:4px solid #48a332
}
.menu--main .submenu-holder .submenu .menu__item--active:before,.submenu .menu__item:after{
    bottom:-4px
}
.is-scrolling .menu--main .menu__item--with-submenu.menu__item--active:active:before,.is-scrolling .menu--main .menu__item--with-submenu.menu__item--active:focus:before,.is-scrolling .menu--main .menu__item--with-submenu.menu__item--active:hover:before{
    width:100%;
    max-width:100%;
    left:0
}
@media screen and (min-width:0px) and (max-width:767px){
    .is-scrolling .menu--main .menu__item--with-submenu.menu__item--active:active:before,.is-scrolling .menu--main .menu__item--with-submenu.menu__item--active:focus:before,.is-scrolling .menu--main .menu__item--with-submenu.menu__item--active:hover:before{
        border-left:4px solid #48a332;
        width:0
    }
    .menu--main .menu__item--with-submenu.menu__item--active:before{
        display:none
    }
}
.menu--main .submenu-holder{
    transition:left .5s cubic-bezier(.45,.05,.55,.95);
    left:-42.75px;
    display:block;
    top:100%
}
.flex__item--search,.flex__item--support{
    transition:1s height ease-out,1s padding ease-out
}
@media screen and (min-width:0px) and (max-width:767px){
    .menu--main .submenu-holder{
        left:0;
        position:relative;
        top:0
    }
}
.submenu,.submenu-opener{
    position:absolute;
    padding:0
}
.menu--main .submenu-holder .submenu{
    text-align:left;
    white-space:nowrap
}
.menu--main .submenu-holder .submenu .menu_item{
    display:inline-block;
    cursor:pointer;
    background:#003a7f
}
.menu--main>*>.menu__link{
    color:#293040;
    font-size:19px;
    font-size:1.1rem;
    display:inline-block;
    padding:35px 20px;
    width:100%;
    height:100%
}
.is-scrolling .menu--main>*>.menu__link{
    padding:17px 20px
}
@media screen and (min-width:768px) and (max-width:991px){
    .is-scrolling .menu--main>*>.menu__link{
        padding:17px 15px
    }
}
.menu--main>*>.menu__link:active,.menu--main>*>.menu__link:focus,.menu--main>*>.menu__link:hover{
    background:#ebf8ff
}
@media screen and (min-width:0px) and (max-width:767px){
    .menu--main>*>.menu__link{
        padding:15px 20px
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .menu--main>*>.menu__link{
        padding:35px 18px
    }
}
.menu--main .menu-btn--try-it{
    display:inline
}
@media screen and (min-width:0px) and (max-width:767px){
    .menu--main .menu-btn--try-it{
        box-shadow:none;
        background:0 0;
        padding:15px 20px;
        display:block;
        line-height:1.625em;
        border-radius:0
    }
    .menu--main .menu-btn--try-it:active,.menu--main .menu-btn--try-it:focus,.menu--main .menu-btn--try-it:hover{
        background:#ebf8ff
    }
}
.flex{
    display:flex;
    flex-wrap:wrap;
    align-items:stretch
}
.flex__item{
    flex:0 1 auto;
    display:flex;
    align-items:center
}
@media screen and (min-width:992px) and (max-width:1199px){
    .flex__item{
        flex:1 1 auto
    }
}
@media screen and (min-width:1200px) and (max-width:99999px){
    .flex__item{
        flex:1 1 auto
    }
}
.flex__item--support{
    justify-content:flex-start;
    padding:3px 0 3px 10px
}
.is-scrolling .flex__item--support{
    height:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
    overflow:hidden!important
}
@media screen and (min-width:0px) and (max-width:767px){
    .flex__item--support{
        width:50%;
        order:1;
        display:none
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .flex__item--support{
        width:25%;
        order:2
    }
}
@media screen and (min-width:992px) and (max-width:1199px){
    .flex__item--support{
        width:50%;
        padding:9px 0 9px 40px
    }
}
@media screen and (min-width:992px) and (max-width:1099px){
    .flex__item--support{
        order:2;
        width:32%
    }
}
@media screen and (min-width:1200px) and (max-width:99999px){
    .flex__item--support{
        width:50%;
        padding:9px 0 9px 40px
    }
}
.flex__item--search{
    justify-content:flex-end;
    padding:3px 10px 3px 0
}
.is-scrolling .flex__item--search{
    height:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
    overflow:hidden!important
}
@media screen and (min-width:0px) and (max-width:767px){
    .flex__item--search{
        width:50%;
        order:2;
        display:none
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .flex__item--search{
        width:50%;
        order:3
    }
}
@media screen and (min-width:992px) and (max-width:1199px){
    .flex__item--search{
        width:50%;
        padding:9px 40px 9px 0
    }
}
@media screen and (min-width:992px) and (max-width:1099px){
    .flex__item--search{
        order:3;
        width:50%
    }
}
@media screen and (min-width:1200px) and (max-width:99999px){
    .flex__item--search{
        width:50%;
        padding:9px 40px 9px 0
    }
}
.flex__item--logo{
    justify-content:flex-start;
    padding:0 15px 0 40px
}
.flex__item--logo svg{
    max-width: 200px;
    height: auto;
}
.header.is-scrolling .flex__item--logo svg{
    max-width: 140px;
}
@media screen and (min-width:0px) and (max-width:767px){
    .flex__item--logo{
        width:calc(100% - 7rem);
        order:3;
        padding:12px 15px 7px 10px
    }
    .flex__item--logo svg,
    .header.is-scrolling .flex__item--logo svg{
        max-width: 80px;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .flex__item--logo{
        width:25%;
        order:1;
        padding:5px 15px 3px
    }
    .flex__item--logo svg,
    .header.is-scrolling .flex__item--logo svg{
        max-width: 100px;
    }
}
@media screen and (min-width:992px) and (max-width:1099px){
    .flex__item--logo{
        order:1;
        width:18%
    }
    .flex__item--logo svg,
    .header.is-scrolling .flex__item--logo svg{
        max-width: 100px;
    }
}
@media screen and (min-width:1100px) and (max-width:1190px){
    .flex__item--logo svg,
    .header.is-scrolling .flex__item--logo svg{
        max-width: 120px;
    }
}
.flex__item--menu{
    justify-content:flex-end;
    padding:0 40px 0 0
}
@media screen and (min-width:0px) and (max-width:767px){
    .flex__item--menu{
        order:6;
        width:100%;
        flex-wrap:wrap;
        padding:0
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .flex__item--menu{
        width:100%;
        order:6;
        padding:0
    }
}
@media screen and (min-width:992px) and (max-width:1099px){
    .flex__item--menu{
        order:5;
        width:100%
    }
}
.flex__item--hamburger{
    display:none;
    background:#003a7f;
    height:51.4px
}
@media screen and (min-width:0px) and (max-width:767px){
    .flex__item--hamburger{
        display:flex;
        order:5;
        width:7rem;
        justify-content:flex-end
    }
    .flex__item--break{
        order:3;
        display:none
    }
}
.flex__item--break{
    width:100%
}
.flex__item--break:before{
    display:block;
    width:calc(100% - (2 * 40px));
    margin-left:40px;
    height:1px;
    background:#dee6ed
}
@media screen and (min-width:0px) and (max-width:767px){
    .flex__item--break:before{
        width:calc(100% - (2 * 10px));
        margin-left:10px
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .flex__item--break{
        order:4
    }
    .flex__item--break:before{
        width:100%;
        margin-left:0
    }
}
@media screen and (min-width:992px) and (max-width:1099px){
    .flex__item--break{
        order:4;
        width:100%
    }
}
.submenu-opener{
    display:none;
    border:0;
    margin:0;
    top:0;
    background:#fff;
    right:0;
    height:56px;
    width:56px;
    border-left:1px solid #dee6ed;
    font-size:.8rem;
    cursor:pointer
}
.submenu-opener:active,.submenu-opener:focus,.submenu-opener:hover{
    background:#ebf8ff
}
@media screen and (min-width:0px) and (max-width:767px){
    .submenu-opener{
        display:block
    }
    .submenu-opener:before{
        content:'';
        height:30%;
        width:30%;
        background:url(../../images/icons/arrows/icon-pagination-arrow-left.svg) center center no-repeat;
        transform:rotate(90deg);
        position:absolute;
        right:35%;
        display:block;
        transition:all .5s ease-out;
        top:35%;
        transform-origin:center center
    }
    .submenu-opener--closed:before{
        transform:rotate(270deg)
    }
}
.submenu{
    top:100%;
    height:60px;
    left:-43px;
    transition:all 1s ease-out,left .25s ease-out,padding 1s ease-out,height 1s ease-out
}
.is-scrolling .submenu{
    height:0;
    overflow:hidden;
    background:red
}
@media screen and (min-width:0px) and (max-width:767px){
    .submenu{
        position:static;
        height:auto;
        overflow:hidden
    }
}
.submenu .menu__item{
    display:inline-block;
    float:none;
    height:100%;
    font-size:1rem;
    background:#003a7f;
    white-space:nowrap;
    padding:0;
    position:relative
}
@media screen and (min-width:768px) and (max-width:99999px){
    .submenu .menu__item:active,.submenu .menu__item:focus,.submenu .menu__item:hover{
        background:#082f4e
    }
}
@media screen and (min-width:0px) and (max-width:767px){
    .submenu .menu__item{
        display:block;
        border-bottom:1px solid #dfd6d8;
        height:auto;
        background:#f1f1f1
    }
    .submenu .menu__item:after{
        bottom:0
    }
}
.submenu .menu__link{
    white-space:nowrap;
    padding:17px 22px;
    display:inline-block;
    color:#f6fafe;
    font-size:16px;
    font-size:1rem;
    transition:height 1s ease-out,padding 1s ease-out,color .3s ease-out,background .3s ease-out
}
.submenu .menu__link:active,.submenu .menu__link:focus,.submenu .menu__link:hover{
    background:#082f4e
}
.is-scrolling .submenu .menu__link{
    height:0;
    padding-top:0;
    padding-bottom:0
}
@media screen and (min-width:0px) and (max-width:767px){
    .submenu .menu__link{
        display:block;
        padding:17px 22px 17px 30px;
        color:#293040
    }
    .submenu .menu__link:active,.submenu .menu__link:focus,.submenu .menu__link:hover{
        background:#cee5f5
    }
}
.under-menu-stripe{
    height:60px;
    background-color:#003a7f;
    transition:1s height ease-out,1s padding ease-out
}
.is-scrolling .under-menu-stripe{
    height:0
}
.submenu--closed{
    max-height:0
}
.menu-categories{
    margin-bottom:50px
}
.menu-categories .menu__title{
    text-transform:uppercase;
    color:#64798c;
    font-weight:700;
    margin:5px 0 15px;
    font-size:16px;
    font-size:1rem
}
.menu-categories .menu__item{
    padding:0;
    border:0;
    border-bottom:1px solid #dee6ed
}
.menu-categories .menu__item:first-of-type{
    border-top:1px solid #dee6ed
}
.menu-categories .menu__item-link{
    text-decoration:none;
    color:#3c78c7;
    font-family:'Mukta',sans-serif;
    font-size:16px;
    font-size:1rem;
    font-weight:400;
    line-height:2.5em;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding-right:15px
}
.anchor-navigation__item,.menu-button{
    font-family:'Mukta',sans-serif
}
.form--search,.menu-categories .menu__item-text{
    display:inline-block
}
.menu-categories .menu__item-link:active,.menu-categories .menu__item-link:focus,.menu-categories .menu__item-link:hover{
    color:#fa7e03;
    text-decoration:none
}
.menu-categories .menu__item-count{
    display:inline-block;
    color:#8397a8
}
.form--search{
    text-align:right;
    float:right;
    margin-left:20px
}
.form--search .form__search{
    border-radius:100px;
    border:0;
    padding:7px 40px 7px 15px;
    width:115px;
    font-size:14px;
    color:#293040;
    background:url(../../images/icons/magnifier.svg) center right 15px no-repeat #ebf8ff;
    transition:all .5s ease-out
}
.form--search .form__search--active{
    width:250px;
    background-color:#003a7f;
    color:#fff
}
@media screen and (min-width:0px) and (max-width:767px){
    .under-menu-stripe{
        height:6px
    }
    .form--search{
        margin-bottom:0
    }
    .form--search .form__search{
        padding:.3em 40px .3em .6em
    }
    .form--search .form__search--active{
        width:100%
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .form--search .form__search--active{
        width:200px
    }
}
.form--search .form__submit{
    font-size:0;
    width:1px;
    height:1px;
    overflow:hidden;
    position:absolute!important;
    border:0!important;
    padding:0!important;
    margin:0!important;
    clip:rect(1px,1px,1px,1px);
    clip-path:polygon(0 0,0 1px,1px 0,1px 1px);
    display:block
}
.logo{
    max-width:100%;
    width:219px;
    max-height:30px
}
@media screen and (min-width:0px) and (max-width:1199px){
    .logo{
        width:auto;
        max-width:219px;
        min-width:150px
    }
}
.logo--small{
    max-width:55%;
    margin:8px auto
}
.menu-button{
    border:0;
    border-radius:0;
    box-shadow:none;
    margin:0;
    width:7rem;
    max-width:7rem;
    cursor:pointer;
    color:#fff;
    position:relative;
    padding:17px 10px 17px 50px;
    background:#003a7f;
    float:right;
    font-size:16px;
    font-size:1rem
}
.input--filled-disabled.input--filled-disabled,.pagination__item--no-link{
    cursor:default
}
.menu-button__line{
    display:block;
    width:20px;
    height:3px;
    background:#fff;
    position:absolute;
    left:15px
}
.menu-button__line--1{
    top:19px
}
.menu-button__line--1.menu-button__line--active{
    background:#f2c300
}
.menu-button__line--2{
    top:25px
}
.menu-button__line--2.menu-button__line--active{
    background:#d428d5
}
.menu-button__line--3{
    top:31px
}
.menu-button__line--3.menu-button__line--active{
    background:#00b1fc
}
.header{
    background:#fff;
    position:sticky;
    top:0;
    z-index:200
}
.header.is-scrolling{
    border-bottom:1px solid #e3e4e5
}
@media screen and (min-width:0px) and (max-width:767px){
    .header{
        position:static
    }
    .anchor-navigation{
        display:none
    }
}
.no-transition{
    transition:all 0s!important
}
.anchor-navigation{
    background:#fff;
    border-bottom:1px solid #dee6ed;
    margin:0 0 70px;
    position:relative;
    text-align:center;
    top:61px;
    z-index:20
}
@media screen and (min-width:768px) and (max-width:991px){
    .anchor-navigation{
        display:none
    }
}
@media screen and (min-width:992px) and (max-width:1099px){
    .anchor-navigation{
        top:85px
    }
}
@media screen and (min-width:1200px) and (max-width:99999px){
    .anchor-navigation{
        position:sticky
    }
}
.anchor-navigation__items{
    list-style-type:none;
    margin:0;
    padding:0;
    background:url(../../images/icons/underline-navigation.svg) bottom -500px left -10px no-repeat #fff;
    background-size:0 0;
    transition:background .5s ease-out
}
.anchor-navigation__item{
    color:#293040;
    font-size:15px;
    font-size:1.1rem;
    font-weight:700;
    line-height:1.73333333em;
    letter-spacing:0;
    display:inline-block;
    margin:0;
    padding:0
}
.anchor-navigation__link{
    padding:27px 15px;
    display:inline-block;
    color:#293040;
    background-size:84% 3px
}
.anchor-navigation__link:active,.anchor-navigation__link:focus,.anchor-navigation__link:hover{
    background-color:rgba(153,200,233,.15);
    color:#293040;
    text-decoration:none
}
.is-scrolling .anchor-navigation__link{
    padding:10px 15px
}
.anchor-navigation__link--active{
    background-position-x:center
}
.search-lightbox{
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    background:rgba(0,0,0,.9);
    z-index:100;
    padding:15vh 15px 0;
    text-align:center
}
.search-lightbox input{
    border:0;
    border-bottom:1px solid #818486;
    color:#fff;
    background:0 0;
    padding:.45rem 0;
    margin-bottom:50px;
    width:100%;
    font-size:26px;
    font-size:1.625rem;
    border-radius:0
}
.search-lightbox__submit{
    border:1px solid #fff;
    border-radius:5em;
    text-transform:uppercase;
    padding:.45em 1.25em;
    color:#fff;
    background:0 0;
    font-size:26px;
    font-size:1.625rem;
    text-align:center
}
.search-lightbox__submit:active,.search-lightbox__submit:focus,.search-lightbox__submit:hover{
    background:#fff;
    color:#03080b
}
.search-lightbox__close{
    position:absolute;
    top:0;
    right:0;
    background:0 0;
    color:#fff;
    font-size:2em;
    border:0;
    padding:0;
    margin:0;
    width:2em;
    height:2em
}
.blog-entry{
    border-radius:3px;
    background-color:#ebf8ff;
    margin-bottom:50px;
    overflow:hidden
}
.blog-entry__image{
    max-width:100%;
    width:100%;
    height:auto
}
.blog-entry__content{
    padding:15px 40px 40px
}
.blog-entry__title-link{
    text-decoration:none;
    color:#293040;
    font-family:Urbanist,serif;
    font-size:30px;
    font-size:1.875rem;
    font-weight:400;
    line-height:1.53333333em;
    letter-spacing:0;
    hyphens:auto;
    display:inline-block
}
.blog-entry__title-link:active,.blog-entry__title-link:focus,.blog-entry__title-link:hover{
    color:#fa7e03;
    text-decoration:none
}
@media screen and (min-width:0px) and (max-width:767px){
    .blog-entry{
        margin-bottom:1.5rem
    }
    .blog-entry__content{
        padding:20px 15px
    }
    .blog-entry__title-link{
        font-size:25px;
        font-size:1.5625rem
    }
}
.blog-entry__title{
    margin:15px 0
}
@media screen and (min-width:0px) and (max-width:767px){
    .blog-entry__title{
        margin:0 0 15px
    }
}
.blog-entry__info{
    margin:16px auto
}
.blog-entry__info-item{
    color:#64798c;
    font-family:'Mukta',sans-serif;
    font-size:14px;
    font-size:.875rem;
    font-weight:400;
    line-height:1.71428571em;
    display:inline-block;
    margin:0;
    padding:0
}
.blog-entry__info-item:not(:first-of-type):before{
    content:'|';
    display:inline-block;
    padding:0 .33em
}
@media screen and (min-width:0px) and (max-width:767px){
    .blog-entry__info-item{
        display:inline;
        font-size:16px;
        font-size:1rem;
        line-height:1.5em
    }
}
.blog-article,.blog-entry__text{
    font-weight:400;
    line-height:1.6875em;
    font-family:'Mukta',sans-serif
}
.blog-entry__info-item-key{
    display:inline-block;
    margin:0;
    padding:0
}
.blog-entry__info-item-key:after{
    display:inline;
    content:': ';
    margin-right:.33em
}
.blog-entry__info-item-key--no-colon:after,.custom-input:before,.table-value__boolean--yes:after{
    content:''
}
@media screen and (min-width:0px) and (max-width:767px){
    .blog-entry__info-item-key{
        display:inline
    }
}
.blog-entry__info-item-value{
    display:inline-block;
    margin:0;
    padding:0
}
.blog-entry__text{
    color:#293040;
    font-size:16px;
    font-size:1rem
}
.blog-entry__read-more{
    text-decoration:none;
    color:#3c78c7
}
.blog-entry__read-more:active,.blog-entry__read-more:focus,.blog-entry__read-more:hover{
    text-decoration:underline;
    color:#fa7e03
}
.blog-aside{
    margin-left:45px;
    transition-duration:0s;
    padding-bottom:50px
}
@media screen and (min-width:0px) and (max-width:991px){
    .blog-aside{
        position:static!important;
        transform:none!important;
        margin-left:0
    }
}
.blog-article{
    color:#293040;
    font-size: 1.1rem;
    margin:0 auto
}
@media screen and (min-width:992px) and (max-width:1199px){
    .blog-article{
        width:75%
    }
}
@media screen and (min-width:1200px) and (max-width:99999px){
    .blog-article{
        width:67%
    }
}
.blog-article figure{
    margin:25px 0 50px;
    text-align:center
}
.blog-article figure img{
    max-width:100%;
    height:auto;
    margin:0
}
.blog-article h2,.blog-article h3{
    font-weight:400;
    margin:1.5em 0 1em;
    letter-spacing:0
}
.blog-article figcaption{
    color:#64798c;
    font-family:'Mukta',sans-serif;
    font-size:14px;
    font-size:.875rem;
    font-weight:400;
    line-height:1.71428571em;
    text-align:center
}
.blog-article h2,.blog-article h3,.blog-article h4{
    color:#293040;
    font-family:Urbanist,serif
}
.blog-article h2{
    font-size:30px;
    font-size:1.875rem;
    line-height:1.53333333em
}
.blog-article h3{
    font-size: 1.475rem;
    line-height:1.5em
}
.blog-article h4{
    font-size:17px;
    font-size:1.0625rem;
    font-weight:700;
    line-height:1.88235294em;
    margin:3em 0 1em
}
@media screen and (min-width:0px) and (max-width:767px){
    .blog-entry__info-item-value{
        display:inline
    }
    .blog-article h4{
        margin:2.2em 0 1em
    }
}
.blog-article blockquote{
    color:#64798c;
    font-family:'Mukta',sans-serif;
    font-size:26px;
    font-size:1.625rem;
    font-weight:300;
    line-height:1.33333333em;
    letter-spacing:0;
    margin:40px 30px;
    padding:0 0 0 30px;
    border-left:4px solid #96a8b6
}
.blog-article p,.title{
    color:#293040
}
@media screen and (min-width:0px) and (max-width:767px){
    .blog-article blockquote{
        padding:0 0 0 20px;
        margin:40px 10px
    }
}
.blog-article img{
    max-width:100%;
    height:auto;
    margin:20px 0 50px
}
@media screen and (min-width:0px) and (max-width:767px){
    .blog-article img{
        margin:20px 0
    }
}
.blog-article ol,.blog-article ul{
    padding:0 0 0 30px;
    margin:0 20px
}
.blog-article ol li,.blog-article ul li{
    margin:0 0 10px
}
.blog-article ul li{
    list-style-type:none;
    position:relative
}
.blog-article ul li:before{
    content:'⬝';
    display:inline;
    position:absolute;
    left:-1em;
    font-size:1.333em
}
.blog-article-area{
    position:relative
}
.social-share-area{
    position:absolute;
    height:100%;
    top:0;
    left:100px
}
@media screen and (min-width:0px) and (max-width:767px){
    .social-share-area{
        position:static;
        width:100%;
        margin:1.5rem auto
    }
}
@media screen and (min-width:0px) and (max-width:919px){
    .social-share-area{
        position:static;
        width:100%;
        margin:1.5rem auto
    }
}
@media screen and (min-width:920px) and (max-width:991px){
    .social-share-area{
        left:-10%;
        margin:1.5rem auto
    }
}
@media screen and (min-width:992px) and (max-width:1199px){
    .social-share-area{
        left:3%
    }
}
@media screen and (min-width:1200px) and (max-width:99999px){
    .social-share-area{
        left:8%
    }
}
.social-share{
    position:sticky;
    margin:100px 0 0;
    top:100px
}
.social-share .social-share__items{
    margin:0;
    padding:0
}
@media screen and (min-width:0px) and (max-width:919px){
    .social-share{
        margin:0
    }
    .social-share .social-share__items{
        text-align:center
    }
}
.social-share .social-share__item{
    list-style-type:none;
    margin:0 0 18px;
    padding:0
}
@media screen and (min-width:0px) and (max-width:919px){
    .social-share .social-share__item{
        display:inline-block;
        margin:0 8px 0 0
    }
}
.social-share .social-share__link svg {
    display: block;
    width: 42px;
    height: 42px;
}
.social-share .social-share__icon{
    display: block;
    height:48px;
    width:48px
}
.social-share .social-share__icon:active.social-share__icon--fb,.social-share .social-share__icon:focus.social-share__icon--fb,.social-share .social-share__icon:hover.social-share__icon--fb{
    filter:drop-shadow(0 0 4px #3b5998) drop-shadow(0 0 4px rgba(59, 89, 152, .5))
}
.social-share .social-share__icon:active.social-share__icon--twitter,.social-share .social-share__icon:focus.social-share__icon--twitter,.social-share .social-share__icon:hover.social-share__icon--twitter{
    filter:drop-shadow(0 0 4px #55acee) drop-shadow(0 0 4px rgba(85, 172, 238, .5))
}
.social-share .social-share__icon:active.social-share__icon--gplus,.social-share .social-share__icon:focus.social-share__icon--gplus,.social-share .social-share__icon:hover.social-share__icon--gplus{
    filter:drop-shadow(0 0 4px #e45b46) drop-shadow(0 0 4px rgba(228, 91, 70, .5))
}
.social-share .social-share__icon:active.social-share__icon--linkedin,.social-share .social-share__icon:focus.social-share__icon--linkedin,.social-share .social-share__icon:hover.social-share__icon--linkedin{
    filter:drop-shadow(0 0 4px #006087) drop-shadow(0 0 4px rgba(0, 96, 135, .5))
}
.title{
    font-family:'Urbanist',sans-serif;
    font-size:64px;
    font-size:4rem;
    font-weight:700;
    line-height:1.3125em;
    letter-spacing:0;
    margin:50px 0 30px
}
.title--light{
    color:#fff
}
.title--half{
    width:50%
}
@media screen and (min-width:0px) and (max-width:767px){
    .title{
        font-size:35.2px;
        font-size:2.2rem;
        text-align:left;
        margin:1em auto
    }
    .title--half{
        width:100%
    }
    .title--registration{
        text-align:center
    }
}
@media screen and (min-width:768px) and (max-width:1199px){
    .title--half{
        width:75%
    }
}
@media screen and (min-width:768px) and (max-width:99999px){
    .title--banner-left{
        margin:10px auto 0 0
    }
}
.title--hidden{
    font-size:0;
    width:1px;
    height:1px;
    display:inline-block;
    overflow:hidden;
    position:absolute!important;
    border:0!important;
    padding:0!important;
    margin:0!important;
    clip:rect(1px,1px,1px,1px);
    clip-path:polygon(0 0,0 1px,1px 0,1px 1px)
}
.title--registration{
    font-size:46px;
    font-size:2.875rem;
    margin:-12px 0 45px
}
.title--left{
    text-align:left
}
.title--center,.title--section{
    text-align:center
}
.title--related-articles{
    color:#293040;
    font-family:'Mukta',sans-serif;
    font-size:20px;
    font-size:1.25rem;
    font-weight:400;
    letter-spacing:0;
    margin:0 auto 20px;
    text-align:center
}
.title--section{
    font-size:34px;
    font-size:2.125rem;
    color:#293040;
    font-family:'Urbanist',sans-serif;
    font-weight:700;
    line-height:1.35294118em;
    letter-spacing:0;
    margin:0 auto 15px
}
.title--stories{
    margin-bottom:25px
}
.title--blog{
    color:#293040;
    font-family:Urbanist,serif;
    font-size:36px;
    font-size:2.25rem;
    font-weight:700;
    line-height:1.27777778em;
    letter-spacing:0;
    text-align:left;
    margin:50px auto
}
.title--blog-article{
    margin:50px auto 30px
}
.title--2{
    color:#293040;
    font-family:'Urbanist',sans-serif;
    font-size:46px;
    font-size:2.875rem;
    font-weight:700;
    line-height:1.26086957em;
    letter-spacing:0;
    text-align:center
}
.title--2:first-child {
    margin-top: 0;
}
@media screen and (min-width:0px) and (max-width:767px){
    .title--section{
        padding:0 5%
    }
    .title--2{
        font-size:27px;
        font-size:1.6875rem;
        text-align:left
    }
}
.pagination__item,.title--comments{
    text-align:center;
    font-family:'Mukta',sans-serif;
    font-weight:400
}
.title--comments{
    color:#293040;
    font-size:20px;
    font-size:1.25rem;
    letter-spacing:0;
    margin:50px auto 20px
}
.title--api-category{
    width:100%;
    font-size:24px;
    font-size:1.5rem
}
@media screen and (min-width:992px) and (max-width:99999px){
    .title--api-category{
        position:static!important;
        margin:0 0 30px
    }
}
@media screen and (min-width:0px) and (max-width:991px){
    .title--api-category{
        display:block;
        font-size:24px;
        font-size:1.5rem;
        clip:auto;
        clip-path:none;
        height:auto;
        width:100%;
        overflow:visible;
        position:static!important;
        margin:20px 0 15px!important
    }
}
.pagination,.pagination__item{
    display:flex;
    align-content:center
}
.title--link,.title--link:active,.title--link:focus,.title--link:hover{
    text-decoration:none!important;
    color:#293040!important
}
.pagination{
    text-decoration:none;
    justify-content:center;
    margin:50px 0
}
.pagination__item{
    color:#293040;
    background:#fff;
    font-size:18px;
    font-size:1.125rem;
    line-height:1.5em;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border:1px solid transparent;
    border-radius:3px;
    margin:0 3px
}
.pagination__item:active,.pagination__item:focus,.pagination__item:hover{
    color:#fff;
    background-color:#d2dae0
}
.pagination__item--no-link:active,.pagination__item--no-link:focus,.pagination__item--no-link:hover{
    color:#293040;
    background:#fff
}
.pagination__item--active{
    color:#f4f9fe;
    background-color:#96a8b6
}
.pagination__item--active:active,.pagination__item--active:focus,.pagination__item--active:hover{
    background:#96a8b6;
    color:#f4f9fe
}
.pagination__item--extreme{
    border-radius:3px;
    border:1px solid #96a8b6;
    color:#96a8b6
}
.pagination__item--extreme .svg-pagination-arrow{
    fill:#96a8b6
}
.pagination__item--extreme:active .svg-pagination-arrow,.pagination__item--extreme:focus .svg-pagination-arrow,.pagination__item--extreme:hover .svg-pagination-arrow{
    fill:#fff
}
.pagination__item--extreme .svg-pagination{
    max-width:45%;
    max-height:45%;
    width:45%;
    height:45%
}
.form--newsletter{
    border-radius:3px;
    background-color:#dee6ed;
    padding:40px;
    margin-bottom:40px
}
@media screen and (min-width:0px) and (max-width:767px){
    .pagination__item--mobile-hide{
        display:none
    }
    .form--newsletter{
        padding:20px;
        margin-bottom:20px
    }
}
.form--newsletter .input-group input{
    margin-bottom:0
}
.form--newsletter .input-group input:nth-of-type(1){
    width:50%
}
@media screen and (min-width:0px) and (max-width:767px){
    .form--newsletter .input-group input{
        max-width:300px;
        display:block;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:10px
    }
    .form--newsletter .input-group input:nth-of-type(1){
        width:100%
    }
}
.form--newsletter .input-group input:nth-of-type(2){
    width:20%
}
@media screen and (min-width:0px) and (max-width:767px){
    .form--newsletter .input-group input:nth-of-type(2){
        width:100%
    }
}
.form__text{
    color:#293040;
    font-family:'Mukta',sans-serif;
    font-size:16px;
    font-size:1rem;
    font-weight:400;
    line-height:1.6875em;
    margin:0;
    padding:0
}
.error-messages{
    text-align:left;
    width:70%;
    margin:0 auto;
    padding:10px 10px 5px 60px;
    background:#f6c3d3;
    border-radius:3px;
    color:#d71c1c;
    min-height:70px;
    position:relative;
    display:flex;
    align-items:center;
    z-index:40
}
.error-messages .error-messages__items{
    list-style-type:none;
    margin:0;
    padding:0
}
.error-messages .error-messages__item{
    margin:0 0 10px;
    line-height:1.5em
}
.error-messages:before{
    content:'!';
    display:block;
    position:absolute;
    left:0;
    top:0;
    margin:7px 25px;
    font-size:50px;
    transform-origin:center center;
    transform:rotate(10deg);
    font-weight:700
}
.input,.registration-form{
    font-weight:400;
    line-height:1.6875em;
    font-family:'Mukta',sans-serif
}
.error-messages *{
    color:#d71c1c
}
.registration-form{
    text-align:center;
    width:100%;
    color:#64798c;
    font-size:16px;
    font-size:1rem;
    margin:50px auto 100px
}
@media screen and (min-width:0px) and (max-width:767px){
    .error-messages{
        width:100%
    }
    .registration-form{
        margin-bottom:40px
    }
}
.social-logins{
    list-style-type:none;
    padding:0;
    margin:0;
    font-size:0
}
.social-login__item{
    display:inline-block;
    width:50%
}
.registration-form__inputs{
    width:30%;
    margin:0 auto;
    text-align:center
}
@media screen and (min-width:0px) and (max-width:767px){
    .registration-form__inputs{
        width:100%
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .registration-form__inputs{
        width:50%
    }
}
@media screen and (min-width:992px) and (max-width:1199px){
    .registration-form__inputs{
        width:40%
    }
}
.registration-form__inputs input[type=text],.registration-form__inputs input[type=submit],.registration-form__inputs input[type=password],.registration-form__inputs input[type=email]{
    width:100%
}
.registration-form__inputs .error-messages{
    width:100%;
    margin-bottom:30px
}
.registration-form__inputs .error-messages:before{
    margin:20px 25px
}
.registration-form__social-login{
    margin:30px auto 50px
}
.form__social-login{
    margin:40px 0
}
.input-group{
    font-size:0;
    text-align:center;
    margin-top:40px;
    display:flex;
    justify-content:center;
    position:relative;
    z-index:40
}
.input-group .input:not(:first-of-type):not(:last-of-type){
    border-radius:0
}
.input-group .input:not(:first-of-type){
    border-left-color:#dee6ed
}
.input-group .input:not(:first-of-type):active,.input-group .input:not(:first-of-type):focus{
    border:1px solid #1e6cd1
}
.input-group .input:not(:first-of-type).input--filled{
    border-left-color:#48a332
}
.input-group .input:not(:first-of-type).input--filled:active,.input-group .input:not(:first-of-type).input--filled:focus,.input-group .input:not(:first-of-type).input--filled:hover{
    border-color:#50b237
}
.input-group .input:first-of-type{
    border-bottom-right-radius:0;
    border-top-right-radius:0
}
.input-group .input:last-of-type{
    border-bottom-left-radius:0;
    border-top-left-radius:0
}
@media screen and (min-width:0px) and (max-width:767px){
    .input-group{
        display:block
    }
    .input-group .input{
        width:100%;
        margin-bottom:10px;
        max-width:300px;
        display:block;
        margin-left:auto;
        margin-right:auto
    }
    .input-group .input:not(:first-of-type):not(:last-of-type){
        border-radius:200px
    }
    .input-group .input:not(:first-of-type){
        border-left-color:transparent
    }
    .input-group .input:not(:first-of-type).input--filled{
        border-left-color:#48a332
    }
    .input-group .input:first-of-type{
        border-bottom-right-radius:200px;
        border-top-right-radius:200px
    }
    .input-group .input:last-of-type{
        border-bottom-left-radius:200px;
        border-top-left-radius:200px
    }
}
@media screen and (min-width:800px) and (max-width:1000px){
    .input-group .input,.input-group .input:last-of-type{
        width:30%
    }
}
@media screen and (min-width:992px) and (max-width:1199px){
    .input-group .input,.input-group .input:last-of-type{
        width:30%
    }
}
@media screen and (min-width:1200px) and (max-width:99999px){
    .input-group .input,.input-group .input:last-of-type{
        width:30%
    }
}
.input{
    background:#fff;
    border-radius:200px;
    color:#293040;
    font-size:16px;
    font-size:1rem;
    box-shadow:0 5px 15px rgba(21,65,100,.05);
    border:1px solid transparent;
    padding:12px 22px;
    margin:0 0 10px
}
.input::-webkit-input-placeholder{
    color:#64798c;
    font-family:'Mukta',sans-serif;
    font-size:16px;
    font-size:1rem;
    opacity:1
}
.input::-moz-placeholder{
    color:#64798c;
    font-family:'Mukta',sans-serif;
    font-size:16px;
    font-size:1rem;
    opacity:1
}
.input:-ms-input-placeholder{
    color:#64798c;
    font-family:'Mukta',sans-serif;
    font-size:16px;
    font-size:1rem;
    opacity:1
}
.input:-moz-placeholder{
    color:#64798c;
    font-family:'Mukta',sans-serif;
    font-size:16px;
    font-size:1rem;
    opacity:1
}
.input--comment-submit,.input--filled{
    font-family:'Mukta',sans-serif;
    font-size:19px;
    font-weight:700
}
.input:invalid{
    position:relative;
    z-index:20;
    box-shadow:0 0 2px 1px red
}
.input:active,.input:focus{
    border:1px solid #1e6cd1;
    background-color:#fbfae7;
    box-shadow:0 5px 15px rgba(55,129,224,.05),inset 2px 2px 4px rgba(0,0,0,.25)
}
.custom-input,.input--square{
    border-radius:3px
}
.input--filled{
    color:#fff;
    font-size:1.2rem;
    line-height:1.5em;
    display:inline-block;
    letter-spacing:0;
    text-transform:uppercase;
    box-shadow:0 5px 10px rgba(0,0,0,.1);
    background-color:#48a332
}
@media screen and (min-width:0px) and (max-width:767px){
    .input--filled{
        font-size:16px;
        font-size:1rem
    }
}
.input--filled:active,.input--filled:focus,.input--filled:hover{
    background:#50b237;
    border-color:#50b237;
    color:#fff;
    transform: scale(1.1);
}
.input--filled-disabled{
    background-color:#acb0ba
}
.input--filled-disabled:active,.input--filled-disabled:focus,.input--filled-disabled:hover{
    background-color:#acb0ba!important;
    border-color:#acb0ba!important;
    box-shadow:0 5px 10px rgba(0,0,0,.1)!important
}
.input--capitalize{
    text-transform:capitalize
}
.button--3d,.employee__focus-value,.package__name{
    text-transform:uppercase
}
@media screen and (min-width:768px) and (max-width:99999px){
    .input--larger{
        padding:18px 28px
    }
}
.input--smaller{
    padding:8px 17px;
    font-size:16px;
    font-size:1rem
}
.input--dark-border{
    border-color:#96a8b6
}
.input--with-icon{
    padding-left:50px;
    background-repeat:no-repeat;
    background-attachment:scroll;
    background-position:left 22px center;
    background-color:#fff
}
.input--with-icon--lock{
    background-image:url(../../images/icons/inputs/icon-lock.svg)
}
.input--with-icon--at{
    background-image:url(../../images/icons/inputs/icon-at.svg)
}
.input--with-icon--envelope{
    background-image:url(../../images/icons/inputs/icon-envelope.svg)
}
.input--with-icon--magnifier{
    background-image:url(../../images/icons/magnifier.svg)
}
.input--wide{
    padding-left:60px;
    padding-right:60px
}
@media screen and (min-width:0px) and (max-width:480px){
    .input--wide{
        padding-left:30px;
        padding-right:30px
    }
}
.input--popup-form{
    border-radius:3px;
    border:1px solid #dee6ed;
    background-color:#f6fafe;
    margin-bottom:10px;
    width:100%;
    padding-left:50px
}
.input--popup-form[type=checkbox]{
    width:auto;
    display:inline-block
}
@media screen and (min-width:0px) and (max-width:767px){
    .input--popup-form{
        padding-left:35px
    }
}
.input--textarea{
    min-height:2.33em;
    height:calc(1.8125em + 12px);
    padding:30px 50px
}
@media screen and (min-width:0px) and (max-width:767px){
    .input--textarea{
        padding:10px
    }
}
.input--checkbox,.input--radio{
    font-size:0;
    width:1px;
    height:1px;
    display:inline-block;
    overflow:hidden;
    position:absolute!important;
    border:0!important;
    padding:0!important;
    margin:0!important;
    clip:rect(1px,1px,1px,1px);
    clip-path:polygon(0 0,0 1px,1px 0,1px 1px)
}
.custom-input{
    display:inline-block;
    position:relative;
    top:.17em;
    margin-right:5px;
    flex:0 0 auto;
    width:20px;
    height:20px;
    border:1px solid #96a8b6;
    background-color:#fff
}
.custom-input:before{
    position:absolute;
    display:block;
    border-radius:3px;
    height:8px;
    width:15px;
    background:0 0;
    transform-origin:center center;
    transform:rotate(-45deg);
    border-bottom:4px solid transparent;
    border-left:4px solid transparent;
    border-right:0;
    border-top:0
}
input[type=checkbox]:checked+.custom-input--checkbox:before{
    border-bottom:4px solid #3c78c7;
    border-left:4px solid #3c78c7;
    border-right:0;
    border-top:0;
    top:4px;
    left:2px
}
.custom-input--radio{
    border-radius:50%;
    width:22px;
    height:22px
}
input[type=radio]:checked+.custom-input--radio:before{
    width:14px;
    height:14px;
    border-radius:50%;
    background-color:#3c78c7;
    top:3px;
    left:3px
}
.input--comment-submit{
    color:#3c78c7;
    font-size:1.125rem;
    line-height:1.33333333em;
    cursor:pointer;
    border-radius:100px;
    border:2px solid currentColor;
    padding:11px 45px;
    margin-bottom:0!important
}
.input--comment-submit:active,.input--comment-submit:focus,.input--comment-submit:hover{
    background:#3c78c7;
    color:#fff;
    border:2px solid #3c78c7
}
@media screen and (min-width:0px) and (max-width:767px){
    .input--comment-submit{
        font-size:16px;
        font-size:1rem
    }
}
.input--comment{
    border-radius:3px;
    border:1px solid #dee6ed;
    background-color:#f6fafe;
    padding:8px 20px;
    width:100%;
    box-shadow:none
}
.input--label-up,.input--party{
    border-radius:100px;
    box-shadow:none;
    border:1px solid transparent;
    background-color:transparent;
    width:100%;
    margin:0;
    color:#fff;
    font-size:16px;
    font-size:1rem;
    padding-top:18px;
    padding-bottom:6px;
    transition:background-color .3s ease-out,box-shadow .3s ease-out,border-color .3s ease-out
}
.package__savings,.price-value,.price-value--savings{
    transition:color 0s
}
.input--label-up:active,.input--label-up:focus,.input--party:active,.input--party:focus{
    box-shadow:inset 2px 2px 4px rgba(0,0,0,.2);
    border-color:#57a7d0;
    background-color:#217aa7
}
.input--ico{
    width:100%
}
.input--ico,.input--party{
    outline:0
}
.input--invalid{
    background-color:#f6c3d3!important;
    color:#d71c1c!important
}
.input--invalid::-webkit-input-placeholder{
    color:#d71c1c!important
}
.input--invalid::-moz-placeholder{
    color:#d71c1c!important
}
.input--invalid:-ms-input-placeholder{
    color:#d71c1c!important
}
.input--invalid:-moz-placeholder{
    color:#d71c1c!important
}
.input--hand{
    cursor:pointer
}
.label{
    color:#64798c;
    font-family:'Mukta',sans-serif;
    font-size:16px;
    font-size:1rem;
    font-weight:400;
    line-height:1.6875em
}
.social-link,.social-link:active,.social-link:focus,.social-link:hover{
    color:#fff;
    text-decoration:none
}
.label--with-checkbox{
    text-align:left;
    width:100%;
    display:flex;
    padding-left:15px;
    margin:5px 0 15px
}
.label--extra-padded{
    padding-left:50px
}
.label--i-want-to-register{
    width:auto
}
.label--registration-from-invoice{
    display:block;
    width:80%;
    text-align:left;
    margin:1em auto .4em;
    text-indent:1.3rem
}
.social-link,.social-link--buttonish{
    border-radius:100px;
    display:inline-block
}
@media screen and (min-width:0px) and (max-width:767px){
    .label--extra-padded{
        padding-left:35px
    }
    .label--registration-from-invoice{
        text-indent:0
    }
}
.social-link{
    font-weight:700;
    padding:0 10px;
    vertical-align:baseline;
    line-height:1.6em
}
.social-link--disabled,.social-link--disabled:active,.social-link--disabled:focus,.social-link--disabled:hover{
    background-color:#acb0ba!important
}
.social-link--buttonish{
    box-shadow:0 5px 15px rgba(21,65,100,.1);
    padding:15px 22px 15px 55px;
    font-weight:400;
    width:calc(100% - 5px);
    font-size:16px;
    font-size:1rem;
    text-align:left;
    background-repeat:no-repeat;
    background-attachment:scroll;
    background-position:left 18px center;
    background-color:transparent
}
.social-link--buttonish.social-link--fb{
    background-image:url(../../images/icons/icon-logo-fb.svg);
    background-color:#537dc0;
    background-position:left 28px center;
    float:left
}
.social-link--buttonish.social-link--google-plus{
    background-image:url(../../images/icons/icon-logo-g+.svg);
    background-color:#dd4b39;
    float:right
}
.social-link--fb{
    background-color:#3b5998
}
.social-link--fb:active,.social-link--fb:focus,.social-link--fb:hover{
    background-color:#2d4373
}
.social-link--google-plus{
    background-color:#e45b46
}
.social-link--google-plus:active,.social-link--google-plus:focus,.social-link--google-plus:hover{
    background-color:#d8381f
}
.service{
    margin-bottom:70px
}
.service__title{
    color:#293040;
    font-family:'Urbanist',sans-serif;
    font-size:34px;
    font-size:2.125rem;
    font-weight:700;
    line-height:1.35294118em;
    letter-spacing:0;
    width:60%;
    margin:0 auto 30px;
    text-align:center
}
.service__graphics-item,.service__text{
    text-align:center;
    color:#64798c;
    font-family:'Mukta',sans-serif;
    font-weight:400
}
@media screen and (min-width:0px) and (max-width:767px){
    .service__title{
        width:100%;
        margin-bottom:20px
    }
}
.service__text{
    font-size:16px;
    font-size:1.1rem;
    line-height:1.8em;
    width:60%;
    margin:0 auto
}
@media screen and (min-width:0px) and (max-width:767px){
    .service__text{
        width:100%
    }
}
.service__graphics{
    display:flex;
    width:80%;
    margin:50px auto
}
@media screen and (min-width:0px) and (max-width:767px){
    .service__graphics{
        display:block;
        width:100%;
        margin:20px auto
    }
}
@media screen and (min-width:992px) and (max-width:1199px){
    .service__graphics{
        width:100%
    }
}
.service__graphics-item{
    position:relative;
    padding:0 50px;
    display:flex;
    flex-direction:column;
    flex:1 0 30%;
    max-width:30%;
    font-size:15px;
    font-size:1.1rem;
    line-height:1.66666667em
}
.service__graphics-item-title,.service__graphics-item-title:active,.service__graphics-item-title:focus,.service__graphics-item-title:hover{
    color:#293040;
    text-decoration:none
}
.banner-with-boxes__title,.service__graphics-item-title{
    font-weight:700;
    font-family:'Urbanist',sans-serif
}
@media screen and (min-width:0px) and (max-width:767px){
    .service__graphics-item{
        flex-direction:row;
        flex-basis:100%;
        max-width:100%;
        padding:20px 0
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .service__graphics{
        width:100%
    }
    .service__graphics-item{
        flex-basis:25%;
        max-width:25%;
        padding:0
    }
}
.service__graphics-item:not(:first-of-type):before{
    content:'';
    display:block;
    width:1px;
    height:100px;
    background:#dee6ed;
    position:absolute;
    left:0;
    top:0
}
@media screen and (min-width:0px) and (max-width:767px){
    .service__graphics-item:not(:first-of-type):before{
        width:80%;
        max-width:80%;
        height:1px;
        left:10%
    }
}
@media screen and (min-width:1200px) and (max-width:99999px){
    .service__graphics-item--mail{
        flex-basis:40%;
        max-width:40%
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .service__graphics-item--mail{
        flex-basis:40%;
        max-width:40%
    }
}
.service__graphics-item-title{
    font-size:20px;
    font-size:1.25rem;
    line-height:1.4em;
    letter-spacing:0;
    display:block
}
a.service__graphics-item-title:active,a.service__graphics-item-title:focus,a.service__graphics-item-title:hover{
    color:#fa7e03
}
.service__image{
    display:block;
    margin:0 auto 15px
}
@media screen and (min-width:460px) and (max-width:767px){
    .service__image{
        padding-left:40%
    }
}
.service__info-holder{
    align-self:center
}
@media screen and (min-width:0px) and (max-width:767px){
    .service__graphics-item--mail{
        flex-basis:100%;
        max-width:100%
    }
    .service__image{
        margin:0 auto
    }
    .service__image-holder{
        width:30%
    }
    .service__info-holder{
        text-align:left
    }
}
.banner-with-boxes{
    background-color:#ebf8ff;
    text-align:center;
    padding:60px 0 80px;
    position:relative
}
.banner-with-boxes__title{
    color:#293040;
    font-size:46px;
    font-size:2.875rem;
    line-height:1.25em;
    letter-spacing:0;
    width:100%;
    margin:30px auto
}
@media screen and (min-width:0px) and (max-width:767px){
    .banner-with-boxes{
        padding:10px 0
    }
    .banner-with-boxes__title{
        font-size:36px;
        font-size:2.25rem
    }
}
.banner-with-boxes__description{
    color:#64798c;
    font-family:'Urbanist',sans-serif;
    font-size:23px;
    font-size:1.4375rem;
    font-weight:300;
    line-height:1.56521739em;
    letter-spacing:0;
    width:60%;
    margin:0 auto
}
.fun-facts-slider,.info-box__title{
    font-family:'Mukta',sans-serif
}
@media screen and (min-width:0px) and (max-width:767px){
    .banner-with-boxes__description{
        width:100%;
        font-size:21px;
        font-size:1.3125rem;
        text-align:left;
        display:block
    }
}
.banner-with-boxes__boxes{
    display:flex;
    justify-content:space-between;
    margin:50px 0 0
}
@media screen and (min-width:0px) and (max-width:767px){
    .banner-with-boxes__boxes{
        flex-direction:column
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .banner-with-boxes__description{
        width:100%
    }
    .banner-with-boxes__boxes{
        flex-direction:column
    }
}
.banner-with-boxes__box{
    width:30%
}
@media screen and (min-width:0px) and (max-width:767px){
    .banner-with-boxes__box{
        width:100%;
        margin-bottom:15px
    }
    .banner-with-boxes__bottom-overflow{
        display:none
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .banner-with-boxes__box{
        width:100%;
        margin-bottom:15px
    }
    .banner-with-boxes__bottom-overflow{
        display:none
    }
}
.banner-with-boxes__bottom-overflow{
    position:absolute;
    bottom:-28px;
    width:50%;
    left:25%
}
@media screen and (min-width:992px) and (max-width:1199px){
    .banner-with-boxes__bottom-overflow{
        width:100%;
        left:0
    }
}
@media screen and (min-width:1200px) and (max-width:1440px){
    .banner-with-boxes__bottom-overflow{
        width:80%;
        left:10%
    }
}
@media screen and (min-width:1441px) and (max-width:1680px){
    .banner-with-boxes__bottom-overflow{
        width:70%;
        left:15%
    }
}
@media screen and (min-width:1681px) and (max-width:1919px){
    .banner-with-boxes__bottom-overflow{
        width:60%;
        left:20%
    }
}
.info-box{
    padding:45px 34px
}
@media screen and (min-width:0px) and (max-width:767px){
    .info-box{
        padding:25px 15px
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .info-box{
        padding:25px 15px
    }
}
@media screen and (min-width:992px) and (max-width:1199px){
    .info-box{
        padding:25px 30px
    }
}
.info-box__title{
    color:#3c78c7;
    font-size:46px;
    font-size:2.875rem;
    font-weight:400;
    line-height:1.26086957em;
    letter-spacing:0;
    margin:0
}
.fun-facts-slider{
    border-radius:3px;
    background-color:#dee6ed;
    color:#64798c;
    font-size:15px;
    font-size:.9375rem;
    font-weight:400;
    line-height:1em;
    padding:20px 35px;
    position:relative;
    text-align:left
}
.fun-facts-slider__list{
    padding:0;
    margin:0;
    list-style-type:none;
    position:absolute;
    top:0;
    height:100%;
    width:100%
}
.fun-facts-slider__item{
    font-size:15px;
    font-size:.9375rem;
    line-height:1em;
    display:flex;
    text-align:left!important;
    justify-content:left!important;
    background:0 0!important;
    align-items:center
}
.fun-facts-slider__carousel{
    background-color:transparent;
    width:60%;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
    display:inline-block;
    position:absolute;
    line-height:1em;
    height:100%;
    top:0;
    text-indent:.3em;
    pointer-events:none
}
.index-banner-slider{
    width:100%;
    margin:0 auto;
    display:flex;
    height:45px;
    background:0 0;
    color:#dee6ed
}
@media screen and (min-width:0px) and (max-width:767px){
    .index-banner-slider{
        width:100%
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .index-banner-slider{
        width:100%
    }
}
@media screen and (min-width:992px) and (max-width:1199px){
    .fun-facts-slider{
        border-radius:0
    }
    .index-banner-slider{
        width:100%
    }
}
.index-banner__text{
    position:absolute;
    width:53%;
    left:47%;
    height:45px;
    text-indent:.3em;
    top:0;
    padding:14px 0;
    font-size:20px;
    font-size:1.25rem
}
[lang=cs-CZ] .index-banner__text{
    width:51.5%;
    left:48.5%
}
@media screen and (min-width:0px) and (max-width:767px){
    .index-banner__text,[lang=cs-CZ] .index-banner__text{
        width:100%;
        left:0;
        font-size:18px;
        font-size:1.125rem;
        margin-top:35px
    }
}
.index-banner-slider__carousel{
    left:0;
    width:47%
}
[lang=cs-CZ] .index-banner-slider__carousel{
    width:48.5%
}
.index-banner-slider__item{
    justify-content:end!important;
    font-size:20px;
    font-size:1.25rem
}
.index-banner-slider__item-text{
    display:inline-block;
    width:100%;
    text-align:right
}
@media screen and (min-width:0px) and (max-width:767px){
    .index-banner-slider__carousel,[lang=cs-CZ] .index-banner-slider__carousel{
        width:100%
    }
    .index-banner-slider__item{
        justify-content:start!important;
        font-size:18px;
        font-size:1.125rem
    }
    .index-banner-slider__item-text{
        text-align:left
    }
}
.employees{
    margin-top:120px
}
.employees_list{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
.employee{
    margin-bottom:50px;
    width:25%;
    width:calc((100% - (40px * (4 - 1)))/ 4)
}
@media screen and (min-width:0px) and (max-width:599px){
    .employee{
        width:calc((100% - (40px * (1 - 1)))/ 1)
    }
}
@media screen and (min-width:600px) and (max-width:767px){
    .employee{
        width:calc((100% - (40px * (2 - 1)))/ 2)
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .employee{
        width:calc((100% - (40px * (2 - 1)))/ 2)
    }
}
@media screen and (min-width:992px) and (max-width:1199px){
    .employee{
        width:calc((100% - (40px * (3 - 1)))/ 3)
    }
}
.employee__image-area{
    font-size:0;
    position:relative
}
.employee__username{
    transform:rotate(-90deg);
    color:#fff;
    font-family:'Urbanist',sans-serif;
    font-size:21px;
    font-size:1.3125rem;
    font-weight:400;
    line-height:40px;
    letter-spacing:0;
    display:inline-block;
    padding:0 11px;
    margin:0;
    position:absolute;
    left:40px;
    bottom:0;
    transform-origin:left bottom;
    text-overflow:ellipsis;
    white-space:nowrap;
    max-width:215px;
    overflow:hidden;
    background-color:#80c6ee
}
.employee__focus-value,.employee__text{
    font-weight:400;
    line-height:1.6875em;
    font-family:'Mukta',sans-serif
}
.employee__image{
    margin-left:40px;
    width:calc(100% - 40px)
}
.employee__focus{
    padding:0;
    margin:20px 0 0;
    display:inline-block
}
.employee__focus-key,.employee__focus-value{
    padding:0;
    margin:0;
    display:inline-block
}
.employee__focus-value{
    color:#96a8b6;
    font-size:16px;
    font-size:1rem
}
.employee__text{
    color:#64798c;
    font-size:16px;
    font-size:1rem
}
.table-value__boolean--yes:after{
    display:inline-block;
    width:20px;
    height:20px;
    background:url(../../images/icons/fajka.svg) center center no-repeat
}
@media screen and (min-width:0px) and (max-width:767px){
    .table-value__string--infty{
        display:inline-block;
        font-size:0
    }
    .table-value__string--infty:after{
        display:inline-block;
        content:'∞';
        font-size:30px;
        font-size:1.875rem
    }
}
.table caption{
    padding:20px 15px;
    color:#fff;
    text-align:center;
    background:#80c6ee;
    font-weight:700
}
.price-list__caption{
    text-align:right;
}
@media screen and (min-width:0px) and (max-width:991px){
    .price-list__caption{
        text-align: center;
    }
}
.price-list{
    margin:0 0 90px;
    padding:0
}
.price-list__help-text{
    text-align:left;
    overflow:hidden;
    margin:0;
    font-size:.9375rem;
    line-height:1.5em;
    height:0;
    color:#64798c
}
.price-list__help-text:first-of-type{
    margin:0
}
.price-list__help-text.full-height--open{
    margin:15px 0 0
}
.table--extra-services .table__caption{
    display:none
}
.table--extra-services tbody th{
    border-color:#e3e4e5
}
.table--extra-services tbody tr td,.table--extra-services tbody tr th{
    border-top:0
}
.table--extra-services tbody tr:last-of-type th{
    border-bottom:1px solid #e3e4e5
}
.table--extra-services thead th:first-of-type{
    width:20%
}
.table--price-list td,.table--price-list th{
    text-align:center;
    border-color:#e7eff5;
    line-height:1.5em
}
.table--price-list td.price-list__download-btn,.table--price-list th.price-list__download-btn{
    border-right-color:transparent;
    padding:20px 14px
}
@media screen and (min-width:0px) and (max-width:767px){
    .table--price-list td.price-list__download-btn,.table--price-list th.price-list__download-btn{
        border-color:transparent!important;
        height:6em
    }
}
.table--price-list td.price-list__download-btn:last-of-type,.table--price-list th.price-list__download-btn:last-of-type{
    border-right-color:#e7eff5
}
.table--price-list td.price-list__download-btn--none,.table--price-list th.price-list__download-btn--none{
    border-left-color:transparent;
    border-bottom-color:transparent;
    border-right-color:#e7eff5;
    background:#fff
}
.table--price-list td.price-list__feature-empty,.table--price-list th.price-list__feature-empty{
    background:0 0;
    border-left-color:transparent;
    border-top-color:transparent
}
.table--price-list thead th{
    padding:0;
    position:relative;
    width:19.2%
}
.table--price-list thead th:nth-of-type(1){
    width:42.4%
}
@media screen and (min-width:768px) and (max-width:991px){
    .table--price-list thead th{
        width:24.33333333%
    }
    .table--price-list thead th:nth-of-type(1){
        width:27%
    }
}
.table--price-list tbody th{
    text-align:right;
    background-color:#f6fafe;
    padding-left:30px;
    padding-right:30px;
    color:#293040;
    font-family:'Mukta',sans-serif;
    font-size:16px;
    font-size:1rem;
    font-weight:400;
    border:1px solid #e7eff5
}
@media screen and (min-width:0px) and (max-width:767px){
    .table--price-list tbody th{
        text-align:left;
        padding-left:10px;
        padding-right:10px
    }
    .table--price-list .button--3d{
        position:absolute;
        margin-top:-15px;
        width:50vw;
        left:25vw
    }
}
.table--price-list .cell--with-popup{
    cursor:help
}
.table--price-list .cell--with-popup:hover{
    background:#d5e9f3
}
.table--price-list .cell--with-popup .price-list-feature{
    border-bottom:1px dotted #293040
}
.table--price-list .button--3d{
    max-width:100%
}
@media screen and (min-width:0px) and (max-width:991px){
    .table--price-list .button--3d{
        padding-left:15px;
        padding-right:15px
    }
}
@media screen and (min-width:0px) and (max-width:600px){
    .table--extra-services .table__caption{
        display:block
    }
    .table--price-list .button--3d{
        padding-left:35px;
        padding-right:35px
    }
}
@media screen and (min-width:0px) and (max-width:400px){
    .table--price-list .button--3d{
        padding-left:15px;
        padding-right:15px
    }
}
.td-standard-package{
    background-color:#f6fafe
}
@media screen and (min-width:0px) and (max-width:600px){
    .td-standard-package{
        background-color:#fff
    }
}
.package{
    width:calc(100% + 2px);
    left:-1px;
    position:relative;
    background-color:#48a332;
    height:100%;
    padding:25px 15px 65px
}
.package.package--standard,.package__savings{
    width:100%;
    left:0
}
.package.package--standard:before{
    display:block;
    content:'';
    width:100%;
    height:8px;
    position:absolute;
    top:-8px;
    left:0;
    background:#3c78c7
}
@media screen and (min-width:0px) and (max-width:767px){
    .package{
        width:100%;
        left:0;
        padding:10px 8px 45px
    }
    .package.package--standard:before{
        display:none
    }
}
.package--selected{
    background-color:#3c78c7
}
.package__name{
    color:#fff;
    font-family:'Urbanist',sans-serif;
    font-size:20px;
    font-size:1.25rem;
    font-weight:700;
    line-height:1.4em;
    letter-spacing:0;
    display:block
}
.package__price,.package__savings,.payment-period-chooser__text{
    font-family:'Mukta',sans-serif
}
@media screen and (min-width:0px) and (max-width:767px){
    .package__name{
        font-size:14.4px;
        font-size:.9rem
    }
}
.package__price{
    color:#fff;
    font-size:17px;
    font-size:1.0625rem;
    font-weight:400;
    line-height:1.17647059em;
    display:block
}
@media screen and (min-width:0px) and (max-width:767px){
    .package__price{
        font-size:14.4px;
        font-size:.9rem
    }
    .package__price-separator{
        font-size:0;
        display:block;
        line-height:.33em
    }
}
.package__savings{
    color:#8e030a;
    font-size:14px;
    font-size:.875rem;
    font-weight:600;
    display:inline-block;
    position:absolute;
    bottom:0;
    line-height:1.8rem;
    background:rgba(255,255,255,.5);
    padding:0 0 3px
}
.package__savings--hidden{
    color:transparent;
    user-select:none
}
@media screen and (min-width:0px) and (max-width:767px){
    .package__savings{
        line-height:1.3em
    }
    .price-value--savings{
        white-space:pre-wrap
    }
    .price-value--savings:before{
        content:'\A'
    }
    .package--savings-hidden{
        padding-bottom:10px
    }
    .package__savings--hidden{
        display:none
    }
}
.table-cell--hidden,.table-head--hidden{
    display:none!important
}
.row--invisible{
    display:none
}
.rowspan-joined{
    margin:5px 0
}
@media screen and (min-width:0px) and (max-width:600px){
    .table--responsive td,.table--responsive th{
        width:100%!important;
        display:block
    }
    .table--responsive td:before,.table--responsive th:before{
        content:attr(data-label) ': ';
        font-weight:700;
        display:inline-block;
        white-space:pre;
        color:#64798c
    }
    .table--responsive td:first-of-type:before,.table--responsive th:first-of-type:before{
        display:block
    }
    .table--responsive thead th{
        width:100%!important;
        display:none
    }
    .table--responsive tbody tr.row--rowspan:nth-of-type(odd) td,.table--responsive tbody tr.row--rowspan:nth-of-type(odd) th{
        background-color:#ebf8ff
    }
}
.table--responsive-columns-active{
    margin-top:0!important
}
.table--responsive-columns-active tr{
    display:flex;
    flex-wrap:wrap
}
.table--responsive-columns-active tbody tr th{
    width:100%
}
.table--responsive-columns-active tbody tr td{
    width:33.3333%
}
.fake-sticky-header{
    display:flex;
    position:sticky;
    top:0
}
.fake-sticky-header__item{
    width:33.33333333%;
    text-align:center
}
.button-under-table{
    margin:30px 20%;
    text-align:center;
    width:60%
}
.responsive-table-menu{
    margin:0;
    padding:0;
    list-style-type:none;
    display:flex
}
.responsive-table-menu__item{
    display:inline-block;
    width:33.33333333%;
    flex:1 1 auto
}
.responsive-table-menu__button{
    border:0;
    width:100%;
    height:100%;
    padding:0;
    background:#48a332;
    color:#fff;
    font-size:14px;
    font-size:.875rem
}
.payment-period-chooser{
    display:block;
    margin:50px auto;
    text-align:right;
    padding-right:calc(19.2% * 1.5 - 1.5 * 8em)
}
@media screen and (min-width:768px) and (max-width:991px){
    .payment-period-chooser{
        padding-right:calc(24.333333333333332% * 1.5 - 1.5 * 8em)
    }
}
.payment-period-chooser__text{
    color:#64798c;
    font-size:16px;
    font-size:1rem;
    font-weight:400;
    line-height:1.6875em;
    display:inline-block;
    margin-right:.8em
}
.price-list__price--nominal,.price-list__price--per-unit{
    line-height:1.4em;
    font-family:'Mukta',sans-serif
}
@media screen and (min-width:0px) and (max-width:767px){
    .payment-period-chooser__text{
        width:100%;
        display:block;
        text-align:center;
        margin:0 0 10px
    }
}
.payment-period-choose__group{
    font-size:0;
    display:inline-block
}
@media screen and (min-width:0px) and (max-width:767px){
    .payment-period-choose__group{
        width:100%;
        display:block
    }
}
.payment-period-choose__button{
    border:1px solid #dee6ed;
    background-color:#f6fafe;
    color:#64798c;
    font-family:'Mukta',sans-serif;
    font-size:16px;
    font-size:1rem;
    font-weight:400;
    padding:13px 15px 15px;
    text-align:center;
    width:8em;
    position:relative;
    left:-1px
}
.payment-period-choose__button:active,.payment-period-choose__button:focus,.payment-period-choose__button:hover{
    background:#c8e0f9;
    box-shadow:inset 0 3px 3px rgba(0,0,0,.05)
}
.payment-period-choose__button--active,.payment-period-choose__button--active:active,.payment-period-choose__button--active:focus,.payment-period-choose__button--active:hover{
    box-shadow:inset 0 3px 3px rgba(0,0,0,.15);
    background-color:#96a8b6
}
.payment-period-choose__button:first-of-type{
    border-radius:100px 0 0 100px
}
.payment-period-choose__button:last-of-type{
    border-radius:0 100px 100px 0
}
.payment-period-choose__button:not(:first-of-type){
    border-left-color:transparent
}
@media screen and (min-width:0px) and (max-width:767px){
    .payment-period-choose__button{
        width:33.33333333%
    }
}
.payment-period-choose__button--active{
    color:#fff
}
.price-list-packages{
    display:flex;
    justify-content:center;
    margin:3rem 0;
    flex-wrap:wrap
}
.price-list-package{
    background:#fff;
    border:1px solid #e7eff5;
    padding:0;
    text-align:center;
    width:20%;
    margin-left:1rem;
    display:flex;
    flex-wrap:wrap
}
.price-list-package:first-of-type{
    margin-left:0
}
@media screen and (min-width:0px) and (max-width:600px){
    .price-list-package{
        width:90%;
        margin-bottom:1.5rem;
        margin-left:0
    }
}
@media screen and (min-width:601px) and (max-width:767px){
    .price-list-package{
        width:30%
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .price-list-package{
        width:30%
    }
}
@media screen and (min-width:992px) and (max-width:1199px){
    .price-list-package{
        width:25%
    }
}
.price-list__title{
    font-size:18px;
    font-size:1.125rem
}
@media screen and (min-width:768px) and (max-width:991px){
    .price-list__title{
        font-size:24px;
        font-size:1.5rem;
        margin:1.5em auto 1em
    }
}
.price-list__info{
    display:block;
    width:100%
}
@media screen and (min-width:480px) and (max-width:600px){
    .price-list__info{
        width:50%
    }
}
.price-list__price{
    margin:2rem auto
}
.price-list__price--nominal{
    font-weight:700;
    font-size:16px;
    font-size:1rem
}
@media screen and (min-width:0px) and (max-width:767px){
    .price-list__price--nominal{
        font-size:22px;
        font-size:1.375rem
    }
}
.price-list__price--per-unit{
    color:#64798c;
    font-size:14px;
    font-size:.875rem
}
.popup--registration .result,.popup__title{
    font-family:'Urbanist',sans-serif
}
.price-list__img-bg{
    padding:1.5rem;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    height:133px
}
@media screen and (min-width:480px) and (max-width:600px){
    .price-list__img-bg{
        width:50%
    }
}
.price-list__description{
    color:#293040;
    margin:1.5rem 0
}
.price-list__description:first-of-type{
    margin-top:1.5rem
}
.price-list__image{
    max-height:100%
}
.logbook-package--20k .price-list__img-bg{
    background:#3c78c7
}
.logbook-package--50k .price-list__img-bg{
    background:#48a332
}
.logbook-package--100k .price-list__img-bg{
    background:#e8ad00
}
.sms-package{
    width:20%
}
@media screen and (min-width:0px) and (max-width:600px){
    .sms-package{
        width:90%;
        margin-bottom:1.5rem;
        margin-left:0
    }
}
@media screen and (min-width:601px) and (max-width:767px){
    .sms-package{
        width:44%;
        margin:1rem
    }
    .sms-package:first-of-type{
        margin-left:1rem
    }
    .sms-package img{
        max-width:50%
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .sms-package{
        width:45%;
        margin:1rem
    }
    .sms-package img{
        max-width:50%
    }
    .sms-package:first-of-type{
        margin-left:1rem
    }
}
@media screen and (min-width:992px) and (max-width:1199px){
    .sms-package{
        width:23%
    }
}
.sms-package--25 .price-list__img-bg{
    background:#80c6ee
}
.sms-package--50 .price-list__img-bg{
    background:#3c78c7
}
.sms-package--100 .price-list__img-bg{
    background:#48a332
}
.sms-package--500 .price-list__img-bg{
    background:#e8ad00
}
.stamps-package{
    width:18%
}
@media screen and (min-width:0px) and (max-width:600px){
    .stamps-package{
        width:90%;
        margin-bottom:1.5rem;
        margin-left:0
    }
}
@media screen and (min-width:601px) and (max-width:767px){
    .stamps-package{
        width:30%;
        margin-bottom:1rem
    }
    .stamps-package:first-of-type{
        margin-left:1rem
    }
    .stamps-package img{
        max-width:50%
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .stamps-package{
        width:45%;
        margin:1rem
    }
    .stamps-package img{
        max-width:40%
    }
    .stamps-package:first-of-type{
        margin-left:1rem
    }
}
@media screen and (min-width:992px) and (max-width:1199px){
    .stamps-package{
        width:25%;
        margin-bottom:1rem
    }
    .stamps-package:nth-of-type(3n+1){
        margin-left:0
    }
}
.stamps-package--5 .price-list__img-bg{
    background:#aaafb3
}
.stamps-package--10 .price-list__img-bg{
    background:#80c6ee
}
.stamps-package--50 .price-list__img-bg{
    background:#3c78c7
}
.stamps-package--100 .price-list__img-bg{
    background:#48a332
}
.stamps-package--500 .price-list__img-bg{
    background:#e8ad00
}
body.popup-open{
    overflow:hidden
}
.popup-overlay{
    position:fixed;
    width:100vw;
    height:100vh;
    top:0;
    left:0;
    background-color:rgba(0,0,0,.8);
    z-index:1000;
    display:none;
    transition:all 0s!important
}
.popup-overlay--visible{
    display:block
}
@media screen and (min-width:0px) and (max-width:99999px){
    .popup-inner{
        position:absolute;
        height:90vh;
        top:5vh;
        overflow:auto;
        width:140vw;
        left:-20vw;
        padding:0 25vw
    }
    .popup-inner::-webkit-scrollbar{
        display:none
    }
}
@media (max-height:768px){
    .popup-inner{
        height:96vh;
        top:2vh
    }
}
.popup{
    z-index:1010;
    background:0 0;
    display:none;
    top:30px;
    margin:0 auto;
    width:900px;
    left:calc((100vw - 900px)/ 2)
}
@media screen and (min-width:768px) and (max-width:991px){
    .popup{
        width:90vw
    }
}
.popup__header{
    text-align:center;
    position:relative;
    padding-bottom:10px
}
@media screen and (min-width:0px) and (max-width:767px){
    .price-list__price--per-unit{
        font-size:18px;
        font-size:1.125rem
    }
    .popup{
        width:90vw
    }
    .popup__header{
        text-align:left
    }
}
.popup__title{
    color:#fff;
    font-size:46px;
    font-size:2.875rem;
    font-weight:700;
    line-height:1.26086957em;
    letter-spacing:0;
    min-height:1.2em;
    padding-right:45px
}
@media screen and (min-width:0px) and (max-width:767px){
    .popup__title{
        font-size:28px;
        font-size:1.75rem;
        line-height:1.64285714em
    }
    .popup__close{
        height:20px;
        width:20px
    }
}
.popup__close{
    border:0;
    margin:0;
    padding:0;
    box-shadow:none;
    height:20px;
    width:20px;
    position:absolute;
    top:11px;
    right:0;
    cursor:pointer;
    background:0 0
}
.popup__close .icon-close{
    max-width:100%;
    max-height:100%
}
.popup__close:active .icon-close .x-part,.popup__close:focus .icon-close .x-part,.popup__close:hover .icon-close .x-part{
    fill:#e43b33!important
}
@media (max-height:768px){
    .popup__title{
        font-size:30px;
        font-size:1.875rem;
        min-height:.8em
    }
    .popup__close{
        top:4px
    }
}
.popup__body{
    background:#fff;
    min-height:460px
}
.popup--open{
    display:block
}
.popup--registration .popup__body{
    padding:35px 45px;
    text-align:center;
    background:#f6fafe;
    min-height:auto
}
.popup--registration .result{
    color:#64798c;
    font-size:24px;
    font-size:1.5rem;
    font-weight:300;
    line-height:1.5em;
    letter-spacing:0;
    text-align:center
}
.popup--registration .popup__registration-checkboxes{
    margin:0 auto 45px;
    width:60%;
    text-align:left
}
@media screen and (min-width:0px) and (max-width:767px){
    .popup--registration .popup__body{
        padding:10px 7px 25px;
        min-height:auto
    }
    .popup--registration .popup__registration-checkboxes{
        width:100%
    }
}
.popup--registration .popup--registration__text{
    font-size:14px;
    font-size:.875rem;
    text-align:center
}
.popup--invoice-download .popup__body{
    padding:35px 45px;
    text-align:left;
    background:#fff
}
@media (max-height:768px){
    .popup--invoice-download p{
        line-height:1.488em
    }
}
.popup--error .result,.popup--invoice-download .result,.popup--plan .result{
    font-family:'Urbanist',sans-serif;
    font-weight:300;
    line-height:1.5em;
    letter-spacing:0;
}
.popup--invoice-download .result{
    color:#64798c;
    font-size:24px;
    font-size:1.5rem;
    text-align:center
}
.popup--invoice-download .popup__registration-checkboxes{
    margin:0 auto 45px;
    width:60%;
    text-align:left
}
@media screen and (min-width:0px) and (max-width:767px){
    .popup--invoice-download .popup__body{
        padding:10px 7px 25px;
        min-height:auto
    }
    .popup--invoice-download .popup__registration-checkboxes{
        width:100%
    }
}
.popup--invoice-download .popup-invoice-buttons{
    margin-top:30px;
    width:100%;
    text-align:center
}
@media (max-height:768px){
    .popup--invoice-download .popup-invoice-buttons{
        margin-top:20px
    }
}
.popup--invoice-download .popup__faded-area{
    background:#f6fafe;
    padding:30px 30px 80px;
    margin:50px 0;
    border-radius:3px;
    text-align:left;
    position:relative
}
@media (max-height:768px){
    .popup--invoice-download .popup__faded-area{
        padding:15px 15px 65px;
        margin:15px 0
    }
}
.popup--invoice-download .popup__try-it{
    position:absolute;
    padding:0 0 30px;
    bottom:0;
    left:0;
    width:100%;
    text-align:center;
    z-index:10
}
@media (max-height:768px){
    .popup--invoice-download .popup__try-it{
        padding:0 0 15px
    }
}
.popup--invoice-download .popup__download-edit{
    color:#3c78c7;
    border:0;
    padding:0;
    margin:15px 0 0;
    background:0 0;
    cursor:pointer
}
.popup--invoice-download .popup__download-edit:active,.popup--invoice-download .popup__download-edit:focus,.popup--invoice-download .popup__download-edit:hover{
    text-decoration:underline
}
.popup--error{
    width:600px
}
@media screen and (min-width:768px) and (max-width:991px){
    .popup--error{
        width:90vw
    }
}
.popup--error .popup__body{
    min-height:260px;
    padding:35px 45px;
    text-align:center;
    background:#eac4c5
}
@media screen and (min-width:0px) and (max-width:767px){
    .popup--error{
        width:90vw
    }
    .popup--error .popup__body{
        padding:10px 7px 25px;
        min-height:auto
    }
}
.popup--error .result{
    color:#6b282d;
    font-size:24px;
    font-size:1.5rem;
    text-align:center
}
.popup--error .small-text{
    color:#6b282d
}
.popup--plan .popup__body{
    padding:35px 45px;
    text-align:center;
    background:#f6fafe
}
@media screen and (min-width:0px) and (max-width:767px){
    .popup--plan .popup__body{
        padding:10px 7px 25px;
        min-height:auto
    }
}
.popup--plan .result{
    color:#64798c;
    font-size:24px;
    font-size:1.5rem;
    text-align:center
}
.form--plan label,.form-step,.popup--plan-final .small-text{
    font-family:'Mukta',sans-serif
}
.popup--plan-final .popup__body{
    padding-top:85px
}
.popup--plan-final .small-text{
    color:#adb9c3;
    font-size:16px;
    font-size:1rem;
    font-weight:400;
    line-height:1.6875em
}
.popup--plan-final .plan-name{
    font-weight:700;
    letter-spacing:0;
    font-style:normal
}
@media screen and (min-width:0px) and (max-width:767px){
    .popup--plan-final .popup__body{
        padding-top:20px
    }
    .popup--plan-final .plan-name{
        display:block;
        margin-top:8px
    }
}
.popup--plan-final .result__try-plan{
    display:block;
    margin:60px auto 110px
}
@media screen and (min-width:0px) and (max-width:767px){
    .popup--plan-final .result__try-plan{
        margin:50px auto
    }
}
.result__change-answers{
    color:#526a81;
    border:0;
    padding:0 0 0 2em;
    margin:0;
    background:0 0;
    cursor:pointer
}
@media screen and (min-width:0px) and (max-width:767px){
    .result__change-answers{
        text-align:left;
        margin:0 15px
    }
}
.form--plan,.form-steps{
    text-align:center
}
.result__change-answers:active,.result__change-answers:focus,.result__change-answers:hover{
    color:#fa7e03
}
.form-steps{
    list-style-type:none;
    margin:10px auto 50px;
    padding:0
}
.form-step{
    display:inline-block;
    color:#dee6ed;
    font-size:18px;
    font-size:1.125rem;
    padding:3px 9px 4px;
    border-radius:50%;
    width:28px;
    height:28px;
    background-color:#96a8b6
}
.form-step--active{
    background-color:#64798c
}
@media screen and (min-width:0px) and (max-width:767px){
    .form-steps{
        margin-bottom:20px
    }
    .form-step{
        font-size:12.8px;
        font-size:.8rem;
        padding:3px 7px 3px 6px;
        height:22px;
        width:22px;
        top:-2px;
        position:relative
    }
    .form-step--active{
        font-size:18px;
        font-size:1.125rem;
        padding:3px 9px 4px;
        height:28px;
        width:28px;
        top:0
    }
    .form--plan{
        text-align:left
    }
}
.form--plan label{
    color:#3c78c7;
    font-size:20px;
    font-size:1.25rem;
    font-weight:700;
    line-height:2em;
    display:flex;
    margin-bottom:8px;
    cursor:pointer
}
.form--plan .custom-input{
    top:.2em;
    flex:0 0 auto
}
@media screen and (min-width:0px) and (max-width:767px){
    .form--plan label{
        line-height:1.15em;
        margin-bottom:15px
    }
    .form--plan .custom-input{
        top:.1em
    }
}
.form--plan .form__answers{
    max-width:60%;
    display:inline-block;
    margin:0 auto 70px;
    text-align:left
}
@media screen and (min-width:0px) and (max-width:767px){
    .form--plan .form__answers{
        width:90%;
        max-width:90%;
        display:block;
        margin:0 auto 30px
    }
}
.form--plan .form__answers .label{
    margin-bottom:20px;
    line-height:1.5em
}
.form--plan .form__answers-info,.popup--free-invoice .popup__body-text{
    font-family:'Mukta',sans-serif;
    font-weight:400;
    line-height:1.6875em
}
.form--plan .form__answers-info{
    color:#96a8b6;
    font-size:16px;
    font-size:1rem;
    text-transform:uppercase;
    position:relative;
    text-align:center;
    margin:50px auto;
    display:table;
    white-space:nowrap;
    overflow:hidden
}
.form--plan .form__answers-info:after,.form--plan .form__answers-info:before{
    content:'';
    display:table-cell;
    position:relative;
    top:50%;
    width:50%;
    background:linear-gradient(transparent 0,transparent calc(50% - 1px),#dee6ed 50%,#dee6ed 1px,transparent 1px)
}
.form--plan .form__answers-info:before{
    right:1.5%
}
.form--plan .form__answers-info:after{
    left:1.5%
}
.popup--free-invoice .popup__body{
    padding:65px 130px;
    border-radius:3px
}
@media screen and (min-width:0px) and (max-width:767px){
    .form--plan .form__answers-info{
        margin:20px auto
    }
    .popup--free-invoice .popup__body{
        padding:20px
    }
}
.popup--free-invoice .popup__body-text{
    color:#64798c;
    font-size:16px;
    font-size:1rem;
    margin-top:0
}
.form--free-invoice{
    margin-top:50px
}
.form--free-invoice .line--dashed{
    border:0;
    border-top:1px dashed #96a8b6;
    height:0
}
.form--free-invoice .tos-agreement{
    text-align:center
}
@media screen and (min-width:0px) and (max-width:767px){
    .form--free-invoice{
        margin-top:10px
    }
    .form--free-invoice .tos-agreement{
        text-align:left
    }
    .form--free-invoice .input--with-icon{
        background-position:left 11px center
    }
}
.form--free-invoice .submit-area{
    margin-top:15px;
    text-align:center
}
.popup--registration-from-invoice .popup__body{
    padding:65px 130px;
    border-radius:3px;
    text-align:center;
    background:#f6fafe
}
.popup--registration-from-invoice input[type=email],.popup--registration-from-invoice input[type=text]{
    width:80%
}
@media screen and (min-width:0px) and (max-width:767px){
    .popup--registration-from-invoice .popup__body{
        padding:20px
    }
    .popup--registration-from-invoice input[type=email],.popup--registration-from-invoice input[type=text]{
        width:100%
    }
}
.popup--registration-from-invoice .popup__registration-checkboxes{
    width:80%;
    margin:0 auto
}
@media screen and (min-width:0px) and (max-width:767px){
    .popup--registration-from-invoice .popup__registration-checkboxes{
        width:100%
    }
}
.popup--registration-from-invoice .result{
    color:#64798c;
    font-family:'Urbanist',sans-serif;
    font-size:24px;
    font-size:1.5rem;
    font-weight:300;
    line-height:1.5em;
    letter-spacing:0;
    text-align:center
}
.api-content,.attachment-link,.popup--registration-from-invoice .popup__body-text{
    font-family:'Mukta',sans-serif;
    line-height:1.6875em;
    font-weight:400
}
.popup--registration-from-invoice .popup__body-text{
    color:#64798c;
    font-size:16px;
    font-size:1rem;
    margin-top:0
}
.popup--registration-from-invoice .popup--registration__text{
    font-size:14px;
    font-size:.875rem;
    text-align:center
}
.input-area--half{
    width:calc(50% - 10px / 2);
    float:left
}
.input-area--half:not(:last-of-type){
    margin-right:10px
}
@media screen and (min-width:0px) and (max-width:767px){
    .input-area--half{
        width:100%;
        float:none
    }
    .input-area--half:not(:last-of-type){
        margin-right:0
    }
}
.attachment-link{
    font-size:16px;
    font-size:1rem;
    margin:8px 0 16px;
    padding-left:50px;
    position:relative
}
.attachment-link:before{
    content:'';
    display:inline-block;
    background:url(../../images/icons/inputs/icon-chain.svg) center left no-repeat;
    position:absolute;
    left:25px;
    top:.33em;
    height:1em;
    width:1em
}
@media screen and (min-width:0px) and (max-width:767px){
    .attachment-link{
        padding-left:30px
    }
    .attachment-link:before{
        left:5px
    }
}
.attachment-link__name{
    color:#64798c
}
.attachment-link__preview{
    color:#3c78c7;
    display:inline-block;
    padding-left:7px
}
.popup--cookie-consent .popup__body,.popup--tb .popup__body{
    padding:35px 45px;
    text-align:start
}
.popup--cookie-consent .CookieDeclarationType{
    border-color:transparent
}
.popup--tb{
    max-width:600px
}
.api-client-box,.api-module,.banner,.process__item{
    text-align:center
}
.api-content{
    width:81%;
    margin:0 auto;
    color:#64798c;
    font-size:16px;
    font-size:1rem
}
.api-client-box,.process__text{
    font-family:'Mukta',sans-serif;
    line-height:1.25em;
    color:#64798c
}
@media screen and (min-width:0px) and (max-width:991px){
    .api-content{
        width:100%
    }
}
.process{
    display:flex;
    list-style-type:none;
    margin:70px 0;
    padding:0;
    flex-wrap:wrap
}
@media screen and (min-width:0px) and (max-width:767px){
    .process{
        margin:30px 0 50px
    }
}
.process__item{
    width:calc((100% - (3 * 48px))/ 4);
    flex:1 1 auto;
    margin:0;
    padding:0;
    position:relative
}
.process__item:not(:first-of-type){
    margin-left:48px
}
@media screen and (min-width:0px) and (max-width:767px){
    .process__item{
        width:100%
    }
    .process__item:not(:first-of-type){
        margin-left:0;
        padding-top:80px
    }
}
.process__item:not(:first-of-type):before{
    content:'';
    display:inline-block;
    width:48px;
    height:100%;
    position:absolute;
    left:-48px;
    background:url(../../images/api-process/api_arrow.png) center top 65px no-repeat
}
@media screen and (min-width:0px) and (max-width:767px){
    .process__item:not(:first-of-type):before{
        display:block;
        left:calc((100% - 80px)/ 2);
        top:0;
        width:80px;
        height:80px;
        background-position:center center;
        transform:rotate(90deg)
    }
    .process__image{
        max-height:7rem
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .process__item:not(:first-of-type):before{
        background-size:70% auto;
        background-position:center top 58px
    }
}
.process__image{
    margin:0 auto 30px;
    display:block;
    max-width:100%;
    height:auto
}
.process__text{
    font-size:15px;
    font-size:.9375rem;
    font-weight:400
}
.api-client-box{
    border-radius:3px;
    border:1px solid #dee6ed;
    background-color:#f6fafe;
    padding:20px 18px;
    margin:40px 0;
    font-size:16px;
    font-size:1rem;
    font-weight:700
}
.table--api-modules{
    border-collapse:collapse;
    margin-bottom:50px
}
.table--api-modules td,.table--api-modules th{
    padding:6px 10px
}
@media screen and (min-width:0px) and (max-width:767px){
    .table--api-modules{
        margin-bottom:60px
    }
    .table--api-modules tr{
        display:block
    }
    .table--api-modules thead th{
        width:100%!important;
        display:none
    }
    .table--api-modules tbody tr:nth-of-type(odd) td,.table--api-modules tbody tr:nth-of-type(odd) th{
        background-color:#ebf8ff
    }
}
.table--api-modules thead th:nth-of-type(1){
    width:40%
}
.table--api-modules thead th:nth-of-type(2){
    width:14%
}
.table--api-modules thead th:nth-of-type(3),.table--api-modules thead th:nth-of-type(4){
    width:23%
}
.table--api-modules tbody td,.table--api-modules tbody th{
    border:0;
    background:url(../../images/one-dot.svg) bottom center repeat-x #fff;
    background-size:4px 1px
}
@media screen and (min-width:0px) and (max-width:767px){
    .table--api-modules tbody td,.table--api-modules tbody th{
        width:100%!important;
        display:block
    }
    .table--api-modules tbody td:before,.table--api-modules tbody th:before{
        content:attr(data-label) ': ';
        font-weight:700;
        display:inline-block;
        white-space:pre;
        color:#64798c
    }
    .table--api-modules tbody td:first-of-type:before,.table--api-modules tbody th:first-of-type:before{
        display:block
    }
}
.api-modules{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
@supports (position:sticky) or (position:-webkit-sticky){
    .api-modules{
        padding-bottom:20px
    }
}
@media screen and (min-width:0px) and (max-width:767px){
    .api-modules{
        padding:0!important;
        margin-bottom:-25px
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .api-modules{
        margin-bottom:-25px
    }
}
.api-module{
    padding:18px;
    border-radius:3px;
    border:1px solid #dee6ed;
    background-color:#f6fafe;
    margin-bottom:40px;
    position:relative;
    width:calc((1140px - (40px * (4 - 1)))/ 4);
    height:calc((1140px - (40px * (4 - 1)))/ 4)
}
.api-module:before{
    display:block;
    content:'';
    width:100%;
    padding-top:100%
}
.api-module>.ar-content{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0
}
@media screen and (min-width:0px) and (max-width:767px){
    .api-module{
        width:100%
    }
}
@media screen and (min-width:480px) and (max-width:767px){
    .api-module{
        width:calc((100% - (40px * (2 - 1)))/ 2);
        height:calc((100% - (40px * (2 - 1)))/ 2)
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .api-module{
        width:calc((720px - (40px * (2 - 1)))/ 2);
        height:calc((720px - (40px * (2 - 1)))/ 2)
    }
}
@media screen and (min-width:992px) and (max-width:1199px){
    .api-module{
        width:calc((940px - (40px * (3 - 1)))/ 3);
        height:calc((940px - (40px * (3 - 1)))/ 3)
    }
}
.api-module .ar-content{
    width:calc(100% - (18px * 2));
    height:calc(100% - (18px * 2));
    top:18px;
    left:18px
}
.api-module .button--ghost{
    padding:8px 0 7px;
    width:90%;
    max-width:16rem
}
@media screen and (min-width:480px) and (max-width:767px){
    .api-module .button--ghost{
        padding:2px 10px;
        margin:5px 0
    }
}
.api-module__image-container{
    height:50%;
    display:flex;
    justify-content:center;
    align-content:center;
    align-items:center;
    padding:0 17px
}
@media screen and (min-width:480px) and (max-width:767px){
    .api-module__image-container{
        height:45%
    }
}
.api-module__info{
    height:50%;
    justify-items:center;
    justify-content:center;
    display:flex;
    flex-wrap:wrap;
    align-items:flex-end
}
@media screen and (min-width:480px) and (max-width:767px){
    .api-module__info{
        height:55%
    }
}
.api-module__version{
    visibility:hidden;
    color:#64798c;
    font-size:16px;
    font-size:1rem;
    line-height:1.5em;
    width:100%
}
.api-module__version--visible{
    visibility:visible
}
.api-module__author{
    color:#64798c;
    font-size:14px;
    font-size:.875rem;
    line-height:1.71428571em;
    margin:0;
    width:100%
}
.api-module__image{
    max-width:100%;
    max-height:100%
}
.api-module__image[src$=svg]{
    width:100%
}
.button--ghost{
    border-radius:30px;
    border:1px solid #637e93;
    background-color:transparent;
    padding:10px 30px;
    margin:5px 0 11px;
    display:inline-block;
    color:#64798c;
    font-size:16px;
    font-size:1rem;
    line-height:1.6875em
}
.button--ghost:active,.button--ghost:focus,.button--ghost:hover{
    background:#637e93;
    color:#ebf8ff
}
.multi-pseudo-elements{
    z-index:10
}
.decoration{
    position:relative
}
.decoration--diary:before,.decoration--headphones:before,.decoration--office:before{
    content:'';
    height:500px;
    position:absolute;
    pointer-events:none
}
.decoration--office:before{
    display:inline-block;
    background:url(../../images/ozdoba-prava.png) right top no-repeat,url(../../images/confetti2.png) right top 90px no-repeat;
    width:260px;
    right:0;
    top:-70px;
    z-index:20
}
@media screen and (min-width:0px) and (max-width:767px){
    .decoration--office:before{
        display:none
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .decoration--office:before{
        background:url(../../images/ozdoba-prava.png) left top no-repeat,url(../../images/confetti2.png) right -50px top 90px no-repeat;
        width:190px;
        right:0;
        top:-100px
    }
}
.decoration--headphones:before{
    display:inline-block;
    background:url(../../images/earphone--rolled.png) right top no-repeat;
    width:150px;
    left:0;
    top:20px;
    z-index:25
}
@media screen and (min-width:0px) and (max-width:767px){
    .decoration--headphones:before{
        display:none
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .decoration--headphones:before{
        display:none
    }
}
@media screen and (min-width:992px) and (max-width:1199px){
    .decoration--headphones:before{
        left:-30px
    }
}
.decoration--diary:before{
    display:inline-block;
    background:url(../../images/moleskine-extra-small-black.png) right top no-repeat;
    width:300px;
    left:0;
    top:-35px;
    z-index:20
}
@media screen and (min-width:0px) and (max-width:767px){
    .decoration--diary:before{
        display:none
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .decoration--diary:before{
        top:145px;
        width:140px;
        left:-35px
    }
}
.decoration--computer-2:before,.decoration--computer:before{
    height:500px;
    position:absolute;
    left:0;
    z-index:20;
    content:'';
    pointer-events:none
}
@media screen and (min-width:992px) and (max-width:1400px){
    .decoration--diary:before{
        top:-65px
    }
}
.decoration--computer:before{
    display:inline-block;
    background:url(../../images/macbook-pro-13-opened.png) right top no-repeat,url(../../images/confetti1.png) left -10px top 55px no-repeat;
    width:260px;
    top:-115px
}
@media only screen and (min-resolution:150dpi){
    .decoration--computer:before{
        background:url(../../images/macbook-pro-13-opened@2.png) right top/288px auto no-repeat,url(../../images/confetti1.png) left -10px top 55px no-repeat
    }
}
@media screen and (min-width:0px) and (max-width:767px){
    .decoration--computer:before{
        display:none
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .decoration--computer:before{
        top:-55px;
        width:140px;
        background:url(../../images/macbook-pro-13-opened.png) right top no-repeat,url(../../images/confetti1.png) left -180px top 35px no-repeat
    }
}
@media screen and (min-width:768px) and (max-width:991px) and only screen and (min-resolution:150dpi){
    .decoration--computer:before{
        background:url(../../images/macbook-pro-13-opened@2.png) right top/288px auto no-repeat,url(../../images/confetti1.png) left -180px top 35px no-repeat
    }
}
.decoration--computer-2:before{
    display:inline-block;
    background:url(../../images/macbook-pro-13-opened.png) right top no-repeat,url(../../images/confetti1.png) left -10px top 55px no-repeat;
    width:288px;
    top:-265px
}
@media screen and (min-width:768px) and (max-width:991px){
    .decoration--computer-2:before{
        top:-55px;
        width:140px;
        left:-30px;
        background:url(../../images/macbook-pro-13-opened.png) right top no-repeat,url(../../images/confetti1.png) left -180px top 35px no-repeat
    }
}
.banner-image,.pseudo-element{
    position:absolute;
    left:0;
    top:0
}
@media screen and (min-width:768px) and (max-width:991px) and only screen and (min-resolution:150dpi){
    .decoration--computer-2:before{
        background:url(../../images/macbook-pro-13-opened@2.png) right top/288px auto no-repeat,url(../../images/confetti1.png) left -180px top 35px no-repeat
    }
}
@media only screen and (min-resolution:150dpi){
    .decoration--computer-2:before{
        background:url(../../images/macbook-pro-13-opened@2.png) right top/288px auto no-repeat,url(../../images/confetti1.png) left -10px top 55px no-repeat
    }
}
.pseudo-element{
    height:0;
    width:100%
}
.faq{
    margin:70px auto
}
@media screen and (min-width:0px) and (max-width:767px){
    .decoration--computer-2:before{
        display:none
    }
    .faq{
        margin:30px auto
    }
}
.faq-qa{
    border-bottom:1px solid #dee6ed;
    width:66.66666667%;
    margin:40px auto 0
}
@media screen and (min-width:0px) and (max-width:991px){
    .faq-qa{
        width:100%
    }
}
.faq__item{
    display:block;
    padding:22px 25px 20px;
    border-top:1px solid #dee6ed;
    cursor:pointer;
    background:url(../../images/icons/button-plus.svg) right 25px top 26px no-repeat,url(../../images/icons/button-minus.svg) right top/0 0 no-repeat #fff
}
@media screen and (min-width:0px) and (max-width:767px){
    .faq__item{
        padding:12px 15px 10px 0;
        background-position:right 15px top 16px
    }
}
.faq__item--link{
    background:url(../../images/icons/button-arrow.svg) right 25px center no-repeat #fff
}
.faq__item--link:active .faq__question,.faq__item--link:focus .faq__question,.faq__item--link:hover .faq__question{
    color:inherit
}
.faq__item--open{
    background-image:url(../../images/icons/button-minus.svg)
}
.faq__item--open .faq__question:after{
    display:block;
    content:'';
    height:2px;
    max-width:100%;
    background:#80c6ee;
    margin-top:10px
}
.faq__answer,.faq__question{
    color:#293040;
    font-size:16px;
    margin:0;
    padding:0;
    font-family:'Mukta',sans-serif;
    font-weight:400;
    line-height:1.625em
}
.faq__question{
    font-size:1.1rem;
    display:inline-block;
    max-width:calc(100% - 50px)
}
@media screen and (min-width:0px) and (max-width:767px){
    .faq__question{
        max-width:calc(100% - 35px)
    }
}
.faq__question:after{
    display:block;
    content:'';
    height:2px;
    background:0 0;
    margin-top:0;
    max-width:0;
    transition:max-width 1s ease-out
}
.faq__answer{
    height:0;
    overflow:hidden;
    transition:height 1s ease-out,padding 1s ease-out;
    font-size:1rem
}
.faq__answer--open{
    padding-top:20px;
    height:auto
}
.faq-more-qa-area{
    width:66.66666667%;
    margin:0 auto;
    padding:22px 25px 20px
}
@media screen and (min-width:0px) and (max-width:991px){
    .faq-more-qa-area{
        width:100%
    }
}
.faq-more-qa{
    font-family:'Mukta',sans-serif;
    font-size:16px;
    font-size:1rem;
    font-weight:400;
    line-height:1.625em
}
.banner,.banner--benefits .banner__link--button,.banner__title--benefits-sf{
    font-family:'Urbanist',sans-serif
}
.banner-image{
    width:100%
}
@supports (object-fit:cover){
    .banner-image{
        object-fit:cover;
        height:100%
    }
}
.banner{
    background:#003a7f;
    padding:100px 0 140px;
    position:relative;
    overflow:hidden;
    font-size:20px;
    font-size:1.25rem;
    font-weight:300;
    letter-spacing:0;
    color:#dee6ed;
    line-height:1.5em
}
@media screen and (min-width:0px) and (max-width:767px){
    .banner{
        padding:30px 15px;
        text-align:left
    }
    .banner img,.banner picture{
        display:none
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .banner{
        padding:60px 30px 100px
    }
}
.banner--empty{
    padding:60px 0 0
}
.banner--index .action-button-area{
    margin-bottom:0
}
@media screen and (min-width:0px) and (max-width:767px){
    .banner--empty{
        padding:8px 0 0
    }
    .banner--index .action-button-area{
        margin-bottom:40px
    }
}
.banner--api{
    padding:70px 0 60px;
    line-height:36px
}
.banner--api .banner__text,.banner--api .title{
    text-align:left
}
.banner--api .banner-image--api-scheme{
    max-width:100%;
    height:auto
}
@media screen and (min-width:0px) and (max-width:767px){
    .banner--api{
        padding:30px 0
    }
    .banner--api .banner-image--api-scheme{
        margin-top:40px
    }
}
.button-links{
    margin:0 0 40px
}
.button-links .banner__link--button:not(:first-of-type){
    margin-left:8px
}
.banner--feature{
    padding:100px 0 120px;
    height:400px;
    text-align:left
}
@media screen and (min-width:0px) and (max-width:767px){
    .button-links{
        margin:0 0 15px
    }
    .button-links .banner__link--button:not(:first-of-type){
        margin-left:5px
    }
    .banner--feature{
        height:200px;
        padding:15px
    }
}
.banner--benefits{
    padding:90px 0 140px;
    height:400px;
    text-align:left
}
@media screen and (min-width:0px) and (max-width:767px){
    .banner--benefits{
        height:200px;
        padding:15px
    }
}
.banner--benefits .banner__link--button{
    border-radius:100px;
    background:0 0;
    border:1px solid #80c6ee;
    color:#6fb9ea;
    font-size:15px;
    font-size:.9375rem;
    font-weight:400;
    line-height:1.33333333em;
    letter-spacing:.94px;
    display:inline-block;
    padding:7px 15px
}
.banner--benefits .banner__link--button:active,.banner--benefits .banner__link--button:focus,.banner--benefits .banner__link--button:hover{
    color:#fff;
    background-color:#80c6ee
}
@media screen and (min-width:0px) and (max-width:767px){
    .banner--benefits .banner__link--button:active,.banner--benefits .banner__link--button:focus,.banner--benefits .banner__link--button:hover{
        color:#003a7f
    }
    .banner--benefits .banner__link--button{
        padding:5px 8px;
        background:#003a7f;
        color:#fff
    }
}
.banner--benefits .banner__link--active{
    color:#fff;
    background-color:#80c6ee
}
@media screen and (min-width:0px) and (max-width:767px){
    .banner--benefits .banner__link--active{
        color:#003a7f
    }
}
.banner__link{
    transition:all .5s ease-out
}
.banner__title--benefits-sf{
    color:#0d3460;
    font-size:20px;
    font-size:1.25rem;
    font-weight:300;
    line-height:1.8em;
    letter-spacing:0;
    text-align:left
}
.banner__title--benefits-client,.button--3d{
    font-family:'Urbanist',sans-serif;
    font-weight:700
}
@media screen and (min-width:0px) and (max-width:767px){
    .banner__title--benefits-sf{
        color:#fff
    }
}
.banner__title--benefits-client{
    color:#0d3460;
    font-size:64px;
    font-size:4rem;
    line-height:1.3125em;
    letter-spacing:0;
    display:block
}
.banner--price-list .title{
    margin:0 0 10px
}
@media screen and (min-width:0px) and (max-width:767px){
    .banner__title--benefits-client{
        font-size:48px;
        font-size:3rem;
        color:#fff
    }
    .banner--price-list .title{
        margin:20px 0
    }
}
.button--3d{
    border-radius:500px;
    box-shadow:0 2px 0 rgba(21,65,100,.3),0 0 2px rgba(21,65,100,.3);
    background-color:#fff;
    display:inline-block;
    padding:12px 35px 10px;
    color:#48a332;
    font-size:16px;
    font-size:1.1rem;
    line-height:1.25em;
    letter-spacing:0
}
.article__text,.article__title{
    font-family:'Mukta',sans-serif
}
.button--3d-narrow{
    padding:11px 18px
}
.article{
    margin:0 0 30px
}
.article.has-article__text {
    margin-bottom: 0;
}

.article a:not(.input){
    color:#3c78c7;
    text-decoration:none
}
.article a:not(.input):active,.article a:not(.input):focus,.article a:not(.input):hover{
    text-decoration:underline;
    color:#fa7e03
}
.article .article__title-link{
    color:#293040
}
.article .article__title-link:active,.article .article__title-link:focus,.article .article__title-link:hover{
    color:#fa7e03;
    text-decoration:none
}
.article--mirror{
    flex-direction:row-reverse
}
.article--mirror .article-area--image{
    padding:0 0 0 25px
}
@media screen and (min-width:0px) and (max-width:767px){
    .article{
        margin-bottom:10px
    }
    .article:not(:last-of-type){
        margin-bottom:15px
    }
    .article--mirror .article-area--image{
        padding:0
    }
}
.article--mirror .article-area--text{
    padding:0 25px 0 0
}
.article--small{
    margin-bottom:60px;
    display:flex!important;
    flex-wrap:wrap
}
.article--small:last-child {
    margin-bottom: 0;
}
@supports (display:flow-root){
    .article--small{
        display:flow-root
    }
    .article--small:after{
        display:none
    }
}
@media screen and (min-width:0px) and (max-width:767px){
    .article--mirror .article-area--text{
        padding:0
    }
    .article--small{
        margin-bottom:80px;
        padding:0 0 50px;
        margin-top:0
    }
    .article--small:last-of-type{
        padding-bottom:0
    }
}
.article__image{
    max-width:100%;
    height:auto
}
.article__text{
    color:#64798c;
    font-size:16px;
    font-size:1.1rem;
    font-weight:400;
    line-height:1.6875em;
    margin:0 0 15px;
    page-break-inside:avoid
}
.article__title{
    color:#293040;
    font-size:20px;
    font-size:1.25rem;
    font-weight:600;
    line-height:1.3em;
    letter-spacing:0;
    padding-bottom:25px;
    margin:35px 0 25px;
    /*border-bottom:1px solid #dee6ed*/
}
@media screen and (min-width:0px) and (max-width:767px){
    .article__title{
        padding-bottom:5px;
        margin:15px 0 5px
    }
}
.article__title--larger{
    font-family:'Urbanist',sans-serif;
    font-size:26px;
    font-size:1.625rem;
    font-weight:700;
    line-height:1.38461538em;
    letter-spacing:0;
    padding:0;
    margin:12px 0 25px;
    border:0
}
.adresat_1 p span,.closing_info_wrapper p span{
    font-family:'PT Sans',sans-serif
}
.article__title--with-icon{
    padding:12.5px 0 12.5px 47px;
    background-repeat:no-repeat;
    background-position:center left;
    background-attachment:scroll;
    background-color:transparent;
    background-size:42px 42px
}
.article__title--closer{
    margin-bottom:5px;
    padding-bottom:5px;
}
.article-area{
    width:50%
}
@media screen and (min-width:0px) and (max-width:767px){
    .article__title--larger{
        margin:25px 0 20px;
        font-size:24px;
        font-size:1.5rem
    }
    .article__title--with-icon{
        margin-bottom:14px;
        padding-bottom:14px
    }
    .article-area{
        width:100%;
        float:none
    }
}
.article-area--image{
    padding:0 25px 0 0;
    text-align:center
}
@media screen and (min-width:0px) and (max-width:767px){
    .article-area--image{
        padding:0
    }
}
.article-area--text{
    padding:0 0 0 25px
}
.articles{
    display:flex;
    flex-wrap:wrap
}
.articles--multi-column{
    column-count:2;
    column-gap:40px;
    break-inside:avoid-column;
    page-break-inside:avoid;
    -webkit-column-break-inside:avoid
}
@media screen and (min-width:0px) and (max-width:600px){
    .articles--multi-column{
        column-count:1
    }
}
@media screen and (min-width:0px) and (max-width:767px){
    .article-area--text{
        padding:0
    }
    .related-articles .blog-entry{
        margin-bottom:3rem
    }
}
.search-result-list{
    list-style-type:none;
    padding:0;
    margin:0
}
.search-result-list .article-area--image{
    width:40%;
    overflow:hidden
}
@media screen and (min-width:0px) and (max-width:767px){
    .search-result-list .article-area--image{
        width:100%
    }
}
.search-result-list .article-area--image img{
    vertical-align:middle
}
.search-result-list .article-area--text{
    width:60%
}
.search-result-list .article--no-image .article-area--text{
    width:100%;
    padding-left:0
}
@media screen and (min-width:0px) and (max-width:767px){
    .search-result-list .article--no-image .article-area--text,.search-result-list .article-area--text{
        width:100%
    }
}
.search-result__item{
    padding:0;
    margin:50px 0 0 0;
}
.input-group--search{
    width:70%;
    margin-left:auto;
    margin-right:auto
}
@media screen and (min-width:0px) and (max-width:767px){
    .input-group--search{
        width:100%
    }
}
.input-group--search input:first-of-type{
    width:70%
}
.search-form--large{
    margin:60px auto
}
.title--search-result{
    font-size:20px;
    font-size:1.25rem;
    color:#293040;
    margin-top:0;
    padding-bottom:0;
    margin-bottom:15px;
    border-bottom:0
}
.adresat_1,.adresat_2,.closing_info_wrapper{
    border-bottom:2px dotted #d9d9d9
}
@media screen and (min-width:0px) and (max-width:767px){
    .input-group--search input:first-of-type{
        width:100%
    }
    .title--search-result{
        margin-top:15px
    }
}
.adresat_1{
    padding:32px 0 14px 30px
}
.adresat_1 p{
    font-size:19.25px
}
.adresat_1 p span{
    font-size:38.49px
}
.adresat_2{
    padding:17px 0 17px 30px;
    height:176px
}
.adresat_2 p{
    padding:17px 0 0
}
.adresat_2 p span{
    font-size:120%
}
.adresat_3{
    padding:20px 0 0 30px;
    min-height:68px
}
.adresat_3 p{
    display:block;
    float:left
}
.adresat_3 .a3_p1{
    width:160px
}
.adresat_3 .a3_p3{
    padding:0 0 0 5px
}
.closing_info_wrapper{
    margin:133px 0 0;
    padding:0 0 7px
}
.closing_info_wrapper .box_1{
    float:left;
    width:317px;
    height:15px
}
.closing_info_wrapper .box_2{
    float:left;
    padding:0 0 0 20px;
    background:url(../../images/vzor-faktury/fa_telephone.png) left center no-repeat;
    height:15px
}
.closing_info_wrapper .box_3{
    float:right;
    padding:0 0 0 17px;
    background:url(../../images/vzor-faktury/fa_email.png) left center no-repeat;
    height:15px
}
.closing_info_wrapper p span{
    font-weight:700
}
.fa_polozky td,.fa_polozky th{
    padding:0;
    border:0
}
.fa_polozky .closing_td{
    width:100px
}
.fa_footnote{
    text-align:center;
    color:#999;
    font-size:80%;
    padding:8px 0 20px
}
.faktura_wrapper,.faktura_wrapper *{
    color:#000;
    font-size:11.84px;
    font-family:'PT Sans',sans-serif;
    line-height:normal
}
.faktura_wrapper{
    position:relative;
    z-index:2;
    width:880px;
    padding:0 62px;
    background:#fff;
    box-shadow:0 0 8px 0 rgba(0,0,0,.28);
    text-align:left
}
.faktura_wrapper h1,.faktura_wrapper h2,.faktura_wrapper h3,.faktura_wrapper h4,.faktura_wrapper h5,.faktura_wrapper h6{
    line-height:normal;
    margin:auto
}
.faktura_wrapper p{
    margin:auto
}
.faktura_wrapper .hlavicka_wrapper{
    border-bottom:2px dotted #d9d9d9
}
.faktura_wrapper h6{
    font-size:125%;
    font-family:'PT Sans Narrow',sans-serif;
    font-weight:700
}
.fa_polozky{
    width:100%;
    margin:42px 0 0
}
.fa_polozky tr th{
    border-bottom:2px solid #000;
    font-family:'PT Sans',sans-serif;
    font-weight:700;
    vertical-align:bottom;
    padding-bottom:8px!important
}
.four_box_wrapper p,.four_box_wrapper p span,.summary_wrapper .left_col p span{
    font-family:'PT Sans Narrow',sans-serif
}
.fa_polozky tr th:first-child{
    width:353px;
    padding:0 0 0 23px
}
.fa_polozky tr td{
    border-bottom:1px solid #d9d9d9;
    height:31px;
    line-height:31px
}
.fa_polozky tr td:first-child{
    padding:0 0 0 23px
}
.fa_polozky .closing_td{
    padding:0 23px 0 0
}
.fa_polozky .last_td{
    border-bottom:2px solid #000
}
.fa_polozky .price{
    text-align:right
}
.fa_polozky .column_2{
    text-align:right;
    padding:0 20px 0 0
}
.fa_polozky .column_3{
    width:55px
}
.fa_polozky .column_4{
    width:82px;
    padding:0 20px 0 0
}
.fa_polozky .column_6{
    width:62px
}
.fa_polozky .column_7{
    width:100px
}
.float_end{
    width:100%;
    clear:both!important;
    height:0;
    margin:0;
    padding:0;
    display:block!important;
    font-size:0
}
.four_box_wrapper{
    background:#d4eef6;
    color:#124063;
    margin:26px 0 0;
    height:80px
}
.four_box_wrapper .text_box{
    float:left;
    background:url(../../images/vzor-faktury/summary_decoration.png) right center no-repeat;
    height:100%;
    width:25%
}
.four_box_wrapper .fb_4{
    background:0 0!important
}
.four_box_wrapper p{
    font-size:17px;
    padding:17px 0 0 21px;
    line-height:normal
}
.four_box_wrapper p span{
    font-weight:700;
    font-size:17.76px
}
.four_box_wrapper .hlavicka_wrapper{
    border-bottom:2px dotted #d9d9d9
}
.info_trigger{
    border-radius:50%;
    width:26px;
    height:26px;
    line-height:26px;
    background:#f3b951;
    background:radial-gradient(ellipse at center,#f3c863 0,#f3a93f 100%);
    position:absolute;
    font-size:19px;
    font-weight:700;
    color:#fff;
    text-align:center;
    cursor:help
}
.input--fake-image,.link-button,.suggest-list__item,summary{
    cursor:pointer
}
.info_trigger:active,.info_trigger:focus,.info_trigger:hover{
    font-size:25px
}
.info_trigger:active .tooltip,.info_trigger:focus .tooltip,.info_trigger:hover .tooltip{
    position:absolute;
    background:#003a7f;
    color:#fff;
    display:block!important;
    width:450px;
    font-size:13px;
    font-size:.8125rem;
    text-align:left;
    padding:15px;
    z-index:60;
    top:0;
    left:3em;
    border-radius:3px;
    border:3px solid #fff;
    box-shadow:0 0 5px #7a8090
}
.info_trigger:active .tooltip .tooltip-title,.info_trigger:focus .tooltip .tooltip-title,.info_trigger:hover .tooltip .tooltip-title{
    display:block;
    font-size:15px;
    font-size:.9375rem;
    margin-bottom:.5em;
    color:#fff
}
.info_trigger:active.info_trigger--left .tooltip,.info_trigger:focus.info_trigger--left .tooltip,.info_trigger:hover.info_trigger--left .tooltip{
    left:auto;
    right:3em
}
.it_01{
    top:100px;
    left:50px
}
.it_02{
    top:630px;
    left:50px
}
.it_03{
    top:788px;
    right:50px
}
.it_04{
    top:893px;
    right:50px
}
.left_col{
    float:left;
    width:365px;
    border-right:2px dotted #d9d9d9
}
.odosielatel_1{
    padding:32px 0 20px;
    background:url(../../images/vzor-faktury/fa_logo.jpg) 222px 37px no-repeat;
    border-bottom:2px dotted #d9d9d9
}
.odosielatel_1 p{
    padding:0 0 5px 23px
}
.odosielatel_1 span{
    font-size:120%
}
.odosielatel_1 h6{
    padding:0 0 0 23px
}
.odosielatel_2{
    padding:26px 0;
    line-height:14.57px;
    min-height:155px
}
.odosielatel_2 div.padder{
    width:100%;
    height:5px;
    line-height:0
}
.odosielatel_2 p{
    display:block;
    float:left
}
.odosielatel_2 .o2_p1{
    text-align:right;
    padding:0 0 0 37px
}
.odosielatel_2 .o2_p2{
    text-align:left;
    padding:0 0 0 9px
}
.paper_bg_wrapper{
    margin:50px auto 100px;
    width:880px;
    position:relative
}
@media screen and (min-width:0px) and (max-width:991px){
    .paper_bg_wrapper{
        overflow:auto;
        max-width:calc(100vw - (2 * 15px))
    }
}
.input--invoice,.input--textarea{
    max-width:calc(100% - 2 * 2.5px)
}
.right_col{
    float:left;
    width:386px
}
.summary_wrapper .left_col{
    border-right:none
}
.summary_wrapper .left_col p{
    padding:23px 0 23px 23px
}
.summary_wrapper .left_col p span{
    font-size:125%;
    font-weight:700
}
.summary_wrapper .right_col{
    border-left:2px dotted #d9d9d9
}
.summary_wrapper .sw_1{
    padding:23px 23px 30px 0;
    border-bottom:2px dotted #d9d9d9
}
.summary_wrapper .sw_1 p{
    display:block;
    float:right;
    text-align:right;
    font-size:125%;
    line-height:165%
}
.summary_wrapper .sw_1 p span{
    font-family:'PT Sans',sans-serif;
    font-weight:700;
    font-size:111%
}
.invoice__party-label,.invoice_example_heading,.suggest_-list_title,.title--invoice{
    font-family:'Mukta',sans-serif
}
.summary_wrapper .sw_1 .sw1_p2{
    width:110px
}
.summary_wrapper .sw_2{
    font-size:90%;
    height:100px;
    padding:12px 0 0 12px;
    background:url(../../images/vzor-faktury/peciatka.jpg) 82px 10px no-repeat
}
.wood_bg{
    background:url(../../images/vzor-faktury/wood_bg.jpg) repeat-x
}
.paper_bg{
    background:#fff;
    width:878px;
    height:1142px;
    position:absolute;
    top:1px;
    left:0;
    z-index:1;
    transform:rotate(-1.7deg);
    box-shadow:0 0 8px 0 rgba(0,0,0,.28)
}
.invoice_example_heading{
    margin:33px auto -15px;
    font-weight:300;
    text-align:center;
    font-size:54px
}
.invoice-parties__link--register,.title--invoice{
    color:#fff;
    font-weight:700
}
.title--invoice{
    font-size:64px;
    font-size:4rem;
    line-height:84px;
    margin-bottom:60px
}
@media screen and (min-width:0px) and (max-width:767px){
    .title--invoice{
        margin-top:0;
        font-size:48px;
        font-size:3rem;
        line-height:1.33em;
        margin-bottom:20px
    }
}
.invoice-parties__text{
    text-align:center;
    width:55%;
    margin:0 auto;
    color:#fff
}
@media screen and (min-width:0px) and (max-width:767px){
    .invoice-parties__text{
        width:100%;
        text-align:left
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .invoice-parties__text{
        width:90%
    }
}
@media screen and (min-width:992px) and (max-width:1199px){
    .invoice-parties__text{
        width:85%
    }
}
@media screen and (min-width:1200px) and (max-width:1600px){
    .invoice-parties__text{
        width:75%
    }
}
.invoice-parties__text--last{
    margin-bottom:90px
}
@media screen and (min-width:0px) and (max-width:767px){
    .invoice-parties__text--last{
        margin-bottom:30px
    }
}
.invoice__parties__container{
    background-color:#003a7f;
    padding:20px 0 170px;
    margin-bottom:60px
}
.invoice__parties__container:after{
    content:'';
    display:block;
    clear:both
}
.invoice-parties__link--register:active,.invoice-parties__link--register:focus,.invoice-parties__link--register:hover{
    color:#fa7e03
}
.invoice__parties__container--full{
    padding-bottom:40px;
    margin-bottom:0
}
.invoice__parties{
    width:360px
}
.invoice__parties--supplier{
    text-align:right;
    margin-right:18px
}
@media screen and (min-width:0px) and (max-width:767px){
    .invoice__parties__container{
        padding-left:15px;
        padding-right:15px
    }
    .invoice__parties{
        float:none;
        width:100%
    }
    .invoice__parties--supplier{
        margin-left:0;
        margin-right:0
    }
}
.invoice__parties--client{
    text-align:left;
    margin-left:18px
}
@media screen and (min-width:0px) and (max-width:767px){
    .invoice__parties--client{
        margin-left:0;
        margin-right:0;
        margin-top:60px
    }
}
.invoice__party-field{
    position:relative
}
.invoice__party-field:not(:last-of-type):after{
    display:block;
    content:'';
    width:88%;
    position:absolute;
    bottom:0;
    left:6%;
    border:0;
    height:1px;
    background:rgba(255,255,255,.2)
}
.invoice__party-label{
    position:absolute;
    left:1.4em;
    top:1.5em;
    color:#9fd3e5;
    font-size:16px;
    font-size:1rem;
    font-weight:400;
    pointer-events:none
}
.field--invalid .invoice__party-label{
    color:#d71c1c!important
}
.filled>.invoice__party-label,.focus-within>.invoice__party-label{
    font-size:12px;
    font-size:.75rem;
    top:.67em;
    left:1.85em
}
.invoice__party-label--search-input{
    color:transparent;
    font-size:12px;
    font-size:.75rem;
    left:1.85em;
    top:1em;
    line-height:1.38461538em
}
.filled>.invoice__party-label--search-input,.focus-within>.invoice__party-label--search-input{
    top:-2em!important;
    left:1.85em;
    color:#dee6ed
}
.input--ico{
    z-index:1;
    position:relative;
    margin:0
}
.ui-menu .ui-state-active,.ui-menu .ui-state-focus{
    margin:0!important
}
.ui-state-active,.ui-state-hover{
    background:#fbfae7!important
}
.suggest-list,.ui-autocomplete.ui-menu{
    background:#fff;
    list-style-type:none;
    padding:0;
    text-align:left;
    box-shadow:2px 2px 4px rgba(21,65,100,.1);
    border-radius:3px;
    width:88%!important;
    margin:0 auto;
    position:absolute!important;
    top:100%!important;
    left:6%!important;
    z-index:100;
    max-height:20rem;
    overflow:auto
}
.suggest-list:not(:empty),.ui-autocomplete.ui-menu:not(:empty){
    border:1px solid #dee6ed
}
.ui-menu-item-wrapper{
    padding:0 17px
}
.ui-menu-item-wrapper:first-of-type{
    padding:14px 17px 0
}
.ui-menu-item-wrapper:last-of-type{
    padding:0 17px 14px
}
.suggest-list__item:not(:last-of-type){
    border-bottom:1px solid #dee6ed
}
.suggest-list__item:active,.suggest-list__item:focus,.suggest-list__item:hover{
    background:#fbfae7
}
.suggest_-list_title{
    color:#293040;
    font-size:16px;
    font-size:1rem;
    font-weight:400;
    line-height:1.5em
}
.search-input-container__help,.suggest-list__data{
    font-size:13px;
    font-weight:400;
    font-family:'Mukta',sans-serif
}
.suggest-list__data{
    color:#96a8b6;
    font-size:.8125rem;
    line-height:1.5em
}
.search-input-container{
    position:relative
}
.search-input-container__help{
    color:#dee6ed;
    font-size:.8125rem;
    line-height:1.38461538em;
    position:absolute;
    right:6%;
    top:1em
}
@media screen and (min-width:600px) and (max-width:99999px){
    .filled>.search-input-container__help,.focus-within>.search-input-container__help{
        top:-2em!important
    }
}
@keyframes spin{
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.__loader:before,.infobox-text:before,.search-input-container--active:before{
    height:1.5em;
    width:1.5em;
    transform-origin:center center;
    z-index:150;
    top:calc(50% - (1.5em / 2));
    animation:spin 2s linear infinite;
    content:''
}
.__loader:before,.search-input-container--active:before{
    display:block;
    border-radius:100%;
    border:.3em solid transparent;
    border-bottom-color:#3c78c7;
    border-top-color:#3c78c7;
    position:absolute;
    right:calc((1.5em / 2) + .75em)
}
.infobox-text{
    position:relative;
    display:inline-block
}
.infobox-text:before{
    display:block;
    border-radius:100%;
    border:.3em solid transparent;
    border-bottom-color:#3c78c7;
    border-top-color:#3c78c7;
    position:absolute;
    right:0;
    left:-2em
}
.invoice__label{
    color:#64798c;
    font-family:'Mukta',sans-serif;
    font-size:13px;
    font-size:.8125rem;
    font-weight:400;
    display:inline-block;
    margin:1.3em .2em .7em
}
.input--textarea{
    min-width:calc(100% - 2 * 2.5px)
}
.invoice__container{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    align-items:stretch
}
.invoice__container--header{
    width:calc(((100% - (35px * (4 - 1)))/ 4) * 3 + 2 * 35px);
    display:flex
}
@media screen and (min-width:0px) and (max-width:767px){
    .invoice__label{
        font-size:14px;
        font-size:.875rem
    }
    .invoice__container{
        padding-bottom:1em
    }
    .invoice__container--header{
        width:100%
    }
}
.invoice__container--4-cols .invoice__container-item{
    width:calc((100% - (35px * (4 - 1)))/ 4)
}
.invoice__container--4-cols .invoice__container-item--vat-reverse-charge{
    display:flex;
    align-items:center
}
@media screen and (min-width:0px) and (max-width:767px){
    .invoice__container--4-cols .invoice__container-item,.invoice__container--4-cols .invoice__container-item--vat-reverse-charge{
        width:100%
    }
}
.invoice__container--3-cols .invoice__container-item{
    width:calc((100% - (35px * (3 - 1)))/ 3)
}
.invoice__container--3-cols .invoice__container-item--vat-reverse-charge{
    display:flex;
    align-items:center
}
.invoice__container-item{
    position:relative
}
.table--invoice-summary{
    color:#293040;
    font-family:'Mukta',sans-serif;
    font-size:16px;
    font-size:1rem;
    font-weight:400;
    line-height:1.875em;
    overflow:hidden;
    border-collapse:separate;
    border-spacing:0;
    padding:10px 0;
    margin:0
}
.table--invoice-summary td,.table--invoice-summary th{
    border:0;
    padding:2px 15px
}
.table--invoice-summary td:last-of-type,.table--invoice-summary th:last-of-type{
    text-align:right
}
.invoice__summary-price td,.invoice__summary-price th{
    font-weight:700
}
.table--invoice-items{
    border-radius:3px;
    border-collapse:separate;
    border-spacing:0;
    border:0;
    border-bottom:1px solid #dee6ed;
    margin:0 auto
}
.table--invoice-items thead tr td,.table--invoice-items thead tr th{
    background:#96a8b6;
    padding:22px 12px
}
.table--invoice-items thead tr td:first-child,.table--invoice-items thead tr th:first-child{
    border-bottom-left-radius:3px;
    border-top-left-radius:3px
}
.table--invoice-items thead tr td:last-child,.table--invoice-items thead tr th:last-child{
    border-bottom-right-radius:3px;
    border-top-right-radius:3px
}
.table--invoice-items tr:first-child{
    padding-left:0
}
.table--invoice-items tr:last-child{
    padding-right:0
}
.table--invoice-items tr td,.table--invoice-items tr th{
    border:0;
    padding:5px 2px;
    vertical-align:top
}
.table--invoice-items .invoice-item-label--extra-padding{
    margin-top:.7em!important
}
.invoice-item-header{
    background:#96a8b6;
    padding:22px 12px;
    color:#fff
}
.invoice-item-header:first-of-type{
    border-bottom-left-radius:3px;
    border-top-left-radius:3px
}
.invoice-item-header:last-of-type{
    border-bottom-right-radius:3px;
    border-top-right-radius:3px
}
.invoice-item__field{
    font-size:0
}
@media screen and (min-width:0px) and (max-width:767px){
    .invoice__container--3-cols .invoice__container-item,.invoice__container--3-cols .invoice__container-item--vat-reverse-charge{
        width:100%
    }
    .table--invoice-items thead{
        display:none
    }
    .table--invoice-items tbody tr td,.table--invoice-items tbody tr th{
        display:block;
        width:100%
    }
    .invoice-item__field{
        width:100%
    }
}
.invoice-item__field--name{
    width:50%
}
@media screen and (min-width:0px) and (max-width:767px){
    .invoice-item__field--name{
        width:100%
    }
}
.invoice-item__field--quantity{
    width:9%
}
@media screen and (min-width:0px) and (max-width:767px){
    .invoice-item__field--quantity{
        width:calc(50% - 5px);
        display:inline-block
    }
}
.invoice-item__field--unit{
    width:12%
}
@media screen and (min-width:0px) and (max-width:767px){
    .invoice-item__field--unit{
        width:calc(50% - 5px);
        display:inline-block
    }
}
.invoice-item__field--price{
    width:9%
}
@media screen and (min-width:0px) and (max-width:767px){
    .invoice-item__field--price{
        width:calc(50% - 5px);
        display:inline-block
    }
}
.invoice-item__field--vat{
    width:9%
}
@media screen and (min-width:0px) and (max-width:767px){
    .invoice-item__field--vat{
        width:calc(50% - 5px);
        display:inline-block
    }
}
.invoice-item__field--total{
    width:11%;
    text-align:right
}
@media screen and (min-width:0px) and (max-width:767px){
    .invoice-item__field--total{
        width:100%
    }
}
.invoice-item__field--toggle-discount{
    width:20%;
    text-align:right
}
.invoice-items__body{
    padding:0;
    margin:0
}
.invoice-item{
    padding:0 0 5px;
    border-bottom:1px solid #dee6ed
}
@media screen and (min-width:0px) and (max-width:767px){
    .invoice-item__field--toggle-discount{
        width:100%
    }
    .invoice-item__field--empty{
        display:none!important
    }
    .invoice-item{
        display:block;
        width:100%;
        margin-top:5px
    }
}
.invoice-items-buttons{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
.discount-field{
    display:none
}
.discount-field--visible{
    display:block
}
.input--invoice{
    border-radius:3px;
    border:1px solid #dee6ed;
    background-color:#fff;
    width:calc(100% - 2 * 2.5px);
    padding:6px 12px;
    box-shadow:none;
    margin:5px 2.5px 0;
    height:41px
}
.input--invoice::-webkit-input-placeholder{
    color:#96a8b6;
    font-family:'Mukta',sans-serif;
    font-size:16px;
    font-size:1.1rem;
    font-weight:400
}
.input--invoice::-moz-placeholder{
    color:#96a8b6;
    font-family:'Mukta',sans-serif;
    font-size:16px;
    font-size:1rem;
    font-weight:400
}
.input--invoice:-ms-input-placeholder{
    color:#96a8b6;
    font-family:'Mukta',sans-serif;
    font-size:16px;
    font-size:1rem;
    font-weight:400
}
.input--invoice:-moz-placeholder{
    color:#96a8b6;
    font-family:'Mukta',sans-serif;
    font-size:16px;
    font-size:1rem;
    font-weight:400
}
.input--invoice-item{
    --separator-color:#96a8b6;
    border-color:#96a8b6
}
.input--invoice-total-price{
    width:5em
}
.invoice-summary__discount{
    text-align:left!important
}
.link-button{
    color:#5688ca;
    font-family:'Mukta',sans-serif;
    font-size:16px;
    font-size:1rem;
    font-weight:400;
    border:0;
    background-color:transparent;
    margin:0;
    display:inline-block;
    padding:.67em 0
}
.link-button:active,.link-button:focus,.link-button:hover{
    border:0;
    cursor:pointer;
    text-decoration:underline
}
@media (max-height:768px){
    .link-button{
        padding:.17em
    }
}
.link-button--more-options{
    margin-top:1em
}
.link-button--add-item{
    background:url(../../images/icons/icon-add.svg) center left no-repeat;
    padding-left:1.7em;
    margin-top:20px
}
@media screen and (min-width:0px) and (max-width:767px){
    .invoice-summary__discount{
        width:60%
    }
    .link-button--more-options{
        margin-bottom:1em
    }
    .link-button--add-item{
        margin:.7em
    }
    .invoice-form__section-title{
        outline:0
    }
}
.link-button--discount{
    margin-top:6px;
    vertical-align:middle
}
.link-button--remove-item{
    font-weight:700;
    vertical-align:middle;
    font-size:24px;
    font-size:1.5rem;
    padding:.3em .5em;
    margin-top:.2em;
    color:#d71c1c;
    margin-left:.75rem;
    border-radius:3px;
    transition:color .3s ease-out,background-color .3s ease-out
}
.checkbox--vat-payer,.linear-list--small,.white-box__text{
    font-family:'Mukta',sans-serif;
    font-weight:400
}
.link-button--remove-item:active,.link-button--remove-item:focus,.link-button--remove-item:hover{
    color:#fff;
    background-color:#db8585;
    text-decoration:none
}
select{
    --separator-color:#dee6ed
}
.input--select-custom{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    height:41px;
    padding-right:48px;
    background:url(../../images/icons/arrows/select-arrow.svg) center right 12px no-repeat,linear-gradient(to left,#f6fafe 0,#f6fafe 40px,#dee6ed 40px,#dee6ed 41px,#fff 41px,#fff)
}
.input--select-custom::-ms-expand{
    display:none
}
.input--select-custom:active,.input--select-custom:focus{
    background:url(../../images/icons/arrows/select-arrow--up.svg) center right 12px no-repeat,linear-gradient(to left,#96a8b6 0,#96a8b6 40px,#96a8b6 40px,#96a8b6 41px,#fbfae7 41px,#fbfae7)
}
.invoice-form__section{
    border-bottom:1px solid #dee6ed
}
@media screen and (min-width:768px) and (max-width:99999px){
    .invoice-form__section{
        padding:30px 0 40px
    }
    .invoice-form__section--comment{
        padding-bottom:0;
        border-bottom:0
    }
}
.invoice-form__section--comment{
    padding-top:33px
}
@media screen and (min-width:0px) and (max-width:767px){
    .invoice-form__section--comment{
        padding-top:0
    }
}
.invoice-form__section--comment-under{
    padding:50px 0
}
.invoice-form__section--pictures{
    padding-top:33px;
    padding-bottom:50px
}
@media screen and (min-width:0px) and (max-width:767px){
    .invoice-form__section--pictures{
        padding:0
    }
}
@media screen and (min-width:768px) and (max-width:99999px){
    .invoice-form__section--items{
        padding:30px 0 20px
    }
}
.invoice-form__section--items .invoice-item-label{
    width:1px;
    height:1px;
    display:inline-block;
    overflow:hidden;
    position:absolute!important;
    border:0!important;
    padding:0!important;
    margin:0!important;
    clip:rect(1px,1px,1px,1px);
    clip-path:polygon(0 0,0 1px,1px 0,1px 1px);
    font-size:14px;
    font-size:.875rem;
    text-align:left
}
@media screen and (min-width:0px) and (max-width:767px){
    .invoice-form__section--items .invoice-item-label{
        display:block;
        clip:auto;
        clip-path:none;
        height:auto;
        width:auto;
        overflow:visible;
        padding:13px 0 3px!important;
        position:static!important
    }
    .invoice-form__section--signature{
        margin-top:1em
    }
}
@media screen and (min-width:768px) and (max-width:99999px){
    .invoice-form__section--price{
        border-color:#96a8b6;
        padding-top:15px;
        padding-bottom:50px
    }
    .invoice-form__section--invoice-data{
        border-color:#96a8b6
    }
}
.invoice-form__section--signature{
    justify-content:flex-end
}
.invoice-form__section--invoice-data{
    padding:33px 0 40px
}
@media screen and (min-width:0px) and (max-width:767px){
    .invoice-form__section--invoice-data{
        padding:0
    }
}
.invoice-form__section--contact{
    padding:33px 0 50px
}
.invoice-items__header{
    width:100%;
    display:flex
}
@media screen and (min-width:0px) and (max-width:767px){
    .invoice-form__section--contact{
        padding:0
    }
    .invoice-items__header{
        display:none
    }
}
.invoice-item{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    align-items:flex-end
}
summary{
    display:none;
    font-size:20px;
    font-size:1.25rem
}
@media screen and (min-width:0px) and (max-width:767px){
    summary{
        display:block;
        position:relative;
        line-height:2em;
        padding:.5em 0 .5em 2.5rem
    }
    summary:before{
        display:inline-block;
        content:'';
        height:100%;
        width:2rem;
        position:absolute;
        top:0;
        left:0;
        background:url(../../images/icons/arrows/icon-pagination-arrow-left.svg) center center no-repeat;
        background-size:50% 50%;
        transform-origin:center center;
        transform:rotate(-90deg);
        transition:transform .66s ease-out
    }
    details[open]>summary{
        background:#ebf8ff
    }
    details[open]>summary:before{
        transform:rotate(90deg);
        transition:transform .66s ease-out
    }
}
summary::-webkit-details-marker{
    display:none
}
.invoice__container--summary .invoice__container-item--comment{
    width:calc((100% - 32px)/ 3 * 2)
}
@media screen and (min-width:0px) and (max-width:767px){
    .invoice__container--summary .invoice__container-item--comment{
        width:100%
    }
}
.invoice__container--summary .invoice__container-item--table{
    width:calc((100% - 32px)/ 3)
}
.invoice__comment-above{
    height:4.5rem
}
.invoice__comment-under{
    height:11rem
}
@media screen and (min-width:0px) and (max-width:767px){
    .invoice__container--summary .invoice__container-item--table{
        width:100%
    }
    .invoice__comment-under{
        margin-bottom:1em
    }
}
.input--invoice-checkbox{
    margin:32px 0 0;
    padding:0;
    font-size:15px;
    font-size:.9375rem
}
.input--invoice-checkbox .custom-input{
    border-color:#dee6ed
}
.show-more{
    height:0;
    overflow:hidden
}
.show-more--visible{
    height:auto;
    overflow:hidden
}
.button-state-text{
    text-transform:capitalize
}
.button-state--on .button-state-text--off{
    display:none
}
.button-state--off .button-state-text--off,.button-state--on .button-state-text--on{
    display:initial
}
.button-state--off .button-state-text--on,.rounding-item--invisible{
    display:none
}
.invoice__no-vat-price,.invoice__total-price,.invoice__vat-price{
    word-wrap:break-word
}
.item__discount-nominal,.item__discount-percentage,.item__discount-total,.item__total-price,.item__unit-price,.item__vat{
    text-align:right
}
.input--country{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    padding-left:17px;
    padding-right:17px
}
.input--country option{
    background:#fff;
    color:#000
}
.input--fake-image{
    display:inline-block;
    width:auto;
    text-align:center;
    color:#293040;
    border-color:#80c6ee;
    background-color:#ebf8ff
}
.input--fake-image:active,.input--fake-image:focus,.input--fake-image:hover{
    background-color:#80c6ee
}
@media screen and (min-width:0px) and (max-width:767px){
    .input--invoice-checkbox{
        margin:20px 0
    }
    .input--fake-image{
        width:100%
    }
}
.invoice-parties{
    display:flex;
    flex-wrap:wrap;
    justify-content:center
}
.checkbox--vat-payer{
    text-align:center;
    display:inline-block;
    color:#9fd3e5;
    font-size:16px;
    font-size:1rem;
    width:auto;
    margin:32px auto 0
}
.summary-table-decorator{
    border-radius:3px;
    border:1px solid #80c6ee;
    background-color:#ebf8ff;
    margin-top:2.9rem;
    min-height:11rem
}
.infobox{
    background-color:#ebf8ff;
    color:#003a7f;
    padding:2em 3em;
    border-radius:3px
}
.filepond--drop-label,.filepond--drop-label label{
    cursor:pointer!important;
    display:flex!important;
    color:#96a8b6!important
}
.invoice__vat-payer{
    text-align:center
}
.filepond--label-action{
    -webkit-text-decoration-color:#babdc0!important;
    text-decoration-color:#babdc0!important
}
.filepond--panel-root{
    background-color:#edf0f4!important
}
.filepond--item-panel{
    background-color:#595e68!important
}
.filepond--drip-blob{
    background-color:#7f8a9a!important
}
.filepond--drip{
    background:#ebf8ff!important;
    opacity:1!important
}
.filepond{
    padding:0!important;
    overflow:hidden!important
}
.filepond--root{
    width:20rem!important;
    height:10rem!important;
    margin-bottom:0!important;
    border:1px dashed #64798c!important
}
@media screen and (min-width:0px) and (max-width:767px){
    .filepond--root{
        height:5rem!important;
        width:100%!important
    }
}
.filepond--root-label-focused{
    border-color:#fa7e03!important
}
.filepond--root-label-focused .filepond--drip{
    background-color:#fff9f3!important
}
.logo-slot .filepond--root{
    width:100%!important;
    margin-top:1rem!important
}
.signature-slot .filepond--root{
    width:calc((100% - 32px)/ 3)!important
}
.filepond--image-preview-wrapper,.filepond--root{
    border-radius:3px!important
}
.filepond--image-preview,.filepond--image-preview-wrapper{
    background:0 0!important
}
.filepond--list{
    left:0!important;
    right:0!important
}
.filepond--drop-label{
    bottom:0!important;
    margin:0!important;
    align-items:center!important;
    height:calc(100% - 2em)!important;
    justify-content:flex-start!important
}
.filepond--drop-label label{
    height:100%!important;
    width:100%!important;
    align-items:center!important;
    justify-content:flex-start!important;
    text-align:left!important;
    padding:0 10px!important;
    font-size:14px!important;
    font-size:.875rem!important;
    margin-top:30px!important
}
.filepond--file-action-button,.filepond--file-info,.filepond--image-preview-overlay,.filepond--item-panel{
    display:none!important
}
@media screen and (min-width:0px) and (max-width:767px){
    .signature-slot .filepond--root{
        width:100%!important
    }
    .filepond--drop-label label{
        margin-top:0!important
    }
}
.filepond-label__title{
    font-size:16px!important;
    font-size:1rem!important;
    color:#64798c!important
}
.filepond--file{
    position:relative!important
}
.filepond--item{
    top:20px!important
}
.filepond--file .filepond--action-remove-item{
    display:block!important;
    bottom:1em!important;
    left:calc(50% - .8125em)!important
}
.filepond--file .filepond--progress-indicator{
    top:auto!important;
    right:calc(50% - .625em)!important;
    bottom:1.1875em!important
}
.filepond--file-status{
    z-index:101!important;
    color:#fa7e03!important;
    position:absolute!important;
    width:90%!important;
    height:100%!important;
    margin:0!important;
    text-align:left!important;
    align-items:flex-start!important;
    opacity:1!important;
    transform:none!important
}
.text-center,.white-box{
    text-align:center
}
.filepond--file-status .filepond--file-status-main{
    font-size:15px!important;
    font-size:.9375rem!important;
    opacity:1!important
}
.filepond--file-status .filepond--file-status-sub{
    font-size:13px!important;
    font-size:.8125rem!important;
    opacity:1!important;
    white-space:normal!important
}
.i-want-to-register{
    margin:4rem auto -2rem;
    display:flex;
    justify-content:center
}
.people-stories__list{
    width:100%;
    display:flex;
    flex-wrap:wrap
}
.people-stories__list-item{
    width:50%;
    position:relative
}
@media screen and (min-width:0px) and (max-width:767px){
    .people-stories__list-item{
        width:100%
    }
}
.people-stories__list-item:not(:first-of-type):before{
    content:'';
    display:block;
    height:40%;
    top:30%;
    position:absolute;
    left:0;
    width:1px;
    background:#dee6ed
}
@media screen and (min-width:0px) and (max-width:767px){
    .people-stories__list-item:not(:first-of-type):before{
        display:none
    }
}
.sign-required{
    color:#d71c1c
}
@media screen and (min-width:0px) and (max-width:480px){
    .mobile-invisible{
        display:none
    }
}
.action-button-area{
    margin:70px auto;
    text-align:center;
    display:flex;
    gap:2rem;
    justify-content:center
}
@media screen and (min-width:0px) and (max-width:767px){
    .action-button-area{
        margin:50px auto
    }
    .action-button-area--smaller{
        margin:20px auto
    }
}
.action-button-area--smaller{
    margin:20px auto
}
.action-button-area--in-banner{
    margin:40px auto -60px
}
@media screen and (min-width:0px) and (max-width:767px){
    .action-button-area--in-banner{
        margin:10px auto 0
    }
}
.action-button-area--submit-invoice{
    margin-top:50px
}
.arrow-back{
    margin:0 8px 0 0;
    display:inline-block
}
.linear-list,.linear-list__item{
    padding:0!important;
    margin:0!important
}
.linear-list{
    list-style-type:none
}
@media screen and (min-width:0px) and (max-width:767px){
    .linear-list{
        display:inline
    }
}
.linear-list--small{
    font-size:14px;
    font-size:.875rem;
    line-height:2em;
    position:relative;
    top:7px
}
.linear-list__item{
    display:inline-block
}
.linear-list__item:not(:last-of-type):after{
    content:', ';
    display:inline-block
}
.linear-list__item:before{
    display:none!important
}
.white-box{
    box-shadow:0 5px 15px rgba(21,65,100,.05);
    border-radius:3px;
    background-color:#fff
}
.white-box--left{
    text-align:left
}
.white-box__text{
    color:#64798c;
    font-size:15px;
    font-size:1.1rem;
    line-height:1.66666667em
}
.customer-type{
    padding:35px 40px;
    position:relative;
    top:0;
    transition:top .4s ease-out,box-shadow .4s ease-out
}
@media screen and (min-width:992px) and (max-width:99999px){
    .customer-type:active,.customer-type:focus,.customer-type:hover{
        box-shadow:15px 20px 20px rgba(21,65,100,.15);
        top:-12px
    }
}
.customer-type__title{
    color:#293040;
    font-family:'Urbanist',sans-serif;
    font-size:20px;
    font-size:1.25rem;
    font-weight:700;
    line-height:1.4em;
    letter-spacing:0;
    margin:15px auto
}
.fancy-underline{
    background:url(../../images/icons/fancy-underline.svg) left -.5em bottom no-repeat;
    padding-bottom:.5em;
    background-size:calc(100% - 1em) auto;
    line-height:2.3em
}
.fancy-underline--checkbox{
    line-height:1.7em
}
.big-link-container{
    text-align:center;
    padding:50px 0 60px
}
.big-link-container .input {
    margin-bottom: 0;
}
@media screen and (min-width:0px) and (max-width:767px){
    .linear-list__item{
        display:inline
    }
    .big-link-container{
        padding:20px 15px 30px
    }
}
.easter-egg-1:active,.easter-egg-1:focus,.easter-egg-1:hover{
    background-image:url(../../images/icons/features/mimozemstan.svg)
}
.easter-egg-2:active,.easter-egg-2:focus,.easter-egg-2:hover{
    background-image:url(../../images/icons/features/attachment-helper.svg)
}
.easter-egg-3{
    filter:contrast(12) blur(.5px) sepia(1) saturate(17)
}
.sticky-nav{
    transition-duration:0s
}
.shadow-flex__item{
    visibility:hidden
}
.anchor-spaced{
    margin-top:2px
}
.apps-rating{
    display:flex
}
@media screen and (min-width:1200px) and (max-width:99999px){
    .apps-rating--footer{
        left:-60px;
        margin-bottom:40px
    }
}
@media screen and (min-width:768px) and (max-width:99999px){
    .apps-rating--footer{
        width:356px;
        position:relative;
        margin-top:20px
    }
}
@media screen and (min-width:992px) and (max-width:1199px){
    .footer-col--flexible{
        display:flex;
        flex-wrap:wrap-reverse
    }
    .apps-rating--footer{
        margin-top:30px;
        margin-bottom:0;
        left:-130px
    }
}
@media screen and (min-width:0px) and (max-width:480px){
    .apps-rating--footer{
        flex-grow:1
    }
}
@media screen and (min-width:480px) and (max-width:768px){
    .apps-rating--footer{
        flex-grow:1
    }
}
@media screen and (min-width:480px) and (max-width:991px){
    .footer-col--flexible{
        display:flex
    }
    .apps-rating--footer{
        flex-wrap:wrap;
        width:200px
    }
    .apps-rating--footer .app-rating{
        margin-top:20px
    }
}
@media screen and (min-width:0px) and (max-width:767px){
    .apps-rating--footer{
        margin-top:30px
    }
}
@media screen and (min-width:0px) and (max-width:380px){
    .apps-rating--footer .app-rating img{
        height:40px!important
    }
}
.app-rating{
    margin-right:.5em;
    color:#adb9c3;
/*    height:75px;*/
    width:170px;
    line-height:1.15;
}
.app-rating img{
    height:50px;
    margin:0;
}
.app-rating__line{
    font-style:italic;
    display:flex;
    margin-top:.5em
}
.app-rating__svg-container{
    height:1rem;
    display:inline-block;
    margin-right:.4em
}
.app-rating__svg-container svg,
.app-rating__star{
    display:inline-block;
    width:1em;
    height:100%
}