@font-face {
    font-family: 'ElegantIcons';
    src: url('https://static.elloha.com/webgen/fonts/ElegantIcons.eot');
    src: url('https://static.elloha.com/webgen/fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'), url('https://static.elloha.com/webgen/fonts/ElegantIcons.woff') format('woff'), url('https://static.elloha.com/webgen/fonts/ElegantIcons.ttf') format('truetype'), url('https://static.elloha.com/webgen/fonts/ElegantIcons.svg#ElegantIcons') format('svg');
    font-weight: normal;
    font-style: normal;
}

:root {
    --color-link: #2aa9e0;
    --color-btn: #2aa9e0;
    --color-btn-txt: #fff;
    --color-text: #777;
    --color-text-white: #FFFFFF;
    --color-title: #0a1f54;
    --color-bg-1: #fff;
    --color-bg-2: #0a1f54;
    --color-bg-3: #fafafa;
    --color-red: #EC4067;
    --font-title: Montserrat;
    --font-text: Hind;
}
.top-header,
.portfolio-box a::before,
.price-box:hover .price-img-box::before,
.events-section::before {
    background-color: rgba(10,31,84,.8);
}
.bloc-btn {
    background: var(--color-bg-2) !important;
}
a.btn-clair {
    color: var(--color-link);
}