/*
    Copyright (c) Ascensio System SIA 2019. All rights reserved.
    https://www.onlyoffice.com

@import "base.less";

nav {
    height: 71px;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;

    & > div {
        > ul,
        > ul > li {
            display: inline-block;
            list-style-type: none;
        }

        & > ul {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 71px;
            display: inline-block;
            position: relative;

            &.all-menu-items {
                display: grid;
                display: -ms-grid;
                grid-template-columns: auto auto auto auto auto auto;
                -ms-grid-columns: auto 32px auto 32px auto 32px auto 32px auto 32px auto;
                width: 100%;
            }
            // For IE 11 header style
            li:first-child {
                -ms-grid-column: 1;
            }

            li:nth-child(2) {
                -ms-grid-column: 3;
            }

            li:nth-child(3) {
                -ms-grid-column: 5;
            }

            li:nth-child(4) {
                -ms-grid-column: 7;
            }

            li:nth-child(5) {
                -ms-grid-column: 9;
            }

            li:nth-child(6) {
                -ms-grid-column: 11;
            }

            > li {
                padding: 0;
                margin: 0;
                height: 71px;

                > a {
                    padding: 21px 0;
                    display: inline-block;
                    height: 29px;
                    border-bottom-color: @redColor;
                    letter-spacing: 0.08em;
                    text-transform: uppercase;
                }

                > ul {
                    > li {
                        text-transform: none;
                    }
                }
            }

            a.singin {
                border: 1px solid #aaa;
                .borderRadius(3px);
                .transition3(background, .3s, color, .3s, border, .3s);
                margin: -18px 0 0 15px;
                padding: 13px 25px;
                height: auto;

                &:hover {
                    color: @redColor;
                }
            }
        }
    }

    .active {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;

        &:hover {
            -webkit-transition: none;
            -moz-transition: none;
            -o-transition: none;
            transition: none;
        }
    }

    .nav-down-triangle {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 4px 4px 0 4px;
        border-color: #999 transparent transparent transparent;
        display: inline-block;
        margin: 0 0 4px 6px;
    }

    .pushy-content {
        margin: 0 auto;
        max-width: 768px;
        width: 58vw;
    }
}
.menuitem {
    white-space: nowrap;
}
.phone_wrapper {
    position: absolute;
    right: 0;
    top: 0;
    left: auto;
    bottom: auto;
    margin: 0;
    padding: 0;
    z-index: 1;

    .call_phone {
        margin-right: 60px;
        padding: 21px 0;
    }
}
.call_phone {
    text-decoration: none;
    color: @textColor;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.02em;
    line-height: 29px;
    vertical-align: middle;
    display: none;
    padding-top: 22px;

    &:before {
        //display: inline-block;
        display: none;
        margin: 0 13px 4px 0;
        padding: 0;
        width: 18px;
        height: 18px;
        content: '';
        background-image: url(/images/phone.svg);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: 18px 18px;
        vertical-align: middle;
    }

    &:hover, &:focus, &:active {
        color: @textColor;
        text-decoration: none;
    }
}
.header_button {
    display: inline-block;
    float: right;
    margin: 12px 10px 0 0;
    text-align: center;
}
a.btn_top_sign {
    text-decoration: none;
    color: @textColor;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2em;
    text-align: center;
    padding: 0 13px;
    height: 44px;
    width: 120px;
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #aaa;
    .borderRadius(3px);
    .transition3(background, .3s, color, .3s, border, .3s);
    
    &:hover {
        border-color: @redHoverColor;
        color: @redHoverColor;
    }
}

#latest_release_div {
    cursor: pointer;
    margin: 16px 19px 0 32px;

    #latest_release_date {
        color: #808080;
        font-size: 13px;
        line-height: 1.6em;
        padding-right: 36px;
        padding-top: 16px;
    }

    #latest_release_header {
        color: #444444;
        font-size: 14px;
        line-height: 1.6em;
        padding-right: 36px;
        padding-top: 10px;
    }

    #latest_release_img {
        background-size: contain;
        height: 88px;
        width: 180px;
    }
}
@media screen and (min-width: 1190px) {
    .BaseSide {
        &.default {
            .call_phone.default {
                display: inline-block;
            }
        }
        &.eu {
            .call_phone.eu {
                display: inline-block;
            }
        }
        &.sg {
            .call_phone.sg {
                display: inline-block;
            }
        }
        &.ru {
            .call_phone.ru {
                display: inline-block;
            }
        }
    }
    #navitem_solutions_apps_editors_overview,
    #navitem_solutions_apps_collaboration_overview,
    #navitem_solutions_apps_comparison_overview,
    #navitem_solutions_saas_mobile,
    #navitem_solutions_server_enterprice_mobile,
    #navitem_solutions_connectors_mobile,
    #navitem_solutions_integration_mobile {
        display: none;
    }
    #navitem_features_menu,
    #navitem_server_menu,
    #navitem_desktop_menu,
    #navitem_mobile_menu,
    #navitem_integration_menu,
    #navitem_administration_menu,
    #navitem_saas_menu {
        display: none;
        position: absolute;
        z-index: 1999;
        border: 0 none;
        top: 71px;
        .shadowFullCustomizable(0,20px,50px,rgba(85, 85, 85, 0.15));

        .dropdown-content {
            list-style-type: none;
            margin: 0;
            padding: 27px 0;
            display: block;
            min-width: 190px;
            background: #fff;
            text-align: left;

            & > li {
                display: block;
                margin: 0;
                padding: 0;
                vertical-align: top;

                b {
                    color: #444444;
                }

                &.nowrap-link {
                    white-space: nowrap;
                }
            }
        }

        &:before {
            display: block;
            position: absolute;
            width: 0;
            content: "";
            height: 1px;
            background-color: @redColor;
            transition: width .2s ease-in-out, left .2s ease-in-out;
            left: 50%;
            top: 0;
        }

        &:after {
            display: block;
            position: absolute;
            width: 0;
            content: "";
            height: 1px;
            background-color: @redColor;
            transition: width .2s ease-in-out;
            left: 50%;
            top: 0;
        }

        &.top_border {
            &:before {
                width: 50%;
                left: 0;
            }

            &:after {
                width: 50%;
            }
        }
    }

    #navitem_solutions_menu {
        left: calc(~"50% - 426px");

        .dropdown-content {
            > li {
                display: table-cell;
                width: 25%;
                border-right: 1px solid #CCCCCC;
                &:last-of-type {
                    border-right: 0 none;
                }
            }
        }
    }
    #navitem_features_menu {
        width: 820px;
        left: calc(~"50% - 322px");

        .dropdown-content {
            > li {
                display: table-cell;
                width: 295px;
                border-right: 1px solid #CCCCCC;
                &:last-of-type {
                    border-right: 0 none;
                }
            }
        }
    }
    #navitem_about_menu,
    #navitem_download_menu,
    #navitem_partnership_menu,
    #navitem_prices_menu {
        left: calc(~"50% - 102px");
    }

    .all-menu-items {
        > li:nth-of-type(3), > li:nth-of-type(4), > li:nth-of-type(5), > li:nth-of-type(6) {
            position: relative;
        }
    }
    .all-menu-items {
        > li:nth-of-type(1), > li:nth-of-type(2) {
            position: static;
        }
    }


    .latest_releases {
        width: 100%;
        margin: 0;
        padding: 0;
        background-color: #fff;
        
        &:before {
            width: 95%;
            height: 0;
            margin: 0 auto;
            border-top: 1px solid #CCCCCC;
            display: block;
            content: '';
        }
    }
}
.accented {
    color: @redColor;
}
#navitem_features_menu,
#navitem_server_menu,
#navitem_desktop_menu,
#navitem_mobile_menu,
#navitem_integration_menu,
#navitem_administration_menu,
#navitem_saas_menu {
    padding: 0;
}
a.dropdown-item {
    display: block;
    background: none;
    border: 0;
    color: #444444;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    line-height: 36px;
    margin: 0;
    padding: 0 32px;
    text-decoration: none;
    white-space: nowrap;

    &:hover {
        color: @redColor;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }

    &#navitem_download_signin {
        display: inline-block;
        padding-right: 4px;
    }

    &#navitem_download_signup {
        display: inline-block;
        padding-left: 4px;
    }
}
@media screen and (min-width: 1600px) {
    #navitem_solutions_menu {
        left: 0;
    }
    #navitem_features_menu {
        left: 0;
    }
    .all-menu-items {
        > li:nth-of-type(1), > li:nth-of-type(2) {
            position: relative;
        }
    }
}
.navitem_description {
    color: @lightGrayTextColor;
    font-size: 13px;
    line-height: 1.4em;
    text-transform: none;
    padding: 0 32px 20px;
}
ul.navitem_2nd_menu {
    padding: 0 0 10px;
    margin: 0;

    li {

        a.nav_2nd_menu_link {
            display: block;
            background: none;
            border: 0;
            color: #333;
            font-weight: 600;
            font-size: 14px;
            cursor: pointer;
            white-space: nowrap;
            line-height: 1.4em;
            margin: 0;
            padding: 8px 25px;
            text-decoration: none;
            border-right: 1px solid #ccc;

            &:hover, &.redirect {
                background-color: #F7F7F7;
                color: @redColor;
            }

            &#navitem_solutions_signin {
                color: @redColor;
            }
        }
    }
}

#navitem_about,
#navitem_features,
#navitem_download,
#navitem_partners,
#navitem_solutions,
#navitem_prices,
a.singin {
    //color: @gray4;
    text-decoration: none;
    font-size: 12px;
    line-height: 29px;
    font-weight: 600;
    vertical-align: middle;

    &:hover {
        border-color: @redColor;
    }

    &.active {
        border-color: @redColor;
        color: @redColor;

        &:hover {
            border-color: @redColor;
            -webkit-transition: none;
            -moz-transition: none;
            -o-transition: none;
            transition: none;
        }
    }
}
#navitem_blockchain {
    color: @redColor;
}

#officesuitemainpage #navitem_features,
#officesuitedoceditorpage #navitem_features,
#officesuitespeditorpage #navitem_features,
#officesuitepreditorpage #navitem_features,
#collaborationmainpage #navitem_features,
#collaborationdocmanagepage #navitem_features,
#collaborationcommunitypage #navitem_features,
#collaborationcalendarpage #navitem_features,
#collaborationcrmpage #navitem_features,
#collaborationprojectspage #navitem_features,
#collaborationmailpage #navitem_features,
#desktopmobileappspage #navitem_features,
#officeforiospage #navitem_features,
#officeforandroidpage #navitem_features,
#mobileprojectspage #navitem_features,
#editorcomparisonpage #navitem_features,
#editorcomparisonmsofficepage #navitem_features,
#editorcomparisongoogledocspage #navitem_features,
#editorcomparisonzohodocspage #navitem_features,
#editorcomparisoncollaborapage #navitem_features,
#editorcomparisonlibreofficepage #navitem_features,
#comparesolutionspage #navitem_features,
#newspage #navitem_features,
#downloadenterprisepage #navitem_download,
#downloadspage #navitem_download,
#downloaddesktoppage #navitem_download,
#downloadbuilderpage #navitem_download,
#integrationdownloadspage #navitem_download,
#downloadconnectorspage #navitem_download,
#integrationrequest #navitem_download,
#connectorsrequestpage #navitem_download,
#enterpriseeditionfreepage #navitem_download,
#cloudofficepage #navitem_solutions,
#serversolutionspage #navitem_solutions,
#connectorsmainpage #navitem_solutions,
#connectorsalfrescopage #navitem_solutions,
#connectorsconfluencepage #navitem_solutions,
#connectorsnextcloudpage #navitem_solutions,
#connectorsowncloudpage #navitem_solutions,
#connectorssharepointpage #navitem_solutions,
#connectorsthirdpartypage #navitem_solutions,
#securitypage #navitem_solutions,
#nonprofitpage #navitem_solutions,
#compareeditionspage #navitem_solutions,
#comparedocumenteditionspage #navitem_solutions,
#signinpage #navitem_download,
#signuppage #navitem_download,
#fordeveloperspage #navitem_solutions,

#saaspricespage #navitem_prices,
#solutionspage #navitem_prices,
#servereditorspricespage #navitem_prices,
#desktoppricespage #navitem_prices,
#integrationpricespage #navitem_prices,
#resellerspage #navitem_partners,
#partnerspage #navitem_partners,
#partnerdeveloperspage #navitem_partners,
#findpartnerspage #navitem_partners,
#partnershiprequestpage #navitem_partners,
#affiliatespage #navitem_partners,
#onlyofficeblockchainpage #navitem_blockchain,
#whowearepage #navitem_about,
#contributepage #navitem_about,
#casestudiespage #navitem_about,
#customerspage #navitem_about,
#awardspage #navitem_about,
#eventspage #navitem_about,
#pressdownloadspage #navitem_about,
#contactuspage #navitem_about,
#signinpage a.singin {
    color: @redColor;
    border-color: @redColor;
}

#forsmallbusinesspage,
#forenterprises,
#fordeveloperspage,
#forhostingproviders,
#governmentpage,
#healthcarepage,
#forresearchpage,
#educationpage,
#nonprofitspage,
#homeusepage
 {
    #navitem_solutions {
        color: @redColor;
    }
}

#workspacepage #navitem_features,
#newintegrationpricespage #navitem_prices,
#workspacepricingpage #navitem_prices
{
    color: @redColor;
}

#newspage #navitem_latest_releases,
#securitypage #navitem_solutions_security,
#officeforiospage #navitem_solutions_clients_mobile_ios,
#officeforandroidpage #navitem_solutions_clients_mobile_android,
#mobileprojectspage #navitem_solutions_clients_mobile_projects,
#desktopmobileappspage #navitem_solutions_clients_apps,

#downloaddesktoppage #navitem_download_desktop,
#downloadbuilderpage #navitem_download_docbuilder,
#integrationdownloadspage #navitem_download_integration,
#integrationrequest #navitem_download_integration,
#downloadconnectorspage #navitem_download_connectors,
#connectorsrequestpage #navitem_download_connectors,
#partnerdeveloperspage #navitem_developers,
#findpartnerspage #navitem_find_partners,
#partnershiprequestpage #navitem_submit_request,
#resellerspage #navitem_resellers,
#partnerspage #navitem_hosters,
#affiliatespage #navitem_hosters,
#mobileprojectspage #navitem_clients_third_level_menu,
#desktopmobileappspage #navitem_clients_third_level_menu,
#integrationeditionpage #navitem_solutions_integration,
#serversolutionspage #navitem_solutions_server_enterprice,
#cloudofficepage #navitem_solutions_saas,
#desktoppricespage #navitem_prices_desktop,
#saaspricespage #navitem_prices_saas,
#newintegrationpricespage #navitem_prices_server_enterprice,
#integrationpricespage #navitem_prices_integration,
#workspacepricingpage #navitem_prices_enterprise,
#servereditorspricespage #navitem_prices_server_enterprice,
#connectorsmainpage #navitem_solutions_connectors,
#enterpriseeditionfreepage #navitem_download_enterprise,
#downloadenterprisepage #navitem_download_enterprise,
#downloadspage #navitem_download_community,
#nonprofitpage #navitem_solutions_nonprofit,
#signinpage #navitem_solutions_signin,

#editorcomparisonpage #navitem_solutions_compare,
#editorcomparisonmsofficepage #navitem_features_compare_msoffice,
#editorcomparisongoogledocspage #navitem_features_compare_google,
#editorcomparisonzohodocspage #navitem_features_compare_zoho,
#editorcomparisoncollaborapage #navitem_features_compare_collabora,
#editorcomparisonlibreofficepage #navitem_features_compare_libreoffice,
#comparesolutionspage #navitem_features_compare_office365_gsuite,
#compareeditionspage #navitem_solutions_enterprise_compare,
#comparedocumenteditionspage #navitem_solutions_integration_compare,
#documentBuilderLanding #navitem_solutions_docbuilder,

#officesuitemainpage #navitem_features_editors,
#officesuitedoceditorpage #navitem_features_document_editor,
#officesuitespeditorpage #navitem_features_spreadsheet_editor,
#officesuitepreditorpage #navitem_features_presentation_editor,

#collaborationmainpage #navitem_features_comserver,
#collaborationdocmanagepage #navitem_features_documents,
#collaborationcommunitypage #navitem_features_network,
#collaborationcalendarpage #navitem_features_calendar,
#collaborationcrmpage #navitem_features_crm,
#collaborationprojectspage #navitem_features_projects,
#collaborationmailpage #navitem_features_mail,

#whowearepage #navitem_about_about,
#contributepage #navitem_about_contribute,
#customerspage #navitem_about_customers,
#awardspage #navitem_about_awards,
#eventspage #navitem_about_events,
#newwebinarspage #navitem_about_webinars,
#pressdownloadspage #navitem_about_pressdownloads,
#contactuspage #navitem_about_contacts,


#connectorsalfrescopage #navitem_solutions_connector_alfresco,
#connectorsconfluencepage #navitem_solutions_connector_confluence,
#connectorsnextcloudpage #navitem_solutions_connector_nextcloud,
#connectorsowncloudpage #navitem_solutions_connector_owncloud,
#connectorssharepointpage #navitem_solutions_connector_sharepoint,
#connectorsthirdpartypage #navitem_solutions_connector_thirdparty {
    background: #F7F7F7;
}

a#banners {
    display: none;
}

.banners a#banners {
    display: block;
}
#landing_enterprise,
#serverlandingpreoderpage,
#owncloudlandingpage,
#nextcloudlandingpage {
    .partnership_menu_item,
    .cookie_mess {
        display: none !important;
    }
}

@media screen and (max-width: 1500px) {

    nav {
        & > div {
            & > ul {
                &.all-menu-items {
                    max-width: 650px;
                }
                }
            }
        }
    }


@media screen and (max-width: 1369px) {

    nav {
        margin-right: 30%;
        width: 50vw;

       .pushy-content {
        max-width: 950px;
                }
          }

    .narrowheader {
        width: 100%;

        .logo {
            margin-left: 60px;
            z-index: 10000000;
            height: 40px;
            width: 50px;

            a {
                width: 50px;
            }
        }
    }
}