@font-face {
    font-family: 'CirceRegular';
    src: url('../fonts/Circe-Regular.eot');
    src: local('Circe'), local('Circe-Regular'),
    url('../fonts/Circe-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Circe-Regular.woff') format('woff'),
    url('../fonts/Circe-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CirceExtraLight';
    src: url('../fonts/Circe-ExtraLight.eot');
    src: local('Circe ExtraLight'), local('Circe-ExtraLight'),
    url('../fonts/Circe-ExtraLight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Circe-ExtraLight.woff') format('woff'),
    url('../fonts/Circe-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'CirceThin';
    src: url('../fonts/Circe-Thin.eot');
    src: local('Circe Thin'), local('Circe-Thin'),
    url('../fonts/Circe-Thin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Circe-Thin.woff') format('woff'),
    url('../fonts/Circe-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'CirceLight';
    src: url('../fonts/Circe-Light.eot');
    src: local('Circe Light'), local('Circe-Light'),
    url('../fonts/Circe-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Circe-Light.woff') format('woff'),
    url('../fonts/Circe-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'CirceBold';
    src: url('../fonts/Circe-Bold.eot');
    src: local('Circe Bold'), local('Circe-Bold'),
    url('../fonts/Circe-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Circe-Bold.woff') format('woff'),
    url('../fonts/Circe-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'CirceExtraBold';
    src: url('../fonts/Circe-ExtraBold.eot');
    src: local('Circe ExtraBold'), local('Circe-ExtraBold'),
    url('../fonts/Circe-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Circe-ExtraBold.woff') format('woff'),
    url('../fonts/Circe-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}


@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?a2b9jw');
    src:  url('../fonts/icomoon.eot?a2b9jw#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?a2b9jw') format('truetype'),
    url('../fonts/icomoon.woff?a2b9jw') format('woff'),
    url('../fonts/icomoon.svg?a2b9jw#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.icon-connection:before {
    content: "\e900";
    color: #41226e;
}
.icon-instagram:before {
    content: "\e901";
    color: #41226e;
}
.icon-night:before {
    content: "\e902";
    color: #520aea;
}
.icon-presentation:before {
    content: "\e903";
    color: #41226e;
}
.icon-site:before {
    content: "\e904";
    color: #41226e;
}
.icon-telegram:before {
    content: "\e905";
    color: #41226e;
}
.icon-menu:before {
    content: "\e906";
    color: #41226e;
}
.icon-mail:before {
    content: "\e907";
    color: #41226e;
}
.icon-close:before {
    content: "\e908";
    color: #fff;
}
.icon-day:before {
    content: "\e909";
    color: #41226e;
}
.icon-more .path1:before {
    content: "\e90a";
    color: rgb(255, 251, 252);
}
.icon-more .path2:before {
    content: "\e90b";
    margin-left: -1.06640625em;
    color: rgb(65, 34, 110);
}
.icon-more .path3:before {
    content: "\e90c";
    margin-left: -1.06640625em;
    color: rgb(255, 251, 252);
}
.icon-more .path4:before {
    content: "\e90d";
    margin-left: -1.06640625em;
    color: rgb(65, 34, 110);
}
.icon-more .path5:before {
    content: "\e90e";
    margin-left: -1.06640625em;
    color: rgb(255, 251, 252);
}
.icon-more .path6:before {
    content: "\e90f";
    margin-left: -1.06640625em;
    color: rgb(65, 34, 110);
}
.icon-more .path7:before {
    content: "\e910";
    margin-left: -1.06640625em;
    color: rgb(255, 251, 252);
}
.icon-more .path8:before {
    content: "\e911";
    margin-left: -1.06640625em;
    color: rgb(65, 34, 110);
}