/* Minification failed. Returning unminified contents.
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(80,25): run-time error CSS1039: Token not allowed after unary operator: '-global-space-sm'
(140,20): run-time error CSS1039: Token not allowed after unary operator: '-global-space-3xs'
(140,44): run-time error CSS1039: Token not allowed after unary operator: '-global-space'
(140,64): run-time error CSS1039: Token not allowed after unary operator: '-global-space-half'
(172,17): run-time error CSS1039: Token not allowed after unary operator: '-global-space-2xs'
(177,17): run-time error CSS1039: Token not allowed after unary operator: '-global-space-sm'
(197,19): run-time error CSS1039: Token not allowed after unary operator: '-global-space'
(197,43): run-time error CSS1039: Token not allowed after unary operator: '-global-space'
(223,28): run-time error CSS1039: Token not allowed after unary operator: '-global-space-sm'
(232,32): run-time error CSS1039: Token not allowed after unary operator: '-global-navigation-offcanvas-width'
(258,28): run-time error CSS1039: Token not allowed after unary operator: '-global-space'
 */

/* #region // basic */

:root {
    --global-text-align: left;
    --global-alternative-text-align: right;
    --global-header-text-align: left;
    --global-paragraph-text-align: justify;
    --global-branding-image: url('../images/azarkavin/branding-en.png');
    --global-secondary-branding-image: url('../../images/azarkavin/branding2-en.png');
    --global-paragraph-image-float: left;
    --global-paragraph-image-margin: 0 var(--global-space-lg) var(--global-space-sm) 0;
}

/* #endregion */

/* #region // section */

.section h2 {
    letter-spacing: -2px;
    text-transform: uppercase;
}

.section h2:after {
    right: auto;
    left: 0;
}

.section-title a {
    right: 0;
    text-align: right;
    text-transform: uppercase;
}

/* #endregion */

/* #region // layout */

body {
    direction: ltr;
}

/* header branded */

#header.branded h1 {
    float: left;
}

/* #endregion */

/* #region // userbar */

.userbar {
    text-transform: uppercase;
}

.userbar .language {
    float: right;
}

.userbar .links {
    float: right;
}

/* #endregion */

/* #region // quickcontact */

.quickcontact {
    float: right;
}

.quickcontact li {
    float: right;
}

.quickcontact li:before {
    float: left;
    padding-left: 0;
    padding-right: var(--global-space-sm);
}

.quickcontact li h4 {
    text-transform: uppercase;
}

.specifications li p {
    text-align: left;
}

/* #endregion */

/* #region // navigation */

@media (min-width: 768px) {

    #navigation > ul > li {
        float: left;
    }

    #navigation ul li > ul {
        right: auto;
        left: 0;
    }
}

/*#navigation ul li a {*/
#navigation > ul > li > a,
#navigation > ul > li > ul > li > a,
#navigation > ul > li > ul > li > ul > li > a {
    text-transform: uppercase;
}

/* #endregion */

/* #region // about */

.about h2 {
    text-transform: none;
}

/* #endregion */

/* #region // grid */

.grid article {
    float: left;
}

/* #endregion */

/* #region // footer */

#footer.three-column section,
#footer.three-column .column {
    float: left;
}

#footer h4 {
    margin: 0 var(--global-space-3xs) var(--global-space) var(--global-space-half);
}

.scroll {
    left: auto;
    right: 0;
}

/* #endregion */

/* #region // animate scroll animation */

h2.state-a {
    right: auto;
    left: -60px;
}

h2.state-b {
    right: auto;
    left: 0;
}

/* #endregion */

/* #region // other */

.button {
    text-transform: uppercase;
}

.status .close, [class^="status-"] .close {
    left: auto;
    right: var(--global-space-2xs);
}

select.form-control + i.dropdown-icon:before {
    left: auto;
    right: var(--global-space-sm);
}

.details li p {
    text-align: left;
    padding-left: 0;
    padding-right: 45px;
}

.details li:before {
    float: left;
    padding-left: 0;
    padding-right: 10px;
}

.list article > a, .list.two.justified article > a {
    float: left;
}

.list.comment article > a {
    padding: var(--global-space) 0 0 var(--global-space);
}

.category h2 {
    float: left;
}

.category .search {
    clear: both;
}

.category ul.links > li {
    float: left;
}

/* #endregion */

/* #region // media queries */

/* // tablet */
@media only screen and (max-width: 992px) and (min-width: 768px) {

    /*  // navigation */
    #navigation > ul > li > a,
    #navigation > ul > li > ul > li > a,
    #navigation > ul > li > ul > li > ul > li > a {
        padding: 27px var(--global-space-sm);
    }
}

/* // mobile */
@media only screen and (max-width: 767px) {

    #navigation {
        margin-right: auto;
        margin-left: calc(var(--global-navigation-offcanvas-width) * -1);
        transition: margin-left 0.5s ease-out;
    }

    body.offcanvas #navigation {
        /*margin-right: auto;*/
        margin-left: 0;
    }

    #header ul.mobile-menu li.nav-trigger {
        float: left;
    }

    #header ul.mobile-menu > li {
        float: right;
    }

    #navigation ul a span:after {
        float: right;
    }

    .list.justified .section-title,
    .list.two.justified .section-title,
    .grid.justified .section-title,
    .thumbnail.justified .section-title,
    .thumbnail.bordered.justified .section-title {
        padding-left: var(--global-space);
    }
}

/* #endregion */