* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    border-color: #202b7c;
}

body {
    background: #e6f4ff;
    font-family: 'Nunito', sans-serif;
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #202b7c;
}

i {
    color: #202b7c;
}

li {
    list-style: none;
}

section.wrapper {
    min-height: calc(100vh - 285px);
}

section.wrapper::after {}

.page404 .wrapper {
    text-align: center;
    text-transform: uppercase;
    font-size: 32px;
    padding: 50px 0px;
}

.footer {
    display: block;
    position: relative;
    background: rgb(21, 30, 97);
    background: linear-gradient(0deg, rgba(21, 30, 97, 1) 0%, rgba(32, 43, 124, 1) 85%, rgba(32, 43, 124, 1) 100%);
    box-shadow: 0px 0px 20px 0px #e7dfff;
}

.footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(/assets/img/bg-gray.webp);
    background-size: cover;
    opacity: 0.1;
    z-index: 0;
}

.footerCol {
    width: calc(100% - 300px);
}

.footerContent {
    display: flex;
    position: relative;
    margin: 0px auto;
    width: 100%;
    max-width: 1200px;
    padding: 30px;
    padding-bottom: 10px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.footerRow {
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0px;
    width: 100%;
}

.footerSocial a {
    font-size: 27px;
}

.footer a {
    color: white !important;
}

.footer a i {
    color: white !important;
}

.footerRow a {
    color: white;
    padding: 0px 10px;
}

.footerCopyright {
    text-align: center;
    font-size: 12px;
    color: white;
    padding-bottom: 20px;
    margin-top: 10px;
}

.header {
    background: white;
    box-shadow: 0px 0px 20px 0px #e7dfff;
    border-bottom: 1px solid #2d377d;
}

.headerContent {
    display: flex;
    position: relative;
    margin: 0px auto;
    width: 100%;
    max-width: 1200px;
    padding: 0px 30px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.headerRow {
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    padding: 0px;
}

.headerRowSecond {
    padding-top: 5px;
    padding-bottom: 0px;
}

.headerCol {
    width: calc(100% - 180px);
    padding-left: 50px;
}

.headerSocial {
    display: none;
}

.headerSocial a {
    font-size: 24px;
}

.logo {
    display: flex;
    position: relative;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    padding: 30px 0px;
    margin-top: -10px;
    padding-left: 20px;
}

.logoSubtitle {
    text-transform: uppercase;
}

.logo img {
    max-width: 300px;
    width: 100%;
}

.navigationMenu {
    display: block;
    position: relative;
    margin-right: 15px;
}

.navigationBtns {
    display: block;
    position: relative;
}

.navigationMenu li {
    font-size: 16px;
}

.navigationMenu li,
.navigationBtns li {
    position: relative;
    display: inline-block;
}

.navigationMenu li a,
.navigationBtns li a {
    position: relative;
    display: block;
    padding: 10px 5px;
}

.navigationBtns li a {
    border: 1px solid;
    font-size: 16px;
}

.headerSocial a {
    margin-left: 10px;
}

.wrapper {
    overflow: hidden;
}

.wrapperInner {
    display: block;
    position: relative;
    padding: 0px 30px;
    width: 100%;
    max-width: 1200px;
    margin: 0px auto;
}

.blockAbout {
    display: block;
    position: relative;
    border-radius: 10px;
    margin: 30px 0px;
    padding: 30px;
    box-shadow: 0px 0px 20px 0px #e7dfff;
    background: url('/assets/img/bg.webp');
    background-position: 50% 59%;
}

.blockAbout * {
    color: white;
    text-shadow: 0px 0px 3px black;
    letter-spacing: 1px;
    z-index: 2;
}

.blockAboutTitle {
    font-size: 22px;
    font-weight: 900;
}

.blockAboutSubtitle {
    font-size: 24px;
    font-weight: 700;
    margin-top: 10px;
}

.blockAboutList {
    margin-top: 20px;
}

.blockAboutList li {
    font-size: 19px;
    line-height: 35px;
    list-style: square;
    margin-left: 20px;
}

.blockAboutInner {
    display: block;
    position: relative;
}

.blockAboutImgWater {
    display: inline-block;
    position: absolute;
    right: -95px;
    bottom: -65px;
    width: 345px;
    z-index: 1;
    user-select: none;
    pointer-events: none;
}

.blockServices {
    display: block;
    position: relative;
    border-radius: 10px;
    padding: 30px;
    background: white;
    box-shadow: 0px 0px 20px 0px #e7dfff;
    max-width: 800px;
    width: 100%;
    z-index: -1;
}

.blockService {
    display: flex;
    position: relative;
    margin-bottom: 20px;
}

.blockServicesImg {
    user-select: none;
    pointer-events: none;
    width: 150px;
    height: 150px;
    object-fit: cover;
    margin-right: 30px;
    border-radius: 10px;
}

.blockServicesTitle {
    font-weight: bold;
    font-size: 21px;
    color: #202b7c;
}

.blockServicesDesc {
    font-size: 18px;
    color: gray;
}

.blockServicesDescRow {
    line-height: 24px;
    padding-left: 32px;
}

.blockServicesDescRow i {
    font-size: 12px;
    opacity: .5;
}

.blockServicesMainTitle {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 20px;
    text-align: left;
    color: #202b7c;
    text-transform: uppercase;
}

.blockServicesTitle i {
    font-size: 20px;
    width: 25px;
    opacity: .5;
}

.blockServicesWrapper {
    display: flex;
    position: relative;
    padding: 30px 0px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
}

.blockWaterAbout {
    display: block;
    position: relative;
    border-radius: 10px;
    padding: 30px;
    background: white;
    box-shadow: 0px 0px 20px 0px #e7dfff;
    max-width: 300px;
    width: 100%;
    background: url('/assets/img/bg.webp');
    background-position: center;
    color: white;
    text-shadow: 0px 0px 3px black;
}

.blockWaterAbout::before {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 13px;
    background: url('/assets/img/water-drip.webp') no-repeat;
    background-size: contain;
    width: 210px;
    height: 214px;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.blockWaterAbout i {
    color: white;
    opacity: .8;
}

.blockWaterAboutTitle {
    font-size: 13px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}

.blockWaterAbout ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    margin-bottom: 10px;
}

.blockWaterAboutSubTitle {
    text-align: center;
    font-size: 13px;
}

.blockFeature {
    display: block;
    position: relative;
    border-radius: 10px;
    padding: 30px;
    background: white;
    box-shadow: 0px 0px 20px 0px #e7dfff;
    max-width: 300px;
    width: 100%;
    margin-top: 60px;
}

.blockFeatureTitle {
    text-align: center;
    font-weight: bold;
    color: #202b7c;
    margin-bottom: 10px;
}

.blockFeatureRow {
    line-height: 30px;
    font-size: 13px;
}

.wavesRotate {
    transform: scaleY(-1);
}

.wavesRotate .waves {
    height: 50px;
    min-height: 10px;
    max-height: 50px;
}

.waves {
    position: relative;
    width: 100%;
    height: 150px;
    margin-bottom: -7px;
    /*Fix for safari gap*/
    min-height: 50px;
    max-height: 150px;
}

.content {
    position: relative;
    height: 20vh;
    text-align: center;
    background-color: white;
}

/* Animation */

.parallax>use {
    animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}

.parallax>use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
}

.parallax>use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
}

.parallax>use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
}

.parallax>use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
}

@keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0);
    }

    100% {
        transform: translate3d(85px, 0, 0);
    }
}

/*Shrinking for mobile*/
@media (max-width: 768px) {
    .waves {
        height: 40px;
        min-height: 40px;
    }

    .content {
        height: 30vh;
    }

    h1 {
        font-size: 24px;
    }
}

.pageWithSidebarWrapper {
    display: flex;
    position: relative;
    width: 100%;
    margin: 0px auto;
    padding: 30px;
    min-height: 200px;
}

.sidebar {
    display: block;
    position: relative;
    width: 300px;
    background: white;
    box-shadow: 0px 0px 20px 0px #e7dfff;
    border-radius: 10px;
    padding: 10px;
}

.sidebar ul li a:hover {
    font-weight: bold;
}

.main {
    display: block;
    position: relative;
    width: calc(100% - 300px);
    padding-left: 30px;
}

.objectTitle {
    font-size: 24px;
    font-weight: bold;
    color: #202b7c;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.addForm {
    display: block;
    position: relative;
    max-width: 600px;
    width: 100%;
    background: white;
    box-shadow: 0px 0px 20px 0px #e7dfff;
    border-radius: 10px;
    margin: 30px 0px;
    padding: 20px;
}

.addForm textarea {
    width: 100%;
    height: 350px;
}

.divRowFull {
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
}

.addressForm,
.changeUserDataForm,
.changePasswordForm,
.changeEmailForm,
.signupForm,
.resetpassForm,
.loginForm {
    display: block;
    position: relative;
    max-width: 344px;
    width: 100%;
    background: white;
    border: 1px solid #2d377d;
    box-shadow: 0px 0px 20px 0px #e7dfff;
    border-radius: 0px;
    margin: 30px auto;
    padding: 20px;
}

.addressForm {
    margin: 0px auto;
}

.formTitle {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    color: #202b7c;
    text-transform: uppercase;
    margin-bottom: 10px;
}



textarea,
select,
input {
    display: block;
    position: relative;
    width: 100%;
    outline: 0;
    border: 1px solid gray;
    padding: 10px;
    margin: 10px 0px;
    border-radius: 4px;
    font-size: 14px;
    border-color: #202b7c;
}

input[type="submit"] {
    color: white;
    background: #202b7c;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.captchaError,
.resetpassError,
.formError,
.signupError,
.loginError {
    display: none;
    border-radius: 5px;
    padding: 10px;
    width: 100%;
    background: #f44336;
    color: #ffe9e8;
    font-size: 12px;
}

.formSuccess {
    display: none;
    border-radius: 5px;
    padding: 10px;
    width: 100%;
    background: #009688;
    color: white;
    font-size: 12px;
}

.loginFormLink {
    display: block;
    position: relative;
    margin-bottom: 10px;
}

.inputRow {
    display: block;
    position: relative;
}

.inputRowFlex {
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.loginFormCheckbox {
    display: inline-block;
    position: relative;
    width: 30px;
    padding: 0px;
    margin: 0px;
}

.loginFormCheckboxLabel {
    display: inline-block;
    position: relative;
}

.formNewPasswordToggle,
.formOldPasswordToggle,
.signupFormPasswordToggle,
.loginFormPasswordToggle {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(-0%, -50%);
    cursor: pointer;
}

.formDivReadonly {
    display: block;
    position: relative;
    margin: 10px 0px;
    font-weight: bold;
    color: #202b7c;
}

.formLabel {
    display: block;
    font-weight: bold;
}

.fai-start {
    align-items: flex-start;
}

.fd-row {
    flex-direction: row;
}

.fd-column {
    flex-direction: column;
}

.row {
    display: flex;
    position: relative;
    flex-wrap: nowrap;
    align-content: flex-start;
}

.col-1 {
    display: flex;
    position: relative;
    width: 99.999%;
}

.col-2 {
    display: flex;
    position: relative;
    width: 49.999%;
}

.col-3 {
    display: flex;
    position: relative;
    width: 33.333%;
}

.col-4 {
    display: flex;
    position: relative;
    width: 24.999%;
}

.col-5 {
    display: flex;
    position: relative;
    width: 19.999%;
}

.addressRow {
    display: flex;
    position: relative;
    border-bottom: 1px solid #e6f4ff;
    background: white;
    padding: 10px;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    width: 700px;
}

.addressRowVal {
    display: inline-block;
    position: relative;
    padding-left: 5px;
}

.colorGreen * {
    color: #009688;
}

.colorRed * {
    color: #f44336;
}

.addressRowBtn {
    display: inline-block;
    position: relative;
    padding: 5px;
    background: #e6f4ff;
    text-align: center;
    width: 30px;
    cursor: pointer;
    border-radius: 4px;
    margin-right: 2px;
}

.addNewAddressBtnToggle {
    display: block;
    position: relative;
    width: 100%;
    outline: 0;
    border: 1px solid gray;
    padding: 10px;
    margin: 10px 0px;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    border-color: #202b7c;
    color: white;
    background: #202b7c;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.imgAddressThumb {
    width: 50px;
    height: 50px;
    object-fit: cover;
    font-size: 0px;
    border: 1px solid #ededed;
    border-radius: 3px;
}

.imgFormAddressThumb {
    display: block;
    position: relative;
    width: 100px;
    height: 100px;
    object-fit: cover;
    font-size: 0px;
    border: 1px solid #ededed;
    border-radius: 3px;
    margin: 0px auto;
}

.addressForm {
    margin-left: 30px;
}

.changePasswordForm,
.changeEmailForm,
.changeUserDataForm {
    margin: 1.5px;
    max-width: 300px;
    z-index: 1;
}

.changePasswordForm .g-recaptcha,
.changeEmailForm .g-recaptcha,
.changeUserDataForm .g-recaptcha {
    transform: scale(.90) translate(-8%, 0%);
}

.addressesRow {
    display: flex;
    position: relative;
    flex-wrap: nowrap;
    align-content: flex-start;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.flex {
    display: flex;
}

.cp .main {
    width: calc(100% - 200px);
}

.cp .pageWithSidebarWrapper {
    display: flex;
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0px auto;
    padding: 30px;
    min-height: calc(100vh - 280px);
}

.cp .sidebar {
    width: 200px;
}

.cpPageInfoRightWrapper {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: flex-start;
}

.sidebar ul li {
    border-bottom: 1px solid #e7f4ff;
    padding: 5px 0px;
}

.tableOrderSort {
    display: block;
    position: relative;
    font-size: 10px;
}

.tableOrderSort select,
.tableOrderSort input,
.tableOrderSort label {
    display: inline-block;
    position: relative;
    width: auto;
    padding: 4px;
    font-size: 10px;
}

.sql {
    display: block;
    position: relative;
    margin-bottom: 10px;
    background: rgba(255, 255, 255, .5);
    border-radius: 4px;
    padding: 5px;
}


.tableFixHead {
    margin-top: 20px;
}

.tableFixHead thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}

.tableFixHead table {
    border-collapse: collapse;
    width: 100%;
}

.tableFixHead th,
.tableFixHead td {
    padding: 8px 16px;
    text-align: center;
}

.tableFixHead th {
    background: #ffffff;
    padding: 16px 8px;
}

.tableFixHead tr {
    border-bottom: 1px solid #ffffff;
}

.tableFixHead th input {
    margin-top: 15px;
}

.tableFixHead tr:hover {
    background: #ffffff;
}

.tableFixHead .tableBtn {
    display: flex;
    position: relative;
    width: 30px;
    height: 30px;
    border: 0px;
    border-radius: 4px;
    cursor: pointer;
    color: white;
    background: #202b7c;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: .5px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 0px 3px;
}

.tableFixHead .tableBtn i {
    color: white;
}

.tableTdFlex {
    display: flex;
    justify-content: center;
}

.tableAddNewBtn {
    position: relative;
    border: 0px;
    border-radius: 4px;
    cursor: pointer;
    color: white;
    background: #202b7c;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: .5px;
    padding: 10px;
}

.tableAddNewBtn i {
    color: white;
}

.tableActionRow {
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.tableTdAlignLeft {
    text-align: left !important;
}

.form {
    display: block;
    position: relative;
}

.upload_file_img {
    display: inline-block;
    position: relative;
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 4px;
    border: 1px solid #202b7c;
    cursor: pointer;
}

.upload_file_img_active {
    display: block;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
    max-width: 500px;
    width: 100%;
    height: 500px;
    cursor: pointer;
}

.sbsWrapper {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
}

.sbsCol {
    display: block;
    position: relative;
    max-width: 300px;
    width: 100%;
    background: white;
    box-shadow: 0px 0px 20px 0px #e7dfff;
    border-radius: 10px;
    margin: 1.5px;
    padding: 20px;
    text-align: center;
}

.sbsTitle {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: #202b7c;
}

.sbsDesc {
    font-size: 12px;
    margin: 20px 0px;
}

.sbsCost {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: #202b7c;
}

.sbsValue {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: #202b7c;
    min-height: 20px;
}

.sbsBtnAllready,
.sbsBtn {
    display: block;
    position: relative;
    width: 100%;
    color: #202b7c;
    border: 1px solid #202b7c;
    border-radius: 4px;
    text-transform: uppercase;
    margin-top: 20px;
    font-size: 16px;
    padding: 5px;
    cursor: pointer;
    transition: .4s ease all;
}

.sbsBtnAllready {
    color: green;
    border: 1px solid green;
}

.sbsBtn:hover {
    background: #202b7c;
    color: white;
}

.favRow {
    background: white;
    padding: 10px;
    border-bottom: 1px solid #e7f4ff;
}

.rowObjectEmpty {
    margin-bottom: 20px;
}

.cpUploadBtn {
    display: inline-block;
    position: relative;
    background: #202b7c;
    ;
    color: white;
    border: 1px solid #202b7c;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 16px;
    padding: 5px 15px;
    cursor: pointer;
    transition: .4s ease all;
}

.pagesWrapper {
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: flex-start;
}

.pageCol {
    display: inline-block;
    position: relative;
    width: 218px;
    background: white;
    border-radius: 10px;
    padding: 10px;
    margin: 5px;
    box-shadow: 0px 0px 20px 0px #e7dfff00;
    transition: all 0.2s ease-in-out;
}

.pageCol:hover {
    box-shadow: 0px 0px 20px 0px #e7dfff;
}

.pageCol i {
    font-size: 10px;
    opacity: .5;
}

.pageCol:hover .pageColSbs {
    display: block;
}

.pageColLocked {
    display: inline-block;
    position: absolute;
    right: 3px;
    top: 3px;
    opacity: .5;
    z-index: 99;
}

.pageColLocked i {
    font-size: 18px;
}

.pageColSbs {
    display: none;
    position: relative;
    width: 100%;
    background: #f5fbff;
    padding: 5px;
    border-radius: 2px;
    font-size: 12px;
}

.pageColSbs i {
    font-size: 8px;
}

.pageParent {
    display: inline-block;
    position: relative;
    margin-bottom: 20px;
    font-size: 16px;
}

.pageDesc {
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.uploadWrapper {
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: flex-start;
    margin-bottom: 20px;
}

.uploadRow {
    display: inline-block;
    position: relative;
    width: 218px;
    background: white;
    border-radius: 10px;
    padding: 10px;
    margin: 5px;
    box-shadow: 0px 0px 20px 0px #e7dfff00;
    transition: all 0.2s ease-in-out;
}

.uploadRow:hover {
    box-shadow: 0px 0px 20px 0px #e7dfff;
}

.uploadRow i {
    font-size: 10px;
    opacity: .5;
}

.uploadRow:hover .uploadSbs {
    display: block;
}

.uploadLocked {
    display: inline-block;
    position: absolute;
    right: 3px;
    top: 3px;
    opacity: .5;
    z-index: 99;
}

.uploadLocked i {
    font-size: 18px;
}

.uploadSbs {
    display: none;
    position: relative;
    width: 100%;
    background: #f5fbff;
    padding: 5px;
    border-radius: 2px;
    font-size: 12px;
}

.uploadSbs i {
    font-size: 8px;
}

.uploadRowDesc {
    font-size: 12px;
}

.uploadRowType {
    font-size: 10px;
}

.uploadRow .upload_file_img {
    left: 50%;
    transform: translate(-50%, 0%);
}

.uploadRow .upload_file_img_active {
    transform: translate(-50%, -50%);
    z-index: 999;
    object-fit: contain;
    background: white;
    border-color: #e6f4ff;
    box-shadow: 0px 0px 20px 0px #e7dfff;
}

.uploadRowBtn {
    display: inline-block;
    position: absolute;
    right: 3px;
    top: 3px;
    opacity: .5;
    z-index: 99;
}

.uploadRowBtn i {
    font-size: 24px;
}

.uploadRowTitle {
    padding-right: 20px;
}

.catalogsWrapper {
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: flex-start;
    margin-bottom: 20px;
}

.catalogCol {
    display: inline-block;
    position: relative;
    width: 218px;
    background: white;
    border-radius: 10px;
    padding: 10px;
    margin: 5px;
    box-shadow: 0px 0px 20px 0px #e7dfff00;
    transition: all 0.2s ease-in-out;
}

.catalogCol:hover {
    box-shadow: 0px 0px 20px 0px #e7dfff;
}

.catalogCol i {
    font-size: 10px;
    opacity: .5;
}

.catalogCol:hover .catalogColSbs {
    display: block;
}

.catalogColLocked {
    display: inline-block;
    position: absolute;
    right: 3px;
    top: 3px;
    opacity: .5;
    z-index: 99;
}

.catalogColLocked i {
    font-size: 18px;
}

.catalogColSbs {
    display: none;
    position: relative;
    width: 100%;
    background: #f5fbff;
    padding: 5px;
    border-radius: 2px;
    font-size: 12px;
}

.catalogColSbs i {
    font-size: 8px;
}

.catalogParent {
    display: inline-block;
    position: relative;
    margin-bottom: 20px;
    font-size: 16px;
}

.catalogDesc {
    font-size: 18px;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.catalogChildsWrapper {
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: flex-start;
    margin-bottom: 20px;
}

.catalogChildCol {
    display: inline-block;
    position: relative;
    width: 218px;
    background: white;
    border-radius: 10px;
    padding: 10px;
    margin: 5px;
    box-shadow: 0px 0px 20px 0px #e7dfff00;
    transition: all 0.2s ease-in-out;
}

.catalogChildColDate {
    font-size: 12px;
}

.catalogChildCol:hover {
    box-shadow: 0px 0px 20px 0px #e7dfff;
}

.catalogChildCol i {
    font-size: 10px;
    opacity: .5;
}

.cadParent {
    display: inline-block;
    position: relative;
    margin-bottom: 10px;
    font-size: 16px;
}

.cadDesc {
    font-size: 18px;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.footerNavWrapper {
    text-align: center;
}

.footerNavWrapper .navigationMenu {
    margin-right: 0px;
}

.footerNavWrapper .navigationMenu li {
    font-size: 16px;
}

.footerNavWrapper .navigationBtns {}

.footerNavWrapper .navigationBtns li a {
    font-size: 12px;
    border: 0px;
}

.footer .logo {
    width: 180px;
    text-align: center;
    padding-right: 0px;
}

.footerSocial {
    width: 180px;
    text-align: center;
}

.termsLink {
    display: block;
    position: relative;
}

.cadDate {
    margin-bottom: 20px;
    font-size: 14px;
    color: #202b7c;
}

.singlePageWrapper {
    padding: 20px 0px;
}

.settingsTextarea {
    height: 300px;
}

.formSettings {
    width: 100%;
    max-width: 840px;
}


.newsRow {
    display: block;
    position: relative;
    box-shadow: 0px 0px 20px 0px #e7dfff;
    background: white;
    padding: 20px;
    border-radius: 4px;
}

.newsRow i {
    opacity: .5;
    font-size: 14px;
}

.newsRowTitle {
    display: block;
    position: relative;
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 10px;
}

.newsRowDate {
    display: block;
    position: relative;
    font-size: 16px;
}

.newsRowDesc {
    display: block;
    position: relative;
    font-size: 18px;
    margin-top: 10px;
}

.newsRow .uploadRow {
    border: 1px solid #e7dfff;
}

.newsRow .uploadWrapper {
    margin-top: 20px;
}

.addFav {
    opacity: 0;
    width: 3px;
    padding: 0px;
    margin: 0px;
}

.addFav input {
    padding: 0px;
    margin: 0px;
    font-size: 1px;
}

.addFavBtn {
    display: none;
    position: relative;
    font-size: 18px;
    cursor: pointer;
    padding: 3px;
    border-radius: 3px;
    width: 30px;
    text-align: center;
    margin-right: 10px;
    background: #e7dfff;
}

.addFavBtnTrue i {
    font-weight: 900;
}

.addFavBtnFalse i {
    font-weight: 400;
}

.addFavBtn i {
    color: red;
}

.statRowBtns {
    display: block;
    position: relative;
}

.statRowBtn {
    display: inline-block;
    border: 1px solid #202b7c6e;
    border-radius: 4px;
    font-size: 10px;
    padding: 2px;
}

.cpCadsRow {
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}

.cpCadsCol {
    display: inline-block;
    position: relative;
    background: white;
    box-shadow: 0px 0px 20px 0px #e7dfff;
    border-radius: 10px;
    margin: 5px;
    padding: 20px;
    width: 100%;
}

.cpCadsColCatalog {
    font-size: 10px;
    color: gray;
}

.cpCadsColStatus {
    color: #71a614;
    font-weight: bold;
    font-size: 15px;
    text-align: right;
    text-transform: uppercase;
}

.cpCadsColDate {
    font-size: 10px;
    color: #b3b3b3;
}

.cpCadsColEdit .tableBtn {
    display: inline-block;
    border: 1px solid #202b7c6e;
    border-radius: 4px;
    font-size: 10px;
    padding: 2px 5px;
    text-align: center;
}

.cpCadsColFilename {
    font-size: 10px;
    color: #202b7c;
}

.cpCadsColDate {
    font-size: 15px !important;
    font-weight: bold;
    text-align: right;
}

.headerMobNavBtn {
    display: none;
}

.headerMobNavBtnClose {
    display: none;
}

.newsRow {
    margin-bottom: 20px;
}

.paymentMethodDescMinSum,
.paymentMethodDesc {
    font-size: 12px;
    text-align: center;
}

#payBtn {
    display: inline-block;
    position: relative;
    background: #202b7c;
    color: white;
    border: 1px solid #202b7c;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 16px;
    padding: 5px 15px;
    cursor: pointer;
    transition: .4s ease all;
    width: 100%;
    text-align: center;
}

.paymentMethodDescError {
    font-weight: bold;
    font-size: 21px;
    color: red;
}

@media (max-width:1200px) {
    .cp .sidebar {
        width: 100%;
        max-width: 300px;
    }

    .page404 .wrapper {
        margin-top: 81px;
    }

    .wavesRotate {
        display: none;
    }

    .navigationBtns li a {}

    .pagesWrapper {
        justify-content: center;
    }

    .navigationBtns li a {
        border: 0px;
    }

    .wrapper {
        padding-top: 90px;
    }

    .headerRow {
        display: none;
    }

    .headerContent {
        position: fixed;
        padding: 0px;
        background: white;
        left: 0px;
        top: 0px;
        width: 100%;
        z-index: 999;
        border-bottom: 1px solid #e6f4ff;
    }

    .finHero .finWrapper {
        padding-top: 70px !important;
    }

    .headerMobNavRow {
        display: none;
        position: fixed;
        left: 0px;
        top: 0px;
        padding-top: 30px;
        width: 100%;
        height: auto;
        background: white;
        flex-direction: row;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        z-index: 99;
        border-bottom: 1px solid #e6f4ff;
    }

    .navigationMenu {
        display: flex;
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        height: auto;
        background: white;
        flex-direction: row;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        margin: 0px;
    }

    .navigationMenu ul li {
        display: block;
        position: relative;
    }

    .headerMobNavBtn {
        display: block;
        text-align: right;
        padding: 10px;
        font-size: 24px;
    }

    .headerMobNavBtnClose {
        display: block;
        position: absolute;
        right: 12px;
        top: 15px;
        font-size: 27px;
        z-index: 999;
    }

    .navigationBtns {
        text-align: center;
    }

    .catalogsWrapper {
        justify-content: center;
    }

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

    .catalogChildsWrapper {
        justify-content: center;
    }

    .uploadWrapper {
        justify-content: center;
    }

    .footerRow {
        flex-direction: column;
    }

    .cp .main {
        width: 100%;
        padding-left: 0px;
    }

    .cp .sidebar {
        margin-top: 80px;
    }

    .cp .pageWithSidebarWrapper {
        display: flex;
        position: relative;
        width: 100%;
        max-width: 1200px;
        margin: 0px auto;
        padding: 30px;
        min-height: 200px;
        flex-direction: column;
        align-content: center;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }

    .cpPageInfoRightWrapper {
        justify-content: center;
    }

    .sbsWrapper {
        justify-content: center;
    }

    .cpCadsRow {
        justify-content: center;
    }

    .favRow {
        font-size: 12px;
    }

    .filesCounter {
        text-align: center;
    }

    .newsRowTitle {
        font-size: 14px;
    }

    .newsRowDesc {
        font-size: 12px;
    }

    .uploadRowTitle {
        font-size: 10px;
    }

    .uploadRow,
    .catalogCol,
    .pageCol {
        width: 100%;
        max-width: 500px;
    }

    .catalogColDesc {
        font-size: 12px;
    }

    .catalogDesc {
        font-size: 14px;
    }

    .logo img {
        max-width: 150px;
        width: 150%;
    }
}

body {
    background: white;
    line-height: 1.6;
}

h1,
h2,
h3,
h4 {
    color: #202b7c;
    font-family: 'Source Serif Pro', serif;
}

.finWrapper {
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px;
}

.finWrapper h2 {
    margin-bottom: 15px;
}

.finWrapper * {
    line-height: 32px;
}

.finHero {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 90px 20px;
    overflow: hidden;
    min-height: calc(100vh - 126px);
}

.finHero .finWrapper {
    display: flex;
    position: relative;
    width: 100%;
    max-width: 1100px;
    justify-content: space-between;
}

.finWrapperLeft {
    display: flex;
    text-align: left;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
}

.finWrapperRight {
    text-align: center;
    width: calc(100% - 490px);
}

.finWrapperRight img {
    width: 100%;
    box-shadow: 5px 7px 1px 0px #0c0c0c47;
    max-width: 1100px !important;
}

.finHero #canvas {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    opacity: .3;
    pointer-events: none;
}

.finSection {
    display: block;
    position: relative;
    padding: 60px 20px;
}

.finHero {
    background: rgb(21, 30, 97);
    background: linear-gradient(0deg, rgba(21, 30, 97, 1) 0%, rgba(32, 43, 124, 1) 85%, rgba(32, 43, 124, 1) 100%);
    color: white;
    text-align: center;
}

.finHero img {
    max-width: 200px;
    border-radius: 10px;
    margin: 10px;
}

.finHero h1 {
    color: white;
    font-size: 2.5rem;
    padding: 20px 0px;
    font-weight: 700;
    text-shadow: 1px 1px 15px #494949;
    letter-spacing: 2px;
    line-height: 48px;
}

.finHero p {
    font-size: 1.2rem;
    margin: 20px 0;
    text-shadow: 1px 1px 15px #494949;
    font-weight: bold;
    font-size: 28px;
    letter-spacing: 1px;
    color: #c3caff;
}

.finBtn {
    position: relative;
    display: inline-block;
    background-color: white;
    color: #1b2374;
    padding: 15px 30px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 30px;
    border: none;
    cursor: pointer;
    transition: background 0.3s;
}

.finBtn:hover {
    background-color: #ddd;
}

.finSection:nth-child(even) {
    background-color: #f9f9f9;
}

.finCard {
    background: white;
    padding: 20px;
    margin: 10px;
    border: 1px solid #ddd;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    flex: 1 1 calc(45% - 20px);
    max-width: calc(45% - 20px);
}

.finSection2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: black;
}

.finSection2 h2 {
    color: #202b7c;
}

.finSection2 h3 {
    color: #202b7c;
    margin-top: 20px;
    margin-bottom: 10px;
}

.finSection2 ul {
    margin-left: 0px;
}

.finSection2 ul li {
    list-style: none;
}

.finSectionWhyCol * {
    z-index: 1;
}

.finSectionWhyCols {
    display: flex;
    position: relative;
    justify-content: space-between;
    margin: 30px 0px;
    margin-bottom: 0px;
}

.finSection3 h2 {
    font-size: 2.5rem;
    font-weight: 700;
}

.finSection3 {
    display: block;
    position: relative;
    text-align: center;

}

.finHero {
    position: relative;
}

.finHero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('/assets/img/bg-gray.webp');
    background-size: cover;
    opacity: 0.1;
    z-index: 0;
}

.finSection3::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('/assets/img/bg-gray.webp');
    background-size: cover;
    opacity: 0.2;
    z-index: 0;
}

.finWrapper {
    display: block;
    position: relative;
    z-index: 9;
}

.finSectionWhyCol::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('/assets/img/bg-gray.webp');
    background-size: cover;
    opacity: 0.1;
    z-index: 0;
}

.finSectionWhyCol {
    display: flex;
    position: relative;
    padding: 20px;
    font-size: 20px;
    font-weight: bold;
    background: rgb(21, 30, 97);
    background: linear-gradient(0deg, rgba(21, 30, 97, 1) 0%, rgba(32, 43, 124, 1) 85%, rgba(32, 43, 124, 1) 100%);
    color: white;
    border: 2px solid #202b7c;
    margin: 5px;
    border-radius: 5px;
    max-width: 300px;
    width: 100%;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-family: 'Source Serif Pro', serif;
    box-shadow: 0px 0px 15px 11px #c5c8df4a;
}

.finSectionWhyCol i {
    font-size: 72px;
    margin: 10px 0px;
    color: white;
    opacity: 1;
}

.finSection4 ul {
    border-left: 5px dashed #e7e7e7;
    padding-left: 20px;
}

.finSection4 li {
    line-height: 42px;
    color: black;
}

.finSectionHowItWorkTitle {
    display: inline-block;
    position: relative;
    font-family: 'Source Serif Pro', serif;
    font-size: 24px;
    line-height: 32px;
    padding-right: 10px;
    color: #202b7c;
}

.finSection4 h2 {
    font-size: 2.5rem;
    font-weight: 700;
}

.finFeedbackRow {
    display: block;
    position: relative;
    border-left: 6px solid #d8d8d8;
    padding: 5px 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    background: #f6f6f6;
}

.finFeedbackRow::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('/assets/img/bg-gray.webp');
    background-size: cover;
    opacity: 0.2;
    z-index: 0;
}


.finSection6 h2 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 30px;
    color: white;
    text-align: center;
}

.finFeedbackRowText {
    display: block;
    position: relative;
    text-align: left;
    color: black;
    letter-spacing: .1px;
}

.finFeedbackRowName {
    display: block;
    position: relative;
    text-align: right;
    font-family: 'Source Serif Pro', serif;
    color: #202b7c;
}

.finSection7 h2 {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 30px;
}

.finFaqWrapper {
    box-shadow: 0px 0px 15px 11px #c5c8df4a;
}

.finFaqRow {
    display: block;
    position: relative;
}

.finFaqRowQ {
    display: block;
    position: relative;
    padding: 5px 20px;
    font-size: 19px;
    background: rgb(21, 30, 97);
    background: linear-gradient(0deg, rgba(21, 30, 97, 1) 0%, rgba(32, 43, 124, 1) 85%, rgba(32, 43, 124, 1) 100%);
    color: white;
    border: 2px solid #202b7c;
    width: 100%;
    text-align: left;
    font-family: 'Source Serif Pro', serif;
}

.finFaqRowQ::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('/assets/img/bg-gray.webp');
    background-size: cover;
    opacity: 0.1;
    z-index: 0;
}

.finFaqRowA {
    display: block;
    position: relative;
    padding: 5px 20px;
    padding-bottom: 15px;
    font-size: 16px;
    color: black;
    background: white;
}

.finSection7::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(/assets/img/bg-gray.webp);
    background-size: cover;
    opacity: 0.2;
    z-index: 0;
}

.finFaqWrapper {
    display: block;
    position: relative;
}

.finSection5 h2 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
}


.finTeam {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.finTeamMember::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('/assets/img/bg-gray.webp');
    background-size: cover;
    opacity: 0.1;
    z-index: 0;
}

.finTeamMember {
    display: flex;
    position: relative;
    padding: 40px 20px;
    font-size: 20px;
    font-weight: bold;
    background: rgb(21, 30, 97);
    background: linear-gradient(0deg, rgba(21, 30, 97, 1) 0%, rgba(32, 43, 124, 1) 85%, rgba(32, 43, 124, 1) 100%);
    color: white;
    border: 2px solid #202b7c;
    margin: 5px;
    border-radius: 5px;
    max-width: 500px;
    width: 100%;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-shadow: 0px 0px 15px 11px #c5c8df4a;
}

.finTeamMember * {
    z-index: 1;
}

.finTeamMemberSubtitle {
    color: #c3caff;
    font-weight: normal;
}

.finTeamMember img {
    width: 201px;
    height: 201px;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid black;
}

.finTeamMemberName {
    font-size: 24px;
    font-family: 'Source Serif Pro', serif;
    letter-spacing: .1px;
    line-height: 32px;
    margin-top: 20px;
}

.finTeamMemberEmail {
    color: white;
    font-size: 14px;
}

.finTeamMemberEmail i {
    color: white;
}

.finSection5::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(/assets/img/bg-gray.webp);
    background-size: cover;
    opacity: 0.2;
    z-index: 0;
}

.finSection6 {
    padding-bottom: 40px;
    background: rgb(21, 30, 97);
    background: linear-gradient(0deg, rgba(21, 30, 97, 1) 0%, rgba(32, 43, 124, 1) 85%, rgba(32, 43, 124, 1) 100%);
}

.finSection6::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(/assets/img/bg-gray.webp);
    background-size: cover;
    opacity: 0.1;
    z-index: 0;
}

@media (max-width: 768px) {

    .finCard,
    .finTeamMember {
        flex: 1 1 100%;
    }
}

.finSliderContainer {
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.finSlider {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.finSlide {
    min-width: 100%;
    box-sizing: border-box;
}

.finSlide img {
    width: 100%;
    height: 90%;
    object-fit: cover;
    user-drag: none;
    /* Для WebKit-браузеров (Chrome, Safari) */
    -webkit-user-drag: none;
    /* Для старых версий WebKit */
    user-select: none;
    /* Отключает выделение текста вокруг картинки */
    pointer-events: auto;
    /* Сохраняет возможность клика */
}

.finSliderSubtitle {
    text-align: center;
    margin-bottom: 30px;
    font-size: 18px;
}


.finArrows {
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 9;
    transform: translate(-50%, -50%);
    width: 95%;
    justify-content: space-between;
}

.finArrow {
    font-size: 48px;
    color: white;
    text-shadow: 1px 1px 7px black;
    cursor: pointer;
    user-select: none;
    /* Отключает выделение текста */
    -webkit-user-select: none;
    /* Для браузеров на WebKit (Chrome, Safari) */
    -moz-user-select: none;
    /* Для Firefox */
    -ms-user-select: none;
    /* Для Internet Explorer и Edge */
    cursor: pointer;
    /* Указывает, что элемент кликабелен */
}


.finSection8 {}

.finSection8 h2 {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 30px;
}

.finSectionDivider {
    display: block;
    position: relative;
    margin-bottom: 20px;
    height: 1px;
    background: #202b7c;
    content: " ";
    width: 100px;
    text-align: center;
}

.wrapperInnerNews {
    margin-top: 50px;
}

@media (max-width:900px) {
    .finSection4 h2 {
        margin-bottom: 30px;
    }

    .finSection4 h2,
    .finSection7 h2,
    .finSection3 h2 {
        line-height: 46px;
    }

    .finHero h1 {
        line-height: 40px;
    }

    .logo {
        padding: 10px 0px;
        padding-left: 20px;
    }

    .finSectionWhyCols {
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width:700px) {
    .finSectionHowItWorkTitle {
        display: block;
    }

    .finTeam {
        flex-direction: column;
        align-items: center;
    }
}

.wrapperPolicy .wrapperInner {
    padding: 60px 30px;
    background: white;

}

.wrapperPolicy ul {
    padding-left: 20px;
}

.wrapperPolicy ul li {
    list-style: square;
}

#cookieConsent {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    padding: 10px 0;
    text-align: center;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    border-top: 4px solid #dcdcdc;
}

#cookieConsent p {
    margin: 0;
    padding: 0 20px;
    font-size: 16px;
    margin-bottom: 15px;
}

#cookieConsent button {
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    font-size: 14px;
}

#acceptCookies {
    background-color: #202b7c;
    color: #fff;
    margin-right: 10px;
}

#declineCookies {
    background-color: #fff;
    color: #202b7c;
    border: 2px solid #202b7c;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    #cookieConsent {
        font-size: 14px;
    }

    #cookieConsent p {
        font-size: 14px;
        padding: 0 10px;
    }

    #acceptCookies,
    #declineCookies {
        padding: 8px 16px;
        font-size: 12px;
    }
}

@media (max-width:1200px) {
    .finHero {
        min-height: calc(100vh);
    }
}


@media (max-width:1000px) {
    .finHero {
        display: flex;
        position: relative;
        min-height: 100vh;
        align-items: center;
        align-content: center;
    }

    .finHero .finWrapper {
        display: flex;
        position: relative;
        width: 100%;
        max-width: 1100px;
        justify-content: flex-start;
        flex-direction: column;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
    }

    .finWrapperLeft {
        text-align: center;
        align-items: center;
    }

    .finWrapperRight {
        width: 100%;
        margin-top: 80px;
    }

    .finWrapperRight img {
        width: 100%;
        margin: 0px;
    }

}


@media (max-width:900px) {
    .finHero p {
        font-size: 23px;
    }

    .finHero .finWrapper {
        padding-top: 20px !important;
    }

    .finBtn {
        padding: 15px;
        font-size: 16px;
    }
}

.cpCourseDateStart {
    display: flex;
    position: relative;
    padding: 20px;
    font-size: 20px;
    background: rgb(21, 30, 97);
    background: linear-gradient(0deg, rgba(21, 30, 97, 1) 0%, rgba(32, 43, 124, 1) 85%, rgba(32, 43, 124, 1) 100%);
    color: white;
    border: 2px solid #202b7c;
    border-radius: 5px;
    margin-bottom: 20px;
    width: 100%;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-family: 'Source Serif Pro', serif;
    box-shadow: 0px 0px 15px 11px #c5c8df4a;
}

.cpCourseDateStart::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(/assets/img/bg-gray.webp);
    background-size: cover;
    opacity: 0.1;
    z-index: 0;
}

.cpCourseTitle {
    color: #1f2b7c;
    text-align: center;
    text-transform: uppercase;
    font-size: 23px;
}

.cpCourseSubTitle {
    font-family: 'Source Serif Pro', serif;
}

.cpCourseShortDescription {
    display: flex;
    position: relative;
    padding: 20px;
    font-size: 20px;
    background: rgb(21, 30, 97);
    background: linear-gradient(0deg, rgba(21, 30, 97, 1) 0%, rgba(32, 43, 124, 1) 85%, rgba(32, 43, 124, 1) 100%);
    color: white;
    border: 2px solid #202b7c;
    border-radius: 5px;
    margin-bottom: 20px;
    width: 100%;
    flex-direction: column;
    align-items: center;
    text-align: left;
    font-family: 'Source Serif Pro', serif;
    box-shadow: 0px 0px 15px 11px #c5c8df4a;
}

.cpCourseShortDescription::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(/assets/img/bg-gray.webp);
    background-size: cover;
    opacity: 0.1;
    z-index: 0;
}

.cpCourseDescription {
    margin-top: 20px;
    border: 3px solid #ebebeb;
    background: #ffffff;
    padding: 20px;
}

.cpCourseLessonsWrapper {}

.cpCourseLessonRow {
    margin-top: 20px;
    border: 3px solid #ebebeb;
    background: #ffffff;
    padding: 20px;
    border-left: 6px solid #1f2b7c;
}

.cpCourseLessonTitle {
    font-family: 'Source Serif Pro', serif;
    color: #1f2b7c;
    font-weight: bold;
    font-size: 24px;
    border-bottom: 2px solid #1f2b7c;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.cpCourseLessonDateStart {
    font-size: 18px;
    color: #1f2b7c;
    font-weight: bold;
}

.cpCourseLessonCurrentStatus {
    font-size: 18px;
    color: #1f2b7c;
    font-weight: bold;
}

.cpCourseLessonExperts {
    color: #1f2b7c;
    font-weight: bold;
    font-size: 18px;
}

.cpCourseLessonRowDesc {
    border-left: 6px solid gray;
    background: #f0f0f0;
    padding: 10px;
    margin-top: 10px;
}

.cpCourseLessonRowFullDesc {
    margin-top: 10px;
    border: 3px solid #ebebeb;
    background: #ffffff;
    padding: 10px;
}

.cpCourseLessonMediaFiles {
    color: #1f2b7c;
    font-weight: bold;
    font-size: 18px;
}

.cpCourseLessonMediaFilesList {}

.cpCourseLessonMediaFile {
    display: inline-block;
    position: relative;
    font-size: 18px;
    border-radius: 4px;
    padding: 5px 15px;
    margin: 5px;
    margin-left: 0px;
    background: rgb(21, 30, 97);
    background: linear-gradient(0deg, rgba(21, 30, 97, 1) 0%, rgba(32, 43, 124, 1) 85%, rgba(32, 43, 124, 1) 100%);
    color: white;
    border: 2px solid #202b7c;
    border-radius: 5px;
    font-family: 'Source Serif Pro', serif;
    box-shadow: 0px 0px 15px 11px #c5c8df4a;
}

.cpCourseLessonMediaFile .far {
    color: white;
}

.cpCourseLessonsShow {
    display: block;
    position: relative;
    font-size: 18px;
    border-radius: 4px;
    padding: 5px 15px;
    margin: 5px;
    margin-left: 0px;
    background: rgb(21, 30, 97);
    background: linear-gradient(0deg, rgba(21, 30, 97, 1) 0%, rgba(32, 43, 124, 1) 85%, rgba(32, 43, 124, 1) 100%);
    color: white;
    border: 2px solid #202b7c;
    border-radius: 5px;
    box-shadow: 0px 0px 15px 11px #c5c8df4a;
    text-align: center;
}

.cpCourseLessonsShow i {
    color: white;
}

.cpCadsColRow {
    display: flex;
    position: relative;
    justify-content: space-between;
}

.lessonVideoWrapper {
    display: flex;
    position: relative;
    width: 100%;
    border: 8px solid #1f2b7c;
    padding: 3px;
    background: #000000;
}

.lessonGoBack {
    display: inline-block;
    position: relative;
    background: rgb(21, 30, 97);
    background: linear-gradient(0deg, rgba(21, 30, 97, 1) 0%, rgba(32, 43, 124, 1) 85%, rgba(32, 43, 124, 1) 100%);
    color: white;
    border: 2px solid #202b7c;
    border-radius: 5px;
    box-shadow: 0px 0px 15px 11px #c5c8df4a;
    text-align: center;
    padding: 5px 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.lessonGoBack .fas {
    color: white;
}

.cp .sidebar a {
    display: block;
    position: relative;
    font-size: 14px;
    border-radius: 4px;
    padding: 5px 15px;
    margin: 5px;
    margin-left: 0px;
    background: rgb(21, 30, 97);
    background: linear-gradient(0deg, rgba(21, 30, 97, 1) 0%, rgba(32, 43, 124, 1) 85%, rgba(32, 43, 124, 1) 100%);
    color: white;
    border: 2px solid #202b7c;
    border-radius: 5px;
    box-shadow: 0px 0px 15px 11px #c5c8df4a;
}

.cp .sidebar a:hover {
    font-size: 14px;
    font-weight: 400;
}

.cp .sidebar a i {
    color: white !important;
}

@media (max-width:700px) {
    .lessonShowVideoTitle {
        font-size: 18px;
    }

    .lessonGoBack {
        display: block;
    }

    .lessonVideoWrapper #videoPlayer {
        height: 350px;
    }
    .cpCourseInnerRow {
        flex-direction: column;
    }
    .cpCourseInnerRowCol {
        margin-bottom:5px;
    }
}

@media (max-width:500px) {
    .lessonVideoWrapper #videoPlayer {
        height: 250px;
    }

    .lessonShowVideoTitle {
        font-size: 16px;
    }
}

@media (max-width:440px) {
    .lessonVideoWrapper #videoPlayer {
        height: 200px;
    }
}

.finTeamMemberText {
    display: none;
    position: relative;
    font-size: 14px;
    text-align: left;
    font-weight: 400;
}

.finTeamMemberText p {
    display: block;
    position: relative;
    line-height: 18px;
    font-weight: 400;
}

.finTeamMemberShowMore {
    display: block;
    position: relative;
    padding: 5px 15px;
    font-size: 18px;
    line-height: 21px;
    margin-top: 5px;
    color: white;
    border-radius: 5px;
    border: 1px solid white;
    cursor: pointer;
    font-weight: 400;
    margin-bottom: 10px;
}

.cpCourseInnerRow {
    display: flex;
    position: relative;
    justify-content: space-between;
}

.cpCourseInnerRowCol {
    border: 3px solid #ebebeb;
    background: #ffffff;
    padding: 10px;
}

.cpCourseInnerShortDescription {
    border: 3px solid #ebebeb;
    background: #ffffff;
    padding: 20px;
}

.cpCadsColTitle {
    display: block;
    position: relative;
    font-size: 24px;
    border-radius: 4px;
    padding: 5px 15px;
    margin: 5px;
    margin-left: 0px;
    background: rgb(21, 30, 97);
    background: linear-gradient(0deg, rgba(21, 30, 97, 1) 0%, rgba(32, 43, 124, 1) 85%, rgba(32, 43, 124, 1) 100%);
    color: white;
    border: 2px solid #202b7c;
    border-radius: 5px;
    box-shadow: 0px 0px 15px 11px #c5c8df4a;
    text-align: center;
    font-family: 'Source Serif Pro', serif;
}

.cpCourseInnerDescriptionShowMore {
    display: inline-block;
    margin: 0px auto;
    position: relative;
    padding: 5px 15px;
    font-size: 18px;
    line-height: 21px;
    margin-top: 5px;
    color: #1b2571;
    border-radius: 5px;
    border: 1px solid #19236c;
    cursor: pointer;
    font-weight: 400;
    margin-bottom: 10px;
    text-align: center;
}

.cpCourseInnerDescriptionText {
    display: none;
    position: relative;
    font-size: 14px;
    text-align: left;
    font-weight: 400;
}

.select2-results__option {
    font-size: 12px;
}    
.select2-selection__choice {
    font-size:10px;
}
.finTeamMemberGetMore {
  display: block;
  position: relative;
  padding: 5px 15px;
  font-size: 18px;
  line-height: 21px;
  margin-top: 5px;
  color: white;
  border-radius: 5px;
  border: 1px solid white;
  cursor: pointer;
  font-weight: 400;
  margin-bottom: 10px;
}
.finTeamMemberGetConsult {
    display: block;
    position: relative;
    padding: 5px 15px;
    font-size: 18px;
    line-height: 21px;
    margin-top: 5px;
    color: white;
    border-radius: 5px;
    border: 1px solid white;
    cursor: pointer;
    font-weight: 400;
    margin-bottom: 10px;
}
.finGetConsultOverlayHide {
    display:none !important;
}
.finGetConsultOverlay {
    display: flex;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100vh;
    overflow: auto;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;   
    background: radial-gradient(#3F51B5, #2196f354);
    z-index: 9999;
    overflow-y: auto; /* Вертикальный скролл при необходимости */
    flex-direction: column; /* Изменено на column для правильного скролла */
}
.finGetConsultWrapper {
    display:block;
    position:relative;
    max-width:320px;
    width:100%;
    background:white;
    padding:15px;
    border-radius:3px;
    z-index:99;
}
.finGetConsultClose {
    display: inline-block;
    position: absolute;
    right: -12px;
    top: -12px;
    z-index: 99;
    background: #202b7c;
    padding: 4px;
    border-radius: 50%;
    cursor:pointer;
    width: 26px;
    height: 26px;
    text-align: center;
    color: white;
    border: 2px solid #ffffff;
}
.consultForm {
    display:block;
    position:relative;
}
.finGetConsultSuccess {
    display:none;
    position:relative;
    text-align:center;
    font-size:24px;
    color:green;
    padding:20px;
}
.finGalleryWrapper {
    text-align:center;
}
.finGalleryWrapper img {
    display:inline-block;
    position:relative;
    width:300px;
    height:200px;
    object-fit:cover;
}
.finNewsRow {

}
.finNewsRowShowMoreRow {
    display:none;
}
.finNewsRowShowMoreBtn {
    display:inline-block;
    cursor:pointer;
    color:#202b7c;
    font-weight:bold;
}