/*fonts*/
@import './fonts.css';

/* slick-slider */
@import './slick/slick.css';
@import './slick/slick-theme.css';
@import './slick/slick-custom-theme.css';

/* core */
@import './vars.css';

/* components */
@import './components/breadcrumb.css';
@import './components/cost-card.css';
@import './components/table.css';
@import './components/progress-bar.css';
@import './components/restyle-footer.css';
@import './components/head-menu.css';
@import './components/ticker.css';

/* section */
@import './sections/expertise-we-have.css';
@import './sections/technologies.css';
@import './sections/numbered-block.css';
@import './sections/provide.css';
@import './sections/tech-balls.css';
@import './sections/accordion.css';
@import './sections/card-services.css';
@import './sections/card-list-animate.css';
@import './sections/card-list-transparent.css';
@import './sections/mobile-technology.css';
@import './sections/stage-list.css';
@import './sections/card-list-bg.css';
@import './sections/card-list-info.css';
@import './sections/card-list-vertical.css';

/*blog*/
@import 'blog-post.css';
@import './blog-page.css';

/* pages */
@import './pages/front-page-restyle.css';
@import './pages/portfolio.css';
@import './pages/web-app-development-services.css';
@import './pages/mvp-development.css';
@import './pages/privacy.css';
@import 'style_all.css';
@import './pages/cross-platform-mobile-development.css';
@import './pages/hybrid-mobile-app-development.css';
@import "./pages/referral-program.css";
@import "./pages/page-template.css";
@import "./pages/who-we-are.css";
@import "./pages/discovery-phase.css";
@import "./pages/project.css";
@import "./pages/vacancies.css";
@import "./pages/quality-policy.css";

/* editor */
@import './editor.css';

body {
    /*font-family: 'Roboto', sans-serif;*/
    font-family: 'e-Ukraine', sans-serif;
}
/* for fixing bug with b, strong tags. 15 march 2021*/
b, strong {
    font-weight: bold;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}

@media screen and (min-width: 992px){
    .h1-U-D {
        font-size: 126px;
        font-weight: normal;
        line-height: 100%;
    }

    .h2-U-D {
        font-size: 60px;
        font-weight: normal;
        line-height: 130%;
    }
    .h3-U-D {
        font-size: 30px;
        font-weight: 500;
        line-height: 120%;
    }
    .h4-U-D {
        font-size: 24px;
        font-weight: 500;
        line-height: 120%;
    }
    .h5-U-D {
        font-size: 20px;
        font-weight: 500;
        line-height: 120%;
    }
}
@media screen and (max-width: 991px){
    .h1-U-M {
        font-size: 40px;
        font-weight: normal;
        line-height: 100%;
    }
    .h1-U-M130 {
        font-size: 40px;
        font-weight: normal;
        line-height: 130%;
    }
    .h2-U-M {
        font-size: 30px;
        font-weight: normal;
        line-height: 130%;
    }
    .h3-U-M {
        font-size: 20px;
        font-weight: normal;
        line-height: 120%;
    }
    .h4-U-M {
        font-size: 20px;
        font-weight: 500;
        line-height: 120%;
    }
    .h5-U-M {
        font-size: 16px;
        font-weight: 500;
        line-height: 140%;
    }
}

.body-U-50 {
    font-size: 50px;
    font-weight: normal;
    line-height: 130%;
}
.body-U-16-140 {
    font-size: 16px;
    font-weight: normal;
    line-height: 140%;
}
.body-U-16-130 {
    font-size: 16px;
    font-weight: normal;
    line-height: 130%;
}
.button-U {
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
}

.button-start {
    padding: 16px 32px;
    color: var(--restyle-color-white);
    background: 0 0;
    border: 1px solid;
}
.button-start:hover {
    color: var(--restyle-color-black);
    background: var(--restyle-color-white);
    cursor: pointer;
}
.button-start:focus,
.button-get-start:focus {
    outline: unset;
}
.button-get-start {
    padding: 16px 32px;
    color: var(--restyle-color-white);
    background: var(--restyle-color-blue);
    border: 1px solid var(--restyle-color-blue);
    text-transform: uppercase;
}
.button-get-start:hover {
    color: var(--restyle-color-blue);
    background: var(--restyle-color-white);
    border: 1px solid var(--restyle-color-white);
    cursor: pointer;
}

img {
    max-width: 100%;
}
a{
    text-decoration: none !important;
}
input[type="checkbox"] {
    display: none;
}
.show {
    display:block !important;
}
@media screen and (max-width: 991px) {
    .desktop-version {
        display: none;
    }
    .logo-faq {
        width: 130px;
    }
}
@media screen and (min-width: 992px) {
    .mobile-version {
        display: none;
    }
}
@media screen and (max-width: 375px) {
    .home header {
        background-position: -400px top !important;
    }
}