/* Gilroy Fonts */

@font-face {
    font-family: 'Gilroy';
    src: url("./fonts/gilroy/Radomir-Tinkov-Gilroy-Thin.otf") format("truetype");
    font-weight: 100;
	font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url("./fonts/gilroy/Radomir-Tinkov-Gilroy-ThinItalic.otf") format("truetype");
    font-weight: 100;
	font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url("./fonts/gilroy/Radomir-Tinkov-Gilroy-UltraLight.otf") format("truetype");
    font-weight: 200;
	font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url("./fonts/gilroy/Radomir-Tinkov-Gilroy-UltraLightItalic.otf") format("truetype");
    font-weight: 200;
	font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url("./fonts/gilroy/Radomir-Tinkov-Gilroy-Light.otf") format("truetype");
    font-weight: 300;
	font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url("./fonts/gilroy/Radomir-Tinkov-Gilroy-LightItalic.otf") format("truetype");
    font-weight: 300;
	font-style: italic;
}

/* @font-face {
    font-family: 'Gilroy';
    src: url("./fonts/gilroy/Radomir-Tinkov-Gilroy-Regular.otf") format("truetype");
    font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url("./fonts/gilroy/Radomir-Tinkov-Gilroy-RegularItalic.otf") format("truetype");
    font-weight: normal;
    font-style: italic;
} */

@font-face {
    font-family: 'Gilroy';
    src: url("./fonts/gilroy/Radomir-Tinkov-Gilroy-Medium.otf") format("truetype");
    font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url("./fonts/gilroy/Radomir-Tinkov-Gilroy-MediumItalic.otf") format("truetype");
    font-weight: normal;
	font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url("./fonts/gilroy/Radomir-Tinkov-Gilroy-Medium.otf") format("truetype");
    font-weight: 500;
	font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url("./fonts/gilroy/Radomir-Tinkov-Gilroy-MediumItalic.otf") format("truetype");
    font-weight: 500;
	font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url("./fonts/gilroy/Radomir-Tinkov-Gilroy-SemiBold.otf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url("./fonts/gilroy/Radomir-Tinkov-Gilroy-SemiBoldItalic.otf") format("truetype");
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url("./fonts/gilroy/Radomir-Tinkov-Gilroy-Bold.otf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url("./fonts/gilroy/Radomir-Tinkov-Gilroy-BoldItalic.otf") format("truetype");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url("./fonts/gilroy/Radomir-Tinkov-Gilroy-ExtraBold.otf") format("truetype");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url("./fonts/gilroy/Radomir-Tinkov-Gilroy-ExtraBoldItalic.otf") format("truetype");
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url("./fonts/gilroy/Radomir-Tinkov-Gilroy-Black.otf") format("truetype");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url("./fonts/gilroy/Radomir-Tinkov-Gilroy-BlackItalic.otf") format("truetype");
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url("./fonts/gilroy/Radomir-Tinkov-Gilroy-Heavy.otf") format("truetype");
    font-weight: 1000;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url("./fonts/gilroy/Radomir-Tinkov-Gilroy-HeavyItalic.otf") format("truetype");
    font-weight: 1000;
    font-style: italic;
}

/* Inter Fonts */

@font-face {
    font-family: 'Inter';
    src: url("./fonts/inter/Inter-Thin.ttf") format("truetype");
    font-weight: 100;
	font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url("./fonts/inter/Inter-ExtraLight.ttf") format("truetype");
    font-weight: 200;
	font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url("./fonts/inter/Inter-Light.ttf") format("truetype");
    font-weight: 300;
	font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url("./fonts/inter/Inter-Regular.ttf") format("truetype");
    font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url("./fonts/inter/Inter-Medium.ttf") format("truetype");
    font-weight: 500;
	font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url("./fonts/inter/Inter-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url("./fonts/inter/Inter-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url("./fonts/inter/Inter-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url("./fonts/inter/Inter-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}

    ul.dropdown-menu.languages {
        position: absolute;
        top: 40px;
        left: inherit;
        right: -11px;
        z-index: 1040;
        min-width: initial;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 8px;
    }

    ul.main-nav li.languages {
        position: relative;
    }

    ul.dropdown-menu.languages li a {
        line-height: inherit;
    }

/* --- Default Overrides - Personal Preference --- */
*, *:before, *:after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
form > * {
    outline: none;
}
a {
    text-decoration: none;
    color: inherit;
}
ul, li {
    list-style: none;
}
/* --- Elements --- */
.container {
    max-width: 1500px;
   /* max 'width' of contents of site */
    margin: 0 auto;
   /* centered horizontally */
}
.nav-bar {
    width: 100%;
   /* full width */
    background-color: white;
    padding: 20px;
    position: sticky;
    top: 0;
    z-index: 1039;
}

@media (max-width: 1000px) {
    .nav-bar {
        padding: 0 20px;
        position: sticky;
        z-index: 1039;
        top: 0;
   }
}
.nav-bar .header-container {
    display: flex;
    align-items: center;
   /* vertically center */
    justify-content: space-between;
    height: 100%;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}
/* Hide checkbox that controls Mobile Nav Button*/
#drop-down-cbox {
    display: none;
}
/* Mobile Nav Button */
#drop-down-cbox + label {
    position: relative;
    display: none;
    width: 60px;
    height: 60px;
    overflow: hidden;
    background-color: transparent;
    transition: all 10ms ease-in-out;
}
/* Mobile Nav Button Bars */
#drop-down-cbox + label span {
    position: absolute;
    display: block;
    background-color: #2149bc;
    width: 34px;
    height: 4px;
    border-radius: 2px;
    left: 50%;
    transform: translate(-50%, -50%);
   /* centering trick */
    transition: all 300ms ease-in-out;
}
/* Mobile Nav Button Bars Invididually */
#drop-down-cbox + label span:nth-child(1) {
    top: 35%;
   /* evenly spaced */
}
#drop-down-cbox + label span:nth-child(2) {
    top: 50%;
   /* evenly spaced */
}
#drop-down-cbox + label span:nth-child(3) {
    top: 65%;
   /* evenly spaced */
}
/* Mobile Nav Button Styling for Checked */
#drop-down-cbox:checked + label span {
    background-color: #2149bc;
}
/* Transform the bars into an 'X' */
#drop-down-cbox:checked + label span:nth-child(1) {
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
   /* center, then rotate */
}
#drop-down-cbox:checked + label span:nth-child(2) {
    left: -150%;
   /* move center bar out of the picture */
}
#drop-down-cbox:checked + label span:nth-child(3) {
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
   /* center, then rotate */
}
/* Main Nav Desktop */
.main-nav {
    flex-grow: 1;
   /* fill remaining space */
    display: flex;
    justify-content: flex-end;
   /* evenly space items */
    align-items: center;
   /* center vertically */
}
.main-nav li a.i-menu-link {
    color: #2149bc;
    margin: 0 13px;
    font-size: 16px;
    font-family: 'Gilroy', Arial, Helvetica, sans-serif;
    font-weight: 500;
}

.main-nav li a.i-menu-link:hover {
    color: #e07721;
}

.main-nav li ul li a.i-menu-link:hover {
    border: none;
    background: none;
    padding-bottom: 3px;
}

.main-nav li ul li {
    margin: 5px 0;
}

@media (max-width: 1000px) {
    .main-nav li a.i-menu-link:hover {
        border-bottom: none;
        padding-bottom: 0;
   }
}

@media (max-width: 1000px) {
    .main-nav li a.i-menu-link {
        /*text-transform: capitalize;*/
   }
}

.main-nav li a.i-internetbank {
    text-transform: uppercase;
    margin: 0 15px;
    font-family: 'Gilroy', Arial, Helvetica, sans-serif;
    font-weight: 600;
    border: 2px solid #e07721;
    padding: 10px 15px;
    color: #FFF;
    border-radius: 30px;
    font-size: 16px;
    transition: all 0.4s ease;
    white-space: nowrap;
    background: #e07721;
}

.main-nav li a.i-internetbank:hover {
    background: #FFF;
    color: #e07721;
}

@media (max-width: 1000px) {

    .main-nav li.i-internetbank-li {
        height: 64px;
    }

    .main-nav li a.i-internetbank:hover {
        background: none;
        color: #e07721;
    }
}

@media (max-width: 1385px) {
    .main-nav li a.i-menu-link,
    .main-nav li a.i-internetbank {
        margin: 0 10px;
        font-size: 16px;
    }
    .nav-bar .i-logo img {
        width: 150px;
    }
}

@media (max-width: 1200px) {
    .main-nav li a.i-menu-link,
    .main-nav li a.i-internetbank {
        margin: 0 7px;
        font-size: 14px;
    }
    .nav-bar .i-logo img {
        width: 140px;
    }
}

@media (max-width: 1000px) {
    .main-nav li a.i-menu-link,
    .main-nav li a.i-internetbank {
        margin: 0 20px;
        font-size: 14px;
        display: inline-block;
        bottom: initial;
        top: 55px;
    }

    .main-nav li a.i-internetbank {
        background: #FFF;
        color: #e07721;
    }

    .nav-bar .i-logo img {
        width: 140px;
    }

    #menu-back-button {
        vertical-align: bottom;
    }

    .has-submenu a {
        padding-right: 24px;
    }
}

.medium-editor-element {
    /* Don't know why, but without that no padding on elements inside editable DIV works if there is only one block
        So this remedies that. But regression checks should be performed, couse this impacts ALL editable blocks in the system. */
    padding: 1px;
}

#languages {
    white-space: nowrap;
    cursor: pointer;
}

.main-nav li a.open-account {
    text-transform: uppercase;
    margin: 0 15px;
    font-family: 'Gilroy', Arial, Helvetica, sans-serif;
    font-weight: 600;
    border: 2px solid #e07721;
    padding: 10px 15px;
    border-radius: 30px;
    font-size: 16px;
    transition: all 0.4s ease;
    white-space: nowrap;
    background: #FFF;
    color: #e07721;
    cursor: pointer;
}

.main-nav li a.open-account:hover {
    background: #e07721;
    color: #FFF;
}

.main-nav li.open-account a {
    color: #e07721;
}

.main-nav li.open-account-submenu a {
    color: #e07721;
}

li.back-button-orange a i {
    color: #e07721;
}

/* .main-nav li a.open-account {
    color: #e07721;
} */

/* #open-account-submenu {
    color: #e07721;
} */

.main-nav li > ul {
   /* max-height instead of height, height can't transition to auto */
    transition: all 500ms ease-in-out;
    overflow: hidden;
   /* make it so nav doesn't show beyond the 0px max-height */
}
.main-nav li > ul li a, .main-nav li > ul li span {
    background-color: white;
}
.i-mobile-hide {
    display: block;
}
.i-mobile-show {
    display: none;
}
/* Tablet and Mobile View */
@media (max-width: 1000px) {
   /* design and position downward arrow */
    .i-mobile-hide {
        display: none;
   }
    .i-mobile-show {
        display: block;
   }
    .mobile-lang {
        display: flex;
        justify-content: space-around;
   }
    .mobile-lang a {
        padding: 0 15px;
        color: #2149bc;
        text-transform: uppercase;
        margin: 0 20px;
        font-size: 16px;
        font-family: 'Gilroy', Arial, Helvetica, sans-serif;
   }
    .mobile-lang a img {
        margin-right: 10px;
   }
    #drop-down-cbox + label {
        display: block;
       /* unhide the mobile nav button */
   }
    a.i-internetbank {
        text-transform: uppercase;
        margin: 20px;
        font-family: 'Gilroy', Arial, Helvetica, sans-serif;
        border: 2px solid #e07721;
        padding: 10px 30px;
        color: #e07721;
        border-radius: 30px;
        font-size: 18px;
        position: absolute;
        bottom: 30px;
        left: 0;
        right: 0;
        text-align: center;
    }

    .main-nav {
        max-height: 0px;
       /* same vertical grow transition trick as above */
        height: calc(100vh - 65px);
       /* take full vertical viewport height, -60px for nav-bar */
        overflow: hidden;
        position: absolute;
        top: 65px;
        line-height: auto;
        left: 0;
        width: 100%;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        background-color: white;
        transition: all 500ms ease-in-out;
   }
    #drop-down-cbox:checked ~ .main-nav {
        max-height: calc(100vh - 60px);
        transition: all 500ms ease-in-out;
   }
    .main-nav li {
        margin: 0;
        border-top: 1px solid #e6e6e6;
        padding: 15px 0;
        width: 100%;
   }
    .main-nav li.i-mobile-show {
        border-top: none;
   }
    .main-nav li span {
        position: relative;
   }
    .main-nav li span:after {
        content: "";
        width: 6px;
        height: 6px;
        position: absolute;
        top: 50%;
        margin-top: -2px;
        margin-left: 8px;
        transform: translateY(-50%) rotate(-45deg);
        border-left: 2px solid #666;
        border-bottom: 2px solid #666;
   }
    .main-nav li > ul li {
        position: relative;
   }
   .nav-bar .i-logo img {
        width: 170px;
    }
}

.i-block1 {
    background: #003864;
    padding: 40px 0;
}
.i-block1 .i-block1-content {
    margin: 20px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 1920px;
}
.i-block1 .i-block1-content img {
    width: 100%;
    max-width: 1000px;
}
@media (max-width: 1000px) {
    .i-block1 .i-block1-content {
        flex-direction: column-reverse;
        padding: 80px 0 40px;
   }
    .i-block1 .i-block1-content img {
        width: 100%;
   }
}
.i-block1 .i-block1-content .i-block1-descr {
    margin-left: 100px;
}
@media (max-width: 1000px) {
    .i-block1 .i-block1-content .i-block1-descr {
        margin-left: 0;
        text-align: center;
        width: 100%;
   }
}
.i-block1 .i-block1-content .i-block1-descr .i-block1-title-small {
    font-size: 25px;
    color: #7fabdb;
    text-transform: uppercase;
    font-family: 'Gilroy', Arial, Helvetica, sans-serif;
    margin-bottom: 30px;
}
@media (max-width: 1000px) {
    .i-block1 .i-block1-content .i-block1-descr .i-block1-title-small {
        font-size: 16px;
        margin-left: 20px;
        margin-right: 20px;
        text-align: left;
   }
}
.i-block1 .i-block1-content .i-block1-descr .i-block1-title {
    font-size: 72px;
    line-height: 72px;
    margin-bottom: 30px;
    color: #fff;
    font-family: 'Gilroy', Arial, Helvetica, sans-serif;
}
@media (max-width: 1000px) {
    .i-block1 .i-block1-content .i-block1-descr .i-block1-title {
        font-size: 38px;
        line-height: 38px;
        margin-left: 20px;
        margin-right: 20px;
        text-align: left;
   }
}
.i-block1 .i-block1-content .i-block1-descr .i-block1-button {
    display: inline-block;
    color: #fff;
    background: #2149bc;
    text-transform: uppercase;
    margin: 20px 0;
    font-family: 'Gilroy', Arial, Helvetica, sans-serif;
    padding: 20px 50px;
    border-radius: 30px;
    font-size: 20px;
    transition: all 0.6s ease;
}

.i-block1 .i-block1-content .i-block1-descr .i-block1-button:hover {
    background: #1338a1;
}
.i-block2 {
    background: #f7f7f6;
    padding: 40px 0;
}
@media (max-width: 768px) {
    .i-block2 {
        padding-bottom: 0;
   }
}
.i-block2 .i-block2-content {
    margin: 20px auto;
    width: 100%;
    max-width: 1300px;
}
.i-block2 .i-block2-content .i-block2-title {
    font-size: 60px;
    line-height: 68px;
    margin: 50px 0 80px;
    max-width: 1000px;
    color: #2149bc;
    font-family: 'Gilroy', Arial, Helvetica, sans-serif;
}
@media (max-width: 768px) {
    .i-block2 .i-block2-content .i-block2-title {
        font-size: 28px;
        line-height: 38px;
        margin: 20px;
   }
}
.i-block2 .i-block2-content .i-block2-images {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin: 30px 0;
}
.i-block2 .i-block2-content .i-block2-images img {
    width: 100%;
    max-width: 270px;
}
@media (max-width: 768px) {
    .i-block2 .i-block2-content .i-block2-images {
        flex-direction: column;
        align-items: center;
   }
    .i-block2 .i-block2-content .i-block2-images > div {
        text-align: center;
   }
    .i-block2 .i-block2-content .i-block2-images img {
        width: 75%;
        margin: 0 20px;
   }
}
.i-block2 .i-block2-content .i-block2-images .i-block2-descr {
    font-size: 30px;
    color: #2149bc;
    font-family: 'Gilroy', Arial, Helvetica, sans-serif;
    max-width: 300px;
    text-align: left;
    margin-top: 30px;
}
@media (max-width: 768px) {
    .i-block2 .i-block2-content .i-block2-images .i-block2-descr {
        margin: 20px 20px 70px 20px;
        text-align: center;
        max-width: none;
   }
}
.i-block3 {
    background: #fff;
    padding: 100px 0 60px;
}
@media (max-width: 768px) {
    .i-block3 {
        padding: 15px 20px 60px;
   }
}
.i-block3 .i-block3-content {
    margin: 20px auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1300px;
}
.i-block3 .i-block3-content img {
    width: 100%;
    max-width: 650px;
}
@media (max-width: 768px) {
    .i-block3 .i-block3-content {
        flex-direction: column;
        margin-top: 0;
   }
    .i-block3 .i-block3-content img {
        width: 100%;
   }
}
.i-block3 .i-block3-content .i-block3-descr {
    margin-right: 100px;
    max-width: 490px;
}
@media (max-width: 768px) {
    .i-block3 .i-block3-content .i-block3-descr {
        margin-right: 0;
   }
}
.i-block3 .i-block3-content .i-block3-descr .i-block3-title-main {
    font-size: 60px;
    line-height: 60px;
    font-weight: bold;
    color: #2149bc;
    font-family: 'Gilroy', Arial, Helvetica, sans-serif;
    margin-bottom: 30px;
}
@media (max-width: 768px) {
    .i-block3 .i-block3-content .i-block3-descr .i-block3-title-main {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 10px;
   }
}
.i-block3 .i-block3-content .i-block3-descr .i-block3-title {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 30px;
    color: #2149bc;
    font-family: 'Gilroy', Arial, Helvetica, sans-serif;
}
@media (max-width: 768px) {
    .i-block3 .i-block3-content .i-block3-descr .i-block3-title {
        font-size: 18px;
        line-height: 26px;
   }
}
.i-block3 .i-block3-content .i-block3-descr .i-block3-button {
    display: inline-block;
    color: #fff;
    background: #2149bc;
    text-transform: uppercase;
    margin: 20px 0;
    font-family: 'Gilroy', Arial, Helvetica, sans-serif;
    padding: 20px 50px;
    border-radius: 30px;
    font-size: 20px;
    transition: all 0.6s ease;
}

.i-block3 .i-block3-content .i-block3-descr .i-block3-button:hover {
    background: #143081;
}

@media (max-width: 768px) {
    .i-block3 .i-block3-content .i-block3-descr .i-block3-button {
        width: 100%;
        text-align: center;
   }
}
.i-block4 {
    background-image: url("./img/bg5.png");
    background-size: cover;
    width: 100%;
    height: 780px;
    padding: 100px 0 60px;
}
@media (max-width: 768px) {
    .i-block4 {
        padding-top: 30px;
        height: 480px;
   }
}
.i-block4 .i-block4-content {
    margin: 20px auto;
    display: flex;
    align-items: center;
    justify-content: right;
    width: 100%;
    height: 100%;
    max-width: 1300px;
}
.i-block4 .i-block4-content .i-block4-descr {
    background-image: url("./img/block-6.png");
    background-repeat: no-repeat;
    width: 728px;
    height: 441px;
    padding: 60px;
}
@media (max-width: 768px) {
    .i-block4 .i-block4-content .i-block4-descr {
        width: 100%;
        height: auto;
   }
}
.i-block4 .i-block4-content .i-block4-descr .i-block4-title-main {
    font-size: 72px;
    line-height: 72px;
    font-weight: bold;
    color: #2149bc;
    font-family: 'Gilroy', Arial, Helvetica, sans-serif;
    margin-bottom: 5px;
}
@media (max-width: 768px) {
    .i-block4 .i-block4-content .i-block4-descr .i-block4-title-main {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 10px;
   }
}
.i-block4 .i-block4-content .i-block4-descr .i-block4-title {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 30px;
    color: #2149bc;
    font-family: 'Gilroy', Arial, Helvetica, sans-serif;
}
@media (max-width: 768px) {
    .i-block4 .i-block4-content .i-block4-descr .i-block4-title {
        font-size: 18px;
        line-height: 26px;
   }
}
.i-block4 .i-block4-content .i-block4-descr .i-block4-button {
    display: inline-block;
    color: #fff;
    background: #2149bc;
    text-transform: uppercase;
    margin: 20px 0;
    font-family: 'Gilroy', Arial, Helvetica, sans-serif;
    padding: 20px 80px;
    border-radius: 30px;
    font-size: 20px;
    transition: all 0.6s ease;
}

.i-block4 .i-block4-content .i-block4-descr .i-block4-button:hover {
    background: #143081;
}

@media (max-width: 768px) {
    .i-block4 .i-block4-content .i-block4-descr .i-block4-button {
        width: 100%;
        text-align: center;
        padding: 20px;
        margin: 0;
   }
}
.i-block5 {
    background: #f7f7f6;
    padding: 40px 0;
}
@media (max-width: 768px) {
    .i-block5 {
        padding-bottom: 0;
   }
}
.i-block5 .i-block5-content {
    margin: 20px auto;
    width: 100%;
    max-width: 1300px;
}
.i-block5 .i-block5-content .i-block5-title {
    font-size: 72px;
    font-weight: bold;
    margin: 50px 0 30px;
    max-width: 1000px;
    color: #2149bc;
    font-family: 'Gilroy', Arial, Helvetica, sans-serif;
}
@media (max-width: 768px) {
    .i-block5 .i-block5-content .i-block5-title {
        font-size: 26px;
        line-height: 34px;
        margin: 20px;
   }
}
.i-block5 .i-block5-content .i-block5-descr {
    font-size: 24px;
    line-height: 32px;
    color: #2149bc;
    font-family: 'Gilroy', Arial, Helvetica, sans-serif;
    text-align: left;
    margin-bottom: 20px;
}
@media (max-width: 768px) {
    .i-block5 .i-block5-content .i-block5-descr {
        font-size: 18px;
        line-height: 26px;
        margin: 20px;
   }
}
.i-block5 .i-block5-content .i-block5-images {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin: 30px 0;
}
.i-block5 .i-block5-content .i-block5-images img {
    width: 100%;
    max-width: 400px;
}
@media (max-width: 768px) {
    .i-block5 .i-block5-content .i-block5-images {
        flex-direction: column;
        align-items: center;
   }
    .i-block5 .i-block5-content .i-block5-images > div {
        text-align: center;
   }
    .i-block5 .i-block5-content .i-block5-images img {
        width: 75%;
        margin: 0 20px;
   }
}
.i-block5 .i-block5-content .i-block5-images .i-block5-button {
    color: #fff;
    background: #2149bc;
    text-transform: uppercase;
    margin: 40px auto;
    font-family: 'Gilroy', Arial, Helvetica, sans-serif;
    padding: 20px 0;
    border-radius: 30px;
    font-size: 20px;
    display: flex;
    justify-content: center;
    max-width: 300px;
    transition: all 0.6s ease;
}

.i-block5 .i-block5-content .i-block5-images .i-block5-button:hover {
    background: #143081;
}

@media (max-width: 768px) {
    .i-block5 .i-block5-content .i-block5-images .i-block5-button {
        margin: 10px auto 40px;
   }
}
.i-block6 {
    background: #2149bc;
    padding: 40px 0;
}
.i-block6 .i-block6-content {
    margin: 20px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 1920px;
}
.i-block6 .i-block6-content img {
    width: 100%;
    max-width: 900px;
}
@media (max-width: 768px) {
    .i-block6 .i-block6-content {
        flex-direction: column;
   }
    .i-block6 .i-block6-content img {
        width: 100%;
        padding: 0 20px;
        margin-top: 20px;
   }
}
.i-block6 .i-block6-content .i-block6-descr {
    margin-right: 100px;
}
@media (max-width: 768px) {
    .i-block6 .i-block6-content .i-block6-descr {
        margin-right: 0;
   }
}
.i-block6 .i-block6-content .i-block6-descr .i-block6-title-small {
    font-size: 25px;
    color: #7fabdb;
    text-transform: uppercase;
    font-family: 'Gilroy', Arial, Helvetica, sans-serif;
    margin-bottom: 30px;
}
@media (max-width: 768px) {
    .i-block6 .i-block6-content .i-block6-descr .i-block6-title-small {
        font-size: 16px;
        margin-bottom: 10px;
   }
}
.i-block6 .i-block6-content .i-block6-descr .i-block6-title {
    font-size: 72px;
    line-height: 72px;
    margin-bottom: 30px;
    color: #fff;
    font-family: 'Gilroy', Arial, Helvetica, sans-serif;
}
@media (max-width: 768px) {
    .i-block6 .i-block6-content .i-block6-descr .i-block6-title {
        font-size: 38px;
        line-height: 38px;
        margin-bottom: 10px;
   }
}
.i-block6 .i-block6-content .i-block6-descr .i-block6-button {
    display: inline-block;
    color: #fff;
    background: #e07721;
    text-transform: uppercase;
    margin: 20px 0;
    font-family: 'Gilroy', Arial, Helvetica, sans-serif;
    padding: 20px 50px;
    border-radius: 30px;
    font-size: 20px;
    transition: all 0.6s ease;
}

.i-block6 .i-block6-content .i-block6-descr .i-block6-button:hover {
    background: #c15d0b;
}

.i-footer {
    background: #003864;
    width: 100%;
    border-top: 1px solid #707070;
}
.i-footer .i-footer-content {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1300px;
    margin: 20px auto;
    width: 100%;
    padding: 50px 0;
    border-bottom: 1px solid #3f698b;
}
@media (max-width: 1000px) {
    .i-footer .i-footer-content {
        flex-direction: column;
        padding-top: 0;
        padding-bottom: 0;
   }
}
.i-footer .i-footer-content .footer-column {
    margin: 0 15px;
}
@media (max-width: 1000px) {
    .i-footer .i-footer-content .footer-column {
        margin: 15px;
   }
}
.i-footer .i-footer-content .footer-column .footer-title {
    font-size: 18px;
    font-family: 'Gilroy', Arial, Helvetica, sans-serif;
    color: #7f9bb1;
    margin-bottom: 10px;
}
.i-footer .i-footer-content .footer-column .footer-link {
    display: table;
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
    font-family: 'Gilroy', Arial, Helvetica, sans-serif;
    color: #fff;
}
.i-footer .i-footer-content .footer-column .footer-link:hover {
    text-decoration: underline;
    color: #7f9bb1;
}

@media (max-width: 1000px) {
    .i-footer .i-footer-content .footer-column .footer-link:hover {
        text-decoration: none;
        color: #fff;
    }
}
.i-footer .i-contact-block {
    width: 100%;
    max-width: 1300px;
    margin: 20px auto;
    display: flex;
    justify-content: flex-end;
    padding-bottom: 70px;
    border-bottom: 1px solid #3f698b;
}
@media (max-width: 1000px) {
    .i-footer .i-contact-block {
        margin: 0 15px;
        width: auto;
        padding-bottom: 20px;
        justify-content: flex-start;
   }
}
@media (max-width: 1350px) {
    .i-footer .i-contact-block {
        padding-right: 20px;
   }
}
.i-footer .i-contact-block .i-contact-title {
    font-size: 18px;
    font-family: 'Gilroy', Arial, Helvetica, sans-serif;
    color: #7f9bb1;
    text-align: left;
    margin-bottom: 10px;
}
.i-footer .i-contact-block .i-contact-item {
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
    font-family: 'Gilroy', Arial, Helvetica, sans-serif;
    color: #fff;
    max-width: 400px;
    text-align: left;
}
.i-footer .i-credits {
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
    font-family: 'Gilroy', Arial, Helvetica, sans-serif;
    color: #fff;
    display: flex;
    width: 100%;
    max-width: 1300px;
    margin: 20px auto 0;
    padding-bottom: 80px;
}
@media (max-width: 1000px) {
    .i-footer .i-credits {
        margin: 15px;
        width: auto;
        padding-bottom: 20px;
        flex-direction: column;
        text-align: center;
        font-size: 14px;
   }
}
@media (max-width: 1350px) {
    .i-footer .i-credits {
        padding-left: 20px;
   }
}
.i-footer .i-credits .i-credits-dark {
    color: #7f9bb1;
    margin-right: 10px;
}