.grayscale100 {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%)
}

.grayscale0 {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0)
}

.headerH2Style {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: "Open Sans", sans-serif, Arial
}

.mobileWidth {
    width: calc(100% - 32px);
    padding-left: 16px;
    padding-right: 16px
}

.mobileFont {
    font-size: 15px
}

.boldHeaderH1Style {
    font-size: 46px;
    font-weight: 700;
    color: 1.2em;
    line-height: 1.2em;
    text-align: left;
    font-family: "Open Sans", sans-serif, Arial
}

.max-width-1 {
    max-width: 970px;
    margin: 0 auto
}

.max-width-2 {
    max-width: 1180px;
    margin: 0 auto
}

.max-width-3 {
    max-width: 1150px;
    margin: 0 auto
}

.max-width-4 {
    max-width: 1000px;
    margin: 0 auto
}

.shadowWithTransition {
    box-shadow: 0 7px 25px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 7px 25px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 7px 25px rgba(0, 0, 0, 0.1);
    -webkit-transition: box-shadow 0.3s;
    -moz-transition: box-shadow 0.3s;
    -o-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s
}

.shadowHover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1)
}

.shadowWithTransitionAndHover {
    box-shadow: 0 7px 25px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 7px 25px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 7px 25px rgba(0, 0, 0, 0.1);
    -webkit-transition: box-shadow 0.3s;
    -moz-transition: box-shadow 0.3s;
    -o-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s
}

.shadowWithTransitionAndHover:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1)
}

.shadowLiteSmall {
    box-shadow: 0 7px 25px rgba(85, 85, 85, 0.15);
    -moz-box-shadow: 0 7px 25px rgba(85, 85, 85, 0.15);
    -webkit-box-shadow: 0 7px 25px rgba(85, 85, 85, 0.15)
}

.shadowLiteBlurred {
    box-shadow: 0px 15px 150px rgba(85, 85, 85, 0.25);
    -moz-box-shadow: 0px 15px 150px rgba(85, 85, 85, 0.25);
    -webkit-box-shadow: 0px 15px 150px rgba(85, 85, 85, 0.25)
}

.shadowDarkBlurred {
    box-shadow: 0px 15px 170px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 15px 170px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 15px 170px rgba(0, 0, 0, 0.25)
}

nav {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0 361px 0 180px;
    height: 71px;
    width: calc(100% - 541px);
    text-align: center
}

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

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

nav>div>ul.all-menu-items {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    width: 100%
}

nav>div>ul.all-menu-items>li:nth-child(1) {
    padding-left: 3vw
}

nav>div>ul.all-menu-items>li:nth-child(6) {
    padding-right: 3vw
}

nav>div>ul>li {
    padding: 0;
    margin: 0;
    height: 71px
}

nav>div>ul>li>a {
    padding: 21px 0;
    display: inline-block;
    height: 29px;
    border-bottom-color: #ff642e;
    text-transform: uppercase
}

nav>div>ul>li>a.call_phone {
    padding: 21px 20px
}

nav>div>ul>li>ul>li {
    text-transform: none
}

nav>div>ul a.singin {
    border: 1px solid #aaa;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-transition: background 0.3s, color 0.3s, border 0.3s;
    -moz-transition: background 0.3s, color 0.3s, border 0.3s;
    -o-transition: background 0.3s, color 0.3s, border 0.3s;
    transition: background 0.3s, color 0.3s, border 0.3s;
    margin: -18px 0 0 15px;
    padding: 13px 25px;
    height: auto
}

nav>div>ul a.singin:hover {
    color: #ff642e
}

nav ul.akkordeon li>div {
    display: none
}

nav .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
}

.menuitem {
    white-space: nowrap
}

.phone_wrapper {
    position: absolute;
    right: -324px;
    top: 0;
    left: auto;
    bottom: auto;
    margin: 0;
    padding: 0
}

.call_phone {
    text-decoration: none;
    color: #333;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.02em;
    line-height: 29px;
    vertical-align: middle;
    display: none;
    padding-top: 22px
}

.call_phone:before {
    display: inline-block;
    margin: 0 7px 4px 0;
    padding: 0;
    width: 18px;
    height: 18px;
    content: '';
    background-image: url(https://static-www.onlyoffice.com/images/phone.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 18px 18px;
    vertical-align: middle
}

.call_phone:hover,
.call_phone:focus,
.call_phone:active {
    color: #333;
    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: #333;
    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;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

@media screen and (min-width:1090px) {
    .BaseSide.default .call_phone.default {
        display: inline-block
    }
    .BaseSide.eu .call_phone.eu {
        display: inline-block
    }
    .BaseSide.sg .call_phone.sg {
        display: inline-block
    }
    .BaseSide.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_about_menu,
    #navitem_hoofd1_menu,
    #navitem_download_menu,
    #navitem_partnership_menu,
    #navitem_prices_menu,
    #navitem_solutions_menu {
        display: none;
        position: absolute;
        z-index: 1999;
        border: 0 none;
        border-bottom: 1px solid #ff642e;
        top: 71px;
        box-shadow: 0 40px 40px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 40px 40px rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: 0 40px 40px rgba(0, 0, 0, 0.15)
    }
    #navitem_features_menu .dropdown-content,
    #navitem_about_menu .dropdown-content,
    #navitem_hoofd1_menu .dropdown-content,
    #navitem_download_menu .dropdown-content,
    #navitem_partnership_menu .dropdown-content,
    #navitem_prices_menu .dropdown-content,
    #navitem_solutions_menu .dropdown-content {
        list-style-type: none;
        margin: 0;
        padding: 15px 0;
        display: block;
        min-width: 200px;
        background: #fff;
        text-align: left
    }
    #navitem_features_menu .dropdown-content>li,
    #navitem_about_menu .dropdown-content>li,
    #navitem_hoofd1_menu .dropdown-content>li,
    #navitem_download_menu .dropdown-content>li,
    #navitem_partnership_menu .dropdown-content>li,
    #navitem_prices_menu .dropdown-content>li,
    #navitem_solutions_menu .dropdown-content>li {
        display: block;
        margin: 0;
        padding: 0;
        vertical-align: top
    }
    #navitem_features_menu:before,
    #navitem_about_menu:before,
    #navitem_hoofd1_menu:before,
    #navitem_download_menu:before,
    #navitem_partnership_menu:before,
    #navitem_prices_menu:before,
    #navitem_solutions_menu:before {
        display: block;
        position: absolute;
        width: 0;
        content: "";
        height: 1px;
        background-color: #ff642e;
        transition: width 0.2s ease-in-out, left 0.2s ease-in-out;
        left: 50%;
        top: 0
    }
    #navitem_features_menu:after,
    #navitem_about_menu:after,
    #navitem_hoofd1_menu:after,
    #navitem_download_menu:after,
    #navitem_partnership_menu:after,
    #navitem_prices_menu:after,
    #navitem_solutions_menu:after {
        display: block;
        position: absolute;
        width: 0;
        content: "";
        height: 1px;
        background-color: #ff642e;
        transition: width 0.2s ease-in-out;
        left: 50%;
        top: 0
    }
    #navitem_features_menu.top_border:before,
    #navitem_about_menu.top_border:before,
    #navitem_hoofd1_menu.top_border:before,
    #navitem_download_menu.top_border:before,
    #navitem_partnership_menu.top_border:before,
    #navitem_prices_menu.top_border:before,
    #navitem_solutions_menu.top_border:before {
        width: 50%;
        left: 0
    }
    #navitem_features_menu.top_border:after,
    #navitem_about_menu.top_border:after,
    #navitem_hoofd1_menu.top_border:after,
    #navitem_download_menu.top_border:after,
    #navitem_partnership_menu.top_border:after,
    #navitem_prices_menu.top_border:after,
    #navitem_solutions_menu.top_border:after {
        width: 50%
    }
    #navitem_solutions_menu {
        width: 1030px;
        left: calc(50% - 426px)
    }
    #navitem_solutions_menu .dropdown-content>li {
        display: table-cell;
        width: 25%;
        border-right: 1px solid #efefef
    }
    #navitem_solutions_menu .dropdown-content>li:last-of-type {
        border-right: 0 none
    }
    #navitem_features_menu {
        width: 820px;
        left: calc(50% - 322px)
    }
    #navitem_features_menu .dropdown-content>li {
        display: table-cell;
        width: 295px;
        border-right: 1px solid #efefef
    }
    #navitem_features_menu .dropdown-content>li:last-of-type {
        border-right: 0 none
    }
    #navitem_about,
    #navitem_hoofd1,
    #navitem_features,
    #navitem_blockchain,
    #navitem_download,
    #navitem_partners,
    #navitem_solutions,
    #navitem_prices {
        border-bottom: 1px solid #d9d9d9
    }
    .latest_releases {
        width: 100%;
        margin: 0;
        padding: 0;
        background-color: #fff
    }
    .latest_releases:before {
        width: 95%;
        height: 0;
        margin: 0 auto;
        border-top: 1px solid #efefef;
        display: block;
        content: ''
    }
}

.accented {
    color: #ff642e
}

#navitem_features_menu,
#navitem_about_menu,
#navitem_hoofd1_menu,
#navitem_download_menu,
#navitem_partnership_menu,
#navitem_prices_menu,
#navitem_solutions_menu {
    padding: 0;
    text-transform: uppercase
}

a.dropdown-item {
    display: block;
    background: none;
    border: 0;
    color: #ff642e;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    line-height: 36px;
    margin: 0;
    padding: 0 25px;
    text-decoration: none;
    white-space: nowrap
}

a.dropdown-item:hover {
    background-color: #f7f7f7
}

.navitem_description {
    color: #999;
    font-size: 13px;
    line-height: 1.4em;
    text-transform: none;
    padding: 0 25px 20px
}

ul.navitem_2nd_menu {
    padding: 0 0 10px;
    margin: 0
}

ul.navitem_2nd_menu li a.nav_2nd_menu_link {
    display: block;
    text-transform: none;
    background: none;
    border: 0;
    color: #333;
    font-size: 14px;
    cursor: pointer;
    line-height: 1.4em;
    margin: 0;
    padding: 8px 25px;
    text-decoration: none
}

ul.navitem_2nd_menu li a.nav_2nd_menu_link:hover,
ul.navitem_2nd_menu li a.nav_2nd_menu_link.redirect {
    background-color: #f7f7f7
}

ul.navitem_2nd_menu li a.nav_2nd_menu_link#navitem_solutions_signin {
    color: #ff642e
}

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

#navitem_about:hover,
#navitem_hoofd1:hover,
#navitem_features:hover,
#navitem_download:hover,
#navitem_partners:hover,
#navitem_solutions:hover,
#navitem_blockchain:hover,
#navitem_prices:hover,
a.singin:hover {
    border-color: #ff642e
}

#navitem_about.active,
#navitem_hoofd1.active,
#navitem_features.active,
#navitem_download.active,
#navitem_partners.active,
#navitem_solutions.active,
#navitem_blockchain.active,
#navitem_prices.active,
a.singin.active {
    border-color: #ff642e;
    color: #ff642e
}

#navitem_about.active:hover,
#navitem_hoofd1.active:hover,
#navitem_features.active:hover,
#navitem_download.active:hover,
#navitem_partners.active:hover,
#navitem_solutions.active:hover,
#navitem_blockchain.active:hover,
#navitem_prices.active:hover,
a.singin.active:hover {
    border-color: #ff642e
}

#navitem_blockchain {
    color: #ff642e
}

#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,
#mobileappspage #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,
#downloadenterprisepage #navitem_download,
#downloadspage #navitem_download,
#downloaddesktoppage #navitem_download,
#integrationdownloadspage #navitem_download,
#downloadconnectorspage #navitem_download,
#integrationrequest #navitem_download,
#connectorsrequestpage #navitem_download,
#enterpriseeditionfreepage #navitem_download,
#newspage #navitem_solutions,
#supportpage #navitem_solutions,
#cloudofficepage #navitem_solutions,
#serversolutionspage #navitem_solutions,
#integrationeditionpage #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,
#documentBuilderLanding #navitem_solutions,
#comparedocumenteditionspage #navitem_solutions,
#signinpage #navitem_solutions,
#saaspricespage #navitem_prices,
#solutionspage #navitem_prices,
#servereditorspricespage #navitem_prices,
#desktoppricespage #navitem_prices,
#integrationpricespage #navitem_prices,
#newintegrationpricespage #navitem_prices,
#resellerspage #navitem_partners,
#partnerspage #navitem_partners,
#partnerdeveloperspage #navitem_partners,
#findpartnerspage #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,
#contactuspage #navitem_about,
#whowearepage #navitem_hoofd1,
#hoofd1sub2page #navitem_hoofd1,
#hoofd1sub3page #navitem_hoofd1,
#customerspage #navitem_hoofd1,
#awardspage #navitem_hoofd1,
#eventspage #navitem_hoofd1,
#contactuspage #navitem_hoofd1,
#signinpage a.singin {
    color: #ff642e;
    border-color: #ff642e
}

#newspage #navitem_latest_releases,
#securitypage #navitem_solutions_security,
#mobileappspage #navitem_solutions_clients_mobile,
#mobileprojectspage #navitem_solutions_clients_mobile_projects,
#desktopmobileappspage #navitem_solutions_clients_apps,
#downloaddesktoppage #navitem_download_desktop,
#integrationdownloadspage #navitem_download_integration,
#integrationrequest #navitem_download_integration,
#downloadconnectorspage #navitem_download_connectors,
#connectorsrequestpage #navitem_download_connectors,
#partnerdeveloperspage #navitem_developers,
#findpartnerspage #navitem_find_partners,
#resellerspage #navitem_resellers,
#partnerspage #navitem_hosters,
#affiliatespage #navitem_hosters,
#mobileappspage #navitem_clients_third_level_menu,
#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_connectors,
#integrationpricespage #navitem_prices_integration,
#servereditorspricespage #navitem_prices_server_enterprice,
#featureseditorspage #navitem_features_editors,
#featurespage #navitem_features_comserver,
#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,
#casestudiespage #navitem_about_casestudies,
#customerspage #navitem_about_customers,
#awardspage #navitem_about_awards,
#eventspage #navitem_about_events,
#contactuspage #navitem_about_contacts,
#whowearepage #navitem_hoofd1_about,
#hoofd1sub2page #navitem_hoofd1_hoofd1sub2,
#hoofd1sub3page #navitem_hoofd1_hoofd1sub3,
#customerspage #navitem_hoofd1_customers,
#awardspage #navitem_hoofd1_awards,
#eventspage #navitem_hoofd1_events,
#contactuspage #navitem_hoofd1_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
}

#nonprofitpage a#banners,
.banners a#banners {
    display: block
}

#ooserverpage .partnership_menu_item,
#oobusinesspage .partnership_menu_item,
#oobusinesspagetrial .partnership_menu_item,
#landing_enterprise .partnership_menu_item,
#serverlandingpage .partnership_menu_item,
#cloudlandingpage .partnership_menu_item,
#integrationlandingpage .partnership_menu_item,
#serverlandingpreoderpage .partnership_menu_item,
#educationfreesolutionspage .partnership_menu_item,
#owncloudlandingpage .partnership_menu_item,
#nextcloudlandingpage .partnership_menu_item,
#editwordonline .partnership_menu_item,
#ooserverpage .cookie_mess,
#oobusinesspage .cookie_mess,
#oobusinesspagetrial .cookie_mess,
#landing_enterprise .cookie_mess,
#serverlandingpage .cookie_mess,
#cloudlandingpage .cookie_mess,
#integrationlandingpage .cookie_mess,
#serverlandingpreoderpage .cookie_mess,
#educationfreesolutionspage .cookie_mess,
#owncloudlandingpage .cookie_mess,
#nextcloudlandingpage .cookie_mess,
#editwordonline .cookie_mess {
    display: none !important
}