@import "font";
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

html, body {
    overflow-y: scroll !important;
}

p, button, input, li, input, button, select, textarea, optgroup, option, html, body, form, fieldset, table, tr, td, img {
    font-family: @fontLight;
}

h1, h2, h3, h4, h5 {
    color: @white;
    font-size: 100%;
    font-family: @fontCirceExtraBold;
}

p, span, label {
    color: black;
}

a {
    text-decoration: none !important;
    border: none;
}

img {
    border: none;
}

span, label, div:focus {
    outline: none;
}

body {
    height: 100%;
    background-color: @white;
    overflow-y: initial !important;

    .mainView {
        background-color: @bgStatus;
        min-height: calc(~"100% - 200px");
    }
}

.clearfix {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.container {
    max-width: 1166px;
    width: 100%;
    padding: 0 15px 0 15px;
}

.centerCont {
    margin: 0 auto;
    z-index: 2;
}

.flex-25 {
    flex: 1 1 25% !important;
    -webkit-flex: 1 1 25% !important;
}

.flex-30 {
    flex: 1 1 30% !important;
    -webkit-flex: 1 1 30% !important;
}

.flex-33 {
    flex: 1 1 33.33% !important;
    -webkit-flex: 1 1 33.33% !important;
}

.flex-50 {
    flex: 1 1 50% !important;
    -webkit-flex: 1 1 50% !important;
}

.flex-66 {
    flex: 1 1 66.66% !important;
    -webkit-flex: 1 1 66.66% !important;
}

.flex-70 {
    flex: 1 1 70% !important;
    -webkit-flex: 1 1 70% !important;
}

.flex-100 {
    flex: 1 1 100% !important;
    -webkit-flex: 1 1 100% !important;
}

@media screen and (max-width: 600px) {
    .flex-xs-25 {
        flex: 1 1 25% !important;
        -webkit-flex: 1 1 25% !important;
    }

    .flex-xs-30 {
        flex: 1 1 30% !important;
        -webkit-flex: 1 1 30% !important;
    }

    .flex-xs-33 {
        flex: 1 1 33.33% !important;
        -webkit-flex: 1 1 33.33% !important;
    }

    .flex-xs-50 {
        flex: 1 1 50% !important;
        -webkit-flex: 1 1 50% !important;
    }

    .flex-xs-66 {
        flex: 1 1 66.66% !important;
        -webkit-flex: 1 1 66.66% !important;
    }

    .flex-xs-70 {
        flex: 1 1 70% !important;
        -webkit-flex: 1 1 70% !important;
    }

    .flex-xs-100 {
        flex: 1 1 100% !important;
        -webkit-flex: 1 1 100% !important;
    }
}

@media screen and (min-width: 600px) {
    .flex-gt-xs-25 {
        flex: 1 1 25% !important;
        -webkit-flex: 1 1 25% !important;
    }

    .flex-gt-xs-30 {
        flex: 1 1 30% !important;
        -webkit-flex: 1 1 30% !important;
    }

    .flex-gt-xs-33 {
        flex: 1 1 33.33% !important;
        -webkit-flex: 1 1 33.33% !important;
    }

    .flex-gt-xs-50 {
        flex: 1 1 50% !important;
        -webkit-flex: 1 1 50% !important;
    }

    .flex-gt-xs-66 {
        flex: 1 1 66.66% !important;
        -webkit-flex: 1 1 66.66% !important;
    }

    .flex-gt-xs-70 {
        flex: 1 1 70% !important;
        -webkit-flex: 1 1 70% !important;
    }

    .flex-gt-xs-100 {
        flex: 1 1 100% !important;
        -webkit-flex: 1 1 100% !important;
    }
}

@media screen and (min-width: 600px) and (max-width: 960px) {
    .flex-sm-25 {
        flex: 1 1 25% !important;
        -webkit-flex: 1 1 25% !important;
    }

    .flex-sm-30 {
        flex: 1 1 30% !important;
        -webkit-flex: 1 1 30% !important;
    }

    .flex-sm-33 {
        flex: 1 1 33.33% !important;
        -webkit-flex: 1 1 33.33% !important;
    }

    .flex-sm-50 {
        flex: 1 1 50% !important;
        -webkit-flex: 1 1 50% !important;
    }

    .flex-sm-66 {
        flex: 1 1 66.66% !important;
        -webkit-flex: 1 1 66.66% !important;
    }

    .flex-sm-70 {
        flex: 1 1 70% !important;
        -webkit-flex: 1 1 70% !important;
    }

    .flex-sm-100 {
        flex: 1 1 100% !important;
        -webkit-flex: 1 1 100% !important;
    }
}

@media screen and (min-width: 960px) {
    .flex-gt-sm-25 {
        flex: 1 1 25% !important;
        -webkit-flex: 1 1 25% !important;
    }

    .flex-gt-sm-30 {
        flex: 1 1 30% !important;
        -webkit-flex: 1 1 30% !important;
    }

    .flex-gt-sm-33 {
        flex: 1 1 33.33% !important;
        -webkit-flex: 1 1 33.33% !important;
    }

    .flex-gt-sm-50 {
        flex: 1 1 50% !important;
        -webkit-flex: 1 1 50% !important;
    }

    .flex-gt-sm-66 {
        flex: 1 1 66.66% !important;
        -webkit-flex: 1 1 66.66% !important;
    }

    .flex-gt-sm-70 {
        flex: 1 1 70% !important;
        -webkit-flex: 1 1 70% !important;
    }

    .flex-gt-sm-100 {
        flex: 1 1 100% !important;
        -webkit-flex: 1 1 100% !important;
    }
}

@media screen and (min-width: 960px) and (max-width: 1280px) {
    .flex-md-25 {
        flex: 1 1 25% !important;
        -webkit-flex: 1 1 25% !important;
    }

    .flex-md-30 {
        flex: 1 1 30% !important;
        -webkit-flex: 1 1 30% !important;
    }

    .flex-md-33 {
        flex: 1 1 33.33% !important;
        -webkit-flex: 1 1 33.33% !important;
    }

    .flex-md-50 {
        flex: 1 1 50% !important;
        -webkit-flex: 1 1 50% !important;
    }

    .flex-md-66 {
        flex: 1 1 66.66% !important;
        -webkit-flex: 1 1 66.66% !important;
    }

    .flex-md-70 {
        flex: 1 1 70% !important;
        -webkit-flex: 1 1 70% !important;
    }

    .flex-md-100 {
        flex: 1 1 100% !important;
        -webkit-flex: 1 1 100% !important;
    }
}

@media screen and (min-width: 1280px) {
    .flex-gt-md-25 {
        flex: 1 1 25% !important;
        -webkit-flex: 1 1 25% !important;
    }

    .flex-gt-md-30 {
        flex: 1 1 30% !important;
        -webkit-flex: 1 1 30% !important;
    }

    .flex-gt-md-33 {
        flex: 1 1 33.33% !important;
        -webkit-flex: 1 1 33.33% !important;
    }

    .flex-gt-md-50 {
        flex: 1 1 50% !important;
        -webkit-flex: 1 1 50% !important;
    }

    .flex-gt-md-66 {
        flex: 1 1 66.66% !important;
        -webkit-flex: 1 1 66.66% !important;
    }

    .flex-gt-md-70 {
        flex: 1 1 70% !important;
        -webkit-flex: 1 1 70% !important;
    }

    .flex-gt-md-100 {
        flex: 1 1 100% !important;
        -webkit-flex: 1 1 100% !important;
    }
}

@import "common/header.less";
@import "common/footer.less";
@import "views/root.less";
@import "views/cabinet.less";
@import "views/competition.less";
@import "views/project";
@import "views/startPage.less";
@import "views/landing.less";