@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialicons/v143/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}


app-root:empty:after {
    content: "";
    position: absolute;
    display: block;
    inset: 0;
    background: url(/hitit/img/logo.8c2f5ed5aedc2223.png) no-repeat center center, url(/hitit/img/loader.aa130e9458b9ed7b.svg) no-repeat right bottom, #1B2431;
    transition: all .5s
}

@charset "UTF-8";
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

@font-face {
    font-family: Proxima Nova;
    src: url(/hitit/fonts/ProximaNova-Light.0da5f3e7b0a00fce.woff2) format("woff2"), url(/hitit/fonts/ProximaNova-Light.660b6cef3edda630.woff) format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Proxima Nova;
    src: url(/hitit/fonts/ProximaNova-LightIt.8c3a2a54e264a9a5.woff2) format("woff2"), url(/hitit/fonts/ProximaNova-LightIt.2b156c983960c9f6.woff) format("woff");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: Proxima Nova;
    src: url(/hitit/fonts/ProximaNova-Regular.6f341bf96d65c752.woff2) format("woff2"), url(/hitit/fonts/ProximaNova-Regular.42375b150826eafc.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Proxima Nova;
    src: url(/hitit/fonts/ProximaNova-RegularIt.7c4085b134b7660f.woff2) format("woff2"), url(/hitit/fonts/ProximaNova-RegularIt.417c4ff78978e06b.woff) format("woff");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Proxima Nova;
    src: url(/hitit/fonts/ProximaNova-Semibold.5da6686f469d117b.woff2) format("woff2"), url(/hitit/fonts/ProximaNova-Semibold.954561e2aa3f0c55.woff) format("woff");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Proxima Nova;
    src: url(/hitit/fonts/ProximaNova-SemiboldIt.ea3dc761259af6e2.woff2) format("woff2"), url(/hitit/fonts/ProximaNova-SemiboldIt.37a6f9c9103f71d7.woff) format("woff");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: Proxima Nova;
    src: url(/hitit/fonts/ProximaNova-Bold.2f044791c19e4883.woff2) format("woff2"), url(/hitit/fonts/ProximaNova-Bold.f39358a6a37b55e5.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Proxima Nova;
    src: url(/hitit/fonts/ProximaNova-BoldIt.18e083faeffd79b1.woff2) format("woff2"), url(/hitit/fonts/ProximaNova-BoldIt.bec2eab5b3b8db19.woff) format("woff");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: Proxima Nova;
    src: url(/hitit/fonts/ProximaNova-Extrabld.82b4a4083b10074e.woff2) format("woff2"), url(/hitit/fonts/ProximaNova-Extrabld.16c7913aa23fa361.woff) format("woff");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: Proxima Nova;
    src: url(/hitit/fonts/ProximaNova-Black.28fadf493f45df40.woff2) format("woff2"), url(/hitit/fonts/ProximaNova-Black.0c47a648d151b476.woff) format("woff");
    font-weight: 900;
    font-style: normal
}

*, *:before, *:after {
    box-sizing: border-box
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    -webkit-text-size-adjust: 100%
}

html, body {
    font-family: Proxima Nova, Arial, Helvetica, sans-serif
}

html, body, div {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

html, body {
    min-height: 100%;
    font-size: 14px;
    width: 100%
}

* {
    box-sizing: border-box
}

.theme-dark ::-webkit-scrollbar-thumb {
    background-color: #313d4f
}

app-root {
    display: block;
    z-index: 0
}

.theme-dark app-root {
    background-color: #1b2431;
    color: #fff
}

*:focus {
    outline: none
}

.theme-dark ::placeholder {
    color: #7f8fa480
}

.theme-dark :-ms-input-placeholder {
    color: #7f8fa480
}

.theme-dark ::-ms-input-placeholder {
    color: #7f8fa480
}

:root {
    --swiper-theme-color: #007aff
}

:root {
    --swiper-navigation-size: 44px
}