:root{
    --color-red: #D32737;
}

body{
    overflow-x: hidden;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .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-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .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-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .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-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto{
    padding-right: 24px;
    padding-left: 24px;
}

/*.row{
    margin-right: -24px;
    margin-left: -24px;
}*/

h1{
    color: var(--secondary_color, #02216E);
    /* NPI/H2 Nadpis */
    font-family: var(--secondary_font);
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
    text-transform: initial;
}
h2{
    color: var(--secondary_color, #02216E);
    /* NPI/H2 Nadpis */
    font-family: var(--secondary_font);
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 125% */
    text-transform: initial;
}
#logo {
    max-height: 100%;

    height: 48px;
}
#logo-wrap{
    padding:0;
}

#header{
    position: relative;
    z-index: 100;
    width: 100%;
    background: #fff;
}
#header .module-header{
    height:84px;
    display:flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
}
#header nav#links{
    display: inline-flex;
    gap: 40px;
    width: 100%;
    margin-left:18px;
}
#header nav#links a{
    color: var(--primary_color);
    text-align: center;
    font-family: var(--secondary_font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    position: relative;
}
#header nav#links a:hover::after{
    position: absolute;
    bottom:-12px;
    content:'';
    height:3px;
    left: calc(50% - 12px);
    width:28px;
    border-bottom:3px solid var(--primary_color);
}

#header .search{
    display: flex;
    width: 328px;
    height: 48px;
    padding: 9px 20px 10px 20px;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
    border-radius: 50px;
    border: 1px solid var(--P-428, #E0E0E0);
    background: var(--White, #FFF);
    position: relative;
}

#header .search input[type="text"]{
    border-width: 0;
    width: 88%;
}

#header .search button{
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 40px !important;
    background: var(--primary_color, #3566FC);
    color:#fff;
    border-width:0;
    position: absolute;
    right: 5px;
}

#header .search button i{
    color:#fff !important;
}


/* formular */

#jakToFunguje{
    display: flex;
    width: 328px;
    padding: 40px;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    border-radius: 10px;
    background: var(--P-427, #FAFAFA);
    height: max-content;
}

#jakToFunguje .heading{
    color: var(--P-280, #02216E);
    text-align: center;
    /* NPI/H5 Nadpis */
    font-family: var(--secondary_font);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px; /* 133.333% */
}

#jakToFunguje .block-icon{
    width: 68px;
    height: 68px;
    color:var(--primary_color);
    font-size:48px;
}
#jakToFunguje .item{
    display: flex;
}
#jakToFunguje .item .icon{
    margin-right:20px;
    padding-top:3px;
    color:var(--primary_color);
}
#jakToFunguje .item .icon i{
    font-size:24px;
}

#jakToFunguje .item .caption{
    color: var(--secondary_color, #02216E);
    /* NPI/Odstavec text odrážky */
    font-family: var(--primary_font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px; /* 156.25% */
}

#formular-dotaz .osobni-udaje{
    display: flex;
    flex-direction: column;
    /*width: 604px;*/
    padding: 40px 184px 60px 92px;
    /*align-items: flex-start;*/
    gap: 20px;
    border-radius: 10px;
    border: 3px solid var(--P-428, #E0E0E0);
    background: var(--White, #FFF);
}
form select{
    text-overflow:ellipsis;
}

form .label{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    color: var(--secondary_color, #02216E);
    /* NPI/Popisek 14 */
    font-family: var(--primary_font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

form .label label{
    margin-bottom:0;
}
form .label .required{
    color: var(--P-1795, #D32737);
    text-align: right;
    /* NPI/Popisek 14 */
    font-family: var(--primary_font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

#formular-dotaz .text-dotazu{
    margin-top:40px;
}

#formular-dotaz .text-dotazu i{
    color:var(--primary_color);
}

#formular-dotaz .text-dotazu textarea{
    min-height:152px;
}

form textarea{

    display: flex;
    padding: 11px 20px 13px 20px;
    align-items: center;
    gap: 14px;
    align-self: stretch;

    border-radius: 10px;
    border: 3px solid var(--P-428, #E0E0E0);
    background: var(--White, #FFF);
}

#formular-dotaz .souhlas{
    margin-top:40px;
}

#formular-dotaz .souhlas label{
    padding-left: 40px;
}

form input[type="checkbox"]{
    position:absolute;
    visibility: visible;
    top: 8px;
    left: 24px;
    z-index: -1;
}

form input[type="checkbox"] + label span{
    width: 24px;
    height: 24px;
    border-radius: 5px;
    border: 1px solid var(--edomodr, #D6E6FF);
    background: var(--White, #FFF);
    display: flex;
    padding: 0;
    position: absolute;
    left: 20px;
    top: 5px;
}


form input[type="checkbox"]:checked + label span{
    background: var(--primary_color);
}

form input[type="checkbox"]:checked + label span::after{
    content: '';
    position: absolute;
    width: 9px;
    height: 18px;
    border: 2px solid #fff;
    border-width: 0px 3px 3px 0;
    transform: rotate(45deg);
    left: 7px;
}

#formular-dotaz .submit{
    margin-top:40px;
    margin-bottom: 200px;
}

form .submit input{
    margin:0;
    display: inline-flex;
    padding: 11px 46px 13px 46px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 5px;
    background: var(--primary_color, #3566FC);
    color:#fff;
    text-align: center;
    font-family: var(--primary_font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
}

section.kontakt{
    background: var(--P-427, #FAFAFA);
    margin-bottom: 0;
}

section.kontakt .container .row{
    padding: 60px 0 100px 0;
}

section.kontakt h2{
    color: var(--secondary_color, #02216E);

    font-family: var(--secondary_font);
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
}

section.kontakt .description{
    color: var(--secondary_color, #02216E);
    font-family: var(--primary_font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 40px;
}

section.kontakt .garant{
    display: flex;
    gap: 14px;
}

section.kontakt .garant .avatar{

}
section.kontakt .garant .info{
    display: flex;
    gap: 4px;
    flex-direction: column;

}



section.kontakt .garant .avatar .icon
{
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    border-radius:60px;
    background-color: var(--P-428, #E0E0E0);
    display: flex;
    align-items: center;
    justify-content: center;

}

section.kontakt .garant .avatar i{
    color:var(--primary_color);
    font-size:30px;
}

section.kontakt .garant .info i{
    color:var(--primary_color);

}

section.kontakt .garant .info .name{
    color: var(--primary_color, #3566FC);
    /* NPI/Popisek 14 tučně */
    font-family: var(--primary_font);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}

section.kontakt .garant .info .position{
    color: var(--secondary_color, #02216E);

    /* NPI/Popisek 12 */
    font-family: var(--primary_font);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px; /* 116.667% */
}


section.kontakt .garant .info .email{
    color: var(--primary_color, #3566FC);
    /* NPI/Popisek 12 */
    font-family: var(--primary_font);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px; /* 116.667% */
}


section.kontakt .garant .info .telephone
{
    color: var(--primary_color, #3566FC);
    /* NPI/Popisek 12 */
    font-family: var(--primary_font);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px; /* 116.667% */

}

.dotaz-item{
    display: flex;
    padding: 32px 0px 40px 0px;
    align-items: flex-start;

    align-self: stretch;
    border-bottom: 1px solid var(--P-428, #E0E0E0);

}

.dotaz-item .content{
    display: flex;
    flex-direction: column;
}

.dotaz-item .kategorie, #queryDetail .kategorie{
    display: flex;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: flex-start;
    margin-bottom: 20px;
}

.dotaz-item .kategorie .tag, #queryDetail .kategorie .tag{
    border-radius: 5px;
    border: 1px solid var(--primary_color, #3566FC);
    background: var(--White, #FFF);
    color: var(--primary_color, #3566FC);

    display: flex;
    padding: 6px 12px;
    align-items: flex-start;
    gap: 10px;
}

.dotaz-item .dotaz{
    margin-bottom: 8px;
}

.dotaz-item .title{
    color: var(--primary_color, #3566FC);
    font-family: var(--secondary_font);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 140% */
}

.dotaz-item .odpoved{
    margin-bottom: 20px;
}

.dotaz-item .metadata{
    display:flex;
    gap:28px;
}

.dotaz-item .metadata .date{
    display:flex;
    gap:20px;
}

.dotaz-item .metadata .views{
    display:flex;
    gap:20px;
    background:none;
}

.pagination{
    margin-top:172px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination li{
    display: flex;
    align-items: center;
    justify-content: center;

}

.pagination i{
    font-size: 24px;
    display: flex;
}

.pagination li a,.pagination li span{
    border-width:0;
    color:var(--primary_color);
    display: block;
}

.pagination li span{
    color:var(--P-428, #E0E0E0);
    display: flex;
}

.pagination li .page-numbers.current{
    color: var(--White, #FFF);
    text-align: center;

    /* NPI/Text */
    font-family: var(--primary_font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 137.5% */
    background-color:var(--primary_color);

}

.pagination .prev{
    margin-right: 93px;
}

.pagination .next{
    margin-left: 93px;
}


section.search{
    overflow: hidden;
}

section.search h1{
    text-align: center;
}



section.search .form-wrap{
    margin-top: 82px;
    margin-bottom: 82px;

    padding: 74px 184px 80px 184px;

    border-radius: 30px;
    background: var(--White, #FFF);
    box-shadow: 0px 20px 50px 0px #E0E0E0;

    display: flex;
    flex-direction: column;
    gap:40px;
    position: relative;
}

section.search .left{
    display: block;
    width: 162px;
    height: 200px;
    position: absolute;
    left: -128px;
    background: url(../img/le.png);
    bottom: 125px;
    z-index: -2;
}

section.search .right{
    display: block;
    width: 178px;
    height: 206px;
    position: absolute;
    right: -128px;
    background: url(../img/pr.png);
    bottom: 125px;
    z-index: -2;
}

section.search .form-wrap .description{
    color: var(--secondary_color, #02216E);
    /* NPI/Text */
    font-family: var(--primary_font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

section.search .form-wrap .description a{
    text-decoration: underline !important;
    color:var(--primary_color);
}

form{
    display: grid;
    gap:20px;
}
#searchForm .form-group.keyword{
    padding: 9px 20px 10px 20px;

    border-radius: 5px;
    border: 1px solid var(--P-428, #E0E0E0);
    background: var(--P-427, #FAFAFA);
    display: flex;
    align-items: center;
}

#searchForm .form-group.keyword i{
    color:var(--primary_color);
}

#searchForm .keyword .form-control{
    background: transparent;

    border-width: 0;

    color: var(--secondary_color);
    /* NPI/Text tučně */
    font-family: var(--primary_font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    text-transform: none;
}

#searchForm .keyword .form-control::placeholder{
    color: var(--P-429, #C6C6C6);
}

#searchForm .form-group.oblast,#searchForm .form-group.tema{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

#searchForm .form-group.oblast label,#searchForm .form-group.tema label{
    color: var(--P-280, #02216E);

    font-family: var(--primary_font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    margin-bottom: 0;
}

#searchForm .form-group select{
    padding: 9px 18px 10px 18px;
    border-radius: 5px;
    border: 1px solid var(--P-428, #E0E0E0);
    background: var(--White, #FFF);

    color: var(--P-280, #02216E);

    font-family: var(--primary_font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px; /* 156.25% */
    height: auto;
}

.main-wrapper .btn{
    display: inline-flex;
    padding: 7px 36px 9px 36px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 5px;
    text-align: center;
    font-family: var(--primary_font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px; /* 156.25% */
}

.main-wrapper .btn.btn-primary{
    background: var(--primary_color);
    color:#fff;
}

section.banner{
    margin: 60px 0 120px 0;
}

section.banner .banner-npi{
    padding: 40px 92px;

}

section.banner .banner-npi .content{
    order:0;
}

section.banner .banner-npi .image{
    order:1;
}

section.banner .banner-npi img{
    max-height: 300px;
}

.search-filter{
    margin: 58px 0 71px 0;
}

.search-filter .heading{
    margin-bottom:40px;
}

.found-results{
    color: var(--secondary_color, #02216E);

    /* NPI/H5 Nadpis */
    font-family: var(--secondary_font);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px; /* 133.333% */


    border-bottom: 1px solid var(--P-428, #E0E0E0);
    padding-bottom: 25px;
}

#queryDetail .dotaz{
    padding:40px;
    border-radius: 32px;
    border: 2px solid var(--P-428, #E0E0E0);
    position: relative;

    color: var(--secondary_color, #02216E);

    /* NPI/Text tučně */
    font-family: var(--primary_font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
}

#queryDetail .dotaz::after{
    content:'';
    background: url('../img/dotaz_bg_bottom.svg') no-repeat #fff;
    right: 150px;
    bottom: -32px;
    position: absolute;
    width: 50px;
    height: 32px;
}

#queryDetail .odpoved{
    margin-top:62px;
    color: var(--secondary_color, #02216E);
    font-family: var(--primary_font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

#queryDetail .links{
    display: flex;
    flex-direction: column;
    gap:20px;
    margin-top:60px;
    align-items: flex-start;
}

#queryDetail .links a{
    color: var(--primary_color);
    text-align: center;
    /* NPI/Text tučně */
    font-family: var(--primary_font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    display: flex;
    gap:8px;
    align-items: center;
}

#queryDetail .links a:hover{
    color: var(--Hover, #2D5AE3);
}


/* mobilni menu*/
#mobile-header-wrap{
    position: relative;

}

#mobile-header{
    display: flex;
    justify-content: space-between;
    position: relative;

}

#mobile-header img.logo{

}

#mobile-header .actions{
    display:flex;

}

#mobile-header .actions button.srch{
    padding: 11px 16px 13px 16px;
    color:var(--primary_color);
    line-height: 24px;
    font-size: 24px;
}

#mobile-header-wrap #mobile-menu{
    position: absolute;
    top: 45px;
    width:100%;
    background: #fff;
    padding: 24px 24px;
    z-index: 100;
}

#header #mobile-header-wrap #mobile-menu nav.links{
    display: flex;
    flex-direction: column;
    gap:12px;
}

#header #mobile-header-wrap #mobile-menu nav.links a{
    color:var(--primary_color);
}

#mobile-header button{
    background: none;
    border-width:0;
}
#mobile-search{
    display: flex;
    justify-content: center;
}

#menu-button {
    width: 24px;
    height: 24px;
    position: relative;
    margin: 12px 16px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#menu-button span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: var(--primary_color);
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

/* Icon 3 */

#menu-button span:nth-child(1) {
    top: 4px;
}

#menu-button span:nth-child(2),#menu-button span:nth-child(3) {
    top: 10px;
}

#menu-button span:nth-child(4) {
    top: 16px;
    width:50%;
}

#menu-button.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

#menu-button.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#menu-button.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#menu-button.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

/* select 2*/

form .select2.select2-container .select2-selection{
    padding: 9px 18px 10px 18px;
    border-radius: 5px;
    border: 1px solid var(--P-428, #E0E0E0);
    background: var(--White, #FFF);

    color: var(--P-280, #02216E);

    font-family: var(--primary_font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px; /* 156.25% */
    height: auto;
    overflow: hidden;
}

form .select2.select2-container--disabled .select2-selection{
    background-color:#ececec;
    color:#808080 !important;
}

form .select2.select2-container--disabled .select2-selection .select2-selection__arrow{
    display:none;
}

form .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;

}

form .select2-container .select2-selection--single .select2-selection__arrow b{
    display: none;
}

form .select2-container--default .select2-selection--single .select2-selection__arrow::after{
    position: absolute;
    width:24px;
    height:24px;
    content:'\f106';
    font-family: 'npi-icons';
    font-size:24px;
    line-height:30px;
    right:5px;
    font-weight:100;
    color:var(--primary_color);
}

form .select2-container--open .select2-selection--single .select2-selection__arrow::after{
    position: absolute;
    width:24px;
    height:24px;
    content:'\f123';
    font-family: 'npi-icons';
    font-size:24px;
    line-height:30px;
    right:5px;
    font-weight:100;
    color:var(--primary_color);

}

form .select2-container .select2-dropdown {
    border-radius: 10px;
    box-shadow: 0px 4px 20px 0px #F0F0F0;
    background: #fff;
    border-width:0;
}

form .select2-container .select2-results__options li{
    padding: 9px 20px 10px 20px;
}
form .select2-container .select2-results__option--highlighted[aria-selected],
form .select2-container .select2-results__option--selected {
    color: var(--P-280, #02216E);
    /* NPI/Text tučně */
    font-family: "Noto Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px; /* 156.25% */

    background: var(--P-427, #FAFAFA);

}

.select2-container--default .select2-selection--single .select2-selection__rendered{
     white-space: normal !important;
     word-break: break-word !important;
}

/* form modals */

.formResultModal .modal-content{
    border-radius: 20px;
    border: 3px solid var(--P-428, #E0E0E0);
    background: var(--P-427, #FAFAFA);
    padding: 0;
}

.formResultModal .modal-body{
    display: flex;
    padding: 108px 92px 60px 92px;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.formResultModal .modal-body h2{

    color: var(--primary_color, #3566FC);
    text-align: center;
    /* NPI/H3 Nadpis */
    font-family: var(--secondary_font);
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
}

.formResultModal .modal-body p{

    color: var(--secondary_color, #02216E);
    text-align: center;
    /* NPI/Odstavec text */
    font-family: var(--primary_font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.formResultModal .modal-body a.btn{

}

.formResultModal .icon{
    width: 136px;
    height: 136px;
    flex-shrink: 0;
    background: var(--P-3529, #24A926);
    border-radius: 136px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -70px;
}

.formResultModal .icon i{
    color:#fff !important;
    font-size:69px;
    line-height: 50px;
}

.formResultModal.error  .modal-body a.btn{
    background:var(--color-red);

}

.formResultModal.error .icon{
    background:var(--color-red);
}

.formResultModal.error .modal-body h2{
    color:var(--color-red);

}


/* 404 */
#error404{
    display:flex;
    flex-direction:column;
    gap:64px;
    align-items: center;
    margin:150px 0;
    position: relative;
}

#error404 h1{
    color: var(--secondary_color, #02216E);
    /* NPI/H1 Nadpis */
    font-family: var(--secondary_font);
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 64px;
}

#error404 p{
    color: var(--secondary_color, #02216E);
    text-align: center;
    /* NPI/Text */
    font-family: var(--primary_font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}


#error404::before{
    position: absolute;
    content: '';
    height: 250px;
    width:250px;
    background: url('../img/404_l.png');
    background-size: cover;
    left:0;
    bottom: -30px;
}

#error404::after{
    position: absolute;
    content: '';
    height: 250px;
    width:250px;
    background: url('../img/404_r.png');
    background-size: cover;
    right:0;
    top: 0px;
}

/* mobilni verze*/

@media( max-width:992px)
{
    section.search .form-wrap {
	margin-top: 82px;
	padding: 60px 58px 80px 58px;
    }

    section.banner .banner-npi {
	padding: 60px 58px 80px 58px;
    }

    #error404::before, #error404::after{
	display: none;
    }
}


@media( max-width:768px)
{
    h1{
	font-size: 32px;
    }
    h2{
	font-size: 24px;
    }


    section.search .form-wrap {
	margin-top: 82px;
	padding: 40px 28px 60px 28px;
    }

    section.banner .banner-npi {
	padding: 40px 28px 60px 28px;
    }

    #rvpHeaderWrap {
	height: 50px;
    }

    #footer{
	padding: 0 9px;

    }
    section.kontakt {
	padding: 0 9px;
    }
    .pagination{
	margin-top: 60px;
    }


    .pagination .prev{
	margin-right: 14px;
    }

    .pagination .next{
	margin-left: 14px;
    }

    section.banner .banner-npi .content{
	order:1;
    }

    section.banner .banner-npi .image{
	order:0;
    }

    #formular-dotaz .osobni-udaje{
	padding: 40px 24px;
    }

    #formular-dotaz .submit {
	margin-top: 40px;
	margin-bottom: 100px;
    }

    #jakToFunguje {
	width: 100%;
    }

}