/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1, .h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: rgba(0, 0, 0, 0)
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

button, [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[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-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

html {
    scroll-behavior: smooth
}

body {
    position: relative;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #777;
    background-color: #fffaf3
}

.overflow-body {
    overflow: hidden
}

.layout {
    position: relative;
    overflow-x: hidden
}

.container {
    margin: 0 auto;
    width: 100%;
    max-width: 1210px;
    padding: 0 20px
}

.container-narrow {
    margin: 0 auto;
    width: 100%;
    max-width: 1070px;
    padding: 0 20px
}

b {
    font-weight: 700 !important
}

ul {
    list-style: none;
    padding: 0
}

.main-title {
    text-align: center;
    margin: 40px 0
}

.main-title span {
    display: block;
    font-family: "Poppins", sans-serif;
    color: #0997e5;
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase
}

.main-title h1, .main-title .h1 {
    margin: 10px 0;
    font-family: "Poppins", sans-serif;
    color: #0e264f;
    font-weight: 900;
    font-size: 52px
}

.text-block h1, .text-block h2, .text-block h3, .text-block h4, .text-block h5, .text-block h6,
.text-block .h1, .text-block .h2, .text-block .h3, .text-block .h4, .text-block .h5, .text-block .h6{
    color: #0e264f;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    text-wrap: balance;
}

.text-block h1,
.text-block .h1{
    font-size: 52px;
}

.text-block h2,
.text-block .h2{
    font-size: 28px
}

.text-block h3,
.text-block .h3 {
    font-size: 26px
}

.text-block h4,
.text-block .h4{
    font-size: 24px
}

.text-block h5,
.text-block .h5{
    font-size: 22px
}

.text-block h6,
.text-block .h6{
    font-size: 20px
}

.text-block p {
    font-family: "Roboto", sans-serif;
    color: #0e264f;
    font-size: 19px;
    font-weight: 400;
    line-height: 180%;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.text-block a {
    color: #0e264f;
    text-decoration: underline
}

.text-block a:hover {
    text-decoration: none
}

.text-block ol {
    padding-left: 20px;
    margin: 20px 0
}

.text-block ol li {
    font-family: "Roboto", sans-serif;
    color: #0e264f;
    font-size: 19px;
    font-weight: 400;
    line-height: 180%;
    padding-left: 10px
}

.text-block ol li::marker {
    font-weight: bold
}

.text-block ul {
    list-style: none;
    padding: 0;
    margin: 1rem 0;
    font-family: "Roboto", sans-serif;
    color: #0e264f;
    font-size: 19px;
    font-weight: 400
}

.text-block ul li {
    font-family: "Roboto", sans-serif;
    color: #0e264f;
    font-size: 19px;
    font-weight: 400;
    line-height: 180%;
    position: relative
}

.text-block .attachment {
    text-align: center;
}

.text-block .attachment a {

}

.breadcrumb {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    background-color: unset;
    font-size: 17px;
    margin-top: 40px;
    font-family: "Roboto", sans-serif;
    font-style: italic;
    font-weight: 300;
    padding: 0;
    z-index: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.breadcrumb .breadcrumb-item {
    display: flex;
    align-items: center;
    cursor: pointer
}

.breadcrumb .breadcrumb-item:last-child {
    cursor: default
}

.breadcrumb .breadcrumb-item:last-child a {
    text-decoration: none;
    color: #777
}

.breadcrumb .breadcrumb-item:last-child a:hover {
    color: #777
}

.breadcrumb .breadcrumb-item a {
    display: flex;
    align-items: center;
    position: relative;
    color: #777;
    text-decoration: underline
}

.breadcrumb .breadcrumb-item a:hover {
    color: #777;
    text-decoration: none
}

.breadcrumb .breadcrumb-item + .breadcrumb-item {
    padding-left: .7rem
}

.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    width: 11px;
    height: 23px;
    padding-right: 1rem;
    content: "/"
}

.btn {
    position: relative;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -moz-column-gap: 10px;
    column-gap: 10px;
    height: 60px;
    min-width: 150px;
    padding: 0 30px;
    color: #fff !important;
    font-family: "Roboto", sans-serif;
    font-size: 19px;
    line-height: 22px;
    font-weight: 900;
    text-decoration: none !important;
    text-align: center;
    background: #0998e6;
    background: linear-gradient(90deg, rgb(9, 152, 230) 50%, rgb(53, 96, 218) 100%);
    box-shadow: 0px 0px 28px 5px #d1dbf6;
    transition: .1s ease-in-out;
    border-radius: 5px;
    overflow: hidden;
    isolation: isolate;
    border: 0
}

.btn:before {
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    content: "";
    background-color: #0998e6;
    transition: .1s ease-in-out
}

.btn:hover, .btn.active {
    color: #fff
}

.btn:hover:before, .btn.active:before {
    width: 100%
}

.btn.dark {
    background: #0e264f;
    box-shadow: 0px 0px 28px 5px #2f5dc9
}

.btn.dark:before {
    background-color: #112f61
}

.btn-cross {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-image: url("../images/IK_cross.svg");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    transition: .1s ease-in-out
}

a.icon {
    display: flex;
    align-items: center;
    gap: 5px
}

.service {
    position: relative;
    display: flex;
    align-items: center;
    padding: 15px 30px;
    background-color: #f8fbff;
    width: 100%;
    max-width: 370px;
    height: 130px;
    border-radius: 5px;
    border: 1px solid #d7d7d7;
    text-decoration: none !important;
    transition: .1s ease-in-out
}

.service:hover {
    background-color: #dbe9f9
}

.service span {
    font-family: "Poppins", sans-serif;
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    color: #0e264f;
    text-transform: uppercase
}

input {
    width: 100%;
    height: 60px;
    border: 0;
    padding: 0 40px 0 20px;
    background-color: #fff;
    border-radius: 5px;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #777;
    outline: none;
    background-repeat: no-repeat;
    background-position: right 20px center
}

input::-moz-placeholder {
    color: #777
}

input::placeholder {
    color: #777
}

input#name, input.name {
    background-image: url("../images/IK_input_name.png")
}

input#email, input.email {
    background-image: url("../images/IK_input_email.png")
}

input#phone, input.phone {
    background-image: url("../images/IK_input_phone.png")
}

input#term {
    background-image: url("../images/IK_input_term.png")
}

textarea {
    width: 100%;
    height: 100%;
    border: 0;
    padding: 20px 40px 0 20px;
    background-color: #fff;
    border-radius: 5px;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #777;
    outline: none;
    background-repeat: no-repeat;
    background-position: right 20px center;
    resize: none;
}

.select2-container {
    width: 100% !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 0;
    border-radius: 4px;
    height: 60px !important
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 20px;
    padding-right: 40px;
    color: #777;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 60px
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 60px;
    right: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    width: 15px;
    height: 60px;
    left: unset;
    right: 0;
    top: 0;
    border: none;
    background: url("../images/IK_input_treatment.png") center no-repeat;
    transition: .15s ease-in-out
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg)
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #777
}

.select2-dropdown {
    top: -5px;
    background-color: #f2f2f2;
    border: 1px solid #cbcbcb
}

.select2-container--default .select2-results__option--selected {
    background-color: rgba(0, 0, 0, 0)
}

.select2-results {
    padding: 15px 0
}

.select2-results__option {
    color: #777;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 500;
    padding-left: 20px;
    padding-right: 20px
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: rgba(0, 0, 0, 0);
    color: #777
}

.select2-container--default .select2-search--dropdown {
    background-color: #e9e9e9;
    padding: 15px
}

.select2-search--dropdown .select2-search__field {
    height: 45px;
    border: 1px solid #cbcbcb;
    border-radius: 4px;
    padding: 0 15px;
    color: #777;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 500
}

.slider .swiper-wrapper {
    padding: 0 0 50px
}

.slider .swiper-slide {
    height: auto !important
}

.slider .swiper-pagination-bullet {
    border-radius: 0
}

.slider .swiper-pagination-bullet-active {
    background: #3660d9
}

.opening-hours-block {
    padding: 20px;
    background-color: #eff5fe
}

.opening-hours-block .title {
    margin-bottom: 15px;
    display: block;
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #0997e5;
    text-align: center;
    text-transform: uppercase
}

.opening-hours-block .grid {
    display: grid;
    margin: 0 auto;
    grid-template-columns:1fr;
    row-gap: 5px;
    max-width: 380px
}

.opening-hours-block .line {
    display: grid;
    justify-content: center;
    grid-template-columns:minmax(60px, 110px) minmax(95px, 110px) minmax(95px, 110px);
    -moz-column-gap: 5px;
    column-gap: 5px
}

.opening-hours-block span {
    font-family: "Roboto", sans-serif;
    font-size: 19px;
    color: #215093
}

.opening-hours-block .day {
    font-weight: 900
}

.opening-hours-block .time {
    font-weight: 400
}

.person {
    border: 1px solid #d7d7d7;
    border-radius: 6px;
}

.person-card {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 20px;
    text-align: center
}

.person-card img {
    width: 100%;
    height: auto;
    max-width: 230px;
    border-radius: 6px
}

.person-card .name {
    display: flex;
    align-items: center;
    height: 44px;
    margin-top: 10px;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
    color: #0e264f
}

.person-card .function {
    display: flex;
    align-items: center;
    height: 36px;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 17px;
    font-weight: 400;
    color: #3660d9
}

.person-card .social-networks {
    display: flex;
    align-items: center;
    gap: 10px
}

.person-card .social-networks a img {
    transition: .1s ease-in-out
}

.person-card .social-networks a:hover img {
    transform: scale(1.1)
}

.price-lists {
    margin: 40px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px
}

.price-lists a {
    display: flex;
    align-items: center;
    -moz-column-gap: 30px;
    column-gap: 30px;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #0e264f
}

.price-lists a:hover {
    text-decoration: none
}

.price-lists a:before {
    position: relative
}

.price-lists a.pdf:before {
    content: url("../images/IK_pdf.png")
}

.question-wrap {
    margin-top: 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 0px 31px 10px #e2e2e2
}

.question-wrap:first-child {
    margin-top: 0px
}

.question {
    cursor: pointer;
    position: relative;
    padding: 20px 75px 20px 35px;
    height: 100%;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #0e264f;
    background-color: #fff;
    box-shadow: 0px 0px 31px 10px #e2e2e2
}

.question .arrow {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 100%;
    background: #0998e6;
    background: linear-gradient(90deg, rgb(9, 152, 230) 50%, rgb(53, 96, 218) 100%)
}

.question .arrow:after {
    content: url("../images/IK_sipka_white.svg");
    transition: .1s ease-in-out;
    transform: rotate(-90deg)
}

.question.active .arrow:after {
    transform: rotate(0deg)
}

.question-body {
    display: none;
    padding: 20px 35px 30px;
    background-color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.question-body .text-block {
    color: #777 !important
}

header {
    background-color: #f7f9fd
}

header .claim {
    padding-top: 80px
}

header .claim .main-title {
    text-align: left
}

header .claim .main-title h1,
header .claim .main-title .h1{
    font-size: 68px
}

header .claim p {
    font-size: 18px;
    max-width: 400px;
    line-height: 36px
}

.container-bg-header {
    max-width: 1920px;
    margin: 0 auto;
    background-image: url("../images/bg_header.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    padding-bottom: 250px
}

.top-strip {
    background-color: #26348b;
    color: #fff;
    height: 50px
}

.top-strip .container {
    height: 100%
}

.top-strip .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    -moz-column-gap: 15px;
    column-gap: 15px;
    height: 100%
}

.top-strip .left {
    display: flex;
    align-items: center;
    -moz-column-gap: 30px;
    column-gap: 30px
}

.top-strip .left a {
    color: #fff;
    text-decoration: none;
    white-space: nowrap
}

.top-strip .left a:hover {
    text-decoration: underline
}

.top-strip .left div {
    font-size: 19px;
    font-weight: 900
}

.top-strip .left div span {
    color: #0997e5
}

.top-strip .icons {
    display: flex;
    align-items: center;
    gap: 5px
}

.top-strip .icons a img {
    transition: .1s ease-in-out
}

.top-strip .icons a:hover img {
    transform: scale(1.1)
}

section.services .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding-bottom: 40px;
    background-image: url("../images/bg_services.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain
}

section.services .left {
    display: flex;
    flex-direction: column;
    row-gap: 30px
}

section.services .left .service {
    padding-right: 140px
}

section.services .left .service span {
    text-align: right;
    margin-left: auto
}

section.services .left .service img {
    position: absolute;
    right: 30px
}

section.services .right {
    display: flex;
    flex-direction: column;
    row-gap: 30px
}

section.services .right .service {
    padding-left: 140px
}

section.services .right .service span {
    text-align: left;
    margin-right: auto
}

section.services .right .service img {
    position: absolute;
    left: 30px
}

section.about-us {
    display: grid;
    grid-template-columns:minmax(0, 520px) minmax(0, 570px);
    justify-content: space-between;
    gap: 30px;
    margin: 90px 0 150px;
    padding-top: 30px;
}

section.about-us .photo img {
    width: 100%;
    height: auto
}

section.about-us .main-title {
    text-align: left;
    margin: 0
}

section.term {
    background-color: #0e264f
}

section.term .container {
    padding: 56px 20px 90px;
    background-image: url("../images/bg_term.png");
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain
}

section.term .main-title {
    margin: 0
}

section.term .main-title h1,
section.term .main-title .h1{
    margin-top: 0;
    margin-bottom: 40px;
    color: #fff
}

section.term form {
    display: grid;
    gap: 20px;
    background: #0998e6;
    background: linear-gradient(90deg, rgb(9, 152, 230) 50%, rgb(53, 96, 218) 100%);
    padding: 40px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "d d a"
                         "d d b"
                         "d d c"
                         "d d e";
}

section.term form input#name {
    grid-column: col 3;
    grid-area: a;
}
section.term form input#email {
    grid-column: col 3;
    grid-area: b;
}
section.term form input#phone {
    grid-column: col 3;
    grid-area: c;
}
section.term form textarea#message {
    grid-column: col / span 2;
    grid-row: 1 / span 4;
    grid-area: d;
}
section.term form input#submit {
    grid-column: col 3;
    grid-area: e;
}

section.term form button {
    height: 60px
}

section.opening-hours {
    margin: 30px 0 80px
}

section.opening-hours .inner {
    display: grid;
    grid-template-columns:minmax(0, 500px) minmax(0, 500px);
    justify-content: space-between;
    gap: 20px
}

section.slider {
    background-color: #f7fafd
}

section.slider .container {
    padding: 30px 20px 20px
}

section.slider .main-title {
    margin-top: 0
}

section.partners .container {
    padding: 30px 20px
}

section.partners .inner {
    text-align: center;
    margin-top: 60px
}

section.partners .inner img {
    margin: 10px 18px
}

section.faq {
    margin: 0 0 80px
}

section.faq .faq-wrap {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    max-width: 800px
}

section.text-block {
    margin: 40px 0 60px
}

section.text-block .two-col-img {
    display: grid;
    grid-template-columns:minmax(200px, 400px) minmax(400px, 1fr);
    justify-content: space-between;
    gap: 40px
}

section.text-block h1,
section.text-block .h1{
    margin: 0;
    margin-bottom: 40px;
    text-transform: uppercase;
}

section.text-block img {
    width: 100%;
}

section.text-block img.main-image {
    width: 100%;
    max-width: 400px;
    height: auto;
    float: left;
    margin-right: 40px;
    margin-bottom: 30px;
}

h1.without-page-image{
    text-align: center;
}

section.contacts iframe {
    width: 100%;
    height: 400px;
}

section.contacts .email,
section.contacts .phone {
    margin-bottom: 10px;
}

section.contacts .email img,
section.contacts .phone img {
    position: relative;
    top: -5px;
    width: 50px;
    height: 50px;
    margin-right: 5px;
}

section.contacts .email a,
section.contacts .phone a {
    display: inline-block;
    font-size: 25px;
    font-weight: bold;
    text-decoration: none;
}

section.contacts .email a:hover,
section.contacts .phone a:hover {
    text-decoration: underline;
}

.articles .row {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eff5fe;
}

div.services {
    padding-top: 50px;
    padding-bottom: 40px;
}
div.services:nth-child(even) {
    background-color: #ffe3c0; /* #f7fafd;*/
}
div.services h2 {
    display: flex;
    align-items: center;
    justify-content: center;
}
div.services h2 img {
    width: 60px;
    margin-right: 15px;
}

.paging {
    text-align: center;
}
.paging a {
    position: relative;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -moz-column-gap: 10px;
    column-gap: 10px;
    height: 40px;
    padding: 0 15px;
    color: #fff !important;
    font-family: "Roboto", sans-serif;
    font-size: 19px;
    line-height: 22px;
    font-weight: 900;
    text-decoration: none !important;
    text-align: center;
    background: #0998e6;
    background: linear-gradient(90deg, rgb(9, 152, 230) 50%, rgb(53, 96, 218) 100%);
    transition: .1s ease-in-out;
    border-radius: 5px;
    overflow: hidden;
    isolation: isolate;
    border: 0;
}
.paging a:hover {
    background: #0998e6;
}
.paging a.act {
    background: #26348b;
}


footer {
    margin-top: 40px
}

footer .top {
    padding: 40px 0 50px;
    background: #0e264f
}

footer .top .inner {
    display: grid;
    grid-template-columns:minmax(180px, 355px) minmax(180px, 310px) minmax(120px, 1fr);
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 30px
}

footer .top .logo-footer img {
    width: 100%;
    max-width: 240px;
    height: auto
}

footer .top .title {
    display: block;
    margin-bottom: 15px;
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    font-weight: 800;
    color: #fff
}

footer .top .adress .title {
    color: #009fee
}

footer .top .adress ul {
    display: flex;
    flex-direction: column;
    row-gap: 5px;
    font-family: "Roboto", sans-serif;
    font-size: 19px;
    font-weight: 400
}

footer .top .adress ul li {
    color: #fff
}

footer .top .adress ul li a {
    color: #fff;
    text-decoration: none
}

footer .top .adress ul li a:hover {
    text-decoration: underline
}

footer .top .footer-nav ul {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 400
}

footer .top .footer-nav ul li a {
    color: #b2c0d8;
    text-decoration: none
}

footer .top .footer-nav ul li a:hover {
    color: #fff
}

footer .bottom {
    padding: 11px 0;
    background-color: #08162f
}

footer .bottom .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px
}

footer .bottom span {
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 400
}

footer .bottom span a {
    color: #fff;
    text-decoration: none;
}

footer .bottom span a:hover {
    text-decoration: underline;
}

footer .bottom .social-networks {
    display: flex;
    align-items: center;
    gap: 10px
}

footer .bottom .social-networks a img {
    transition: .1s ease-in-out
}

footer .bottom .social-networks a:hover img {
    transform: scale(1.1)
}

.nav-bar {
    display: flex;
    align-items: center;
    -moz-column-gap: 20px;
    column-gap: 20px;
    padding: 15px 0
}

.nav-bar .logo img {
    width: 100%;
    height: auto
}

.nav-bar .btn {
    white-space: nowrap
}

#mobile-menu-toggle, #mobile-menu-close {
    display: none;
    justify-self: end;
    align-items: center;
    cursor: pointer
}

#mobile-menu-toggle .menu-title, #mobile-menu-close .menu-title {
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    letter-spacing: 2px;
    color: #0e264f;
    font-weight: 600;
    margin-top: 4px;
    margin-left: 8px
}

#hamburger {
    cursor: pointer;
    justify-content: center;
    width: 33px;
    height: 60px;
    position: relative
}

#hamburger span {
    display: block;
    position: absolute;
    height: 3px;
    width: 30px;
    background: #0e264f;
    border-radius: 2px;
    opacity: 1;
    right: 0;
    left: 0;
    margin: 10px auto;
    transform: rotate(0);
    transition: .15s ease-in-out;
    transform-origin: left center
}

#hamburger span:nth-child(1) {
    top: 13px
}

#hamburger span:nth-child(2) {
    top: 21px
}

#hamburger span:nth-child(3) {
    top: 29px
}

nav.desktop {
    display: flex;
    align-items: center;
    -moz-column-gap: 40px;
    column-gap: 40px;
    margin-left: auto
}

nav.desktop a {
    color: #0e264f;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: .1s ease-in-out;
    white-space: nowrap
}

nav.desktop a:hover {
    color: #0997e5
}

.menu-mobile-wrapper {
    display: none;
    position: fixed !important;
    overflow: auto !important;
    height: 100%;
    z-index: 5;
    width: 100%;
    top: 0;
    background-color: #f7f9fd;
    padding-bottom: 70px
}

.menu-mobile-wrapper .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
    padding: 0 20px
}

.menu-mobile-wrapper .logo img {
    max-height: 50px
}

.menu-mobile-wrapper #mobile-menu-close {
    display: flex
}

.menu-mobile-wrapper #mobile-menu-close .menu-title {
    margin: 0
}

.menu-mobile-wrapper #mobile-menu-close:hover .btn-cross {
    transform: rotate(90deg)
}

.menu-mobile-wrapper .btn {
    display: none;
    height: 70px;
    border-radius: 0
}

nav.mobile {
    display: flex;
    flex-direction: column
}

nav.mobile a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
    padding: 20px 30px 20px 20px;
    border-top: 1px solid #0e264f;
    color: #0e264f;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none
}

nav.mobile a:after {
    content: url("../images/IK_sipka.svg");
    transform: rotate(-90deg)
}

nav.mobile a:last-child {
    border-bottom: 1px solid #504836
}

#flexi-cookiebar {
    background: #D1DBF5;
}

#flexi-cookiebar-popup {
    border-color: #26348b;
}

#flexi-cookiebar-close {
    fill: #26348b;
}

@media (max-width: 1200px) {
    nav.desktop {
        -moz-column-gap: 20px;
        column-gap: 20px
    }

    .btn {
        height: 50px;
        font-size: 16px;
        line-height: 20px
    }

    header .claim {
        padding-top: 60px
    }

    header .claim .main-title h1,
    header .claim .main-title .h1{
        font-size: 52px
    }

    .container-bg-header {
        padding-bottom: 200px
    }

    .service {
        max-width: 350px;
        height: 100px
    }

    .service span {
        font-size: 22px
    }

    .opening-hours-block .title {
        font-size: 20px
    }

    .person-card .name {
        height: 40px;
        font-size: 18px;
        line-height: 20px
    }
}

@media (min-width: 992px) {
    .menu-mobile-wrapper {
        display: none !important
    }

    .overflow-body {
        overflow: auto !important
    }
}

@media (max-width: 991px) {
    .text-block h1,
    .text-block .h1{
        font-size: 40px
    }

    .text-block h2 {
        font-size: 24px
    }

    .text-block h3 {
        font-size: 22px
    }

    .text-block h4 {
        font-size: 20px
    }

    .text-block h5 {
        font-size: 18px
    }

    .text-block h6 {
        font-size: 18px
    }

    .text-block p {
        font-size: 18px
    }

    .text-block ul {
        font-size: 18px
    }

    .text-block ol {
        font-size: 18px
    }

    .top-strip .left a.icon {
        display: none
    }

    .nav-bar .logo img {
        max-height: 70px
    }

    .nav-bar .btn {
        margin-left: auto
    }

    #mobile-menu-toggle {
        display: flex
    }

    nav.desktop {
        display: none
    }

    header .claim {
        padding-top: 40px
    }

    header .claim p {
        font-size: 16px
    }

    .container-bg-header {
        padding-bottom: 150px;
        background-size: cover
    }

    .main-title {
        text-align: center;
        margin-top: 40px
    }

    .main-title span {
        font-size: 20px !important
    }

    .main-title h1,
    .main-title .h1{
        font-size: 40px !important
    }

    .service {
        max-width: 320px
    }

    .service span {
        font-size: 20px
    }

    section.about-us {
        margin: 30px 0 60px;
        padding-top: 30px;
    }

    section.term form {
        grid-template-columns:1fr
    }

    section.term form input, section.term form .select2-container {
        margin: 0 auto;
        max-width: 500px
    }

    section.term form button {
        display: flex;
        margin: 0 auto;
        width: 100%;
        max-width: 500px
    }

    section.opening-hours {
        margin: 30px 0 50px
    }

    .opening-hours-block .title {
        font-size: 15px
    }

    .opening-hours-block span {
        font-size: 16px
    }

    section.text-block .two-col-img {
        grid-template-columns:1fr
    }

    section.text-block h1,
    section.text-block .h1{
        text-align: center
    }

    section.text-block img.main-image {
        max-height: 200px;
        max-width: unset;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media (max-width: 768px) {
    .text-block h1,
    .text-block .h1{
        font-size: 35px
    }

    .text-block h2,
    .text-block .h2 {
        font-size: 22px
    }

    .text-block h3,
    .text-block .h3{
        font-size: 20px
    }

    .text-block h4,
    .text-block .h4{
        font-size: 18px
    }

    .text-block h5,
    .text-block .h5{
        font-size: 18px
    }

    .text-block h5,
    .text-block .h5{
        font-size: 17px
    }

    .text-block p {
        font-size: 17px
    }

    .text-block ul {
        font-size: 17px
    }

    .text-block ol {
        font-size: 17px
    }

    .nav-bar .logo img {
        max-height: 50px
    }

    .nav-bar .btn {
        font-size: 14px
    }

    .container-bg-header {
        padding-bottom: 80px
    }

    .main-title {
        text-align: center;
        margin: 20px 0
    }

    .main-title span {
        font-size: 18px !important
    }

    .main-title h1,
    .main-title .h1{
        font-size: 35px !important
    }

    section.services .inner {
        padding-top: 350px;
        background-position: top center;
        background-size: auto
    }

    section.services .right .service {
        padding-left: 100px
    }

    section.services .right .service img {
        left: 20px
    }

    section.services .left .service {
        padding-right: 100px
    }

    section.services .left .service img {
        right: 20px
    }

    .service {
        max-width: unset
    }

    .service span {
        font-size: 18px
    }

    .service img {
        max-width: 60px !important
    }

    section.about-us {
        grid-template-columns:1fr;
        margin: 0px 0 40px;
        padding-top: 20px;
    }

    section.about-us .main-title {
        text-align: center
    }

    section.about-us .main-title h1 br,
    section.about-us .main-title .h1 br{
        display: none
    }

    section.about-us div {
        text-align: center
    }

    section.term .container {
        padding: 50px 20px 60px;
        background-size: cover;
        background-position: center
    }

    section.opening-hours .inner {
        grid-template-columns:1fr
    }

    .person-card .name {
        height: 38px;
        font-size: 16px;
        line-height: 18px
    }

    .price-lists a {
        font-size: 16px
    }

    .question {
        font-size: 17px
    }
}

@media (max-width: 720px) {
    section.term form {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 2fr 1fr 1fr;
        grid-template-areas: "d d"
                         "d d"
                         "a b"
                         "c e";
    }
    section.term form input#name {
        grid-column: col 3;
        grid-area: a;
    }
    section.term form input#email {
        grid-column: col 3;
        grid-area: b;
    }
    section.term form input#phone {
        grid-column: col 3;
        grid-area: c;
    }
    section.term form textarea#message {
        grid-column: col / span 2;
        grid-row: 1 / span 2;
        grid-area: d;
    }
    section.term form input#submit {
        grid-column: col 3;
        grid-area: e;
    }
}

@media (max-width: 576px) {
    .text-block h1,
    .text-block .h1{
        font-size: 30px
    }

    .text-block h2,
    .text-block .h2{
        font-size: 20px
    }

    .text-block h3,
    .text-block .h3{
        font-size: 18px
    }

    .text-block h4,
    .text-block .h4 {
        font-size: 18px
    }

    .text-block h5,
    .text-block .h5{
        font-size: 17px
    }

    .text-block h6,
    .text-block .h6{
        font-size: 16px
    }

    .text-block p {
        font-size: 16px
    }

    .text-block ul {
        font-size: 16px
    }

    .text-block ol {
        font-size: 16px
    }

    .top-strip .left div {
        font-size: 14px
    }

    .nav-bar {
        justify-content: space-between;
        padding: 5px 0
    }

    .nav-bar .btn {
        display: none
    }

    .menu-mobile-wrapper .btn {
        display: flex
    }

    .container-bg-header {
        padding-bottom: 60px
    }

    .main-title {
        text-align: center;
        margin-top: 20px
    }

    .main-title h1,
    .main-title .h1{
        font-size: 30px !important
    }

    section.services .inner {
        flex-direction: column;
        gap: 10px
    }

    section.services .left, section.services .right {
        width: 100%;
        row-gap: 10px
    }

    section.services .left .service {
        padding-right: 20px;
        padding-left: 100px
    }

    section.services .left .service span {
        text-align: left;
        margin-left: unset
    }

    section.services .left .service img {
        right: unset;
        left: 20px
    }

    .service span {
        font-size: 16px
    }

    section.term form {
        padding: 40px 20px
    }

    section.partners .inner img {
        max-width: 250px
    }

    input, .select2-container .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__placeholder, .select2-results__option, .select2-search--dropdown .select2-search__field {
        font-size: 16px
    }

    .person-card {
        padding: 10px 10px 20px
    }

    footer .top {
        padding: 40px 0 30px
    }

    footer .top .inner {
        grid-template-columns:1fr;
        text-align: center
    }

    footer .bottom {
        padding: 15px 0
    }

    footer .bottom .inner {
        flex-direction: column-reverse
    }

    .price-lists a {
        font-size: 14px;
        -moz-column-gap: 15px;
        column-gap: 15px
    }

    .question {
        padding: 20px 75px 20px 20px;
        font-size: 16px
    }

    .question-body {
        padding: 20px 20px 30px
    }
    div.services {
        padding-top: 30px;
        padding-bottom: 20px;
    }
    @media (max-width: 720px) {
        section.term form {
            grid-template-columns: 1fr;
            grid-template-rows: 2fr 1fr 1fr 1fr 1fr;
            grid-template-areas: "d"
                         "d"
                         "a"
                         "b"
                         "c"
                         "e"
        }
        section.term form input#name {
            grid-column: col 1;
            grid-area: a;
        }
        section.term form input#email {
            grid-column: col 1;
            grid-area: b;
        }
        section.term form input#phone {
            grid-column: col 1;
            grid-area: c;
        }
        section.term form textarea#message {
            grid-column: col 1;
            grid-row: 1 / span 2;
            grid-area: d;
        }
        section.term form input#submit {
            grid-column: col 1;
            grid-area: e;
        }
    }
}

form input.form-control {
    padding: 0 40px 0 20px;
    background-color: #fff;
    border-radius: 5px;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #777;
    outline: none;
    background-repeat: no-repeat;
    background-position: right 20px center;
}
form input[type=file].form-control {
    padding: 16px 22px;
}

form textarea.form-control {
    padding: 20px 40px 0 20px;
    background-color: #fff;
    border-radius: 5px;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #777;
    outline: none;
    background-repeat: no-repeat;
    background-position: right 20px center;
    resize: none;}

/*# sourceMappingURL=styles.min.css.map */