@import '../fonts/fonts.css';
@import 'variables/sizes.css';
@import 'variables/colors.css';
@import 'atomics/bootstrap-grid.css';
@import 'atomics/margin.css';
@import 'atomics/grid/grid.css';
@import 'components/link/link.css';
@import 'components/template/template.css';
@import 'components/header/header.css';
@import 'components/search/search.css';
@import 'components/icon/icon.css';
@import 'components/button/button.css';
@import 'components/dropdown/dropdown.css';
@import 'components/form/form.css';
@import 'components/input/input.css';
@import 'components/input-outer/input-outer.css';
@import 'components/image/image.css';
@import 'components/logotype/logotype.css';
@import 'components/navigation/navigation.css';
@import 'components/menu/menu.css';
@import 'components/list/list.css';
@import 'components/footer/footer.css';
@import 'components/socials/socials.css';
@import 'components/copyright/copyright.css';
@import 'components/base-slider/base-slider.css';
@import 'components/top-slider/top-slider.css';
@import 'components/heading-text/heading-text.css';
@import 'components/card-grid/card-grid.css';
@import 'components/banner/banner.css';
@import 'components/heading-row/heading-row.css';
@import 'components/breadcrumbs/breadcrumbs.css';
@import 'components/content/content.css';
@import 'components/info/info.css';
@import 'components/pagination/pagination.css';
@import 'components/image-info/image-info.css';
@import 'components/news-slider/news-slider.css';
*
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html,
body
{
    height: 100%;
    width: 100%;
}
body
{
    font: normal normal 15px/16px 'Gotham Office', 'Verdana', sans-serif;
}
.header
{
    position: relative;
    z-index: 300;
}
.main
{
    height: auto;
    min-height: 100%;
    margin: calc(var(--size-header-height) * -1) 0 calc(var(--size-footer-height) * -1) 0;
    padding: var(--size-header-height) 0 var(--size-footer-height) 0;
    position: relative;
    z-index: 100;
}
.footer
{
    position: relative;
    z-index: 200;
}