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

body#defaultpage .BaseSide {
    background: #fff
}

body#defaultpage .BaseSide footer {
    border-top: 0 none
}

body#defaultpage .BaseSide .innerblue {
    width: 1300px
}

.grecaptcha-badge {
    display: none
}

.innerblue {
    margin: 0 auto;
    position: relative;
    width: 970px
}

.InnerPage {
    width: 100%
}

.InnerPage.saasprices .innerblue {
    padding-bottom: 50px
}

.InnerPage.unsubscribe {
    padding: 60px 0
}

.InnerPage .description {
    position: relative;
    top: 0;
    right: 0;
    padding: 0;
    color: #333;
    font-size: 13px;
    margin: 0
}

.InnerPage .description ol {
    line-height: 1.3em
}

.InnerPage .description li {
    list-style-type: none;
    padding: 8px 0 8px 20px
}

.InnerPage .description .quotation {
    color: #666;
    font-size: 13px;
    display: block;
    line-height: 1.4em
}

.InnerPage .description .quotation:before,
.InnerPage .description .quotation:after {
    content: "\201d"
}

.InnerPage h1 {
    color: #3d4a6b;
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    line-height: 1.3em
}

.InnerPage p {
    font-size: 13px;
    padding: 10px 0;
    line-height: 1.5em
}

.InnerPage p.nocredit {
    font-size: 12px;
    margin: 0 0 20px 0;
    padding: 0
}

.InnerPage a {
    color: #ff642e
}

.InnerPage .Breads {
    width: 970px;
    margin: 0 auto
}

.InnerPage .Breads h1 {
    display: inline-block;
    margin: 23px 5px 0 0
}

.InnerPage .Breads h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    display: inline-block;
    margin: 23px 5px 0 0;
    padding: 0
}

.InnerPage .bottomgray {
    position: relative;
    left: 0;
    bottom: 0;
    height: 55px;
    margin-bottom: -10px
}

.InnerPage .bottomgray .signinmain {
    background: #fff;
    width: 280px;
    height: 55px;
    left: -100px;
    top: -59px;
    margin: 4px auto 0;
    position: relative
}

.InnerPage .bottomgray .signinmain a.button,
.InnerPage .bottomgray .signinmain a.button:hover,
.InnerPage .bottomgray .signinmain a.button:active,
.InnerPage .bottomgray .signinmain a.button:visited {
    color: #fff;
    top: 0;
    left: 0;
    height: 28px;
    padding: 12px 0 0;
    width: 269px;
    text-align: center;
    font-size: 15px
}

.InnerPage .prices .signinmain {
    width: 240px;
    height: 48px;
    position: relative;
    top: 0;
    right: 0;
    padding: 0;
    margin: 15px 0 0
}

.InnerPage .prices .signinmain a.button,
.InnerPage .prices .signinmain a.button:hover,
.InnerPage .prices .signinmain a.button:active,
.InnerPage .prices .signinmain a.button:visited {
    width: auto;
    height: 18px;
    padding: 15px 25px;
    margin: 0;
    background: none;
    display: block;
    color: #fff;
    font-size: 22px;
    text-decoration: none
}

.InnerPage .quotsignature {
    color: #333;
    font-size: 11px;
    display: block;
    padding: 0;
    margin-top: 10px;
    font-weight: 700
}

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

.DefaultPage {
    height: 730px;
    width: 100%;
    background: url(../../images/mainpage/main_imagecover.png) 50% 85px no-repeat;
    padding-top: 50px;
    position: relative
}

.DefaultPage .innerblue {
    height: auto
}

.DefaultPage .innerblue h1 {
    font-weight: 300;
    font-size: 36px;
    text-align: center;
    padding: 20px 0;
    color: #333
}

.DefaultPage .innerblue h2 {
    font-weight: 300;
    font-size: 18px;
    text-align: center;
    padding: 0;
    color: #666
}

.DefaultPage ul.overview {
    list-style-type: none;
    width: 932px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif, Arial;
    font-weight: 400;
    line-height: 1.3em;
    color: #fff;
    vertical-align: middle;
    height: 253px
}

.main_page_gotooffice {
    margin-top: 500px;
    width: 970px
}

.main_page_gotooffice .mp_gto_button {
    float: right;
    width: 397px;
    padding: 4px 0 0 48px;
    text-align: left
}

.main_page_gotooffice .mp_free_np {
    margin: 9px 0 0;
    color: #666
}

.main_page_gotooffice .mp_free_np .mp_free {
    color: #ff642e;
    text-transform: uppercase
}

.main_page_gotooffice .mp_gto_text {
    border-right: 1px solid #b2b2b2;
    width: 478px;
    color: #333;
    padding: 3px 46px 10px 0;
    text-align: right;
    font-size: 18px;
    line-height: 1.2em;
    font-weight: 400
}

.main_page_gotooffice .mp_gto_text.mpgto_cloud {
    padding-bottom: 0
}

.main_page_gotooffice .mp_gto_text .mp_gto_users {
    color: #ff642e
}

.main_page_gotooffice .mp_gto_text .mp_gto_sub {
    color: #666;
    font-size: 12px;
    padding: 10px 0 0
}

#partnershiprequestpage .InnerPage .description {
    padding: 80px 0 60px
}

#partnershiprequestpage .InnerPage .description h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    text-align: center;
    padding: 0 0 10px
}

#partnershiprequestpage .InnerPage .description p {
    text-align: center;
    padding: 0 0 40px
}

#partnershiprequestpage .InnerPage .description .dataForm,
#partnershiprequestpage .InnerPage .description .partnershiprequestform {
    margin: 0 auto
}

.undertop {
    width: 100%;
    background: #e0e0e0;
    height: 80px;
    margin: -32px 0 32px
}

.comsoon:after,
.lbl_free:after {
    content: '';
    display: inline-block;
    width: 34px;
    height: 9px;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-left: 8px;
    vertical-align: middle
}

.comsoon:after {
    background-image: url(../../images/soon/soon.png)
}

.lbl_free:after {
    background-image: url(../../images/free.png)
}

.ami .description {
    width: 970px
}

.ami .description h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    padding: 60px 0 40px
}

.privacy .description h2 {
    margin: 0 0 40px
}

.terms .description,
.privacy .description {
    padding: 60px 0
}

.terms .description h2,
.privacy .description h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    max-width: 500px;
    padding: 0 0 20px
}

.ptp_main_blocks {
    padding: 40px 0
}

.ptpmb_block {
    padding: 40px 0;
    margin: 0;
    border-top: 1px solid #e5e5e5
}

.ptpmb_block:last-of-type {
    border-bottom: 1px solid #e5e5e5
}

.ptpmb_header {
    font-size: 18px;
    font-weight: 600;
    padding: 0 0 20px;
    vertical-align: middle
}

.ptpmb_open_source {
    display: inline-block;
    padding: 0 0 0 22px;
    margin-left: 20px;
    color: #a9a9a9;
    font-size: 14px;
    font-weight: 600;
    vertical-align: middle;
    min-height: 17px;
    text-decoration: none;
    background: url(../../images/open_source_icon.png) no-repeat 0 50%
}

.ptpmb_link {
    display: inline-block;
    margin: 0 20px 0 0;
    font-size: 14px
}

#partnerspage .partnerspage .innerblue .description .partnerspage_header .partnerspage_header_narrow {
    text-align: left;
    position: relative
}

#partnerspage .partnerspage .innerblue .description .partnerspage_header .partnerspage_header_narrow h2 {
    max-width: 420px
}

#partnerspage .partnerspage .innerblue .description .partnerspage_header .partnerspage_header_narrow .fph_description_overlay {
    position: absolute;
    top: -134px;
    left: 530px;
    width: 1325px;
    height: 773px;
    z-index: 5;
    background: url(../../images/touroverview/features_cover_image.png) no-repeat 0 0
}

#partnerspage .partnerspage .innerblue .description .partnerspage_header .partnerspage_header_narrow .most_powerful_caption {
    top: 190px;
    right: 0
}

#partnerspage .partnerspage .innerblue .description .partnerspage_subheader.ps_integration {
    padding-bottom: 40px;
    padding-top: 0;
    text-align: center
}

#partnerspage .partnerspage .innerblue .description .free-partnership-content {
    width: 100%
}

#partnerspage .partnerspage .innerblue .description .free-partnership-content .solutionspages_security_block {
    border-bottom: 1px solid #e3e3e3;
    margin-top: 0
}

#partnerspage .partnerspage .innerblue .description .free-partnership-content .sps_block .sps_block_text {
    font-size: 13px
}

#partnerspage .partnerspage .innerblue .description .free-partnership-content .pps_systems {
    text-align: center;
    margin-bottom: 80px
}

#partnerspage .partnerspage .innerblue .description .free-partnership-content .pps_systems .pps_system {
    display: inline-block;
    height: 40px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin: 0 20px
}

#partnerspage .partnerspage .innerblue .description .free-partnership-content .pps_systems .pps_system.ppss_block1 {
    width: 128px;
    background-image: url(../../images/partnership/201607/logo_whmcs.png)
}

#partnerspage .partnerspage .innerblue .description .free-partnership-content .pps_systems .pps_system.ppss_block2 {
    width: 144px;
    background-image: url(../../images/partnership/201607/logo_cpanel.png)
}

#partnerspage .partnerspage .innerblue .description .free-partnership-content .pps_systems .pps_system.ppss_block3 {
    width: 129px;
    background-image: url(../../images/partnership/201607/logo_plesk.png)
}

#partnerspage .partnerspage .innerblue .description .free-partnership-content .pps_systems .pps_system.ppss_block4 {
    width: 85px;
    background-image: url(../../images/partnership/201607/logo_isp.png)
}

#partnerspage .partnerspage .innerblue .description .partnerspage_features {
    margin: 40px auto -10px
}

#partnerspage .partnerspage .innerblue .description .partnerspage_presentation {
    width: 660px;
    height: 402px;
    background-image: url(../../images/partnership/201607/notebook.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 20px auto 10px;
    position: relative
}

#partnerspage .partnerspage .innerblue .description .partnerspage_presentation .ppp_play {
    position: absolute;
    z-index: 50;
    width: 456px;
    height: 285px;
    left: 104px;
    top: 22px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px
}

#partnerspage .partnerspage .innerblue .description .partnerspage_presentation .ppp_play:before {
    background-image: url(../../images/partnership/201607/playbutton.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    content: '';
    display: block;
    width: 88px;
    height: 88px;
    position: relative;
    margin: 89px auto 20px;
    z-index: 1
}

#partnerspage .partnerspage .innerblue .description .partnerspage_presentation .ppp_play:hover:before {
    background-position: 0 -88px
}

#partnerdeveloperspage .partnerspage .innerblue .description .partnerspage_header .partnerspage_header_narrow h2 {
    max-width: 600px
}

#partnerdeveloperspage .partnerspage .innerblue .description .partnerspage_header .partnerspage_header_narrow .fph_description_overlay {
    position: absolute;
    top: 126px;
    left: 480px;
    width: 640px;
    height: 414px;
    z-index: 5;
    background: url(../../images/partnership/hover_image_partnership_developers.png) no-repeat 0 0
}

#partnerdeveloperspage .partnerspage .innerblue .description .partnerspage_header .partnerspage_header_narrow .fph_description_overlay h2 {
    max-width: 560px
}

#partnerdeveloperspage .partnerspage .innerblue .description .partnerspage_header .partnerspage_header_narrow .most_powerful_caption {
    right: 0;
    bottom: 40px
}

#partnerdeveloperspage .partnerspage .innerblue .description .ppd_center_blocks {
    width: 970px;
    margin: 0 auto 40px
}

#partnerdeveloperspage .partnerspage .innerblue .description .ppd_center_blocks .ppdcb {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 2;
    height: 333px;
    margin: 0 0 0 -4px;
    background-repeat: no-repeat;
    background-size: cover;
    color: #333;
    text-align: left
}

#partnerdeveloperspage .partnerspage .innerblue .description .ppd_center_blocks .ppdcb.ppdcb_block1 {
    background-image: url(../../images/partnership/main_imagesolution_n2.jpg);
    background-position: 0 0;
    width: 485px
}

#partnerdeveloperspage .partnerspage .innerblue .description .ppd_center_blocks .ppdcb.ppdcb_block1 .ppdcb_overlay {
    background-color: rgba(220, 227, 239, 0.85);
    width: 100%;
    height: 333px
}

#partnerdeveloperspage .partnerspage .innerblue .description .ppd_center_blocks .ppdcb.ppdcb_block2 {
    background-image: url(../../images/partnership/main_imagesolution_n1.jpg);
    background-position: 100% 0;
    width: 484px
}

#partnerdeveloperspage .partnerspage .innerblue .description .ppd_center_blocks .ppdcb.ppdcb_block2 .ppdcb_overlay {
    background-color: rgba(203, 214, 235, 0.85);
    width: 100%;
    height: 333px
}

#partnerdeveloperspage .partnerspage .innerblue .description .ppd_center_blocks .ppdcb h3 {
    font-weight: 600;
    font-size: 18px;
    padding: 70px 40px 0;
    height: 70px;
    line-height: 1.3em
}

#partnerdeveloperspage .partnerspage .innerblue .description .ppd_center_blocks .ppdcb .ppdcb_main_text {
    font-size: 14px;
    padding: 13px 40px 60px 40px;
    line-height: 1.5em;
    font-weight: 400
}

#partnerdeveloperspage .partnerspage .innerblue .description .ppd_center_blocks .ppdcb .ppdcb_link1,
#partnerdeveloperspage .partnerspage .innerblue .description .ppd_center_blocks .ppdcb .ppdcb_link2 {
    margin: 0 0 0 40px;
    display: inline-block;
    font-weight: 600
}

#partnerdeveloperspage .partnerspage .innerblue .description .ppd_center_blocks .ppdcb .ppdcb_link2 {
    color: #333
}

#partnerdeveloperspage .partnerspage .innerblue .description .ppd_join {
    text-align: center;
    padding: 60px 0 0
}

#partnerdeveloperspage .partnerspage .innerblue .description .ppd_join .ppdj_main_text {
    max-width: 640px;
    margin: 0 auto 30px;
    font-size: 18px;
    line-height: 1.5em
}

#partnerdeveloperspage .partnerspage .innerblue .description .ppd_join .ppdj_bottom_text {
    max-width: 520px;
    margin: 30px auto 0;
    font-size: 12px;
    line-height: 1.2em;
    color: #666
}

#partnerdeveloperspage .partnerspage .innerblue .description .solutionspages_security_block {
    border-top: 0 none;
    background-color: #f6f6f6
}

#partnerdeveloperspage .partnerspage .innerblue .description .solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block {
    width: 420px
}

#partnerdeveloperspage .partnerspage .innerblue .description .solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block .pfb_links a {
    font-size: 14px
}

#partnerdeveloperspage .partnerspage .innerblue .description .solutionspages_security_block .partnerspage_bottom_buttons {
    text-align: center;
    padding: 40px 0 80px
}

#partnerdeveloperspage .partnerspage .innerblue .description .solutionspages_security_block .partnerspage_bottom_buttons .ppbb_text {
    padding: 20px 0 0
}

#partnerdeveloperspage .partnerspage .innerblue .description .solutionspages_security_block .partnerspage_bottom_buttons .ppbb_text a {
    color: #333
}

#partnerdeveloperspage .partnerspage .innerblue .description .ie_inuse h2 {
    text-align: center
}

.partnerspage .innerblue {
    width: 100%
}

.partnerspage .innerblue .description {
    margin: 0 auto;
    width: 100%;
    float: none;
    text-align: center
}

.partnerspage .innerblue .description .partnerspage_header .partnerspage_header_narrow {
    width: 970px;
    margin: 0 auto;
    padding: 31px 0;
    text-align: left;
    position: relative
}

.partnerspage .innerblue .description .partnerspage_header .partnerspage_header_narrow h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    margin: 50px 0 40px
}

.partnerspage .innerblue .description .partnerspage_subheader {
    color: #333;
    font-size: 22px;
    margin: 0;
    padding: 50px 0 0
}

.partnerspage .innerblue .description .partnerspage_subheader_text {
    font-size: 13px;
    max-width: 400px;
    margin-bottom: 60px
}

.partnerspage .innerblue .description .dataItem {
    margin-top: 10px
}

.partnerspage .innerblue .description .dataItem div.dataLabel {
    line-height: 20px;
    margin-bottom: 4px
}

.partnerspage .innerblue .description p {
    font-size: 15px
}

.partnerspage .innerblue .description .partnerspage_bottom_buttons {
    padding-bottom: 60px
}

.partnerspage .innerblue .description .partnerspage_completeform {
    font-weight: 700
}

.partnershiprequestform {
    width: 368px
}

.partnershiprequestform .dataForm {
    padding-left: 0
}

.partnershiprequestform .dataForm .dataItem textarea {
    height: 110px
}

.partnershiprequestform .dataForm .dataItem.dataItemPhone table.styled-select-container {
    width: 100%
}

.installcanceled .description {
    width: 970px
}

.installcanceled .signinmain {
    left: 0;
    width: 970px
}

.team .description {
    margin-right: -37px;
    width: 725px
}

.team .description p.wearetheteam {
    width: 688px;
    margin-right: 37px
}

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

.banners .description {
    padding: 80px 0
}

.banners .description h4 {
    font-size: 22px;
    font-weight: 400;
    margin: 30px 0 10px
}

.nonprofit .description {
    padding: 0 0 80px
}

.nonprofit .innerblue {
    width: auto
}

.nonprofit .faq_pricing_block {
    border-top: 0 none
}

.nonprofit .faq_pricing_block ul.list_with_orange_markers {
    max-width: 940px
}

.nonprofit .faq_pricing_block ul.list_with_orange_markers li {
    padding-left: 38px
}

.nonprofit_header {
    background-color: #9fc54c;
    background-image: url(../../images/nonprofit/bg-header-nonpr.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0;
    height: 530px;
    color: #fff
}

.nonprofit_header_narrow {
    width: 970px;
    margin: 0 auto;
    padding: 90px 0 0
}

.nonprofit_header_narrow h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    max-width: 350px;
    color: #fff
}

.nonprofit_header_narrow p {
    font-size: 18px;
    position: relative;
    line-height: 1.4em;
    max-width: 350px;
    padding: 70px 0 50px
}

.nonprofit_header_narrow p:before {
    display: block;
    content: '';
    width: 60px;
    height: 1px;
    margin: 0;
    padding: 0;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 43px
}

.nonprofit_block1 {
    background-color: #f6f6f6;
    margin: 0;
    text-align: center
}

.nonprofit_block1_narrow {
    width: 970px;
    margin: 0 auto;
    padding: 80px 0
}

.nonprofit_block1_narrow h4 {
    font-size: 24px;
    font-weight: 400;
    max-width: 770px;
    margin: 0 auto;
    line-height: 1.4em
}

.npb1_list {
    padding: 50px 0 0
}

.npb1_list_block {
    width: 280px;
    display: inline-block;
    font-size: 18px;
    padding: 120px 20px 0;
    vertical-align: top;
    background-repeat: no-repeat;
    line-height: 1.2em
}

.npb1_list_block.npb1_lb_1 {
    background-position: 50% 0;
    background-size: 112px 83px;
    background-image: url(../../images/nonprofit/icons/saas.png)
}

.npb1_list_block.npb1_lb_2 {
    background-position: 50% 30px;
    background-size: 112px 59px;
    background-image: url(../../images/nonprofit/icons/web-office.png)
}

.npb1_list_block.npb1_lb_3 {
    background-position: 50% 30px;
    background-size: 94px 59px;
    background-image: url(../../images/nonprofit/icons/registration.png)
}

.nonprofit_block_steps {
    padding: 80px 0
}

.nonprofit_block_steps_narrow {
    width: 940px;
    margin: 0 auto;
    text-align: center
}

.nonprofit_block_steps_narrow h3 {
    font-size: 36px;
    font-weight: 300;
    color: #ff642e;
    margin: 0 auto;
    text-align: center;
    padding: 0 0 30px;
    line-height: 1.2em
}

.npbs_description {
    font-size: 18px;
    padding: 0 0 20px
}

.npbs_step_block {
    width: 100%;
    background-color: #f6f6f6;
    margin: 66px 0 0;
    padding: 50px 0;
    position: relative
}

.npbs_step_block h5 {
    font-size: 22px;
    font-weight: 400;
    margin: 0 auto;
    line-height: 1.4em
}

.npbs_step_block .dataForm {
    margin: 50px auto 0;
    max-width: 620px;
    text-align: left
}

.npbs_step_block .dataForm input.button {
    float: right;
    margin: -86px 0 0;
    width: 298px
}

.npbs_step_number {
    position: absolute;
    width: 100%;
    top: -25px;
    left: 0;
    text-align: center
}

.npbs_step_number .npbs_digit {
    display: inline-block;
    padding: 16px 0 0;
    width: 44px;
    height: 28px;
    font-size: 14px;
    background-color: #fff;
    border: 4px solid #ff642e;
    color: #ff642e;
    font-weight: 600;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%
}

.npbs_step_description {
    max-width: 450px;
    font-size: 14px;
    line-height: 1.4em;
    margin: 0 auto;
    padding: 10px 0 0
}

.npbs_step_half {
    width: 350px;
    margin: 0;
    padding: 210px 40px 0;
    display: inline-block;
    vertical-align: top;
    background-position: 50% 10px;
    background-repeat: no-repeat;
    background-size: 235px 180px
}

.npbs_step_half.npbs_half_1 {
    background-image: url(../../images/nonprofit/icons/onlyoffice-pictures.png)
}

.npbs_step_half.npbs_half_2 {
    background-image: url(../../images/nonprofit/icons/write-note.png)
}

.npbs_step_bottom_link {
    display: block;
    font-size: 15px;
    line-height: 1.4em;
    margin: 10px 0 0
}

.npbs_step_inter {
    width: 60px;
    display: inline-block;
    vertical-align: top;
    padding: 220px 0 0
}

.bottomnarrow {
    width: 970px;
    position: relative;
    margin: 0 auto;
    height: 156px;
    background-color: transparent
}

.bottomnarrow .pricetag {
    background: transparent url(../../images/mainpage/price_star.png) 0 0 no-repeat;
    width: 156px;
    height: 156px;
    position: absolute;
    z-index: 100;
    top: -15px;
    left: 35px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase
}

.bottomnarrow .pricetag .pricetag_us {
    font-size: 48px;
    display: block;
    margin: 40px 0 5px
}

h1.nextgen {
    position: absolute;
    right: 465px;
    top: 33px;
    text-align: right;
    font-size: 30px;
    color: #fff;
    font-weight: 400
}

.main_unique_offer {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    background-color: #ff642e;
    width: 58px;
    height: 46px;
    padding: 10px 9px 0 0;
    color: #fff;
    text-align: right;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 1.4em;
    font-weight: 300;
    border-bottom-left-radius: 25px;
    -moz-border-radius-bottomleft: 25px;
    -webkit-border-bottom-left-radius: 25px
}

.main_unique_offer .uo_getfree {
    display: block;
    font-size: 11px
}

.perfectmatch {
    background-image: url(../../images/mainpage/main_imagesolution.jpg);
    background-position: 0 0;
    background-repeat: no-repeat
}

.perfectmatch .main {
    display: inline-block;
    background: #fff;
    vertical-align: top;
    position: relative;
    z-index: 2;
    width: 320px;
    height: 378px
}

.perfectmatch .main.pm_cloud_solution {
    background: rgba(22, 92, 169, 0.05);
    margin: 0;
    width: 320px
}

.perfectmatch .main.pm_server_solution {
    background: rgba(22, 92, 169, 0.2);
    margin: 0 0 0 -3px;
    width: 320px
}

.perfectmatch .main.pm_integration_solution {
    background: rgba(22, 92, 169, 0.85);
    margin: 0 0 0 -3px;
    position: relative;
    width: 319px
}

.perfectmatch .main.pm_integration_solution h3 {
    color: #fff
}

.perfectmatch .main.pm_integration_solution .matchnarrow_main_sub {
    color: #dfe6f0
}

.perfectmatch .main.pm_integration_solution .matchnarrow_main_text {
    color: #ced8e8
}

.perfectmatch .main.pm_integration_solution a {
    color: #c3cfe2
}

.perfectmatch .main h3 {
    color: #333;
    font-weight: 600;
    font-size: 18px;
    padding: 70px 0 0 40px;
    height: 70px;
    line-height: 1.2em
}

.perfectmatch .main .matchnarrow_main_sub {
    width: 230px;
    line-height: 1.3em;
    color: #666;
    font-weight: 700;
    font-size: 13px;
    padding: 0 0 0 40px
}

.perfectmatch .main .matchnarrow_main_text {
    width: 230px;
    color: #666;
    font-size: 13px;
    padding: 25px 0 0 40px;
    line-height: 1.3em;
    font-weight: 400
}

.perfectmatch .main .matchnarrow_main_text li {
    list-style-type: none;
    padding: 0 0 0 15px;
    position: relative
}

.perfectmatch .main .matchnarrow_main_text li:before {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    position: absolute;
    left: 0;
    top: 5px;
    background-color: #e27248
}

.perfectmatch .main a {
    display: inline-block;
    padding: 30px 0 0 40px;
    color: #ff642e;
    text-decoration: underline;
    font-weight: 400
}

.perfectmatch .main a:hover {
    text-decoration: none
}

.main-page-perfectmatch {
    height: 378px;
    position: relative
}

.main-page-perfectmatch .bg-image {
    background-image: url('../images/mainpage/main_imagesolution.jpg');
    height: 378px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: -2
}

.main-page-perfectmatch .bg-gradient {
    background-color: #95cd5c;
    background-image: -webkit-gradient(linear, 0% top, 100% top, from(#029ef3), to(#95cd5c));
    background-image: -webkit-linear-gradient(left, color-stop(#029ef3 0%), color-stop(#95cd5c 100%));
    background-image: -moz-linear-gradient(left, #029ef3 0%, #95cd5c 100%);
    background-image: linear-gradient(to right, #029ef3 0%, #95cd5c 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff029ef3', endColorstr='#ff95cd5c', GradientType=1);
    height: 378px;
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    opacity: 0.8;
    z-index: -1
}

.main-page-perfectmatch .part {
    background: transparent;
    color: #fff;
    display: inline-block;
    height: 318px;
    padding: 60px 40px 0;
    position: relative;
    vertical-align: top;
    width: 235px;
    z-index: 2
}

.main-page-perfectmatch .part:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, 0.5)
}

.main-page-perfectmatch .part h3 {
    font-size: 18px;
    font-weight: 600;
    height: 40px;
    line-height: 1.2em;
    margin: 0 0 31px
}

.main-page-perfectmatch .part .sub {
    font-size: 13px;
    font-weight: 700;
    height: 60px;
    line-height: 1.3em;
    margin: 0 0 25px
}

.main-page-perfectmatch .part .text {
    font-size: 13px;
    font-weight: 400;
    height: 60px;
    line-height: 1.3em;
    margin: 0 0 25px
}

.main-page-perfectmatch .part .text li {
    list-style-type: none;
    padding: 0 0 0 15px;
    position: relative
}

.main-page-perfectmatch .part .text li:before {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    position: absolute;
    left: 0;
    top: 5px;
    background-color: #e27248
}

.main-page-perfectmatch .part a {
    color: #fff
}

.main_page_download {
    text-align: center
}

.mpd_buttons .button.white,
.mpd_buttons .button.white:visited {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-color: #999;
    text-transform: none;
    font-size: 12px;
    padding: 15px 0 15px 48px;
    position: relative;
    margin: 0 6px;
    width: 120px
}

.mpd_buttons .button.white:before,
.mpd_buttons .button.white:visited:before {
    content: '';
    width: 36px;
    height: 36px;
    display: block;
    position: absolute;
    top: 5px;
    left: 20px;
    background-image: url(../../images/mainpage/downloads_2x.png);
    background-size: 514px 34px;
    background-repeat: no-repeat
}

.mpd_buttons .button.white.mpd_for_windows:before,
.mpd_buttons .button.white:visited.mpd_for_windows:before {
    background-position: -143px 0
}

.mpd_buttons .button.white.mpd_for_linux:before,
.mpd_buttons .button.white:visited.mpd_for_linux:before {
    background-position: -71px 0
}

.mpd_buttons .button.white.mpd_for_macos:before,
.mpd_buttons .button.white:visited.mpd_for_macos:before {
    background-position: 0 0
}

.mpd_buttons .button.white.mpd_appstore,
.mpd_buttons .button.white:visited.mpd_appstore,
.mpd_buttons .button.white.mpd_googleplay,
.mpd_buttons .button.white:visited.mpd_googleplay {
    display: inline-block;
    height: 15px;
    background-repeat: no-repeat;
    background-size: 514px 34px;
    background-image: url(../../images/mainpage/downloads_2x.png)
}

.mpd_buttons .button.white.mpd_appstore:before,
.mpd_buttons .button.white:visited.mpd_appstore:before,
.mpd_buttons .button.white.mpd_googleplay:before,
.mpd_buttons .button.white:visited.mpd_googleplay:before {
    display: none
}

.mpd_buttons .button.white.mpd_appstore,
.mpd_buttons .button.white:visited.mpd_appstore {
    background-position: -373px 50%
}

.mpd_buttons .button.white.mpd_googleplay,
.mpd_buttons .button.white:visited.mpd_googleplay {
    background-position: -192px 50%
}

.mpd_buttons .button.white:hover,
.mpd_buttons .button.white:visited:hover {
    border-color: #cbcbcb !important;
    padding: 15px 0 15px 48px;
    text-transform: none;
    width: 120px;
    font-size: 12px
}

.mpd_buttons .button.white:active,
.mpd_buttons .button.white:visited:active {
    border-color: #a3a3a3 !important;
    padding: 15px 0 15px 48px;
    text-transform: none;
    width: 120px;
    font-size: 12px
}

.main-page-download {
    height: auto;
    padding: 0 40px;
    background: #fff;
    background-image: url('../images/mainpage/bg_gradient.png');
    background-position: left bottom;
    background-repeat: repeat-x
}

.main-page-download .mpd_text {
    color: #ff642e;
    font-size: 18px;
    font-weight: 400;
    margin: 30px 0 92px;
    text-align: center
}

.solutionspages_awards {
    padding: 60px 0
}

.mpa_awards {
    position: relative;
    vertical-align: middle;
    width: 960px;
    margin: 0 auto
}

.mpa_awards h3 {
    color: #adadad;
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    margin: 0;
    position: absolute;
    left: 30px;
    top: 30px
}

.mpa_awards a.header-link {
    position: absolute;
    left: 27px;
    top: 60px;
    background: none;
    text-align: left;
    color: #ff642e;
    width: auto
}

.mpa_awards .mpa_awards_text {
    text-align: right;
    position: absolute;
    right: 30px;
    top: 30px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 2em;
    width: 280px
}

.mpa_awards .mpa_awards {
    height: 130px;
    padding: 30px 0 0;
    text-align: center
}

.mpa_awards .mpa_awards_bg {
    height: 108px;
    border-top: 15px solid #fff;
    border-bottom: 15px solid #fff;
    position: relative;
    width: 100%;
    background-color: #f6f6f6
}

.mpa_awards .mpa_awards_bg:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 54px 0 54px 14px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    left: 0;
    top: 0
}

.mpa_awards .mpa_awards_bg:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 54px 14px 54px 0;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    right: 0;
    top: 0
}

.mpa_awards .mpa_awards_underlay {
    width: 199px;
    height: 199px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border: 1px solid #e5e5e5;
    margin: -44px auto 0;
    position: relative;
    z-index: -3
}

.mpa_awards .mpa_awards_circle_underlay {
    background: #f6f6f6;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    width: 158px;
    height: 158px;
    position: absolute;
    top: -22px;
    left: 401px
}

.mpa_awards a {
    display: inline-block;
    vertical-align: middle;
    width: 128px;
    height: 150px;
    background-image: url(../../images/mainpage/main_sprite_awwards.png);
    background-repeat: no-repeat;
    margin: 0 6px
}

.mpa_awards a.mpaa_pcmag {
    background-position: 0 0
}

.mpa_awards a.mpaa_getapp {
    background-position: -189px 0
}

.mpa_awards a.mpaa_clean {
    background-position: -375px 0
}

.mpa_awards a.mpaa_opensource {
    background-position: -564px 0
}

.mpa_awards a.mpaa_pcmag_2016 {
    background-position: -752px 0;
    position: absolute;
    z-index: 100;
    left: 411px;
    top: -5px
}

.mpa_awards a.mpaa_pcmag_2016_cloud {
    background-position: -940px 0
}

.mpa_awards a.mpaa_raritysoft {
    background-position: -1129px 0
}

.main-page-awards {
    height: auto;
    padding: 0 0 51px
}

.desktopmobileapps_awards {
    text-align: left;
    padding: 70px 0 0;
    position: relative;
    z-index: 5
}

.desktopmobileapps_awards .mpa_awards {
    text-align: left
}

.main-page-press {
    clear: both;
    height: 117px;
    padding: 60px 0 93px
}

.main-page-press h3 {
    color: #adadad;
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    margin: 0 0 0 30px;
    position: relative
}

.main-page-press .header-link {
    color: #ff642e;
    font-size: 13px;
    font-weight: normal;
    position: absolute;
    right: 20px;
    top: 0
}

.main-page-press .magazines {
    text-align: center
}

.main-page-press .magazines .magazine {
    display: inline-block;
    width: 220px;
    height: 160px;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 7px
}

.main-page-press .magazines .magazine.techradar {
    background-image: url(../../images/mainpage/press/writers_techradar.png)
}

.main-page-press .magazines .magazine.cmswire {
    background-image: url(../../images/mainpage/press/writers_cmswire.png)
}

.main-page-press .magazines .magazine.businessinsider {
    background-image: url(../../images/mainpage/press/writers_businessinsider.png)
}

.main-page-press .magazines .magazine.netzwelt {
    background-image: url(../../images/mainpage/press/writers_netzwelt.png)
}

.main-page-press .magazines .magazine.pcmag {
    background-image: url(../../images/mainpage/press/writers_pcmag.png)
}

.main_customers {
    padding: 69px 0 37px
}

.main_customers h3 {
    text-align: left;
    margin: 0 0 0 30px;
    font-size: 18px;
    font-weight: 600;
    color: #adadad;
    position: relative
}

.main_customers .header-link {
    color: #ff642e;
    font-size: 13px;
    font-weight: normal;
    position: absolute;
    right: 20px;
    top: 0
}

.main_customers .mc_articles {
    float: right;
    margin: -15px 0 0;
    color: #ff642e;
    display: inline-block;
    padding: 0 20px;
    text-decoration: underline;
    background-color: #fff;
    position: relative;
    z-index: 20
}

.main_customers .mc_articles:hover {
    text-decoration: none
}

.main_customers .mc_blocks {
    text-align: right;
    clear: both;
    padding: 34px 0
}

.main_customers .mc_blocks .mc_user_block {
    text-align: center;
    display: inline-block;
    width: 265px;
    padding: 100px 0 0 25px;
    background-repeat: no-repeat;
    background-position: 50% 20px;
    vertical-align: top
}

.main_customers .mc_blocks .mc_user_block.mc_user1 {
    background-image: url(../../images/mainpage/users/clients_arnaud_talaia.png)
}

.main_customers .mc_blocks .mc_user_block .mcu_quote {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    line-height: 1.7em
}

.main_customers .mc_blocks .mc_user_block .mcu_author {
    color: #666;
    font-weight: 700;
    font-size: 14px;
    padding: 30px 0 0
}

.main_customers .mc_blocks .mc_user_block .mcu_title {
    color: #a9a9a9;
    font-weight: 400;
    font-size: 12px;
    padding: 10px 0 0;
    line-height: 1.2em
}

.main_customers .main-page-clients {
    border-bottom: 0 none;
    width: 620px;
    height: 320px;
    float: left;
    text-align: left;
    padding: 0
}

.main_customers .main-page-clients h3 {
    display: none
}

.main_customers .main-page-clients .client {
    margin: -25px 42px 0 0
}

h2.opensource_download,
p.opensource_download {
    font-size: 18px;
    color: #50719b;
    font-weight: 700;
    margin: 0;
    line-height: 1.5em;
    padding: 10px 0
}

.mobile a.appstore_main,
.mobile a.googleplay_main {
    display: block;
    width: 118px;
    height: 47px;
    margin: 0;
    padding: 0;
    text-decoration: none;
    background-repeat: no-repeat;
    position: absolute;
    top: 223px
}

.mobile a.appstore_main {
    background-image: url(../../images/mobile_app_btns.png);
    background-position: 0 0;
    left: 25px
}

.mobile a.googleplay_main {
    background-image: url(../../images/mobile_app_btns.png);
    background-position: -118px 0;
    left: 153px
}

.narrowdesc {
    width: 327px;
    margin: 0 30px 10px 0;
    display: inline-block;
    vertical-align: top
}

.narrowdesc h4 {
    margin: 10px 0 0;
    min-height: 24px;
    font-size: 18px;
    line-height: 1.2em;
    color: #333
}

.narrowdesc p {
    margin: 0
}

.security .narrowdesc {
    width: 630px;
    margin: 0 0 10px 32px;
    display: inline-block;
    vertical-align: top;
    padding-left: 26px
}

.licfaq .description h2,
.highlights .description h4,
.news .description h2,
.helpsupport h4 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    clear: both;
    margin: 10px 0 0
}

.licfaq {
    padding: 80px 0
}

.teamphotos p.photo {
    width: 144px;
    height: 35px;
    float: left;
    clear: none;
    padding: 150px 0 0;
    margin: 10px 37px 40px 0;
    background-repeat: no-repeat;
    background-position: 0 0;
    line-height: 1.1em
}

.teamphotos p.photo span {
    display: block
}

.teamphotos p.photo span.teamname {
    font-size: 18px;
    line-height: 1.4em
}

.customerphotos {
    margin: 0 0 50px;
    position: relative
}

.customerphotos td {
    height: 404px;
    position: relative;
    width: 238px
}

.customerphotos .photo {
    width: 207px;
    height: 233px;
    display: inline-block;
    padding: 170px 20px 0 10px;
    margin: 0 -1px -1px 0;
    background-repeat: no-repeat;
    background-position: 14px 11px;
    line-height: 1.3em;
    vertical-align: top;
    border: solid 1px #e1e1e1;
    z-index: 10;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0
}

.customerphotos .photo .customer_cut {
    display: none
}

.customerphotos .photo a.see_full {
    display: block;
    height: 38px;
    width: 153px;
    position: absolute;
    padding: 17px 0 0 60px;
    z-index: 20;
    bottom: 0;
    left: 12px;
    border-top: solid 1px #e1e1e1;
    background-image: url(../../images/icon_eyes.png);
    background-repeat: no-repeat;
    background-position: 0 0
}

.customerphotos p.photo:hover {
    min-height: 158px;
    height: auto;
    border: solid 1px #3d4a6c;
    z-index: 15;
    padding-bottom: 75px;
    cursor: default
}

.customerphotos p.photo:hover .customer_cut {
    display: inline
}

.customerphotos p.photo:hover .customer_dots {
    display: none
}

.customerphotos p.photo:hover a.see_full {
    background-position: 0 -55px
}

.customerphotos .customer1 {
    background-image: url(../../images/quotes/docmanage.jpg)
}

.customerphotos .customer2 {
    background-image: url(../../images/quotes/projectmanagement.jpg)
}

.customerphotos .customer3 {
    background-image: url(../../images/quotes/collaboration.png)
}

.customerphotos .customer9,
.customerphotos .customer4 {
    background-image: url(../../images/clients/07_natalie-bramble.png)
}

.customerphotos .customer5 {
    background-image: url(../../images/clients/12_sdsol.png)
}

.customerphotos .customer6 {
    background-image: url(../../images/clients/13_megan.png)
}

.customerphotos .customer7,
.customerphotos .customer202 {
    background-image: url(../../images/clients/10_ilearneyu.png)
}

.customerphotos .customer10 {
    background-image: url(../../images/clients/03_prime.png)
}

.customerphotos .customer11 {
    background-image: url(../../images/clients/04_centria.png)
}

.customerphotos .customer13 {
    background-image: url(../../images/clients/09_luis_lions.png)
}

.customerphotos .customer15 {
    background-image: url(../../images/clients/08_redcross.png)
}

.customerphotos .customer16 {
    background-image: url(../../images/clients/11_jessie.png)
}

.customerphotos .customer18 {
    background-image: url(../../images/clients/14_high.png)
}

.customerphotos .customer19 {
    background-image: url(../../images/clients/16_ta.png)
}

.customerphotos .customer20 {
    background-image: url(../../images/clients/15_modest.png)
}

.customerphotos .customer101 {
    background-image: url(../../images/clients/06_adialeto.png)
}

.customerphotos .customer102 {
    background-image: url(../../images/quotes/es/docmanage.jpg)
}

.customerphotos .customer103 {
    background-image: url(../../images/quotes/es/projectmanagement.jpg)
}

.customerphotos .customer201 {
    background-image: url(../../images/quotes/ru/projectmanagement.jpg)
}

.customerphotos .customer203 {
    background-image: url(../../images/clients/02_alex_kulik.png)
}

.customerphotos .customer204 {
    background-image: url(../../images/clients/01_ilya_kus.png)
}

.customerphotos .customer205 {
    background-image: url(../../images/clients/05_alex_alaev.png)
}

.customerphotos .customer206 {
    background-image: url(../../images/clients/18_dolgov.png)
}

.customerphotos .customer207 {
    background-image: url(../../images/clients/17_anton.png)
}

.customerphotos .casestudy1 {
    background-image: url(../../images/clients/feedback_post1.jpg)
}

.customerphotos .casestudy2 {
    background-image: url(../../images/clients/feedback_post2.jpg)
}

.customerphotos .casestudy3 {
    background-image: url(../../images/clients/feedback_post3.jpg)
}

.customerphotos .casestudy4 {
    background-image: url(../../images/clients/feedback_post4.jpg)
}

.customerphotos .casestudy5 {
    background-image: url(../../images/clients/feedback_post5.jpg)
}

.customerphotos .casestudy6 {
    background-image: url(../../images/clients/feedback_post6.jpg)
}

.customerphotos .casestudy7 {
    background-image: url(../../images/clients/feedback_post8.jpg)
}

.customers .customerphotos {
    margin: 0 0 50px
}

.customers .customerphotos td {
    height: 340px
}

.customers .customerphotos p {
    height: 169px
}

.customers .customerphotos p.photo:hover {
    padding-bottom: 11px
}

.mainpart {
    min-height: 100%;
    position: relative;
    padding-bottom: 380px;
    overflow-x: hidden;
    overflow-y: hidden
}

.mainpart .cookie_mess {
    display: none;
    position: fixed;
    bottom: 30px;
    width: 100%;
    text-align: center;
    z-index: 1000
}

.mainpart .cookie_mess .container {
    display: inline-block;
    padding: 11px 0;
    background: rgba(255, 100, 46, 0.9)
}

.mainpart .cookie_mess .container span {
    display: inline-block;
    line-height: 20px;
    color: #fff;
    font-family: 'Open Sans', sans-serif, Arial;
    font-size: 14px;
    margin-left: 27px;
    margin-right: 15px
}

.mainpart .cookie_mess .container span a {
    color: #fff
}

.mainpart .cookie_mess .container a.cookie_mess_button {
    display: inline-block;
    background: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 7px 27px;
    height: auto;
    text-decoration: none;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    vertical-align: middle;
    text-transform: uppercase;
    margin-right: 10px;
    white-space: nowrap
}

#defaultpage .mainpart {
    padding-bottom: 0
}

.main-page-twitter {
    height: 245px;
    padding: 0;
    position: relative;
    border-top: 1px solid #e5e5e5;
    margin-top: 72px
}

.main-page-twitter .tweets {
    height: 245px;
    background-color: #fff;
    text-align: center;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px
}

.main-page-twitter .tweet-icon {
    text-align: center;
    margin-top: 12px;
    margin: 0 auto
}

.main-page-twitter .tweet-icon img {
    margin: 0 auto 30px;
    width: 48px;
    height: 48px;
    border-radius: 5px
}

.main-page-twitter .tweet-message {
    text-align: left;
    width: calc(100% - 32px);
    padding-left: 16px;
    padding-right: 16px
}

.main-page-twitter .tweet-message-text {
    line-height: normal;
    margin: 20px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    line-height: 1.5em;
    font-size: 14px
}

.main-page-twitter .tweet-message-text a {
    color: #ff642e
}

.main-page-twitter .tweet-user-name {
    display: inline-block;
    font-size: 14px;
    margin-right: 15px;
    color: #666
}

.main-page-twitter .tweet-message-date {
    color: #666;
    display: inline-block;
    font-size: 14px
}

.main-page-twitter .slick-list {
    margin: 0 80px;
    padding: 32px 0
}

.main-page-twitter button {
    background-color: transparent;
    background-image: url("../../images/mainpage/arrows.png");
    background-repeat: no-repeat;
    border: medium none;
    font-size: 0;
    height: 70px;
    padding: 0;
    position: absolute;
    width: 70px
}

.main-page-twitter .slick-prev,
.main-page-twitter .slick-next {
    background-color: transparent;
    background-image: url("../../images/mainpage/arrows.png");
    background-repeat: no-repeat;
    border: medium none;
    font-size: 0;
    height: 55px;
    padding: 0;
    position: absolute;
    width: 55px;
    top: 85px;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    -webkit-transition: box-shadow 0.3s, background-color 0.3s, border-color 0.3s;
    -moz-transition: box-shadow 0.3s, background-color 0.3s, border-color 0.3s;
    -o-transition: box-shadow 0.3s, background-color 0.3s, border-color 0.3s;
    transition: box-shadow 0.3s, background-color 0.3s, border-color 0.3s
}

.main-page-twitter .slick-prev:hover,
.main-page-twitter .slick-next:hover {
    background-color: #fff;
    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)
}

.main-page-twitter .slick-prev {
    left: -80px;
    background-position: 2px 5px
}

.main-page-twitter .slick-next {
    right: -80px;
    background-position: -92px 5px
}

.mainpageclients {
    padding: 0 0 60px;
    max-width: 620px;
    float: left;
    vertical-align: top
}

.mainpageclients .mp_client {
    vertical-align: top;
    display: inline-block;
    width: 170px;
    height: 160px;
    background-repeat: no-repeat;
    margin: 0 10px;
    background-image: url(../../images/mainpage/may2018/customers-articles.png);
    background-size: auto 110px;
    background-position-y: 50%;
    -webkit-transition: filter 0.5s, -webkit-filter 0.5s;
    -moz-transition: filter 0.5s, -webkit-filter 0.5s;
    -o-transition: filter 0.5s, -webkit-filter 0.5s;
    transition: filter 0.5s, -webkit-filter 0.5s;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%)
}

.mainpageclients .mp_client.mp_client1 {
    background-position: -32px
}

.mainpageclients .mp_client.mp_client2 {
    background-position-x: -233px
}

.mainpageclients .mp_client.mp_client3 {
    background-position-x: -429px
}

.mainpageclients .mp_client.mp_client4 {
    background-position-x: -607px
}

.mainpageclients .mp_client.mp_client5 {
    background-position-x: -780px
}

.mainpageclients .mp_client.mp_client6 {
    background-position-x: -927px
}

.mainpageclients .mp_client.mp_client7 {
    background-position-x: -2327px
}

.mainpageclients .mp_client.mp_client8 {
    background-position-x: -2131px
}

.mainpageclients .mp_client:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0)
}

.main-page-clients {
    height: 180px;
    padding: 60px 0;
    border-bottom: 1px solid #e5e5e5
}

.main-page-clients h3 {
    color: #333;
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    margin: 0
}

.main-page-clients .client {
    display: inline-block;
    width: 160px;
    height: 160px;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 0 2px;
    background-image: url(../../images/mainpage/clients_sprite.png);
    -webkit-transition: filter 0.5s, -webkit-filter 0.5s;
    -moz-transition: filter 0.5s, -webkit-filter 0.5s;
    -o-transition: filter 0.5s, -webkit-filter 0.5s;
    transition: filter 0.5s, -webkit-filter 0.5s;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%)
}

.main-page-clients .client.client1 {
    background-position: 0 0
}

.main-page-clients .client.client2 {
    background-position: -220px 0
}

.main-page-clients .client.client3 {
    background-position: -440px 0
}

.main-page-clients .client.client4 {
    background-position: -660px 0
}

.main-page-clients .client.client5 {
    background-position: -880px 0
}

.main-page-clients .client.client6 {
    background-position: -1100px 0
}

.main-page-clients .client.client7 {
    background-position: -1320px 0
}

.main-page-clients .client.client8 {
    background-position: -1540px 0
}

.main-page-clients .client.client9 {
    background-position: -1760px 0
}

.main-page-clients .client.client10 {
    background-position: -1980px 0
}

.main-page-clients .client.client11 {
    background-position: -2200px 0
}

.main-page-clients .client.client12 {
    background-position: -2420px 0
}

.main-page-clients .client.client13 {
    background-position: -2640px 0
}

.main-page-clients .client.client14 {
    background-position: -2860px 0
}

.main-page-clients .client.client15 {
    background-position: -3080px 0
}

.main-page-clients .client.client16 {
    background-position: -3300px 0
}

.main-page-clients .client.client17 {
    background-position: -3520px 0
}

.main-page-clients .client.client18 {
    background-position: -3740px 0
}

.main-page-clients .client.client19 {
    background-position: -3960px 0
}

.main-page-clients .client.client20 {
    background-position: -4180px 0
}

.main-page-clients .client.client21 {
    background-position: -4400px 0
}

.main-page-clients .client.client22 {
    background-position: -4620px 0
}

.main-page-clients .client.client23 {
    background-position: -4840px 0
}

.main-page-clients .client.client24 {
    background-position: -5060px 0
}

.main-page-clients .client:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0)
}

.main-page-clients .slick-list {
    margin: 0 80px;
    width: 800px
}

.main-page-clients button {
    background-color: transparent;
    background-image: url("../../images/mainpage/arrows.png");
    background-repeat: no-repeat;
    border: medium none;
    font-size: 0;
    height: 70px;
    padding: 0;
    position: absolute;
    width: 70px
}

.main-page-clients .slick-prev {
    background-position: 10px 12px;
    left: 5px;
    top: 45px
}

.main-page-clients .slick-prev:hover {
    background-position: 10px -84px
}

.main-page-clients .slick-next {
    background-position: -84px 12px;
    right: 5px;
    top: 45px
}

.main-page-clients .slick-next:hover {
    background-position: -84px -84px
}

#nonprofitpage .main-page-clients {
    border-bottom: 0 none
}

#nonprofitpage .main-page-clients .client {
    background-image: url(../../images/customers/logo-non-profit.png);
    background-position-y: 50%;
    width: 200px !important;
    -webkit-transition: filter 0.5s, -webkit-filter 0.5s;
    -moz-transition: filter 0.5s, -webkit-filter 0.5s;
    -o-transition: filter 0.5s, -webkit-filter 0.5s;
    transition: filter 0.5s, -webkit-filter 0.5s;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%)
}

#nonprofitpage .main-page-clients .client:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0)
}

#nonprofitpage .main-page-clients .client.client25 {
    background-position-x: -15px
}

#nonprofitpage .main-page-clients .client.client26 {
    background-position-x: -226px
}

#nonprofitpage .main-page-clients .client.client27 {
    background-position-x: -434px
}

#nonprofitpage .main-page-clients .client.client28 {
    background-position-x: -649px
}

#nonprofitpage .main-page-clients .client.client29 {
    background-position-x: -863px
}

#nonprofitpage .main-page-clients .client.client30 {
    background-position-x: -1073px
}

#nonprofitpage .main-page-clients .client.client31 {
    background-position-x: -1287px
}

#nonprofitpage .main-page-clients .client.client32 {
    background-position-x: -1494px
}

#nonprofitpage .main-page-clients .client.client33 {
    background-position-x: -1710px
}

#nonprofitpage .main-page-clients .client.client34 {
    background-position-x: -1917px
}

#nonprofitpage .main-page-clients .client.client35 {
    background-position-x: -2135px
}

#nonprofitpage .main-page-clients .client.client36 {
    background-position-x: -2353px
}

#serversolutionspage .main-page-clients {
    border-bottom: none
}

#partnerspage .main-page-clients {
    border-top: 1px solid #e5e5e5;
    margin-bottom: 60px
}

#educationsolutionspage .main-page-clients,
#educationfreesolutionspage .main-page-clients {
    border-bottom: none
}

#educationsolutionspage .sfr_crm,
#educationfreesolutionspage .sfr_crm {
    display: none
}

.passwordRestoreMainContainer {
    width: 372px
}

.passwordRestoreMainContainer .Progress {
    margin-left: 8px
}

.captchaMainContainer .Progress {
    margin-left: 8px
}

.passwordRestoreSuccessful {
    color: #2d5007;
    display: none;
    font-size: 12px;
    margin-bottom: 8px;
    margin-top: -20px
}

.captchaDescription {
    font-size: 14px;
    color: #333;
    margin-top: 17px;
    text-align: left;
    line-height: 18px
}

.captchaMainContainer {
    width: 440px
}

.captchaContainer {
    width: 310px;
    margin-top: 32px;
    margin-bottom: 25px;
    height: 78px;
    position: relative
}

.captchaContainer>div {
    top: 0;
    position: absolute
}

.captcha_errorArea {
    color: #bf3703;
    display: none;
    font-size: 11px;
    margin: -24px 0 -12px;
    max-width: 270px;
    z-index: 100
}

.portalChoosePortalsContainer {
    margin-top: 16px;
    max-height: 280px;
    max-width: 800px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 0 15px
}

.portalChoosePortalsContainer>div {
    white-space: nowrap;
    overflow: hidden
}

a.portalChooseItem,
a.portalChooseItem:visited,
a.portalChooseItem:hover,
a.portalChooseItem:active {
    color: #3d4a6b;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px
}

.portalNameExistsMainContainer {
    width: 480px
}

#PortalNameVariants {
    max-height: 280px;
    overflow: hidden
}

.bottommenu {
    float: left;
    font-size: 12px
}

.bottommenu ul {
    display: inline-block
}

.bottommenu ul li {
    margin-right: 12px;
    display: inline-block
}

.bottommenu a {
    color: #666;
    text-decoration: none
}

.bottommenu a:hover {
    text-decoration: underline
}

.overview .quotation {
    color: #363636;
    font-size: 13px;
    display: inline
}

.overview a {
    text-decoration: none;
    color: #3d4a6b;
    cursor: pointer
}

.overview a:hover p {
    text-decoration: underline;
    color: #3d4a6b;
    cursor: pointer
}

.overview ul.main_modules_list {
    margin: 10px 0 0 0;
    padding: 0;
    list-style-type: none;
    font-size: 30px;
    font-weight: 300;
    color: #3d4a6b;
    line-height: 43px
}

.overview ul.main_modules_list li {
    margin: 0;
    padding: 0 0 0 30px;
    background: url(../../images/mainpage/tick.png) no-repeat 0 50%
}

.overview ul.main_modules_list li a {
    font-weight: 300;
    color: #3d4a6b
}

.overview ul.main_modules_list li a:hover {
    text-decoration: underline
}

.bigslogan {
    color: #3d4a6b;
    font-size: 47px;
    font-weight: 500;
    line-height: 1.2em;
    text-shadow: 1px 1px 1px #fff
}

.bigslogan span {
    display: block;
    font-weight: 300
}

.bigslogan sup {
    font-size: 0.5em;
    line-height: 1em
}

.quotsignature {
    color: #3d4a6b;
    display: block;
    font-size: 13px
}

.viewport {
    float: left;
    width: 900px;
    height: 380px;
    overflow: hidden;
    position: relative
}

.viewport .header_links {
    display: block;
    position: absolute;
    bottom: 52px;
    height: 117px;
    z-index: 1000;
    cursor: pointer
}

.viewport .header_links.hl_link1 {
    left: 30px;
    width: 102px
}

.viewport .header_links.hl_link2 {
    left: 132px;
    width: 94px
}

.buttons {
    display: block;
    margin: 116px 0 0 0;
    text-indent: -999em;
    width: 24px;
    height: 24px
}

.buttons.next {
    float: right;
    background-position: -24px -44px
}

.buttons.prev {
    float: left;
    background-position: -5px -44px
}

.videoplayback {
    position: relative;
    width: 640px;
    height: 385px;
    padding: 20px 0 0;
    margin: 15px 60px 30px 0;
    border-top: 1px solid #e0e0e0
}

.narrowdesc.high {
    min-height: 200px
}

.quotedesc {
    position: relative;
    width: 230px;
    float: right;
    padding: 30px 40px;
    margin: 10px 18px 30px 0;
    background: #ededed
}

.quotedesc a {
    text-decoration: none
}

.quotedesc a:hover {
    color: #3d4a6b
}

.integration .quotedesc,
.docmanage .quotedesc,
.projectmanagement .quotedesc,
.crm .quotedesc,
.collaboration .quotedesc {
    min-height: 140px;
    width: 150px;
    padding: 25px 30px 30px 180px;
    background-color: #ededed;
    background-repeat: no-repeat;
    background-position: 20px 30px;
    margin-right: 0;
    margin-left: 20px
}

.serverprices .quotedesc {
    display: none
}

.docmanage .quotedesc {
    background-image: url(../../images/quotes/docmanage.jpg)
}

.projectmanagement .quotedesc {
    background-image: url(../../images/quotes/projectmanagement.jpg)
}

.crm .quotedesc {
    background-image: url(../../images/quotes/crm.jpg)
}

.integration .quotedesc,
.collaboration .quotedesc {
    background-image: url(../../images/quotes/collaboration.png)
}

.quotedesc:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 31px;
    bottom: -28px;
    border: 14px solid;
    border-color: #ededed transparent transparent #ededed
}

.gratis:after {
    position: absolute;
    z-index: 20;
    left: 197px;
    top: 14px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url(../../images/icon_free.png);
    content: '';
    width: 46px;
    height: 21px;
    background-color: transparent
}

.saasprices .description h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    text-align: center;
    margin: 0 auto;
    margin-top: 19px;
    margin-bottom: 73px;
    padding: 0;
    max-width: 650px
}

.saasprices .description h2 b {
    font-weight: 400;
    color: #ff642e
}

.saasprices .description h4 {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center
}

.saasprices .description .block_toggle h3 {
    color: #3d4a6b;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    margin: 20px auto
}

.saasprices .description .block_toggle .features_blocks {
    margin: 60px 0 20px
}

.saasprices .description .block_toggle .features_blocks ul.checked_list {
    width: 260px;
    margin: 20px auto 0
}

.saasprices .description .block_toggle .features_blocks .f_header {
    font-size: 18px;
    font-weight: 500;
    margin: 0 auto
}

.saasprices .description .block_toggle .features_blocks .f_subheader {
    color: #83888d;
    color: #a7abb7;
    font-size: 13px;
    padding: 0;
    margin: 0 auto
}

.saasprices .description .block_toggle .features_blocks .f_plus {
    display: block;
    width: 12px;
    height: 12px;
    background-image: url(../../images/solutions/plus_check.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 10px auto -15px
}

.saasprices .description .block_toggle .features_blocks .f_comingsoon {
    font-style: italic
}

.saasprices .description .block_toggle .features_blocks a.button,
.saasprices .description .block_toggle .features_blocks a.button:hover,
.saasprices .description .block_toggle .features_blocks a.button:active,
.saasprices .description .block_toggle .features_blocks a.button:visited {
    padding: 12px 35px
}

.saasprices .description .block_toggle .features_blocks .features_free_block {
    width: 358px;
    height: 570px;
    border-left: 1px solid #b2b2b2;
    border-top: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    text-align: center
}

.saasprices .description .block_toggle .features_blocks .features_free_block .f_header {
    padding: 20px 0 0
}

.saasprices .description .block_toggle .features_blocks .features_free_block .f_subheader {
    color: #83888d
}

.saasprices .description .block_toggle .features_blocks .features_free_block .ff_price_users_block {
    margin-top: 15px;
    height: 110px
}

.saasprices .description .block_toggle .features_blocks .features_free_block .ff_price_users_block .ff_free_title {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 2px
}

.saasprices .description .block_toggle .features_blocks .features_free_block .ff_price_users_block .ff_learnmore a {
    font-size: 15px;
    color: #83888d;
    padding: 15px;
    display: inline-block
}

.saasprices .description .block_toggle .features_blocks .features_free_block .ff_price_users_block .ff_users_space {
    display: table;
    width: 340px;
    margin: 0 auto;
    padding: 0
}

.saasprices .description .block_toggle .features_blocks .features_free_block .ff_price_users_block .ff_users_space p {
    margin: 0;
    font-size: 15px
}

.saasprices .description .block_toggle .features_blocks .features_free_block .ff_price_users_block .ff_users_space .ff_us_title {
    display: table-cell;
    width: 50%
}

.saasprices .description .block_toggle .features_blocks .features_free_block .ff_price_users_block .ff_users_space .ff_us_title p {
    color: #979b9f;
    text-align: right;
    padding: 0 5px 0 0
}

.saasprices .description .block_toggle .features_blocks .features_free_block .ff_price_users_block .ff_users_space .ff_us_text {
    width: 50%;
    display: table-cell
}

.saasprices .description .block_toggle .features_blocks .features_free_block .ff_price_users_block .ff_users_space .ff_us_text p {
    text-align: left;
    padding: 0 0 0 5px
}

.saasprices .description .block_toggle .features_blocks .features_paid_block {
    width: 360px;
    height: 665px;
    background-color: #3d4a6b;
    margin-left: 359px;
    margin-top: -590px;
    color: #fff;
    text-align: center
}

.saasprices .description .block_toggle .features_blocks .features_paid_block .f_header {
    padding: 40px 0 0
}

.saasprices .description .block_toggle .features_blocks .features_paid_block .f_subheader {
    color: #a7abb7
}

.saasprices .description .block_toggle .features_blocks .features_paid_block .fc_price_block {
    margin-top: 15px;
    height: 110px
}

.saasprices .description .block_toggle .features_blocks .features_paid_block .fc_price_block p.fc_start_from {
    font-size: 15px;
    margin: 0 auto;
    padding: 16px 0 0
}

.saasprices .description .block_toggle .features_blocks .features_paid_block .fc_price_block p.fc_start_from .per_time {
    font-size: 24px;
    font-weight: 600
}

.saasprices .description .block_toggle .features_blocks .features_paid_block .fc_price_block .one-year-plan,
.saasprices .description .block_toggle .features_blocks .features_paid_block .fc_price_block .three-year-plan {
    font-size: 24px;
    font-weight: 600;
    margin: 0 auto
}

.saasprices .description .block_toggle .features_blocks .features_paid_block .fc_price_block a.fc_pricing {
    color: #fff;
    font-size: 14px;
    display: inline-block
}

.saasprices .description .block_toggle .features_blocks .features_paid_block .fc_price_block a.fc_pricing.for_cloud {
    margin: 20px auto 0
}

.saasprices .description .block_toggle .features_blocks .features_paid_block .fc_price_block a.fc_pricing.one-year-plan,
.saasprices .description .block_toggle .features_blocks .features_paid_block .fc_price_block a.fc_pricing.three-year-plan {
    margin: 7px auto 0
}

.saasprices .description .block_toggle .switcher-content {
    text-align: center;
    margin: 30px auto
}

.saasprices .description .block_toggle .switcher-content .switcher-cloud-label,
.saasprices .description .block_toggle .switcher-content .switcher-server-label,
.saasprices .description .block_toggle .switcher-content .switcher {
    height: 30px;
    line-height: 30px;
    touch-callout: none;
    -o-touch-callout: none;
    -moz-touch-callout: none;
    -webkit-touch-callout: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none
}

.saasprices .description .block_toggle .switcher-content .switcher-cloud-label,
.saasprices .description .block_toggle .switcher-content .switcher-server-label {
    font-size: 22px;
    color: #ccc;
    cursor: pointer
}

.saasprices .description .block_toggle .switcher-content .switcher {
    cursor: pointer;
    width: 64px;
    border-radius: 17px;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    background-color: #97c03c;
    display: inline-block;
    position: relative;
    margin: 0 24px -6px
}

.saasprices .description .block_toggle .switcher-content .switcher .switcher-btn {
    cursor: pointer;
    width: 34px;
    height: 34px;
    border: solid 2px #97c03c;
    border-radius: 34px;
    -moz-border-radius: 34px;
    -webkit-border-radius: 34px;
    background-color: #fff;
    position: absolute;
    left: -10px;
    top: -4px
}

.saasprices .description .block_toggle.block-server .switcher-content .switcher-server-label {
    color: #3d4a6b
}

.saasprices .description .block_toggle.block-server .switcher-content .switcher .switcher-btn {
    left: auto;
    right: -10px
}

.saasprices .description .block_toggle.block-cloud .switcher-content .switcher-cloud-label {
    color: #3d4a6b
}

.saasprices .description .prices_saas {
    width: 690px;
    position: relative;
    margin: 20px 0 85px;
    clear: both
}

.saasprices .description .prices_table {
    width: 689px;
    height: auto;
    position: relative;
    top: 0;
    right: 0
}

.saasprices .description .prices_table div.UsersDiskCaption,
.saasprices .description .prices_table div.BasicCaption,
.saasprices .description .prices_table div.OfficeCaption {
    font-size: 14px;
    padding: 15px 0 0 0;
    height: 40px;
    line-height: 18px;
    color: #333;
    text-align: center;
    position: absolute;
    top: 0
}

.saasprices .description .prices_table div.UsersDiskCaption strong,
.saasprices .description .prices_table div.BasicCaption strong,
.saasprices .description .prices_table div.OfficeCaption strong {
    display: block
}

.saasprices .description .prices_table div.UsersDiskCaption {
    left: 0;
    width: 240px
}

.saasprices .description .prices_table div.BasicCaption {
    left: 262px;
    width: 170px
}

.saasprices .description .prices_table div.OfficeCaption {
    left: 464px;
    width: 170px
}

.saasprices .description .prices_table .main_table {
    position: relative;
    top: 65px;
    left: 0
}

.saasprices .description .prices_table .main_table>div {
    margin: 0;
    width: 689px;
    height: 46px;
    position: relative;
    font-size: 12px
}

.saasprices .description .prices_table .main_table>div:last-child .usersAndStorage,
.saasprices .description .prices_table .main_table>div:last-child .new_price.basic,
.saasprices .description .prices_table .main_table>div:last-child .new_price.office {
    border-bottom: 1px solid #e0e0e0
}

.saasprices .description .prices_table .main_table .usersAndStorage,
.saasprices .description .prices_table .main_table .new_price.basic,
.saasprices .description .prices_table .main_table .new_price.office {
    display: block;
    color: #333;
    font-size: 14px;
    position: absolute;
    left: 0;
    width: 240px;
    border-top: 1px solid #e0e0e0;
    text-align: center
}

.saasprices .description .prices_table .main_table .usersAndStorage {
    padding: 15px 0 0 0;
    height: 30px
}

.saasprices .description .prices_table .main_table .new_price.basic,
.saasprices .description .prices_table .main_table .new_price.office {
    font-weight: 600;
    font-size: 18px;
    width: 170px;
    padding: 13px 0 0 0;
    height: 32px
}

.saasprices .description .prices_table .main_table .new_price.basic .rub,
.saasprices .description .prices_table .main_table .new_price.office .rub {
    font-size: 18px
}

.saasprices .description .prices_table .main_table .new_price.basic .notavailable,
.saasprices .description .prices_table .main_table .new_price.office .notavailable {
    font-size: 13px;
    display: block;
    color: #666;
    margin-top: 2px
}

.saasprices .description .prices_table .main_table .new_price.basic {
    left: 262px
}

.saasprices .description .prices_table .main_table .new_price.office {
    left: 454px
}

.saasprices .description .whatif {
    padding-left: 70px;
    background: url(../../images/image_payments.png) 0 50% no-repeat;
    min-height: 46px;
    padding-top: 14px
}

.saasprices .description .see-full-price {
    font-size: 13px;
    margin: 0 auto;
    text-align: center;
    display: block;
    color: #444
}

.saasprices .saledscr {
    width: 560px;
    margin-top: 32px
}

.saasprices .saledscr b {
    line-height: 18px
}

.saasprices .tariff-price-lost {
    position: relative;
    font-size: 13px;
    top: -2px
}

.saasprices .tariff-price-lost:after {
    content: '';
    border-top: 1px solid #e85e11;
    height: 0;
    position: absolute;
    top: 49%;
    width: 100%;
    left: -1px;
    padding: 0 1px
}

.saasprices .tariff-price-lost .rub {
    font-size: 13px
}

.saasprices .tariff-price-sale {
    font-size: 20px;
    padding: 0;
    color: #333;
    display: inline-block;
    font-size: 18px;
    height: 23px;
    line-height: 23px;
    margin-left: -1px
}

.saasprices .tariff-price-sale .rub {
    font-size: 18px
}

.saasprices .tariff-price-sale-with-percent {
    position: relative;
    background-color: #e85e11;
    border: 1px solid #e85e11;
    display: inline-block;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    top: -6px
}

.saasprices .tariff-price-sale-with-percent:after {
    content: '**';
    font-size: 12px;
    color: #e85e11;
    position: absolute;
    top: 0;
    width: 100%;
    right: -18px;
    text-align: right;
    padding: 0 1px
}

.saasprices .tariff-price-sale-with-percent .sale-price {
    background-color: #fff;
    padding: 5px 8px;
    float: left
}

.saasprices .tariff-price-sale-with-percent .sale-percent {
    background-color: #e85e11;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    padding: 0 5px;
    position: relative;
    top: 2px
}

.saasprices .saleBaloon {
    padding: 13px 20px 0px 20px;
    height: 57px;
    background-color: #e85e11;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    min-width: 60px;
    margin-left: 16px;
    top: -65px;
    position: relative;
    float: right;
    right: -5px;
    text-align: center;
    border-bottom-right-radius: 14px;
    border-top-right-radius: 14px;
    -moz-border-radius-bottomright: 14px;
    -moz-border-radius-topright: 14px;
    -webkit-border-top-right-radius: 14px;
    -webkit-border-bottom-right-radius: 14px;
    border-top-left-radius: 14px;
    -moz-border-radius-topleft: 14px;
    -webkit-border-top-left-radius: 14px
}

.saasprices .saleBaloon:before {
    border-color: transparent #e85e11;
    border-style: solid;
    border-width: 0 0 10px 20px;
    bottom: -6px;
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    width: 0
}

.saasprices .saleBaloon strong {
    display: block;
    margin-top: 4px
}

.saasprices .saleTicket {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    padding: 0 5px 0 10px;
    background-color: #e85e11;
    color: #fff;
    display: inline-block;
    height: 17px;
    line-height: 16px;
    vertical-align: bottom;
    position: relative;
    margin-right: 16px;
    white-space: nowrap;
    font-size: 12px
}

.saasprices .saleTicket:after {
    border-bottom: 9px solid transparent;
    border-top: 8px solid transparent;
    border-left: 8px solid #e85e11;
    content: '';
    font-size: 0;
    line-height: 0;
    position: absolute;
    right: -8px;
    top: 0
}

.saasprices .faqpricing,
.saasprices .pricing_plans {
    color: #333;
    font-size: 24px
}

.saasprices .faqpricing {
    margin-top: 40px;
    text-align: center;
    font-weight: 600
}

.saasprices .pricing_plans {
    margin-top: -20px;
    padding-top: 20px;
    font-weight: 700
}

.saasprices .pricingPlanSliderContainer {
    height: 45px;
    width: 610px;
    margin: 47px auto 51px;
    padding: 0 15px;
    padding-left: 25px;
    background-color: #fff;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -webkit-box-shadow: 0px 5px 35px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 5px 35px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 35px 5px rgba(0, 0, 0, 0.1)
}

.saasprices .pricingPlanQuestion {
    color: #333;
    left: 0;
    font-size: 24px;
    font-weight: 500;
    position: absolute;
    top: 360px;
    width: 100%;
    text-align: center;
    line-height: 1.2em
}

.saasprices .pricingPlanDscrContainer {
    font-size: 18px;
    font-weight: normal;
    color: #333;
    vertical-align: middle;
    text-align: center;
    line-height: 1.5em;
    max-width: 970px
}

.saasprices .pricingPlanTableContainer {
    width: 970px;
    margin: 42px 0 25px 0;
    position: relative
}

.saasprices .pricingPlanTableContainer .col-month1,
.saasprices .pricingPlanTableContainer .col-year1,
.saasprices .pricingPlanTableContainer .col-year3 {
    width: 318px;
    float: left;
    padding: 0;
    text-align: center;
    position: relative;
    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
}

.saasprices .pricingPlanTableContainer .col-month1:hover,
.saasprices .pricingPlanTableContainer .col-year1:hover,
.saasprices .pricingPlanTableContainer .col-year3: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)
}

.saasprices .pricingPlanTableContainer .col-year1 {
    background-color: #fff;
    height: 438px;
    border: 2px solid #ff642e;
    padding: 0;
    margin-left: 2px;
    margin-right: 2px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.saasprices .pricingPlanTableContainer .col-year1 .col-header {
    padding-top: 45px
}

.saasprices .pricingPlanTableContainer .col-year1 .price-dscr {
    background-color: #444;
    border-top-color: #ff642e;
    color: #fff
}

.saasprices .pricingPlanTableContainer .col-year1 .price-dscr p {
    font-weight: 400
}

.saasprices .pricingPlanTableContainer .col-month1 .price-dscr {
    height: 28px;
    padding: 10px 0 3px 0;
    margin-bottom: 15px
}

.saasprices .pricingPlanTableContainer .col-month1,
.saasprices .pricingPlanTableContainer .col-year3 {
    background-color: #fff;
    height: 440px;
    margin: 0;
    border: 1px solid rgba(85, 85, 85, 0.15);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.saasprices .pricingPlanTableContainer .col-header {
    color: #333;
    height: 60px;
    padding-top: 46px;
    vertical-align: middle;
    text-align: center
}

.saasprices .pricingPlanTableContainer .col-header .col-header-1 {
    font-size: 24px;
    font-weight: 400
}

.saasprices .pricingPlanTableContainer .col-header .col-header-2 {
    font-size: 13px;
    margin-top: 6px
}

.saasprices .pricingPlanTableContainer .col-header .col-most-pop {
    font-size: 12px;
    line-height: 12px;
    height: 12px;
    margin: -32px 0 20px;
    color: #333
}

.saasprices .pricingPlanTableContainer .price-dscr-nousers {
    background: transparent;
    border-bottom: 1px solid #e6e6e6;
    height: 20px;
    width: 265px;
    margin: 0 auto 35px
}

.saasprices .pricingPlanTableContainer .price-dscr {
    height: 28px;
    padding: 10px 0 3px 0;
    background-color: #e9e9e9;
    color: #333;
    vertical-align: central;
    width: 312px;
    margin: 0 auto 15px
}

.saasprices .pricingPlanTableContainer .price-dscr p {
    padding: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px
}

.saasprices .pricingPlanTableContainer .price-dscr p .price-per-month {
    font-size: 30px;
    font-weight: 600
}

.saasprices .pricingPlanTableContainer .price-dscr p .rub {
    font-size: 13px;
    font-weight: 600;
    line-height: 4px;
    margin: 0 4px 0 -1px
}

.saasprices .pricingPlanTableContainer .price-block {
    height: 68px;
    padding-top: 0;
    font-size: 45px;
    font-weight: 400;
    color: #ff642e
}

.saasprices .pricingPlanTableContainer .price-block .price-currency-sym {
    font-size: 21px
}

.saasprices .pricingPlanTableContainer .price-block.notavailable {
    color: #999
}

.saasprices .pricingPlanTableContainer .price-block .rub {
    font-size: 30px;
    font-weight: 600;
    line-height: 11px;
    margin: 0 0 0 -5px;
    border-bottom-width: 2px
}

.saasprices .pricingPlanTableContainer .price-dscr-2 {
    color: #999;
    height: 20px;
    vertical-align: central;
    font-size: 13px;
    line-height: 1.4em;
    display: block;
    height: 63px
}

.saasprices .pricingPlanTableContainer .price-dscr-2 b {
    display: block;
    font-size: 14px;
    color: #333;
    padding: 10px 0 15px
}

.saasprices .pricingPlanTableContainer .price-dscr-2 .rub {
    font-size: 0.9em;
    line-height: 6px;
    width: 0.5em
}

.saasprices .pricingPlanTableContainer .price-block-usr-mo {
    border-bottom: 1px solid #e6e6e6;
    font-size: 16px;
    color: #333;
    height: 46px;
    margin: 0 auto 10px;
    width: 265px
}

.saasprices .pricingPlanTableContainer .price-block-usr-mo b {
    font-weight: 600
}

.saasprices .pricingPlanTableContainer .price-block-usr-mo .rub {
    font-size: 13px;
    font-weight: 600;
    line-height: 4px;
    margin: 0 4px 0 -1px
}

.saasprices .pricingPlanTableContainer .special-offer-block {
    font-size: 14px;
    font-weight: 400;
    padding: 20px 0 9px;
    text-align: center;
    text-decoration: line-through;
    color: #666;
    height: 15px
}

.saasprices .pricingPlanTableContainer .special-offer-block .rub {
    font-size: 13px;
    font-weight: 600;
    line-height: 4px;
    margin: 0 0 0 -1px
}

.saasprices .pricingPlanTableContainer .up-to-date-block {
    font-size: 13px;
    padding: 0;
    text-align: center
}

.saasprices .pricingPlanTableContainer .buy-btn-container {
    margin: 0 auto;
    padding-top: 22px;
    width: 240px
}

.saasprices .pricingPlanTableContainer .buy-btn-container a.button {
    padding: 12px 35px;
    line-height: 20px
}

.saasprices #tariffRequestForm {
    text-align: center
}

.saasprices #tariffRequestForm .dataForm {
    text-align: left;
    width: 360px;
    margin: 0 auto
}

.saasprices #tariffRequestForm .dataForm .dataItem.dataItemPhone table.styled-select-container {
    width: 360px
}

.saasprices #tariffRequestForm .dataForm .txtRequestContent {
    height: 110px
}

.saasprices #tariffRequestForm .dataForm .progressPanel {
    text-align: center
}

.saasprices #tariffRequestForm .dataForm .divRequestTariffSuccess {
    color: #7ea626;
    font-size: 12px;
    height: 12px;
    padding: 0;
    display: none;
    margin-bottom: 2px;
    margin-top: -18px;
    margin-bottom: 4px;
    margin-top: -16px
}

.saasprices .special-offer-block-dscr {
    color: #666;
    font-size: 11px;
    padding: 15px 0 45px;
    text-align: center
}

.saasprices .special-offer-block-dscr a {
    color: #666
}

.start-trial-block {
    margin-top: 24px;
    background: transparent;
    height: 52px;
    line-height: 48px;
    padding: 20px 0 17px 30px;
    position: relative;
    border: solid 1px #d4d4d4;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    width: 942px;
    margin: 0 auto 121px
}

.start-trial-block .start-trial-block-text {
    display: inline-block;
    line-height: 16px;
    vertical-align: top;
    font-size: 16px;
    margin-left: 20px
}

.start-trial-block .start-trial-block-text b {
    font-weight: 600;
    font-size: 18px
}

.start-trial-block a.button {
    width: auto;
    line-height: normal;
    position: absolute;
    top: 46%;
    margin-top: -23px;
    right: 22px;
    padding: 15px 71px
}

.start-trial-block a.button:hover,
.start-trial-block a.button:active,
.start-trial-block a.button:visited {
    line-height: normal;
    position: absolute;
    top: 46%;
    margin-top: -23px;
    right: 22px;
    padding: 15px 71px
}

.background-overlay {
    width: 100%;
    background-color: #fff
}

.InnerPage p.faqpricing {
    color: #333;
    font-size: 24px;
    font-weight: 400;
    margin-top: 54px;
    text-align: center
}

.servereditorsprices .faq_pricing_block {
    border-top: 0 none;
    padding: 30px 0 0
}

.servereditorsprices .faq_pricing_block .faqpricing {
    max-width: 970px;
    margin: 0 auto;
    text-align: left
}

.faq_pricing_block {
    background-color: #fff;
    border-top: 1px solid #dedad8
}

.faq_pricing_block ul.list_with_orange_markers {
    width: 970px;
    margin: 20px auto 0;
    padding-bottom: 70px
}

.faq_pricing_block ul.list_with_orange_markers li {
    padding: 20px 0;
    border-top: 1px solid #e5e5e5
}

.faq_pricing_block ul.list_with_orange_markers li b {
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    display: block;
    position: relative
}

.faq_pricing_block ul.list_with_orange_markers li b:before {
    display: block;
    content: '';
    width: 29px;
    height: 24px;
    background-image: url(../../images/pricing/accordions_sprite.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    left: -36px;
    top: -4px
}

.faq_pricing_block ul.list_with_orange_markers li b.expanded_node:before {
    background-position: -34px 0
}

.faq_pricing_block ul.list_with_orange_markers li p {
    display: none;
    font-size: 14px;
    padding-bottom: 0
}

.faq_pricing_block ul.list_with_orange_markers li p a {
    color: #ff642e
}

.faq_pricing_block ul.list_with_orange_markers li:last-child {
    border-bottom: 1px solid #e5e5e5
}

.faq_pricing_block ul.list_with_orange_markers li:before {
    content: none
}

#solutionspage .saasprices .description {
    margin: 0 auto;
    float: none
}

#cloudlandingpage .InnerPage.saasprices.solutionspages {
    background: url(../../images/landing/cloud/cover_image.jpg) 50% 0 no-repeat
}

#cloudlandingpage .InnerPage.saasprices.solutionspages .pricingPlanDscrContainer {
    display: none
}

#cloudlandingpage .InnerPage.saasprices.solutionspages .pricingPlanTableContainer {
    margin: 55px auto 25px
}

#cloudlandingpage .InnerPage.saasprices.solutionspages .pricingPlanTableContainer .col-year1 .price-dscr {
    color: #333;
    background-color: #e9e9e9
}

#cloudlandingpage .InnerPage.saasprices.solutionspages .pricingPlanTableContainer .col-year1 .price-dscr p {
    font-weight: 700
}

#cloudlandingpage .InnerPage.saasprices.solutionspages .col-header-discount-size {
    position: absolute;
    top: -16px;
    left: 0;
    width: 319px;
    text-align: center
}

#cloudlandingpage .InnerPage.saasprices.solutionspages .col-header-discount-size span {
    position: relative;
    display: inline-block;
    background-color: #ff642e;
    padding: 8px 20px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

#cloudlandingpage .InnerPage.saasprices.solutionspages .price-currency-old {
    color: #666;
    position: relative;
    padding: 0 15px 0 5px
}

#cloudlandingpage .InnerPage.saasprices.solutionspages .price-currency-old:before {
    content: '';
    position: absolute;
    border: 3px solid #fff;
    background: #ff642e;
    width: 95px;
    height: 2px;
    top: 33px;
    left: 0
}

#cloudlandingpage .InnerPage.saasprices.solutionspages .pricing_timelimited_offer {
    font-size: 24px;
    font-weight: 300;
    text-align: center;
    padding: 110px 0 10px;
    margin: 0 auto
}

#cloudlandingpage .InnerPage.saasprices.solutionspages .pricing_timelimited_offer b {
    color: #ff642e;
    font-weight: 300
}

#cloudlandingpage .InnerPage.saasprices.solutionspages .pricingPlanQuestion {
    color: #fff;
    right: -61px;
    top: 63px
}

#cloudlandingpage .InnerPage.saasprices.solutionspages .solutionspages_why_choose {
    padding-top: 80px
}

#cloudlandingpage .InnerPage.saasprices.solutionspages .feature_rich_header {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    text-align: center;
    margin: 0 auto;
    font-weight: 300;
    padding: 0;
    max-width: 800px
}

#cloudlandingpage .InnerPage.saasprices.solutionspages .solutionspages_main_text a.button {
    margin: 0 auto 60px
}

#cloudlandingpage .InnerPage.saasprices.solutionspages .innerblue .description {
    padding-top: 85px
}

#cloudlandingpage .InnerPage.saasprices.solutionspages .innerblue .description .solutionspages_feature_rich {
    margin-bottom: 40px
}

#cloudlandingpage .InnerPage.saasprices.solutionspages .innerblue .description .solutionspages_feature_rich .solutionspages_fr_features li a {
    cursor: default
}

#cloudlandingpage .InnerPage.saasprices.solutionspages .innerblue .description h2 {
    text-align: center;
    max-width: 620px;
    margin: 0 auto;
    font-weight: 300;
    padding: 0 0 240px
}

#cloudlandingpage .InnerPage.saasprices.solutionspages .innerblue .description h2 b {
    font-weight: 300
}

.InnerPage.servereditorsprices .innerblue .description .feature_rich_header {
    font-size: 24px;
    color: #333;
    text-align: center;
    margin: 60px auto 40px;
    padding: 0;
    max-width: 570px;
    position: relative;
    z-index: 2;
    line-height: 1.3em
}

.InnerPage.servereditorsprices .innerblue .description .solutionspages_feature_rich {
    margin-bottom: 60px
}

.InnerPage.servereditorsprices .innerblue .description .solutionspages_feature_rich .solutionspages_fr_features {
    text-align: center;
    position: relative;
    z-index: 2
}

.InnerPage.servereditorsprices .innerblue .description .solutionspages_feature_rich .solutionspages_fr_features li {
    display: inline-block;
    vertical-align: top;
    position: relative
}

.InnerPage.servereditorsprices .innerblue .description .solutionspages_feature_rich .solutionspages_fr_features li a {
    cursor: default
}

.community_edition_link {
    width: 960px;
    margin: 0 auto;
    text-align: center
}

.InnerPage p.more_connections_link {
    margin: 0 auto;
    text-align: center;
    font-size: 16px
}

#saaspricespage {
    background: url(../images/pricing/background_image.jpg) 56% -5% no-repeat;
    background-size: 150%
}

#saaspricespage .saasprices .description {
    margin: 0 auto;
    float: none;
    width: 970px;
    padding-top: 38px
}

.freeprice {
    font-size: 16px;
    display: block;
    margin-top: 4px
}

.WrongPortalName .description {
    padding: 80px 0
}

.WrongPortalName .description ul {
    margin-left: -20px
}

.WrongPortalName div.nonexistent_portal {
    color: #4295d4;
    font-size: 26px;
    margin-bottom: 13px
}

.WrongPortalName div.enter_name {
    font-size: 18px;
    text-transform: uppercase
}

.WrongPortalName .dataItem {
    margin-top: 10px
}

.WrongPortalName .dataItem>div {
    float: left;
    margin-left: 18px;
    width: 300px
}

.WrongPortalName input[type="submit"] {
    margin-top: 12px
}

.WrongPortalName span.numeral {
    color: #3d4a6b;
    font-size: 15px;
    font-weight: bold;
    padding-right: 5px
}

.WrongPortalName .passwordRestoreSuccessful {
    margin-left: 18px
}

.WrongPortalName .stylename1 {
    color: #ff642e;
    font-size: 18px
}

.WrongPortalName .stylename2 {
    font-weight: bold
}

.WrongPortalName .Progress {
    margin-left: 18px
}

#PortalNameRestoreFinishButton {
    clear: both;
    margin-left: 20px
}

.calculator .hl_costs {
    background-image: url(../../images/touroverview/costs.jpg)
}

.calculator .hl_server {
    background-image: url(../../images/touroverview/server.jpg)
}

.calculator .hl_time {
    background-image: url(../../images/touroverview/time.jpg)
}

.description ul.hl_modules {
    margin: 15px 0;
    padding: 0;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    width: 720px
}

.description .hl_modules li {
    margin: 0;
    padding: 0 0 0 35px;
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 30px;
    line-height: 24px
}

.hl_project {
    background-image: url(../../images/touroverview/projects.png)
}

.hl_gantt {
    background-image: url(../../images/touroverview/gantt.png)
}

.hl_crm {
    background-image: url(../../images/touroverview/crm.png)
}

.hl_office {
    background-image: url(../../images/touroverview/office.png)
}

.hl_documents {
    background-image: url(../../images/touroverview/documents.png)
}

.hl_email {
    background-image: url(../../images/touroverview/mail.png)
}

.hl_people {
    background-image: url(../../images/touroverview/people.png)
}

.hl_calendar {
    background-image: url(../../images/touroverview/calendar.png)
}

.calculator .description h1 {
    text-transform: none;
    font-size: 36px;
    font-weight: 400
}

.calculator .description h1 {
    margin-bottom: 20px
}

.companydata {
    display: inline-block;
    width: 250px
}

.companydata span {
    display: block;
    margin: 8px 0
}

th {
    background-color: #e0e0e0
}

th.system {
    color: #fff;
    background-color: #879dd6;
    width: 88px;
    font-weight: 600
}

th.system.teamlab {
    background-color: #97c165
}

.onlineeditor .description li {
    list-style-image: url(../../images/check_sm_green.png);
    padding: 5px 0;
    margin: 0 0 0 32px;
    list-style-position: inside
}

.description ul.reasons {
    margin: 10px 0 30px
}

.description ul.reasons li {
    list-style: none;
    background: transparent;
    padding: 3px 0 3px 20px;
    margin: 0 10px 0 0;
    line-height: 20px;
    position: relative
}

.description ul.reasons li:before {
    width: 7px;
    height: 7px;
    display: block;
    background: #e27248;
    content: '';
    position: absolute;
    left: 0;
    top: 11px;
    margin: 0;
    padding: 0
}

.matchnarrow {
    width: 960px;
    margin: 0 auto
}

.matchnarrow .mn_part_free {
    position: absolute;
    left: 40px;
    top: 0
}

.mn_part_free {
    font-size: 13px;
    color: #fff;
    display: inline-block;
    padding: 6px 24px;
    background-color: #ff642e;
    text-transform: uppercase;
    letter-spacing: 1px
}

.contactus {
    position: relative
}

.contactus .contactuspage_underlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 437px;
    background-color: #f6f6f6
}

.contactus h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    padding: 60px 0 40px
}

.contactus .companydata {
    width: 477px;
    display: inline-block;
    line-height: 1.3em
}

.contactus .companydata a,
.contactus .companydata a:hover {
    color: #333;
    text-decoration: none
}

.contactus .companydata .region {
    padding: 0 0 30px;
    font-size: 18px;
    font-weight: 600
}

.contactus iframe {
    margin: 30px 0 60px;
    width: 380px;
    height: 360px;
    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
}

.contactus iframe: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)
}

#nonProfitPortalNotExistError>div,
#nonProfitRequestAlreadyExistError>div,
#nonProfitRequestAddSuccess>div,
#callbackRequestAddSuccess>div {
    line-height: 22px
}

.dataForm.nonProfitForm,
.generalmanagement .dataForm.sendInvitationForm {
    padding-left: 0
}

.formPortalNameTable {
    width: 100%
}

.formPortalNameTable td {
    vertical-align: middle
}

.formPortalNameTable td .dataLabel {
    margin-bottom: 0;
    margin-left: 0;
    text-align: right;
    white-space: nowrap
}

.nonProfitForm table {
    width: 100%
}

.nonProfitForm table td {
    vertical-align: middle
}

.generalmanagement .dataForm.sendInvitationForm {
    max-width: 300px
}

.banners-list {
    width: 100%
}

.banners-list h2 {
    margin: 9px 0 23px
}

.banners-list .col {
    margin-bottom: 70px;
    width: 47%
}

.banners-list .col.small {
    padding-top: 70px
}

.banners-list .sep {
    width: 6%
}

.banners-list .whole {
    width: 100%
}

.banners-list .whole em {
    color: #666;
    font-weight: 500
}

.banners-list .whole textarea {
    height: 70px;
    margin-bottom: 18px
}

.banners-list em {
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    padding-bottom: 10px
}

.banners-list img {
    display: block;
    margin-bottom: 15px
}

.banners-list p {
    color: #666;
    font-weight: bold;
    margin-bottom: 7px
}

.banners-list textarea {
    border: 1px solid #666;
    color: #666;
    font-size: 11px;
    height: 115px;
    resize: none;
    width: 100%
}

.banners-list .tlBannerMiddlePh {
    display: inline-block
}

.banners-list .size-group {
    display: none
}

.banners-list .size-group.active {
    display: block
}

.size-switcher {
    font-size: 12px;
    margin-bottom: 20px;
    margin-top: 30px
}

.size-switcher div {
    border-bottom: 1px solid #d1d1d1;
    color: #666;
    cursor: pointer;
    float: left;
    padding-bottom: 10px;
    width: 120px
}

.size-switcher div.active {
    color: #3d4a6b;
    font-weight: bold
}

.size-switcher span {
    display: block;
    height: 20px;
    line-height: 20px;
    text-align: center
}

p.anyquest {
    margin-bottom: -10px;
    padding-bottom: 0;
    font-weight: 700
}

.new_price img {
    margin-top: -6px
}

span.upto {
    font-weight: 400
}

.deploymentdetails {
    font-size: 18px
}

.InnerPage p.HChoose,
.InnerPage p.pleasenote {
    font-size: 18px;
    font-weight: 700;
    color: #3d4a6b
}

.InnerPage .description li.HC1,
.InnerPage .description li.HC2 {
    padding-left: 45px
}

li.HC1:before,
li.HC2:before {
    background: #9299ad;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    display: block;
    width: 24px;
    height: 25px;
    margin: 0 0 -36px -41px;
    padding: 7px 0 0 8px
}

li.HC1:before {
    content: '1'
}

li.HC2:before {
    content: '2';
    width: 23px;
    padding: 7px 0 0 9px
}

li.HC1 .button,
li.HC1 .button:hover,
li.HC1 .button:active,
li.HC1 .button:visited,
li.HC2 .button,
li.HC2 .button:hover,
li.HC2 .button:active,
li.HC2 .button:visited {
    text-transform: none;
    padding: 5px 20px;
    font-size: 14px
}

.HCimage {
    width: 600px;
    height: 469px;
    margin: 20px 0
}

.HCimage img {
    width: 600px;
    height: 469px
}

.dataItem div.error.industrySelect_errorArea {
    margin: 2px 0 0 -10px
}

.ami p.sectionHeader.topHeader {
    margin-top: 10px
}

.ami table {
    border: 0;
    border-collapse: collapse;
    background: none;
    width: 970px;
    margin: 0 0 20px 0;
    padding: 0
}

.ami table th,
.ami table td {
    text-align: left;
    vertical-align: middle;
    font-weight: 400;
    background: none;
    border-bottom: 1px solid #d1d1d1
}

.ami table th {
    font-size: 12px;
    color: #959595;
    padding: 10px 8px 10px 0
}

.ami table td {
    padding: 6px 8px 6px 0
}

a.registrationLink,
a.registrationLink:hover,
a.registrationLink:visited {
    color: #ff642e
}

.callbackform .dataForm {
    max-width: 320px
}

.callbackform .dataForm .txtCallbackFormTime {
    width: 60px
}

#callbackformpage .ui-datepicker {
    z-index: 2 !important
}

#registration-form .dataForm {
    width: 443px
}

#registration-form .dataForm .dataItem.dataItemPhone table.styled-select-container {
    width: 455px
}

#registration-form .dataForm .tl-combobox {
    background-color: #fff
}

#registration-form .dataForm .tl-combobox.phoneControlSwither:hover {
    background-color: #eee
}

#registration-form .dataForm .tl-combobox .combobox-options .option-item {
    color: #333
}

#registration-form .dataItem.dataItemPhone .phoneControlSwitherWrapper {
    background-color: #000
}

.avail_appstore {
    position: absolute;
    left: 128px;
    top: 20px
}

.descwvideo {
    min-height: 185px
}

#removeportalfeedbackpage .InnerPage .description,
#removedesktopfeedbackpage .InnerPage .description {
    padding: 60px 0
}

#removeportalfeedbackpage .InnerPage .description li.active .removePortalCheckboxContainer,
#removedesktopfeedbackpage .InnerPage .description li.active .removePortalCheckboxContainer {
    color: #333;
    border-color: #000
}

#removeportalfeedbackpage .InnerPage .description li>div,
#removedesktopfeedbackpage .InnerPage .description li>div {
    line-height: 30px
}

#removeportalfeedbackpage .InnerPage .description li>div>span,
#removedesktopfeedbackpage .InnerPage .description li>div>span {
    margin-left: 6px
}

#removeportalfeedbackpage .InnerPage .description li .removePortalCheckboxContainer,
#removedesktopfeedbackpage .InnerPage .description li .removePortalCheckboxContainer {
    margin-left: 20px;
    color: #aaa;
    border-color: #aaa
}

#removeportalfeedbackpage .InnerPage .description li input[type="radio"],
#removedesktopfeedbackpage .InnerPage .description li input[type="radio"],
#removeportalfeedbackpage .InnerPage .description li input[type="checkbox"],
#removedesktopfeedbackpage .InnerPage .description li input[type="checkbox"] {
    margin-top: -2px;
    vertical-align: middle
}

#removeportalfeedbackpage .InnerPage .styled-select-container,
#removedesktopfeedbackpage .InnerPage .styled-select-container,
#removeportalfeedbackpage .InnerPage .dataItem,
#removedesktopfeedbackpage .InnerPage .dataItem {
    width: 500px
}

#removeportalfeedbackpage .reasonSpecifiedLabel,
#removedesktopfeedbackpage .reasonSpecifiedLabel {
    font-weight: bold
}

#removedesktopfeedbackpage .dataItem div.dataLabel {
    color: #3d4a6b;
    font-weight: bold
}

#reasonSpecified {
    border-color: #3d4a6b;
    height: auto
}

.security_new {
    width: 342px;
    margin: 0;
    padding: 0;
    display: inline-block;
    position: relative;
    height: 370px
}

.security_new div,
.security_new h6 {
    background-position: -15px 2px
}

.security_new div {
    height: 330px
}

.security_new div a {
    padding: 210px 0 0;
    height: 120px;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700
}

.security_new h6 {
    padding: 190px 0 0;
    height: 140px;
    color: #3d4a6b;
    font-size: 18px;
    font-weight: 700
}

.security_new div,
.security_new h6 {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 340px;
    background-repeat: no-repeat
}

span.se_description {
    margin-top: 235px;
    width: 320px;
    position: relative;
    display: block;
    line-height: 1.5em
}

.se_twostep {
    z-index: 0
}

div.se_encryption {
    background-image: url(../../images/security/encryption.png)
}

div.se_twostep {
    background-image: url(../../images/security/two-step.png)
}

div.se_reliability {
    background-image: url(../../images/security/reliability.png)
}

div.se_databackup {
    background-image: url(../../images/security/data.png)
}

div.se_accessrights {
    background-image: url(../../images/security/access.png)
}

div.se_protection {
    background-image: url(../../images/security/protection.png)
}

.noalign {
    margin-top: -90px
}

.noalign1 {
    margin-top: -120px
}

.noalign2 {
    float: right;
    margin-top: -100px
}

#upper {
    position: absolute;
    right: 0;
    top: 100px
}

#lower {
    position: absolute;
    right: 0;
    bottom: 150px
}

.InnerPage .description p.server_describe {
    background: url(../../images/server.png) 0 0 no-repeat;
    min-height: 130px;
    padding: 118px 0 0 265px
}

.quote_about {
    width: 220px;
    padding-right: 20px;
    margin-top: 20px;
    float: left;
    vertical-align: top
}

.quote_about p {
    margin: 0;
    padding: 0
}

.quote_about p.quote_about_text {
    height: 90px;
    padding-top: 15px
}

.quote_about_sign,
.quote_about_link {
    height: 45px
}

ul.opensource_list,
ul.list_with_orange_markers,
ul.checked_list {
    list-style-type: none
}

.list_with_orange_markers.spread li {
    line-height: 1.6em;
    padding-top: 4px;
    padding-bottom: 4px
}

ul.opensource_list li:before,
ul.list_with_orange_markers li:before {
    display: inline-block;
    content: '';
    background: #ff642e;
    width: 8px;
    height: 8px;
    margin-right: 10px
}

.saasprices ul.list_with_orange_markers li,
.servereditorsprices ul.list_with_orange_markers li,
.saasprices ul.checked_list li,
.servereditorsprices ul.checked_list li {
    padding-left: 38px
}

.saasprices ul.checked_list li,
.servereditorsprices ul.checked_list li {
    background-image: url(../../images/solutions/plus_check.png);
    background-repeat: no-repeat;
    background-position: -12px 9px;
    text-align: left;
    font-size: 15px
}

.saasprices ul.list_with_orange_markers li:before,
.servereditorsprices ul.list_with_orange_markers li:before {
    margin-left: -18px
}

ul.opensource_list.doublecol {
    column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2
}

.InnerPage.techsupport .description ul.opensource_list {
    margin-bottom: 20px
}

.InnerPage.serverprices .description ul.opensource_list li {
    line-height: 1.4em
}

.InnerPage.serverprices .description ul.opensource_list li:before {
    margin-left: -18px
}

a.button.opensourced,
a.button.opensourced:hover,
a.button.opensourced:visited,
a.button.opensourced:active {
    padding: 0;
    margin: 0 8px 15px 0
}

.serverprices a.button,
.serverprices a.button:hover,
.serverprices a.button:visited,
.serverprices a.button:active {
    margin: 4px 8px 18px 0
}

.saas_trial_block {
    float: right;
    margin-top: -75px
}

p.opensource_release {
    font-size: 12px;
    color: #333;
    margin: -5px 0 10px
}

.mainpage_tc_logo {
    margin-top: 6px
}

a.button.serverent,
a.button.serverent:hover,
a.button.serverent:visited,
a.button.serverent:active,
a.button.appsent,
a.button.appsent:hover,
a.button.appsent:visited,
a.button.appsent:active {
    padding: 15px 50px;
    margin-right: 8px
}

.InnerPage.amiprices .description ul.ami_list li {
    list-style-image: url(../../images/check_sm_green.png);
    padding: 10px 0;
    margin: 0 0 0 32px;
    list-style-position: inside
}

.calculator a.button,
.calculator a.button:hover,
.calculator a.button:visited,
.calculator a.button:active {
    height: 28px;
    padding: 12px 0 0;
    width: 269px
}

.calculator .opensource_download {
    margin: 25px 0 -10px
}

.calculator ul.hl_advantages {
    list-style-type: none;
    display: block;
    height: 240px;
    margin: 0;
    padding: 0
}

.calculator .hl_advantages li {
    margin: 0;
    padding: 150px 20px 0 0;
    display: block;
    float: left;
    width: 220px;
    height: 90px;
    background-position: 0 0;
    background-repeat: no-repeat;
    line-height: 1.5em
}

.calculator sup {
    font-size: 7px
}

.compare_msoffice,
.compare_teamlaboffice {
    width: 360px;
    min-height: 300px;
    float: left;
    margin-bottom: 25px
}

.compare_msoffice p.compare_head,
.compare_teamlaboffice p.compare_head {
    background-position: 0 8px;
    background-repeat: no-repeat
}

.compare_teamlaboffice p.compare_head {
    background-image: url(../../images/touroverview/onlyoffice.png)
}

.compare_msoffice p.compare_head {
    background-image: url(../../images/touroverview/microsoftoffice.png)
}

p.compare_head {
    font-size: 16px;
    font-weight: 500;
    color: #3d4a6b;
    text-indent: 33px
}

p.compare_head a,
p.compare_head b {
    font-weight: 600
}

p.compare_head a {
    text-decoration: none
}

p.compare_head a:hover {
    text-decoration: underline
}

p.dont_pay {
    font-size: 18px;
    font-weight: 500;
    color: #3d4a6b;
    margin: 25px 0
}

#datafortermsformpage h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    margin: 60px auto 20px;
    text-align: center;
    max-width: 600px
}

#datafortermsformpage .servereditorspreorder_description {
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 20px;
    text-align: center
}

#datafortermsformpage .InnerPage .description {
    padding: 0 0 80px
}

#datafortermsformpage .dataForTermsForm {
    max-width: 410px;
    margin: 0 auto
}

#datafortermsformpage .dataForTermsForm input,
#datafortermsformpage .dataForTermsForm textarea {
    max-width: 410px
}

#datafortermsformpage .dataForTermsForm .textareaBlock {
    padding-bottom: 14px
}

#datafortermsformpage .dataForTermsForm .textareaBlock .textarea {
    height: auto
}

#datafortermsformpage .dataForTermsForm .licenceType,
#datafortermsformpage .dataForTermsForm .licencePeriod,
#datafortermsformpage .dataForTermsForm .currentTariff {
    max-width: 408px
}

#datafortermsformpage .dataForTermsForm .text {
    max-width: 420px
}

#datafortermsformpage .dataForTermsForm input::-webkit-input-placeholder {
    color: #c6c6c6;
    font-weight: normal;
    opacity: 1;
    text-transform: none
}

#datafortermsformpage .dataForTermsForm input:-moz-placeholder {
    color: #c6c6c6;
    font-weight: normal;
    opacity: 1;
    text-transform: none
}

#datafortermsformpage .dataForTermsForm input::-moz-placeholder {
    color: #c6c6c6;
    font-weight: normal;
    opacity: 1;
    text-transform: none
}

#datafortermsformpage .dataForTermsForm input:-ms-input-placeholder {
    color: #c6c6c6;
    font-weight: normal;
    opacity: 1;
    text-transform: none
}

#datafortermsformpage .dataForTermsForm .dataSendMeDocs {
    margin: 12px 0 40px
}

#datafortermsformpage .dataForTermsForm .dataSendMeDocs label {
    font-size: 14px;
    margin: 0 0 0 8px
}

.techsupport h3 {
    font-size: 22px;
    font-weight: 500;
    color: #3d4a6b;
    margin: 15px 0
}

.techsupport ul.sup_range {
    margin: 0 0 15px
}

.techsupport .sup_notation {
    font-size: 12px
}

.techsupport .sup_demo {
    margin: 15px 0 20px
}

#demoorderpage .description {
    padding: 0 0 60px
}

#demoorderpage .description .dataForm {
    margin: 0 auto
}

#demoorderpage .demoorderpageform .dataForm {
    width: 410px;
    margin: 0 auto
}

#demoorderpage .demoorderpageform .dataItem div.error {
    max-width: none
}

#demoorderpage .demoorderpageform .dataItem.dataItemPhone table.styled-select-container {
    width: 362px
}

#demoorderpage .demoorderpageform .dataItem.dataItemDateTime {
    height: 85px
}

#demoorderpage .demoorderpageform .demoRFIndustryContainer,
#demoorderpage .demoorderpageform .demoRFLangContainer {
    width: 100%
}

#demoorderpage .demoorderpageform .demoRFNameData {
    width: 100%
}

#demoorderpage .demoorderpageform .demoRFNameData td.demoRFFirstNameContainer {
    width: 50%;
    padding-right: 7px
}

#demoorderpage .demoorderpageform .demoRFNameData td.demoRFLastNameContainer {
    width: 50%;
    padding-left: 6px
}

#demoorderpage .demoorderpageform .txtDemoRFTime {
    width: 50px
}

#demoorderpage .demoorderpageform .demoRFTimezoneOffcet {
    margin-top: 10px
}

#demoorderpage .demoorderpageform .dataLabel.dataLabelMargin2 {
    margin-bottom: 2px
}

#demoorderpage .demoorderpageform .txtDemoRFCountParticipants {
    width: 60px
}

#demoorderpage .demoorderpageform .dataItem.modulesContainer {
    height: 126px
}

#demoorderpage .demoorderpageform .dataItem.modulesContainer .dataLabel {
    margin-bottom: 6px
}

#demoorderpage .demoorderpageform .dataItem.modulesContainer table td {
    height: 24px;
    vertical-align: middle
}

#demoorderpage .demoorderpageform .dataItem.modulesContainer table td label {
    font-size: 14px;
    color: #333
}

#demoorderpage .demoorderpageform .aimsContainer table td {
    padding-bottom: 8px
}

#demoorderpage .demoorderpageform .aimsContainer table td input[type="checkbox"] {
    vertical-align: top;
    margin-top: 2px
}

#demoorderpage .demoorderpageform .aimsContainer .dataLabel {
    margin-bottom: 14px
}

#demoorderpage .demoorderpageform .dataNote {
    margin-top: 18px
}

#demoorderpage .demoorderpageform .dataNote .txtDemoRFNote {
    height: auto
}

#demoorderpage .demoorderpageform .dataAgreement {
    margin-left: 0;
    margin-top: 45px
}

#demoorderpage .demoorderpageform .dataAgreement>.text {
    margin-left: 0;
    font-size: 12px
}

#demoorderpage .demoorderpageform .dataAgreement .presentationAgreementLink {
    cursor: pointer;
    display: inline-block;
    border-bottom: 1px dotted #ff642e;
    padding-bottom: 2px;
    color: #ff642e;
    font-size: 12px;
    margin-top: 6px
}

#presentationTerms ul.main_terms_list {
    list-style-type: none;
    margin-top: 17px
}

#presentationTerms ul.main_terms_list li {
    line-height: 1.6em;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 12px
}

#presentationTerms ul.main_terms_list li:before {
    display: inline-block;
    content: '';
    background: #e27248;
    width: 5px;
    height: 5px;
    margin-right: 6px;
    margin-bottom: 2px
}

#presentationTerms ul.main_terms_list li>div {
    margin-left: 11px
}

#TechSupportRequestConfirm .selectedSupportServices li {
    list-style-type: none;
    line-height: 22px
}

#TechSupportRequestConfirm .supportServicePrice {
    font-weight: bold
}

#TechSupportRequestConfirm .confirmBuySupportDescription {
    margin-top: 0;
    margin-bottom: 8px
}

.casestudiesmain.awardspage .csbn_block .photo:before {
    content: '';
    display: block;
    width: 128px;
    background-image: url(../../images/mainpage/main_sprite_awwards.png);
    background-repeat: no-repeat;
    height: 150px;
    position: absolute;
    left: -208px;
    top: 5%
}

.casestudiesmain.awardspage .csbn_block .photo.awardspage1:before {
    background-position: -189px 0
}

.casestudiesmain.awardspage .csbn_block .photo.awardspage2:before {
    background-position: -356px 0;
    width: 182px;
    left: -233px
}

.casestudiesmain.awardspage .csbn_block .photo.awardspage3:before {
    background-position: -5565px 0;
    width: 245px;
    left: -268px
}

.casestudiesmain.awardspage .csbn_block .photo.awardspage4:before {
    background-position: -1316px 0
}

.casestudiesmain.awardspage .csbn_block .photo.awardspage5:before {
    background-position: -1129px 0
}

.casestudiesmain.awardspage .csbn_block .photo.awardspage6:before {
    background-position: -1506px 0
}

.casestudiesmain.awardspage .csbn_block .photo.awardspage7:before {
    background-position: -937px 0
}

.casestudiesmain.awardspage .csbn_block .photo.awardspage8:before {
    background-position: -2878px 0;
    width: 182px;
    left: -233px
}

.casestudiesmain.awardspage .csbn_block .photo.awardspage9:before {
    background-position: -3393px 0
}

.casestudiesmain.awardspage .csbn_block .photo.awardspage10:before {
    background-position: -3568px 0;
    width: 130px
}

.casestudiesmain.awardspage .csbn_block .photo.awardspage11:before {
    background-position: -4864px 0
}

.casestudiesmain.awardspage .csbn_block .photo.awardspage12:before {
    background-position: -3899px 0;
    width: 146px;
    left: -212px
}

.casestudiesmain.awardspage .csbn_block .photo.awardspage13:before {
    background-position: -4063px 0
}

.casestudiesmain.awardspage .csbn_block .photo.awardspage14:before {
    background-position: -4380px 0
}

.casestudiesmain.awardspage .csbn_block .photo.awardspage15:before {
    background-position: -4538px 0
}

.casestudiesmain.awardspage .csbn_block .photo.awardspage16:before {
    background-position: -2017px 0;
    width: 136px
}

.casestudiesmain.awardspage .csbn_block .photo.awardspage17:before {
    background-position: -4685px 0;
    width: 160px;
    left: -221px
}

.casestudiesmain.awardspage .csbn_block .photo.awardspage18:before {
    background-position: -5036px 0;
    width: 146px;
    left: -211px
}

.casestudiesmain.awardspage .csbn_block .photo.awardspage19:before {
    background-position: -5221px 0;
    width: 153px;
    left: -214px
}

.casestudiesmain.awardspage .csbn_block .photo.awardspage1de:before {
    background-position: -1676px 0
}

.casestudiesmain.awardspage .csbn_block .photo.awardspage2de:before {
    background-position: -1846px 0
}

.casestudiesmain.awardspage .csbn_block .photo.awardspage3de:before {
    background-position: -2017px 0;
    width: 136px
}

.casestudiesmain.awardspage .csbn_block .photo.awardspage4de:before {
    background-position: -2188px 0
}

.casestudiesmain.awardspage .csbn_block .photo.awardspage5de:before {
    background-position: -2359px 0
}

.casestudiesmain.awardspage .csbn_block .photo.awardspage6de:before {
    background-position: -2703px 0
}

.casestudiesmain.awardspage .csbn_block .photo.awardspage1ru:before {
    background-position: -2531px 0
}

.casestudiesmain.awardspage .innerblue .description .casestudies_header {
    height: 320px
}

.casestudiesmain.awardspage .innerblue .description .casestudies_header .casestudies_header_narrow {
    height: 320px;
    background: url(../../images/awardspage/award-top.png) no-repeat 620px 50%
}

.casestudiesmain.awardspage .innerblue .description .casestudies_header .casestudies_header_narrow h2 {
    width: auto
}

.casestudiesmain .innerblue {
    width: 100%
}

.casestudiesmain .innerblue .description .csh_description {
    font-size: 14px;
    line-height: 1.4em;
    max-width: 440px;
    padding: 50px 0 30px;
    position: relative
}

.casestudiesmain .innerblue .description .csh_description:before {
    display: block;
    content: '';
    width: 60px;
    height: 1px;
    margin: 0;
    padding: 0;
    background-color: #ff642e;
    position: absolute;
    left: 0;
    top: 23px
}

.casestudiesmain .innerblue .description .csh_description_signature {
    margin: 90px 0 0;
    font-size: 14px;
    font-weight: 600
}

.casestudiesmain .innerblue .description .casestudies_header {
    width: 100%;
    height: 600px;
    background-color: #f6f6f6
}

.casestudiesmain .innerblue .description .casestudies_header .casestudies_header_narrow {
    width: 970px;
    height: 600px;
    margin: 0 auto;
    background: url(../../images/clients/case-studies/viktor_chupakhin_big.png) no-repeat 100% 100%
}

.casestudiesmain .innerblue .description .casestudies_header .casestudies_header_narrow h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    padding: 80px 0 0;
    width: 440px
}

.casestudiesmain .innerblue .description .main_page_gotooffice {
    margin: 38px auto
}

.csh_description_userpost {
    margin: 0;
    font-size: 13px;
    color: #666
}

.casestudies_body {
    padding: 0 0 60px
}

.casestudies_body .casestudies_body_narrow {
    width: 970px;
    margin: 0 auto;
    text-align: center
}

.casestudies_body .casestudies_body_narrow .button.white {
    margin: 50px auto 20px
}

.csbn_block,
.csbn_block:hover,
.csbn_block:active,
.csbn_block:visited,
.csbn_block:focus {
    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;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: block;
    text-decoration: none !important;
    width: 900px;
    padding: 35px;
    height: auto;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 78px 45px;
    margin: 0 auto 20px
}

.csbn_block:hover,
.csbn_block:hover:hover,
.csbn_block:active:hover,
.csbn_block:visited:hover,
.csbn_block:focus: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)
}

.csbn_block.csbn_hidden,
.csbn_block:hover.csbn_hidden,
.csbn_block:active.csbn_hidden,
.csbn_block:visited.csbn_hidden,
.csbn_block:focus.csbn_hidden {
    display: none
}

.csbn_block.csbn_block1,
.csbn_block:hover.csbn_block1,
.csbn_block:active.csbn_block1,
.csbn_block:visited.csbn_block1,
.csbn_block:focus.csbn_block1 {
    background-image: url(../../images/clients/case-studies/matthias_kienzl_small.png)
}

.csbn_block.csbn_block2,
.csbn_block:hover.csbn_block2,
.csbn_block:active.csbn_block2,
.csbn_block:visited.csbn_block2,
.csbn_block:focus.csbn_block2 {
    background-image: url(../../images/clients/case-studies/modestas_bastys_small.png)
}

.csbn_block.csbn_block3,
.csbn_block:hover.csbn_block3,
.csbn_block:active.csbn_block3,
.csbn_block:visited.csbn_block3,
.csbn_block:focus.csbn_block3 {
    background-image: url(../../images/clients/case-studies/yaroslav_baronov_small.png)
}

.csbn_block.csbn_block4,
.csbn_block:hover.csbn_block4,
.csbn_block:active.csbn_block4,
.csbn_block:visited.csbn_block4,
.csbn_block:focus.csbn_block4 {
    background-image: url(../../images/clients/case-studies/stephan_muster_small.png)
}

.csbn_block.csbn_block5,
.csbn_block:hover.csbn_block5,
.csbn_block:active.csbn_block5,
.csbn_block:visited.csbn_block5,
.csbn_block:focus.csbn_block5 {
    background-image: url(../../images/clients/case-studies/viktor_chupakhin_small.png)
}

.csbn_block.csbn_block6,
.csbn_block:hover.csbn_block6,
.csbn_block:active.csbn_block6,
.csbn_block:visited.csbn_block6,
.csbn_block:focus.csbn_block6 {
    background-image: url(../../images/clients/case-studies/ivan_sheremet_small.png)
}

.csbn_block.csbn_block7,
.csbn_block:hover.csbn_block7,
.csbn_block:active.csbn_block7,
.csbn_block:visited.csbn_block7,
.csbn_block:focus.csbn_block7 {
    background-image: url(../../images/clients/case-studies/frans_van_beers_small.png)
}

.csbn_block.csbn_block8,
.csbn_block:hover.csbn_block8,
.csbn_block:active.csbn_block8,
.csbn_block:visited.csbn_block8,
.csbn_block:focus.csbn_block8 {
    background-image: url(../../images/clients/case-studies/andrey_pastushenko_small.png)
}

.csbn_block.csbn_block9,
.csbn_block:hover.csbn_block9,
.csbn_block:active.csbn_block9,
.csbn_block:visited.csbn_block9,
.csbn_block:focus.csbn_block9 {
    background-image: url(../../images/clients/case-studies/stammtisch_small.png)
}

.csbn_block.csbn_block10,
.csbn_block:hover.csbn_block10,
.csbn_block:active.csbn_block10,
.csbn_block:visited.csbn_block10,
.csbn_block:focus.csbn_block10 {
    background-image: url(../../images/clients/case-studies/skatepark_zuidlaren_small.png)
}

.csbn_block.csbn_block11,
.csbn_block:hover.csbn_block11,
.csbn_block:active.csbn_block11,
.csbn_block:visited.csbn_block11,
.csbn_block:focus.csbn_block11 {
    background-image: url(../../images/clients/case-studies/icgeurope_small.png)
}

.csbn_block.csbn_block12,
.csbn_block:hover.csbn_block12,
.csbn_block:active.csbn_block12,
.csbn_block:visited.csbn_block12,
.csbn_block:focus.csbn_block12 {
    background-image: url(../../images/clients/case-studies/master_concept_small.png)
}

.csbn_block.csbn_block13,
.csbn_block:hover.csbn_block13,
.csbn_block:active.csbn_block13,
.csbn_block:visited.csbn_block13,
.csbn_block:focus.csbn_block13 {
    background-image: url(../../images/clients/case-studies/rzncit_small.png)
}

.csbn_block.csbn_block14,
.csbn_block:hover.csbn_block14,
.csbn_block:active.csbn_block14,
.csbn_block:visited.csbn_block14,
.csbn_block:focus.csbn_block14 {
    background-image: url(../../images/clients/case-studies/nikolaev.png);
    background-size: 140px 140px
}

.csbn_block.csbn_block15,
.csbn_block:hover.csbn_block15,
.csbn_block:active.csbn_block15,
.csbn_block:visited.csbn_block15,
.csbn_block:focus.csbn_block15 {
    background-image: url(../../images/clients/case-studies/spb-cadet.png);
    background-size: 140px 140px
}

.csbn_block .photo,
.csbn_block:hover .photo,
.csbn_block:active .photo,
.csbn_block:visited .photo,
.csbn_block:focus .photo {
    padding: 0 0 0 35px;
    margin: 0 0 0 255px;
    text-align: left;
    width: 590px;
    border-left: 1px solid #e5e5e5;
    position: relative
}

.csbn_block .photo .csbn_feedback_title,
.csbn_block:hover .photo .csbn_feedback_title,
.csbn_block:active .photo .csbn_feedback_title,
.csbn_block:visited .photo .csbn_feedback_title,
.csbn_block:focus .photo .csbn_feedback_title {
    font-size: 18px;
    font-weight: 600;
    display: block;
    color: #333
}

.csbn_block .photo .csbn_bottom_link,
.csbn_block:hover .photo .csbn_bottom_link,
.csbn_block:active .photo .csbn_bottom_link,
.csbn_block:visited .photo .csbn_bottom_link,
.csbn_block:focus .photo .csbn_bottom_link {
    color: #ff642e;
    text-decoration: underline
}

.csbn_block .photo .csbn_bottom_link:hover,
.csbn_block:hover .photo .csbn_bottom_link:hover,
.csbn_block:active .photo .csbn_bottom_link:hover,
.csbn_block:visited .photo .csbn_bottom_link:hover,
.csbn_block:focus .photo .csbn_bottom_link:hover {
    text-decoration: none
}

.csbn_block .photo .csbn_customername,
.csbn_block:hover .photo .csbn_customername,
.csbn_block:active .photo .csbn_customername,
.csbn_block:visited .photo .csbn_customername,
.csbn_block:focus .photo .csbn_customername {
    display: block;
    color: #666;
    font-size: 14px
}

.csbn_block .photo .csbn_customerpost,
.csbn_block:hover .photo .csbn_customerpost,
.csbn_block:active .photo .csbn_customerpost,
.csbn_block:visited .photo .csbn_customerpost,
.csbn_block:focus .photo .csbn_customerpost {
    display: block;
    color: #666;
    font-size: 12px;
    line-height: 1.4em
}

.InnerPage .csh_description_link {
    color: #ff642e;
    display: block
}

.InnerPage .inside_photo {
    padding: 120px 0 0 260px;
    min-height: 220px;
    background-repeat: no-repeat;
    background-position: 0 50%
}

.InnerPage .inside_photo.customer1 {
    background-image: url(../../images/clients/case-studies/matthias_kienzl.png)
}

.InnerPage .inside_photo.customer2 {
    background-image: url(../../images/clients/case-studies/modestas_bastys.png)
}

.InnerPage .inside_photo.customer3 {
    background-image: url(../../images/clients/case-studies/yaroslav_baronov.png)
}

.InnerPage .inside_photo.customer4 {
    background-image: url(../../images/clients/case-studies/stephan_muster.png)
}

.InnerPage .inside_photo.customer5 {
    background-image: url(../../images/clients/case-studies/viktor_chupakhin.png)
}

.InnerPage .inside_photo.customer6 {
    background-image: url(../../images/clients/case-studies/ivan_sheremet.png)
}

.InnerPage .inside_photo.customer7 {
    background-image: url(../../images/clients/case-studies/frans_van_beers.png)
}

.InnerPage .inside_photo.customer8 {
    background-image: url(../../images/clients/case-studies/andrey_pastushenko.png)
}

.InnerPage .inside_photo.customer9 {
    background-image: url(../../images/clients/case-studies/stammtisch.png)
}

.InnerPage .inside_photo.customer10 {
    background-image: url(../../images/clients/case-studies/skatepark_zuidlaren.png)
}

.InnerPage .inside_photo.customer11 {
    background-image: url(../../images/clients/case-studies/icgeurope.png)
}

.InnerPage .inside_photo.customer12 {
    background-image: url(../../images/clients/case-studies/master_concept.png)
}

.InnerPage .inside_photo.customer13 {
    background-image: url(../../images/clients/case-studies/rzncit.png)
}

.InnerPage .inside_photo.customer14 {
    background-image: url(../../images/clients/case-studies/nikolaev.png);
    background-size: 220px 220px
}

.InnerPage .inside_photo.customer15 {
    background-image: url(../../images/clients/case-studies/spb-cadet.png);
    background-size: 220px 220px
}

.csbn_feedback {
    font-size: 14px;
    line-height: 1.4em;
    max-width: 440px;
    padding: 40px 0 30px;
    position: relative;
    color: #666;
    display: block;
    clear: both
}

.csbn_feedback:before {
    display: block;
    content: '';
    width: 60px;
    height: 1px;
    margin: 0;
    padding: 0;
    background-color: #ff642e;
    position: absolute;
    left: 0;
    top: 23px
}

.casestudies .innerblue {
    width: 100%;
    background-color: #f6f6f6
}

.casestudies .innerblue .description {
    width: 970px;
    margin: 0 auto
}

.success_story_body {
    padding: 80px 0 60px;
    width: 485px
}

.success_story_body h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    padding-left: 15px;
    max-width: 400px
}

.success_story_block {
    padding: 0 0 0 15px;
    border-left: solid 1px #e0e0e0;
    margin: 40px 0
}

.success_story_block h3 {
    color: #ff642e;
    font-weight: 600;
    font-size: 18px;
    margin: 0 0 25px;
    padding: 0
}

.success_story_block p {
    margin: 17px 0 0;
    padding: 0;
    line-height: 1.7em
}

.success_story_block p a {
    color: #ff642e
}

.success_story_block li a {
    color: #ff642e
}

p.success_story_block_subtitle {
    font-weight: 500;
    margin: 20px 0;
    padding: 0
}

.success_story_author {
    width: 460px;
    min-height: 220px;
    float: right;
    vertical-align: top;
    line-height: 1.3em
}

.customername {
    color: #666;
    font-size: 12px
}

.customername_name {
    font-size: 14px;
    display: block;
    line-height: 2em
}

.success_story_other_stories {
    width: 100%;
    padding: 30px 0 60px;
    background-color: #fff;
    text-align: center
}

.ssos_narrow {
    width: 970px;
    margin: 0 auto;
    position: relative
}

.ssos_see_stories {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    text-align: center;
    padding: 20px 0 40px
}

#webinarpage .webinarpageform {
    width: 410px;
    margin: 0
}

#webinarpage .webinarpageform .dataItem div.error {
    max-width: none
}

#webinarpage .webinarpageform .dataItem.dataItemPhone table.styled-select-container {
    width: 362px
}

#webinarpage .webinarpageform .webinarNameData {
    width: 100%
}

#webinarpage .webinarpageform .webinarNameData td.webinarFirstNameContainer {
    width: 50%;
    padding-right: 7px
}

#webinarpage .webinarpageform .webinarNameData td.webinarLastNameContainer {
    width: 50%;
    padding-left: 6px
}

.ui-slider {
    position: relative;
    width: 100%;
    height: 100%
}

.ui-slider a {
    text-decoration: none
}

.ui-state-default,
.ui-widget-content .ui-state-default {
    outline: medium none
}

.ui-slider ol,
.ui-slider li {
    list-style: none;
    margin: 0;
    padding: 0
}

.ui-slider ol {
    position: relative;
    width: 100%
}

.ui-slider li {
    position: absolute;
    overflow: visible
}

#pricingPlanSlider {
    overflow: visible !important;
    z-index: 99;
    margin: 0;
    padding: 0;
    height: 34px
}

#pricingPlanSlider .ui-slider {
    background-color: #fff;
    border: none
}

#pricingPlanSlider .ui-slider li {
    border: 0 none;
    padding: 0;
    background-color: #ffe5dc
}

#pricingPlanSlider .ui-slider li.darkGrey {
    background-color: #ccc
}

#pricingPlanSlider .ui-slider li.darkGrey:after {
    background-color: #ccc
}

#pricingPlanSlider .ui-slider li.blue {
    background-color: #ff642e
}

#pricingPlanSlider .ui-slider li.blue:after {
    background-color: #ff642e
}

#pricingPlanSlider .ui-slider li.leftRadius {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px
}

#pricingPlanSlider .ui-slider li.rightRadius {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px
}

#pricingPlanSlider .ui-slider li.rightRadius:after {
    display: none
}

#pricingPlanSlider .ui-slider li.hiddenOpt {
    visibility: hidden
}

#pricingPlanSlider .ui-slider .ui-slider-handle {
    background: #ff642e;
    border: none;
    cursor: pointer;
    height: 31px;
    width: 31px;
    top: 6px !important;
    margin-bottom: 0;
    margin-left: -20px;
    overflow: visible !important;
    position: absolute;
    z-index: 2;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -webkit-box-shadow: 0px 5px 25px 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 5px 25px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 5px 25px 3px rgba(0, 0, 0, 0.25)
}

#pricingPlanSlider .ui-slider .ui-slider-handle:hover {
    background: #ff7a4b
}

#pricingPlanSlider .ui-slider .ui-slider-handle:after {
    position: absolute;
    top: 12px;
    left: 9px;
    content: '';
    border: 2px solid #ffc440;
    border-right: none;
    border-top: none;
    display: inline-block;
    width: 5px;
    height: 5px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

#pricingPlanSlider .ui-slider .ui-slider-handle:before {
    position: absolute;
    top: 12px;
    left: 15px;
    content: '';
    border: 2px solid #ffc440;
    border-left: none;
    border-bottom: none;
    display: inline-block;
    width: 5px;
    height: 5px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

#pricingPlanSlider .ui-slider .ui-slider-handle .ui-slider-handle-text {
    position: relative;
    top: 30px;
    font-size: 14px;
    font-weight: 500;
    color: #999;
    line-height: 50px;
    vertical-align: middle;
    text-align: center
}

#pricingPlanSlider .ui-slider .ui-slider-handle .ui-slider-handle-q {
    position: relative;
    top: -100%;
    left: 50%;
    margin: 0;
    padding: 0;
    width: 0;
    height: 1px
}

#pricingPlanSlider .ui-slider ol {
    padding: 19px 0;
    background-color: #fff;
    cursor: pointer
}

#pricingPlanSlider .ui-slider ol li {
    margin: 0;
    background-color: #e9e9e9
}

#pricingPlanSlider .ui-slider ol li:after {
    content: '';
    position: absolute;
    background-color: #e9e9e9;
    width: 2px;
    height: 100%;
    right: -1px
}

.InnerPage p.sectionHeader {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px
}

.rub {
    display: inline-block;
    font-size: 24px;
    line-height: 7px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    width: 0.4em
}

.InnerPage p.common_editors_notice,
.InnerPage p.common_ami_notice,
.InnerPage p.common_ami_notice a {
    font-size: 12px;
    color: #666
}

.InnerPage .description .common_modules {
    width: 720px;
    height: 125px;
    text-align: center
}

.InnerPage .description .common_modules li {
    display: inline-block;
    width: 150px;
    margin: 0;
    vertical-align: top;
    padding-top: 70px;
    background-image: url(../../images/server/common_icons.png);
    background-repeat: no-repeat
}

.InnerPage .description .common_modules li.common_modules_docmanage {
    background-position: 20px -40px
}

.InnerPage .description .common_modules li.common_modules_projmanage {
    background-position: -130px -40px
}

.InnerPage .description .common_modules li.common_modules_crm {
    background-position: -280px -40px
}

.InnerPage .description .common_modules li.common_modules_mail {
    background-position: -430px -40px
}

.InnerPage .description .common_solutions {
    width: 664px;
    padding: 10px 27px;
    border: 1px solid #b7b7b7;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 20px 0
}

.InnerPage .description .common_solutions .common_solutions_header {
    font-size: 17px;
    font-weight: 700;
    color: #50719b;
    line-height: 1.3em
}

.InnerPage .description .common_solutions .common_solutions_buttons {
    margin: 20px 0
}

.InnerPage .description .common_solutions .common_solutions_buttons li {
    display: inline-block;
    width: 90px;
    height: 36px;
    margin: 0 0 0 1px;
    padding: 0;
    text-align: left
}

.InnerPage .description .common_solutions .common_solutions_buttons li a {
    display: block;
    border: 1px solid #f5f5f5;
    background: #f5f5f5;
    width: 88px;
    height: 23px;
    text-align: center;
    color: #646464;
    text-decoration: none;
    font-size: 12px;
    padding-top: 11px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.InnerPage .description .common_solutions .common_solutions_buttons li a:hover,
.InnerPage .description .common_solutions .common_solutions_buttons li a.active {
    border-color: #c2c2c2
}

.InnerPage .description .common_solutions .common_solutions_download {
    margin: 30px 0 10px
}

.InnerPage .description .common_solutions .common_solutions_download li {
    display: none
}

.InnerPage .description .common_solutions .common_solutions_download li.active {
    display: block;
    margin: 0;
    padding: 0
}

.InnerPage .description .common_solutions .common_solutions_download li.active a.button,
.InnerPage .description .common_solutions .common_solutions_download li.active a.button:hover,
.InnerPage .description .common_solutions .common_solutions_download li.active a.button:active,
.InnerPage .description .common_solutions .common_solutions_download li.active a.button:visited {
    width: 290px;
    height: 30px;
    padding: 20px 0 0;
    font-size: 13px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-bottom: 15px
}

.InnerPage .description .common_solutions .common_solutions_download li.active p.common_solutions_download_description {
    float: right;
    text-align: left;
    font-size: 11px;
    width: 340px;
    padding: 0
}

.InnerPage .description .common_solutions .common_solutions_download li.active .common_solutions_download_guide,
.InnerPage .description .common_solutions .common_solutions_download li.active .common_solutions_download_guide a {
    font-size: 11px;
    color: #666
}

#newintegrationpricespage {
    background-color: #f6f6f6
}

#newintegrationpricespage .server_price_recommendation p {
    font-size: 13px;
    padding-top: 20px
}

#newintegrationpricespage .server_price_features_header {
    padding-top: 40px
}

#newintegrationpricespage .server_solutions_more_connections {
    height: auto;
    padding: 40px 0 0;
    text-align: center
}

#newintegrationpricespage .server_solutions_compare {
    width: 960px;
    margin: 0 auto
}

#newintegrationpricespage .server_solutions_compare .decide_solution {
    margin: 0
}

#newintegrationpricespage .solutionspages_main_text {
    margin: 60px 0 0;
    padding: 10px 0 80px;
    background-color: #fff;
    border-bottom: 1px #e6e6e6 solid;
    position: relative;
    z-index: 10
}

#newintegrationpricespage .solutionspages_feature_rich {
    width: 960px;
    margin: 40px auto 0
}

#newintegrationpricespage .solutionspages_feature_rich .spfr_block {
    width: 235px;
    margin: 0;
    padding: 0;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    line-height: 1.2em;
    vertical-align: top
}

#newintegrationpricespage .solutionspages_feature_rich .spfr_block a {
    text-decoration: none;
    color: #333
}

#newintegrationpricespage .solutionspages_feature_rich .spfr_block:before {
    content: '';
    display: block;
    width: 29px;
    height: 29px;
    background-image: url(../../images/pricing/icong-int.png);
    background-repeat: no-repeat;
    margin: 0 auto 20px;
    padding: 0
}

#newintegrationpricespage .solutionspages_feature_rich .spfr_block.spfr_1:before {
    background-position: -9px 0
}

#newintegrationpricespage .solutionspages_feature_rich .spfr_block.spfr_2:before {
    background-position: -60px 0
}

#newintegrationpricespage .solutionspages_feature_rich .spfr_block.spfr_3:before {
    background-position: -110px 0
}

#newintegrationpricespage .solutionspages_feature_rich .spfr_block.spfr_4:before {
    background-position: -161px 0
}

#newintegrationpricespage .faq_pricing_block {
    padding-top: 60px
}

.server_pricing_plan {
    display: inline-block;
    padding: 20px 28px;
    width: 262px;
    position: relative;
    margin: 0;
    vertical-align: top;
    border: 1px solid rgba(85, 85, 85, 0.15);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
    background-color: #fff;
    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
}

.server_pricing_plan: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)
}

.server_pricing_plan.selected_pricing_plan {
    border: 2px solid #ff642e
}

.server_pricing_plan .price-block {
    font-size: 45px;
    font-weight: 400;
    height: 174px;
    padding-top: 26px;
    line-height: 20px;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    margin: 0 auto;
    color: #ff642e
}

.server_pricing_plan a.button,
.server_pricing_plan a.button:hover,
.server_pricing_plan a.button:visited,
.server_pricing_plan a.button:active {
    padding: 12px 45px
}

.server_pricing_plan .price-currency-sym {
    font-size: 18px
}

.server_pricing_plan .rub {
    border-bottom-width: 2px;
    font-size: 22px;
    font-weight: 600;
    line-height: 9px;
    margin: 0 0.2em 0 2px
}

.price-plan-title {
    font-weight: 400;
    font-size: 24px;
    padding: 15px 0 0;
    color: #333;
    line-height: 1.2em;
    text-align: center
}

.prices_top_heading {
    display: block;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.5px
}

.pth_prod {
    color: #ff642e
}

.price-plan-title-license {
    display: block;
    font-weight: 400;
    font-size: 13px;
    color: #777;
    padding-top: 10px
}

.pp_time_limited_offer {
    position: absolute;
    width: 100%;
    height: 24px;
    background-color: transparent;
    margin: 0;
    padding: 0;
    top: -12px;
    left: 0;
    text-align: center
}

.pp_time_limited_offer .pptlo_text {
    display: inline-block;
    background: #ff642e;
    color: #fff;
    font-size: 13px;
    width: 185px;
    height: 24px;
    line-height: 24px
}

.price-block-buy-link {
    display: block;
    padding: 10px 0 0;
    text-align: center;
    font-size: 15px;
    font-weight: 400
}

.price-per-year {
    display: block;
    font-weight: 400;
    font-size: 13px;
    padding: 0;
    color: #777
}

.price-per-year .price-annual {
    color: #666
}

.price-button-wpad a.button {
    margin-top: 31px
}

.price-button-wpad a.price-contactus-link {
    display: block;
    margin-top: 41px;
    font-size: 16px
}

.server_price_recommendation {
    padding: 0;
    color: #848484
}

.server_price_recommendation p {
    margin: 0 auto;
    padding: 10px 0 20px;
    border-bottom: 1px solid #e6e6e6;
    font-size: 12px
}

.server_price_recommendation p b {
    color: #333;
    font-size: 14px
}

.spr_simcon {
    line-height: 1.2em;
    padding: 25px 0 0
}

.spr_simcon b {
    color: #333
}

.server_price_features_header {
    font-weight: 700;
    text-align: left;
    padding: 30px 40px 0 35px
}

.server_price_features {
    padding: 0 10px 20px 17px;
    text-align: left;
    font-size: 13px
}

.server_price_features.spf_free_block {
    padding-top: 21px
}

#supportpage .server_table_prices {
    background-color: #f6f6f6;
    padding: 66px 0 72px;
    margin: 72px auto 0;
    text-align: center
}

#supportpage .server_pricing_plan {
    width: 185px;
    margin: 0 auto
}

#supportpage .server_pricing_plan.selected_pricing_plan .price-plan-title {
    padding-top: 18px
}

#supportpage .server_pricing_plan.selected_pricing_plan .server_price_features {
    padding-bottom: 19px
}

#supportpage .price-block {
    font-size: 40px;
    padding-top: 23px;
    height: 142px
}

#supportpage .price-block a.button,
#supportpage .price-block a.button:hover,
#supportpage .price-block a.button:active,
#supportpage .price-block a.button:visited,
#supportpage .price-block a.button:focus {
    margin-top: 33px;
    width: 107px;
    padding-left: 25px;
    padding-right: 25px
}

#supportpage .price-block a.button.white,
#supportpage .price-block a.button:hover.white,
#supportpage .price-block a.button:active.white,
#supportpage .price-block a.button:visited.white,
#supportpage .price-block a.button:focus.white {
    margin-top: 42px
}

#supportpage .price-block-note {
    font-size: 16px;
    color: #666;
    font-weight: 300
}

#supportpage .price-plan-title {
    padding-top: 19px
}

#supportpage .price-plan-cores {
    color: #333;
    height: 70px;
    vertical-align: middle;
    display: table-cell;
    width: 236px
}

#supportpage .server_price_features {
    padding: 20px 10px 20px 17px;
    height: 240px
}

#servereditorspricespage {
    background-color: #f6f6f6
}

#servereditorspricespage .server_solutions_compare {
    text-align: center
}

#servereditorspricespage .server_solutions_compare .decide_solution {
    font-size: 24px
}

#servereditorspricespage .solutionspages_main_text {
    background-color: #fff;
    margin: 100px 0 0;
    padding: 1px 0 50px
}

#servereditorspricespage .server_price_features {
    height: 110px
}

#servereditorspricespage .selected_pricing_plan .server_price_features {
    height: 108px
}

.InnerPage .description .server_price_features li {
    line-height: 1.3em;
    padding: 5px 0;
    margin: 0;
    list-style-type: none;
    position: relative;
    color: #777
}

.InnerPage .description .server_price_features li.spf_assis:before {
    display: none
}

.InnerPage .description .server_price_features li:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../../images/pricing/checkbox-price.png) no-repeat 0 0;
    background-size: 12px 12px;
    position: absolute;
    left: -17px;
    top: 8px
}

.server_available_block {
    padding: 50px 0 15px;
    background-position: 50% 20px;
    background-repeat: no-repeat;
    font-size: 12px;
    color: #777
}

.server_available_block.server_available_linux {
    background-image: url(../../images/pricing/available_linux.png)
}

.server_available_block.server_available_linux_windows {
    background-image: url(../../images/pricing/available_linux_windows.png)
}

.simcon_change {
    display: inline-block;
    padding: 0;
    text-align: center;
    width: 28px;
    height: 70px;
    line-height: 70px;
    margin: 0;
    background-color: #f8f8f8;
    font-size: 30px;
    font-weight: 600;
    border: 1px solid #ccc;
    cursor: pointer
}

#integrationpricespage {
    background-color: #f6f6f6
}

#integrationpricespage .server_pricing_plan .price-block {
    border-bottom: 0 none
}

#integrationpricespage .prices_top_heading {
    padding-bottom: 20px
}

#integrationpricespage .server_available_block {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 25px;
    margin-bottom: 25px
}

#integrationpricespage .server_main_text {
    text-align: center
}

#integrationpricespage .community_edition_link {
    padding-top: 40px
}

#integrationpricespage .table-header-what-for {
    position: absolute;
    top: -1px;
    left: -1px;
    color: #fff;
    font-size: 13px;
    padding: 7px 0;
    z-index: 100;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px
}

#integrationpricespage .table-header-what-for.wf-development {
    background-color: #454344;
    width: 322px
}

#integrationpricespage .table-header-what-for.wf-production {
    background-color: #ff642e;
    width: 646px
}

#integrationpricespage .servereditorsprices .innerblue .description h1 {
    padding-bottom: 40px
}

#integrationpricespage .servereditorsprices .innerblue .description .feature_rich_header {
    max-width: 100%
}

#integrationpricespage .solutionspages_feature_rich {
    width: 960px;
    margin: 40px auto 0
}

#integrationpricespage .solutionspages_feature_rich .spfr_block {
    width: 188px;
    margin: 0;
    padding: 0;
    display: inline-block;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2em;
    vertical-align: top
}

#integrationpricespage .solutionspages_feature_rich .spfr_block a {
    text-decoration: none;
    color: #333
}

#integrationpricespage .solutionspages_feature_rich .spfr_block:before {
    content: '';
    display: block;
    width: 29px;
    height: 29px;
    background-image: url(../../images/pricing/icong-int.png);
    background-repeat: no-repeat;
    margin: 0 auto 20px;
    padding: 0
}

#integrationpricespage .solutionspages_feature_rich .spfr_block.spfr_1:before {
    background-position: -9px 0
}

#integrationpricespage .solutionspages_feature_rich .spfr_block.spfr_2:before {
    background-position: -60px 0
}

#integrationpricespage .solutionspages_feature_rich .spfr_block.spfr_3:before {
    background-position: -110px 0
}

#integrationpricespage .solutionspages_feature_rich .spfr_block.spfr_4:before {
    background-position: -161px 0
}

#integrationpricespage .solutionspages_feature_rich .spfr_block.spfr_5:before {
    background-position: -211px 0
}

#integrationpricespage .server_solutions_more_connections {
    height: auto;
    padding: 40px 0 0;
    text-align: center
}

#integrationpricespage .server_solutions_compare {
    width: 960px;
    margin: 0 auto
}

#integrationpricespage .server_solutions_compare .decide_solution {
    margin: 0
}

#integrationpricespage .solutionspages_main_text {
    margin: 60px 0 0;
    padding: 10px 0 80px;
    background-color: #fff;
    border-bottom: 1px #e6e6e6 solid;
    position: relative;
    z-index: 10
}

#integrationpricespage .server_price_recommendation {
    vertical-align: top
}

#integrationpricespage .server_price_recommendation p {
    vertical-align: top;
    padding: 15px 0;
    display: inline-block;
    font-size: 13px
}

#integrationpricespage .server_price_recommendation.spr_block1 p {
    border-top: 1px solid #e6e6e6;
    width: 100%
}

#integrationpricespage .server_price_recommendation.spr_block2 p,
#integrationpricespage .server_price_recommendation.spr_block3 p {
    border-top: 1px solid #ccc;
    border-color: #ccc;
    width: 200px
}

#integrationpricespage .server_pricing_plan:last-of-type .price-per-year {
    padding: 0 0 16px;
    margin-top: -5px
}

.servereditorsprices .server_solutions_decide {
    width: 100%;
    background-color: #f6f6f6;
    text-align: center;
    padding: 1px 0 10px;
    margin: 20px auto 0;
    position: relative;
    z-index: 20
}

.servereditorsprices .faq_pricing_block {
    text-align: left
}

.servereditorsprices .innerblue {
    width: 100%
}

.servereditorsprices .innerblue .description {
    float: none;
    width: 100%
}

.servereditorsprices .innerblue .description h1 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    max-width: 970px;
    margin: 0 auto;
    padding: 60px 0 10px;
    text-align: center
}

.servereditorsprices .innerblue .description h1 b {
    font-weight: 400;
    color: #ff642e
}

.servereditorsprices .innerblue .description a.server_tlo {
    display: block;
    cursor: pointer;
    text-decoration: none;
    background: #598001;
    background-color: #6c901b;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#a4cc4d), to(#6c901b));
    background-image: -webkit-linear-gradient(top, #a4cc4d, 0%, #6c901b, 100%);
    background-image: -moz-linear-gradient(top, #a4cc4d 0%, #6c901b 100%);
    background-image: linear-gradient(to bottom, #a4cc4d 0%, #6c901b 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffa4cc4d', endColorstr='#ff6c901b', GradientType=0);
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    width: 74px;
    height: 62px;
    border-radius: 37px;
    -moz-border-radius: 37px;
    -webkit-border-radius: 37px;
    margin: -37px auto 24px;
    vertical-align: middle;
    line-height: 1.2em;
    padding-top: 12px
}

.servereditorsprices .innerblue .description .server_table_capt,
.servereditorsprices .innerblue .description .demo_block_contactus {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    margin: 30px auto 40px;
    line-height: 1.2em;
    position: relative;
    z-index: 200
}

.servereditorsprices .innerblue .description .server_table_prices_footer {
    color: #666;
    font-size: 11px;
    margin-top: 66px;
    margin-bottom: -40px;
    text-align: left
}

.servereditorsprices .innerblue .description .main-btn-container {
    margin-top: 30px;
    margin-bottom: 80px;
    text-align: center
}

.servereditorsprices .innerblue .description .server_main_text {
    width: 970px;
    margin: 0 auto;
    position: relative
}

.servereditorsprices .innerblue .description .server_main_text .server_prices_trial_button {
    text-align: center
}

.servereditorsprices .innerblue .description .start-trial-block {
    margin-top: 24px;
    background: #f3f3f3;
    height: 52px;
    line-height: 48px;
    padding: 20px 0 20px 30px;
    position: relative
}

.servereditorsprices .innerblue .description .start-trial-block .start-trial-block-text {
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
    font-size: 15px;
    font-weight: 700
}

.servereditorsprices .innerblue .description .start-trial-block .start-trial-block-text b {
    font-weight: 700
}

.servereditorsprices .innerblue .description .start-trial-block a.button,
.servereditorsprices .innerblue .description .start-trial-block a.button:hover,
.servereditorsprices .innerblue .description .start-trial-block a.button:active,
.servereditorsprices .innerblue .description .start-trial-block a.button:visited {
    line-height: normal;
    width: auto;
    position: absolute;
    top: 50%;
    margin-top: -23px;
    right: 40px;
    padding: 12px 55px
}

.servereditorsprices .innerblue .description .server_table_capt {
    margin-top: 30px
}

.desktopprices .innerblue .description {
    width: 960px;
    margin: 0 auto;
    min-height: 774px
}

.desktopprices .innerblue .description .desktop_price_header {
    padding: 60px 0 40px;
    position: relative
}

.desktopprices .innerblue .description .desktop_price_header h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    max-width: 550px
}

.desktopprices .innerblue .description .desktop_price_header h2 b {
    color: #ff642e;
    font-weight: 400
}

.desktopprices .innerblue .description .desktop_price_header .dph_overlay {
    position: absolute;
    left: 490px;
    top: 20px;
    width: 1135px;
    height: 792px;
    background: url(../../images/pricing/desktop_cover_image_03.png) no-repeat 0 0;
    z-index: 1
}

.desktopprices .innerblue .description .dph_text {
    position: relative;
    z-index: 10
}

.desktopprices .innerblue .description .dph_text .dph_text_subheader {
    font-size: 15px;
    max-width: 550px;
    padding: 0 0 30px
}

.desktopprices .innerblue .description .dph_text .dph_main_text {
    max-width: 550px;
    padding: 10px 0 30px
}

.desktopprices .innerblue .description .dph_text .mpd_buttons .button.white {
    margin-left: 0;
    margin-right: 12px
}

.desktopprices .innerblue .description .dph_text .most_powerful_caption {
    left: 401px;
    bottom: 35px
}

.sales_refund_blocks {
    text-align: center;
    margin: -20px auto 0;
    padding: 20px 0 54px;
    border-top: solid 1px #e3e3e3;
    background: #fff
}

.sales_refund_blocks .sales_refund_block {
    display: inline-block;
    width: 200px;
    vertical-align: top;
    font-size: 16px;
    font-weight: 400;
    padding: 95px 0 0;
    background-repeat: no-repeat;
    background-image: url(../../images/pricing/desktop_sprite.png);
    line-height: 1.2em
}

.sales_refund_blocks .sales_refund_block.sr_block_1 {
    background-position: 50% 0
}

.sales_refund_blocks .sales_refund_block.sr_block_2 {
    background-position: 50% -131px
}

.sales_refund_blocks .sales_refund_block.sr_block_3 {
    background-position: 50% -261px;
    padding-top: 0
}

.sales_refund_blocks .sales_refund_block.sr_block_4 {
    background-position: 50% -391px;
    padding-top: 0
}

.sales_refund_blocks .sales_refund_block a {
    text-decoration: none;
    color: #333;
    display: block;
    padding: 95px 0 0
}

.servereditorsprices .clarifications_blocks {
    text-align: center;
    margin: 44px auto 60px;
    max-width: 970px
}

.servereditorsprices .clarifications_blocks .further_clarifications {
    font-weight: 700;
    font-size: 14px;
    margin: 0 auto 30px
}

.servereditorsprices .clarifications_blocks .clarifications_block {
    display: inline-block;
    width: 200px;
    vertical-align: top;
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    background-repeat: no-repeat;
    background-image: url(../../images/pricing/server_icons.png);
    line-height: 1.2em
}

.servereditorsprices .clarifications_blocks .clarifications_block.cr_block_1 {
    background-position: 50% 0
}

.servereditorsprices .clarifications_blocks .clarifications_block.cr_block_2 {
    background-position: 50% -131px
}

.servereditorsprices .clarifications_blocks .clarifications_block.cr_block_3 {
    background-position: 50% -261px
}

.servereditorsprices .clarifications_blocks .clarifications_block.cr_block_4 {
    background-position: 50% -391px
}

.servereditorsprices .clarifications_blocks .clarifications_block a {
    text-decoration: none;
    color: #333;
    display: block;
    padding: 95px 0 0
}

.server_solutions_compare {
    text-align: left;
    margin: 50px auto 20px;
    position: relative;
    z-index: 5
}

.server_solutions_compare .decide_solution {
    font-weight: 400;
    font-size: 18px;
    color: #333;
    margin-bottom: 20px;
    text-align: center
}

#mobileappspage article,
#mobileprojectspage article {
    padding-top: 70px
}

#mobileappspage article .solutionspages_main_text,
#mobileprojectspage article .solutionspages_main_text {
    width: 100%
}

#mobileappspage article h3,
#mobileprojectspage article h3 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    margin: 0;
    padding: 40px 0 13px;
    line-height: 1.5em
}

#mobileappspage article .list_with_orange_markers,
#mobileprojectspage article .list_with_orange_markers {
    padding: 0;
    margin: 0
}

#mobileappspage article .list_with_orange_markers li,
#mobileprojectspage article .list_with_orange_markers li {
    padding: 7px 0;
    margin: 0;
    font-size: 16px;
    line-height: 1.5em
}

#mobileappspage article .list_with_orange_markers li:before,
#mobileprojectspage article .list_with_orange_markers li:before {
    margin-top: -2px;
    vertical-align: middle
}

.solutionspages_mobile_ios_block {
    width: 100%;
    position: relative;
    z-index: 2
}

.solutionspages_app_store_narrow {
    width: 570px;
    padding: 40px 0 90px 400px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
    background-color: transparent;
    text-align: left
}

.solutionspages_app_store_left_underlay {
    width: 578px;
    height: 760px;
    position: absolute;
    left: -238px;
    top: 144px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
    z-index: 5
}

.mobiledocuments .solutionspages_app_store_left_underlay {
    background-image: url(../../images/solutions/desktopmobileapps/mobile_editors_ios_01.png)
}

.mobiledocuments .solutionspages_app_store_right_underlay {
    background-image: url(../../images/solutions/desktopmobileapps/mobile_editors_ios_02.png)
}

.mobiledocuments .solutionspages_app_store_narrow {
    min-height: 500px
}

.mobileprojects .solutionspages_app_store_left_underlay {
    background-image: url(../../images/solutions/desktopmobileapps/mobile_projects_ios_01.png)
}

.mobileprojects .solutionspages_app_store_right_underlay {
    background-image: url(../../images/solutions/desktopmobileapps/mobile_projects_ios_02.png)
}

.mobileprojects .solutionspages_app_store_narrow {
    min-height: 800px
}

.solutionspages_app_store_right_underlay {
    width: 560px;
    height: 446px;
    position: absolute;
    right: -238px;
    top: 414px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
    z-index: 5
}

.solutionspages_mobile_android_block {
    background-color: #f6f6f6;
    position: relative
}

.solutionspages_android_narrow {
    width: 570px;
    padding: 40px 0 90px 400px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
    min-height: 500px;
    text-align: left
}

.solutionspages_android_left_underlay {
    width: 560px;
    height: 594px;
    position: absolute;
    left: -238px;
    top: 126px;
    background: transparent url(../../images/solutions/desktopmobileapps/mobile_editors_android_01.png) no-repeat 0 0;
    z-index: 5
}

.mobile_review {
    padding: 80px 0 0
}

.user_rating span {
    width: 14px;
    height: 14px;
    background: url(https://static-www.onlyoffice.com/images/solutions/desktopmobileapps/star.svg) no-repeat 0 0;
    background-size: cover;
    margin: 0 3px 0 0;
    padding: 0;
    display: inline-block
}

.mr_heading {
    font-size: 18px;
    font-weight: 600;
    padding: 20px 0 0
}

.mr_quote {
    font-size: 14px;
    line-height: 1.6em;
    max-width: 260px
}

.mr_android_documents .mr_quote {
    padding: 20px 0 0
}

.mr_ios_documents .mr_quote {
    padding: 15px 0 0
}

.mr_signature {
    font-size: 14px;
    font-weight: 600;
    padding: 20px 0 40px
}

.mobile_awards {
    position: absolute;
    bottom: -54px;
    left: calc(50% - 504px)
}

.InnerPage .mobile_awards_link {
    display: block;
    height: 115px;
    padding: 35px 0 0 155px;
    font-size: 11px;
    color: #666;
    text-decoration: none;
    vertical-align: middle;
    line-height: 1.4em;
    text-align: left
}

.InnerPage .mobile_awards_link span {
    display: block;
    text-transform: uppercase
}

.InnerPage .mobile_awards_link:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: url(../../images/mainpage/main_sprite_awwards.png) no-repeat -4685px 0;
    width: 160px;
    height: 150px
}

.comparesolutions .innerblue {
    width: 100%
}

.comparesolutions .innerblue .description .solutionspages_header {
    background-color: #f6f6f6
}

.comparesolutions .innerblue .description .solutionspages_header .solutionspages_header_narrow {
    width: 970px;
    margin: 0 auto;
    padding: 118px 0 150px
}

.comparesolutions .innerblue .description .solutionspages_header .solutionspages_header_narrow h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    text-align: center;
    margin: 0 auto 40px;
    max-width: 750px
}

.comparesolutions .innerblue .description .solutionspages_header .solutionspages_header_narrow .solutionspages_pcmag_block {
    width: 100%;
    text-align: center
}

.comparesolutions .innerblue .description .solutionspages_header .solutionspages_header_narrow .solutionspages_pcmag_block .ssppcmb_text {
    max-width: 750px;
    padding: 70px 0 20px;
    margin: 0 auto;
    font-size: 16px;
    color: #666;
    line-height: 1.5em;
    background: url(../../images/mainpage/press/writers_pcmag.png) no-repeat 50% 0
}

.comparesolutions .innerblue .description .solutionspages_header .solutionspages_header_narrow .solutionspages_pcmag_block .sppcmb_logo {
    font-size: 15px;
    text-decoration: none;
    font-weight: 700;
    color: #666
}

.comparesolutions .innerblue .description .dbl-pricing-block {
    margin: -76px auto 0;
    position: relative
}

.comparesolutions .innerblue .description .dbl-pricing-block .anchor-price {
    position: absolute;
    top: -72px
}

.comparesolutions .innerblue .description .dbl-pricing-block table {
    margin: 0 auto
}

.comparesolutions .innerblue .description .dbl-pricing-block table th {
    white-space: nowrap;
    text-align: center
}

.comparesolutions .innerblue .description .dbl-pricing-block table th:nth-child(1n) {
    background-color: #f6f6f6
}

.comparesolutions .innerblue .description .dbl-pricing-block table th:nth-child(2n) {
    background-color: #eee
}

.comparesolutions .innerblue .description .dbl-pricing-block table tr {
    height: 75px
}

.comparesolutions .innerblue .description .dbl-pricing-block table td.pricing-table-price {
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 400
}

.comparesolutions .innerblue .description .comparisonpage_bottom_block {
    max-width: 970px;
    text-align: center;
    margin: 60px auto
}

.comparesolutions .innerblue .description .comparisonpage_bottom_block .cpbb_nopay {
    font-size: 24px;
    margin: 0 auto 20px
}

.comparesolutions .innerblue .description .comparisonpage_bottom_block .comparisonpage_bottom_link {
    color: #ff642e;
    display: block;
    font-size: 13px;
    margin: 40px auto 0
}

.desktopmobileapps .mpaa_opensource,
.desktopprices .mpaa_opensource {
    margin-left: 52px
}

.solutionspages_feature_rich {
    margin: 0 auto 160px;
    position: relative
}

.solutionspages_feature_rich .solutionspages_fr_features {
    list-style-type: none;
    margin: 0 auto 40px
}

.solutionspages_feature_rich .solutionspages_fr_features li {
    display: block;
    width: 130px;
    padding: 0;
    position: absolute;
    text-align: center;
    font-weight: 700;
    font-size: 13px;
    line-height: 1.2em
}

.solutionspages_feature_rich .solutionspages_fr_features li a,
.solutionspages_feature_rich .solutionspages_fr_features li a:hover,
.solutionspages_feature_rich .solutionspages_fr_features li a:focus,
.solutionspages_feature_rich .solutionspages_fr_features li a:visited,
.solutionspages_feature_rich .solutionspages_fr_features li a:active {
    display: block;
    padding: 55px 0 0;
    text-decoration: none;
    color: #333;
    position: relative;
    z-index: 10
}

.solutionspages_feature_rich .solutionspages_fr_features li:before {
    background-image: url(../../images/solutions/cloudoffice/icons_cloudsolution_moduls.png);
    background-repeat: no-repeat;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 44px;
    width: 44px;
    height: 36px
}

.solutionspages_feature_rich .solutionspages_fr_features li.sfr_doc_editors:before {
    background-position: 0 0
}

.solutionspages_feature_rich .solutionspages_fr_features li.sfr_corp_net:before {
    background-position: -275px 0
}

.solutionspages_feature_rich .solutionspages_fr_features li.sfr_doc_manage:before {
    background-position: -46px 0
}

.solutionspages_feature_rich .solutionspages_fr_features li.sfr_calendar:before {
    background-position: -230px 0
}

.solutionspages_feature_rich .solutionspages_fr_features li.sfr_mail:before {
    background-position: -90px 0
}

.solutionspages_feature_rich .solutionspages_fr_features li.sfr_project_manage:before {
    background-position: -180px 0
}

.solutionspages_feature_rich .solutionspages_fr_features li.sfr_crm:before {
    background-position: -135px 0
}

.solutionspages_feature_rich .solutionspages_fr_buttons {
    text-align: center
}

.solutionspages_feature_rich .solutionspages_fr_buttons a.button {
    margin: 0 5px
}

.solutionspages_feature_rich .solutionspages_fr_buttons a.solutionspages_read_why_link {
    color: #ff642e;
    font-size: 14px;
    text-align: center;
    display: block;
    margin: 20px 0
}

.solutionspages_desktop_tour {
    width: 1180px;
    margin: 0 auto;
    padding: 0;
    position: relative
}

.solutionspages_desktop_tour .sdt_header {
    font-size: 36px;
    color: #333;
    line-height: 1.2em;
    font-weight: 300;
    text-align: center;
    padding: 0;
    margin: 30px auto
}

.solutionspages_desktop_tour .sdt_header:before {
    display: block;
    content: '';
    height: 91px;
    margin: -91px 0 0
}

.solutionspages_desktop_tour .sdt_tour_common_block {
    margin-top: -50px
}

.solutionspages_desktop_tour .sdt_blocks_overlay {
    height: 549px;
    width: 940px;
    box-shadow: 0px 50px 100px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 50px 100px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 50px 100px rgba(0, 0, 0, 0.3);
    position: absolute;
    left: 120px;
    top: 194px;
    z-index: 0
}

.solutionspages_desktop_tour .sdt_tour_block {
    text-align: center;
    position: relative;
    z-index: 10
}

.solutionspages_desktop_tour .sdt_tour_block .sdt_blocks {
    height: 800px
}

.solutionspages_desktop_tour .sdt_tour_block .sdt_blocks .sdt_blocks_image {
    height: 549px;
    width: 940px;
    margin: 80px auto auto;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0
}

.solutionspages_desktop_tour .sdt_tour_block .sdt_blocks.sdt_block1 .sdt_blocks_image {
    background-image: url(../../images/solutions/desktopmobileapps/tour/en/plugins.jpg)
}

.solutionspages_desktop_tour .sdt_tour_block .sdt_blocks.sdt_block2 .sdt_blocks_image {
    background-image: url(../../images/solutions/desktopmobileapps/tour/en/textdocument.jpg)
}

.solutionspages_desktop_tour .sdt_tour_block .sdt_blocks.sdt_block3 .sdt_blocks_image {
    background-image: url(../../images/solutions/desktopmobileapps/tour/en/textdocument2.jpg)
}

.solutionspages_desktop_tour .sdt_tour_block .sdt_blocks.sdt_block4 .sdt_blocks_image {
    background-image: url(../../images/solutions/desktopmobileapps/tour/en/spreadsheet.jpg)
}

.solutionspages_desktop_tour .sdt_tour_block .sdt_blocks.sdt_block5 .sdt_blocks_image {
    background-image: url(../../images/solutions/desktopmobileapps/tour/en/spreadsheet2.jpg)
}

.solutionspages_desktop_tour .sdt_tour_block .sdt_blocks.sdt_block6 .sdt_blocks_image {
    background-image: url(../../images/solutions/desktopmobileapps/tour/en/presentation.jpg)
}

.solutionspages_desktop_tour .sdt_tour_block .sdt_blocks.sdt_block7 .sdt_blocks_image {
    background-image: url(../../images/solutions/desktopmobileapps/tour/en/presentation2.jpg)
}

.solutionspages_desktop_tour .sdt_tour_block .sdt_blocks.sdt_block8 .sdt_blocks_image {
    background-image: url(../../images/solutions/desktopmobileapps/tour/en/connect_portal.jpg)
}

.solutionspages_desktop_tour .sdt_tour_block .sdt_blocks.sdt_block9 .sdt_blocks_image {
    background-image: url(../../images/solutions/desktopmobileapps/tour/en/connect_portal2.jpg)
}

.solutionspages_desktop_tour .sdt_tour_block .slick-dots {
    text-align: center;
    margin-top: -110px
}

.solutionspages_desktop_tour .sdt_tour_block .slick-dots li,
.solutionspages_desktop_tour .sdt_tour_block .slick-dots button {
    display: inline-block;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    padding: 0;
    border: 0 none;
    vertical-align: middle;
    cursor: pointer
}

.solutionspages_desktop_tour .sdt_tour_block .slick-dots li {
    width: 6px;
    height: 6px;
    background-color: #7d7d7d;
    margin: 0 7px;
    position: relative;
    -webkit-transition: background-color 0.1s, width 0.1s, height 0.1s;
    -moz-transition: background-color 0.1s, width 0.1s, height 0.1s;
    -o-transition: background-color 0.1s, width 0.1s, height 0.1s;
    transition: background-color 0.1s, width 0.1s, height 0.1s
}

.solutionspages_desktop_tour .sdt_tour_block .slick-dots li.slick-active {
    background-color: #ff642e;
    width: 10px;
    height: 10px
}

.solutionspages_desktop_tour .sdt_tour_block .slick-dots button {
    background-color: transparent;
    color: transparent;
    position: absolute;
    width: 10px;
    height: 10px;
    top: -2px;
    left: -2px
}

.solutionspages_desktop_tour .sdt_tour_block .slick-prev,
.solutionspages_desktop_tour .sdt_tour_block .slick-next {
    background-color: transparent;
    background-image: url("../../images/mainpage/arrows.png");
    background-repeat: no-repeat;
    border: medium none;
    font-size: 0;
    height: 55px;
    padding: 0;
    position: absolute;
    width: 55px;
    top: 320px;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    -webkit-transition: box-shadow 0.3s, background-color 0.3s, border-color 0.3s;
    -moz-transition: box-shadow 0.3s, background-color 0.3s, border-color 0.3s;
    -o-transition: box-shadow 0.3s, background-color 0.3s, border-color 0.3s;
    transition: box-shadow 0.3s, background-color 0.3s, border-color 0.3s;
    z-index: 100
}

.solutionspages_desktop_tour .sdt_tour_block .slick-prev:hover,
.solutionspages_desktop_tour .sdt_tour_block .slick-next:hover {
    background-color: #fff;
    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)
}

.solutionspages_desktop_tour .sdt_tour_block .slick-prev {
    left: 40px;
    background-position: 2px 5px
}

.solutionspages_desktop_tour .sdt_tour_block .slick-next {
    right: 40px;
    background-position: -92px 5px
}

.solutionspages .solutions_header_small_text {
    position: relative;
    z-index: 5;
    font-size: 12px;
    color: #9a9a9a;
    margin: 5px auto 0
}

.solutionspages .main_page_gotooffice {
    margin: 38px auto
}

.solutionspages.supportrequest .innerblue .description .solutionspages_header {
    background: url(../../images/support/header.jpg) no-repeat 50% 0;
    padding-top: 80px;
    height: 434px
}

.solutionspages.supportrequest .innerblue .description .solutionspages_header .solutionspages_header_narrow {
    text-align: left;
    width: 970px;
    margin: 0 auto
}

.solutionspages.supportrequest .innerblue .description .solutionspages_header .solutionspages_header_narrow .solutionspages_quote_text {
    margin: 4px 0 30px;
    font-weight: 400
}

.solutionspages.supportrequest .innerblue .description .solutionspages_header .solutionspages_header_narrow h2 {
    text-align: left;
    width: 970px;
    padding-top: 90px;
    margin: 0
}

.solutionspages.supportrequest .innerblue .description .solutionspages_header .solutionspages_header_narrow h2 b {
    font-weight: 400;
    color: #ff642e
}

.solutionspages.supportrequest .innerblue .description .solutionspages_security_heading,
.solutionspages.supportrequest .innerblue .description .server_table_prices_heading,
.solutionspages.supportrequest .innerblue .description .support_request_footers_heading {
    font-size: 36px;
    margin: 0 auto 25px;
    text-align: center;
    width: 970px;
    font-weight: 300
}

.solutionspages.supportrequest .innerblue .description .solutionspages_security_subheader,
.solutionspages.supportrequest .innerblue .description .server_table_prices_subheader,
.solutionspages.supportrequest .innerblue .description .support_request_footer_subheader {
    font-size: 18px;
    font-weight: 400;
    margin: 0 auto 36px;
    text-align: center;
    width: 970px;
    line-height: 1.4em
}

.solutionspages.supportrequest .innerblue .description .solutionspages_security_block {
    border-top: 0 none;
    margin-top: 26px
}

.solutionspages.supportrequest .innerblue .description .solutionspages_security_block .solutionspages_security_block_narrow {
    text-align: center
}

.solutionspages.supportrequest .innerblue .description .solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks {
    margin-top: -21px
}

.solutionspages.supportrequest .innerblue .description .solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block {
    text-align: left;
    padding-bottom: 21px
}

.solutionspages.supportrequest .innerblue .description .solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block:before {
    background-image: url(../../images/support/icons.png);
    width: 77px
}

.solutionspages.supportrequest .innerblue .description .solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block25:before {
    background-position: 0 0
}

.solutionspages.supportrequest .innerblue .description .solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block26:before {
    background-position: -95px 0
}

.solutionspages.supportrequest .innerblue .description .solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block27:before {
    background-position: -187px 0
}

.solutionspages.supportrequest .innerblue .description .solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block .sps_block_text {
    font-size: 15px
}

.solutionspages.supportrequest .innerblue .description .support_request_footer_narrow {
    width: 970px;
    margin: 0 auto;
    padding: 66px 0 87px;
    text-align: center
}

.solutionspages.supportrequest .innerblue .description .support_request_footer_subheader {
    margin-bottom: 30px
}

.solutionspages.supportrequest .innerblue .description .support_request_footer_learn {
    font-size: 13px;
    margin: 35px 0 0
}

.solutionspages.educationsolutions .innerblue .description {
    padding-bottom: 80px
}

.solutionspages.educationsolutions .innerblue .description .solutionspages_header {
    background-color: #f6f6f6;
    padding-top: 80px
}

.solutionspages.educationsolutions .innerblue .description .solutionspages_header .solutionspages_header_narrow {
    text-align: center
}

.solutionspages.educationsolutions .innerblue .description .solutionspages_header .solutionspages_header_narrow h2 {
    text-align: center;
    width: 970px;
    padding-bottom: 430px;
    background: url(../../images/landing/backtoschool/start_screen_image.png) no-repeat 50% 90px
}

.solutionspages.educationsolutions .innerblue .description .solutionspages_main_text_header {
    width: 100%;
    background-color: #f6f6f6
}

.solutionspages.educationsolutions .innerblue .description .solutionspages_main_text_header h2 {
    width: 970px
}

.solutionspages.educationsolutions .innerblue .description .solutionspages_main_text_header .solutionspages_why_choose {
    margin-top: 0;
    padding: 30px 0 0
}

.solutionspages.educationsolutions .innerblue .description .solutionspages_feature_rich {
    position: relative;
    margin: 0 auto;
    background: 0 none;
    width: auto;
    height: auto;
    padding-bottom: 60px
}

.solutionspages.educationsolutions .innerblue .description .solutionspages_feature_rich .solutionspages_fr_features {
    height: auto;
    text-align: center;
    padding: 30px 0
}

.solutionspages.educationsolutions .innerblue .description .solutionspages_feature_rich .solutionspages_fr_features li {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.solutionspages.educationsolutions .innerblue .description .solutionspages_main_text .dbl-pricing-block {
    margin: 120px auto 0
}

.solutionspages.educationsolutions .innerblue .description .solutionspages_main_text .dbl-pricing-block .dbl-pricing-block-header {
    font-size: 24px;
    text-align: center
}

.solutionspages.educationsolutions .innerblue .description .solutionspages_main_text .dbl-pricing-block table {
    width: 100%;
    margin: 40px auto 0
}

.solutionspages.educationsolutions .innerblue .description .solutionspages_main_text .dbl-pricing-block table tr {
    height: 74px
}

.solutionspages.educationsolutions .innerblue .description .solutionspages_main_text .dbl-pricing-block table tr:last-of-type {
    height: 30px
}

.solutionspages.educationsolutions .innerblue .description .solutionspages_main_text .dbl-pricing-block table tr th {
    color: #ff642e;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4em;
    padding: 23px 0;
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    vertical-align: middle
}

.solutionspages.educationsolutions .innerblue .description .solutionspages_main_text .dbl-pricing-block table tr th:first-child {
    text-align: left;
    padding-left: 20px
}

.solutionspages.educationsolutions .innerblue .description .solutionspages_main_text .dbl-pricing-block table tr th:nth-child(3) {
    background-color: #f6f6f6
}

.solutionspages.educationsolutions .innerblue .description .solutionspages_main_text .dbl-pricing-block table tr th:nth-child(2),
.solutionspages.educationsolutions .innerblue .description .solutionspages_main_text .dbl-pricing-block table tr th:nth-child(3),
.solutionspages.educationsolutions .innerblue .description .solutionspages_main_text .dbl-pricing-block table tr th:nth-child(4),
.solutionspages.educationsolutions .innerblue .description .solutionspages_main_text .dbl-pricing-block table tr th:nth-child(5) {
    padding: 23px 30px
}

.solutionspages.educationsolutions .innerblue .description .solutionspages_main_text .dbl-pricing-block table tr td {
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px solid #e5e5e5;
    padding: 23px 20px;
    vertical-align: middle;
    line-height: 1.4em
}

.solutionspages.educationsolutions .innerblue .description .solutionspages_main_text .dbl-pricing-block table tr td .comparison_table_link {
    color: #333
}

.solutionspages.educationsolutions .innerblue .description .solutionspages_main_text .dbl-pricing-block table tr td:nth-child(3) {
    background-color: #f7f7f7
}

.solutionspages.educationsolutions .innerblue .description .solutionspages_main_text .dbl-pricing-block table tr td:first-child {
    width: 190px;
    padding-right: 35px;
    padding-left: 20px;
    text-align: left
}

.solutionspages.educationsolutions .innerblue .description .solutionspages_main_text .dbl-pricing-block table tr td.edutable_bottom_cell {
    border-bottom: 0 none
}

.solutionspages.educationsolutions .innerblue .description .solutionspages_main_text .dbl-pricing-block table tr td:nth-child(2),
.solutionspages.educationsolutions .innerblue .description .solutionspages_main_text .dbl-pricing-block table tr td:nth-child(3),
.solutionspages.educationsolutions .innerblue .description .solutionspages_main_text .dbl-pricing-block table tr td:nth-child(4) {
    width: 135px;
    font-size: 14px;
    text-align: center
}

.solutionspages.educationsolutions .innerblue .description .solutionspages_main_text .dbl-pricing-block table tr td:nth-child(4) {
    font-size: 14px
}

.solutionspages.educationsolutions .innerblue .description .solutionspages_main_text .dbl-pricing-block table tr td:nth-child(2),
.solutionspages.educationsolutions .innerblue .description .solutionspages_main_text .dbl-pricing-block table tr td:nth-child(3) {
    font-size: 16px
}

.solutionspages.educationsolutions .innerblue .description .solutionspages_main_text .dbl-pricing-block table .price-contactus-link {
    padding-top: 8px;
    display: block
}

.solutionspages.educationsolutions .innerblue .description .solutionspages_main_text .mc_user_block {
    float: none;
    margin-top: 0px;
    background-image: url(../../images/solutions/education/education_client.png)
}

.solutionspages.cloudofficesolution .innerblue .description .solutionspages_header {
    background-image: url(../../images/solutions/cloudoffice/coverimage_cloudsolution.png);
    height: 664px
}

.solutionspages.cloudofficesolution .innerblue .description .solutionspages_header h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    text-align: center
}

.solutionspages.cloudofficesolution .innerblue .description .solutionspages_main_text {
    position: relative
}

.solutionspages.cloudofficesolution .innerblue .description .solutionspages_main_text .solutionspages_description_blocks .solutionspages_dblock:before {
    background-image: url(../../images/solutions/cloudoffice/cloud_sprite.png)
}

.solutionspages.cloudofficesolution .innerblue .description .solutionspages_main_text .most_powerful_caption {
    left: -20px;
    top: -350px
}

.solutionspages.serversolutions .innerblue .description .solutionspages_main_text {
    width: 100%;
    background: url(../../images/pricing/background_image.jpg) no-repeat 50% 0
}

.solutionspages.serversolutions .innerblue .description .solutionspages_main_text .solutionspages_main_text_narrow {
    width: 950px;
    margin: 0 auto
}

.solutionspages.serversolutions .innerblue .description .solutionspages_main_text .solutionspages_main_text_narrow .mc_user_block {
    background-image: url(../../images/solutions/serversolutions/solution_clients_server.png);
    margin-top: -50px
}

.solutionspages.serversolutions .innerblue .description .solutionspages_main_text .solutionspages_main_text_narrow .solutionspages_efficient_blocks .spe_block {
    padding-bottom: 30px
}

.solutionspages.serversolutions .innerblue .description .solutionspages_main_text .solutionspages_main_text_narrow .solutionspages_efficient_blocks .spe_block .spe_block_header {
    font-size: 14px;
    font-weight: 700
}

.solutionspages.serversolutions .innerblue .description .solutionspages_main_text .solutionspages_main_text_narrow .solutionspages_efficient_blocks a.server_compare_detail {
    display: block;
    color: #ff642e;
    margin: 50px 0 0
}

.solutionspages.serversolutions .innerblue .description .solutionspages_main_text .solutionspages_more_efficient h3:before {
    content: none
}

.solutionspages.serversolutions .innerblue .description .solutionspages_header {
    background: url(../../images/solutions/serversolutions/cover_solutions_server.png) no-repeat 50% -30px;
    height: 1008px;
    margin-top: -104px;
    position: relative;
    padding-top: 180px
}

.solutionspages.serversolutions .innerblue .description .solutionspages_header .solutionspages_header_underlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 830px;
    background-color: #f6f6f6;
    z-index: -1
}

.solutionspages.serversolutions .innerblue .description .solutionspages_header .solutionspages_header_narrow {
    width: 970px;
    margin: 0 auto;
    text-align: left;
    position: relative
}

.solutionspages.serversolutions .innerblue .description .solutionspages_header .solutionspages_header_narrow .most_powerful_caption {
    left: 0;
    bottom: -285px
}

.solutionspages.serversolutions .innerblue .description .solutionspages_header .solutionspages_header_narrow h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    width: 480px;
    margin: 0
}

.solutionspages.serversolutions .innerblue .description .solutionspages_header .solutionspages_header_narrow h2 b {
    font-weight: 400;
    color: #ff642e
}

.solutionspages.serversolutions .innerblue .description .solutionspages_header .solutionspages_header_narrow .solutionspages_quote_text {
    margin: 30px 0 40px;
    text-align: left
}

.solutionspages.serversolutions .innerblue .description .solutionspages_header .solutionspages_header_narrow .solutionspages_award_server {
    position: absolute;
    width: 250px;
    height: 192px;
    background: url(../../images/solutions/serversolutions/awards-server-solution.png) no-repeat 0 0;
    top: 390px;
    left: 230px;
    padding: 330px 136px 0;
    text-align: center;
    text-transform: uppercase
}

.solutionspages.serversolutions .innerblue .description .solutionspages_header .solutionspages_header_narrow .solutionspages_award_server b {
    display: block;
    font-weight: 600;
    font-size: 16px
}

.solutionspages.serversolutions .innerblue .description .solutionspages_feature_rich {
    position: relative;
    margin: 0 auto;
    background: 0 none;
    width: auto;
    height: auto;
    padding-bottom: 60px
}

.solutionspages.serversolutions .innerblue .description .solutionspages_feature_rich .solutionspages_fr_features {
    height: auto;
    text-align: center;
    padding: 30px 0
}

.solutionspages.serversolutions .innerblue .description .solutionspages_feature_rich .solutionspages_fr_features li {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.solutionspages.serversolutions .innerblue .description ul.list_with_orange_markers {
    padding-bottom: 20px
}

.solutionspages.serversolutions .innerblue .description ul.list_with_orange_markers li {
    line-height: 1.5em;
    padding-top: 5px;
    padding-bottom: 5px
}

.solutionspages.serversolutions .innerblue .description ul.list_with_orange_markers li:before {
    margin-left: -20px
}

.solutionspages.serversolutions .innerblue .description .solutionspages_security_block {
    background-color: #fff;
    padding-bottom: 60px;
    margin-top: 50px
}

.solutionspages.serversolutions .innerblue .description .solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block .sps_block_text a {
    color: #ff642e
}

.solutionspages.mobileapps.mobiledocuments .innerblue .description .solutionspages_header {
    background-image: url(../../images/solutions/desktopmobileapps/bg_editors.jpg);
    background-position-x: calc(50% + 400px)
}

.solutionspages.mobileapps.mobiledocuments .innerblue .description .solutionspages_header .solutionspages_header_text {
    font-size: 18px
}

.solutionspages.mobileapps.mobileprojects .innerblue .description .solutionspages_header {
    background-image: url(../../images/solutions/desktopmobileapps/bg_projects.jpg);
    background-position-x: calc(50% + 230px)
}

.solutionspages.mobileapps.mobileprojects .innerblue .description .solutionspages_header .solutionspages_header_text {
    font-size: 18px
}

.solutionspages.mobileapps .innerblue .description .solutionspages_header {
    background-color: #f1f1f1;
    background-repeat: no-repeat;
    background-position-y: 0;
    height: 470px;
    padding-top: 200px
}

.solutionspages.mobileapps .innerblue .description .solutionspages_header h1 {
    margin: 0;
    text-align: left;
    max-width: 500px;
    font-weight: 400
}

.solutionspages.mobileapps .innerblue .description .solutionspages_header h1 b {
    font-weight: 400;
    color: #ff642e
}

.solutionspages.desktopmobileapps .innerblue .description .cloud_desktop_narrow h2,
.solutionspages.desktopmobileapps .innerblue .description .desktop_encryption_narrow h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    max-width: 100%
}

.solutionspages.desktopmobileapps .innerblue .description .cloud_desktop_narrow h2 b,
.solutionspages.desktopmobileapps .innerblue .description .desktop_encryption_narrow h2 b {
    font-weight: 400;
    color: #ff642e
}

.solutionspages.desktopmobileapps .innerblue .description .cloud_desktop_narrow {
    padding: 80px 0 30px
}

.solutionspages.desktopmobileapps .innerblue .description .cloud_desktop_narrow h2 {
    text-align: center
}

.solutionspages.desktopmobileapps .innerblue .description .desktop_encryption_narrow h2 {
    text-align: left;
    padding-bottom: 40px
}

.solutionspages.desktopmobileapps .innerblue .description .solutionspages_header {
    padding-bottom: 0;
    width: 100%;
    background: #fff;
    height: 488px
}

.solutionspages.desktopmobileapps .innerblue .description .solutionspages_header .solutions_header_narrow {
    position: relative
}

.solutionspages.desktopmobileapps .innerblue .description .solutionspages_header .solutions_header_narrow a.button {
    position: relative;
    z-index: 10
}

.solutionspages.desktopmobileapps .innerblue .description .solutionspages_header .solutions_header_narrow .most_powerful_caption {
    left: 560px;
    bottom: -18px
}

.solutionspages.desktopmobileapps .innerblue .description .solutionspages_header h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    margin: 10px 0 0;
    max-width: 500px;
    z-index: 5;
    position: relative
}

.solutionspages.desktopmobileapps .innerblue .description .solutionspages_header h2 b {
    font-weight: 400;
    color: #ff642e
}

.solutionspages.desktopmobileapps .innerblue .description .solutionspages_header .solutionspages_header_text {
    margin: 0px 0 20px;
    z-index: 5;
    position: relative
}

.solutionspages.desktopmobileapps .innerblue .description .block-desktop-apps .solutionspages_security_block {
    border-top: 0 none;
    background-color: #f6f6f6;
    position: relative;
    z-index: 2;
    padding-bottom: 80px
}

.solutionspages.desktopmobileapps .innerblue .description .block-desktop-apps .solutionspages_security_block h2 {
    margin-top: 60px
}

.solutionspages.developersedition .innerblue .description .solutionspages_header {
    background-image: url(../../images/solutions/integration/integration_background.jpg);
    background-color: #29303a;
    margin-top: -104px;
    position: relative;
    padding-top: 180px;
    height: 553px
}

.solutionspages.developersedition .innerblue .description .solutionspages_header .solutionspages_header_narrow {
    width: 970px;
    margin: 0 auto;
    text-align: left;
    position: relative
}

.solutionspages.developersedition .innerblue .description .solutionspages_header .solutionspages_header_narrow .most_powerful_caption {
    right: 0;
    bottom: -220px
}

.solutionspages.developersedition .innerblue .description .solutionspages_header .solutionspages_header_narrow .solutionspages_header_overlay {
    position: absolute;
    top: 15px;
    left: 453px;
    z-index: 10;
    width: 1426px;
    height: 1023px;
    background: url(../../images/solutions/integration/integration_devices.png) no-repeat 0 0
}

.solutionspages.developersedition .innerblue .description .solutionspages_header .solutionspages_header_narrow h2 {
    max-width: 580px;
    margin: 0;
    color: #fff
}

.solutionspages.developersedition .innerblue .description .solutionspages_header .solutionspages_header_narrow .solutionspages_quote_text {
    text-align: left;
    margin: 20px 0 40px;
    color: #fff;
    font-size: 14px
}

.solutionspages.developersedition .innerblue .description .solutionspages_header .solutionspages_header_narrow a.button {
    margin-right: 5px
}

.solutionspages.developersedition .innerblue .description .solutionspages_header .solutionspages_header_narrow a.button.white {
    border: 0 none !important
}

.solutionspages.developersedition .innerblue .description .solutionspages_security_block {
    border-top: 0 none;
    background: #f6f6fa;
    padding-bottom: 60px
}

.solutionspages.developersedition .innerblue .description .solutionspages_security_block .solutionspages_dblock_bottom_link {
    font-size: 14px
}

.solutionspages.developersedition .innerblue .description .solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block:before {
    background-image: url(../../images/solutions/integration/developer-icons-sprite.png);
    background-size: auto 350px;
    background-position-y: 50%
}

.solutionspages.developersedition .innerblue .description .solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block7:before {
    background-position-x: -581px
}

.solutionspages.developersedition .innerblue .description .solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block8:before {
    background-position-x: -650px
}

.solutionspages.developersedition .innerblue .description .solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block9:before {
    background-position-x: -717px
}

.solutionspages.developersedition .innerblue .description .solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block10:before {
    background-position-x: -792px
}

.solutionspages.developersedition .innerblue .description .solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block11:before {
    background-position-x: -871px
}

.solutionspages.developersedition .innerblue .description .solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block12:before {
    background-position-x: -943px
}

.solutionspages.developersedition .innerblue .description .solutionspages_main_text {
    padding: 120px 0 0;
    position: relative;
    z-index: 100
}

.solutionspages.developersedition .innerblue .description .solutionspages_main_text .solutionspages_description_blocks .solutionspages_dblock:before {
    background-image: url(../../images/solutions/integration/dev_sprite.png)
}

.solutionspages.developersedition .innerblue .description .solutionspages_main_text .solutionspages_efficient_blocks {
    width: 540px
}

.solutionspages.developersedition .innerblue .description .solutionspages_main_text .solutionspages_efficient_blocks .spe_block {
    padding: 40px 0 20px 160px;
    font-size: 14px;
    line-height: 1.6em
}

.solutionspages.developersedition .innerblue .description .solutionspages_main_text .solutionspages_efficient_blocks .spe_block a {
    color: #ff642e
}

.solutionspages.developersedition .innerblue .description .solutionspages_main_text .solutionspages_efficient_blocks .spe_block:before {
    background-image: url(../../images/solutions/integration/developer-icons-sprite.png);
    background-size: auto 350px;
    background-position-y: 50%;
    height: 135px;
    width: 135px
}

.solutionspages.developersedition .innerblue .description .solutionspages_main_text .solutionspages_efficient_blocks .spe_block.spe_block5:before {
    background-position-x: 0
}

.solutionspages.developersedition .innerblue .description .solutionspages_main_text .solutionspages_efficient_blocks .spe_block.spe_block6:before {
    background-position-x: -144px
}

.solutionspages.developersedition .innerblue .description .solutionspages_main_text .solutionspages_efficient_blocks .spe_block.spe_block7:before {
    background-position-x: -432px
}

.solutionspages.developersedition .innerblue .description .solutionspages_main_text .solutionspages_efficient_blocks .spe_block.spe_block10:before {
    background-position-x: -288px
}

.solutionspages.developersedition .innerblue .description .solutionspages_main_text .mc_user_block {
    padding-left: 40px;
    padding-right: 40px;
    width: 296px;
    background-image: url(../../images/solutions/integration/developer-icons-sprite.png);
    background-size: auto 350px;
    background-position: -1057px 0;
    margin-top: 110px
}

.solutionspages .innerblue {
    width: 100%
}

.solutionspages .innerblue .description {
    float: none;
    width: 100%
}

.solutionspages .innerblue .description .block_toggle.block-desktop-apps .desktop-apps-content,
.solutionspages .innerblue .description .block_toggle.block-mobile-apps .mobile-apps-content {
    display: block
}

.solutionspages .innerblue .description .block_toggle.block-mobile-apps .desktop-apps-content,
.solutionspages .innerblue .description .block_toggle.block-desktop-apps .mobile-apps-content {
    display: none !important
}

.solutionspages .innerblue .description .block_toggle.block-mobile-apps .switcher-content .switcher-desktop-apps-label {
    color: #848997
}

.solutionspages .innerblue .description .block_toggle.block-desktop-apps .switcher-content .switcher-mobile-apps-label {
    color: #848997
}

.solutionspages .innerblue .description .block_toggle .switcher-content {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    line-height: 16px;
    width: 100%;
    text-align: center
}

.solutionspages .innerblue .description .block_toggle .switcher-content .switcher-desktop-apps-label {
    display: inline-block;
    padding: 0 27px 0 0;
    border-right: 1px solid #848997;
    cursor: pointer
}

.solutionspages .innerblue .description .block_toggle .switcher-content .switcher-mobile-apps-label {
    display: inline-block;
    padding: 0 0 0 22px;
    cursor: pointer
}

.solutionspages .innerblue .description .solutinspages_underheader {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #f6f6f6;
    height: 485px;
    width: 100%
}

.solutionspages .innerblue .description .solutionspages_one_best {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 300;
    text-align: center;
    margin: -21px auto 0;
    padding: 330px 0 0;
    background-image: url(../../images/solutions/cloudoffice/awards_one_of_the_best.png);
    background-repeat: no-repeat;
    background-position: 50% 210px;
    position: relative;
    width: 500px
}

.solutionspages .innerblue .description .solutionspages_one_best:before {
    content: '';
    display: block;
    background-color: #ddd;
    width: 1px;
    height: 160px;
    position: absolute;
    left: 250px;
    top: 40px
}

.solutionspages .innerblue .description .solutionspages_header {
    margin: 0;
    padding: 170px 0 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 0;
    width: 100%;
    text-align: center;
    position: relative
}

.solutionspages .innerblue .description .solutionspages_header .solutions_header_narrow {
    width: 970px;
    margin: 0 auto;
    padding: 0 159px;
    text-align: left
}

.solutionspages .innerblue .description .solutionspages_header h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    margin: 0 auto
}

.solutionspages .innerblue .description .solutionspages_header .solutionspages_header_text {
    color: #333;
    font-size: 18px;
    font-weight: 400;
    margin: 10px 0 20px
}

.solutionspages .innerblue .description .solutionspages_header .solutionspages_quote_text {
    width: 615px;
    margin: 5px auto 60px;
    color: #333;
    font-size: 18px;
    font-weight: 400;
    padding: 0
}

.solutionspages .innerblue .description .solutionspages_header .solutionspages_quote_signature {
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-style: italic;
    font-size: 15px;
    margin: 10px auto 30px;
    padding: 0
}

.solutionspages .innerblue .description .solutionspages_header .solutionspages_app_store {
    display: inline-block;
    margin: 20px 10px 0 0
}

.solutionspages .innerblue .description .solutionspages_header .solutionspages_googleplay {
    display: inline-block;
    margin: 20px 0 0
}

.solutionspages .innerblue .description .solutionspages_why_choose {
    font-size: 18px;
    font-weight: 300;
    color: #ff642e;
    margin: -30px auto 0;
    padding: 0;
    text-align: center
}

.solutionspages .innerblue .description h2,
.solutionspages .innerblue .description h1 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    text-align: center;
    padding: 10px 0 18px;
    max-width: 720px;
    margin: 0 auto
}

.solutionspages .innerblue .description .solutionspages_main_text {
    width: 960px;
    margin: 0 auto;
    text-align: center
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_feature_rich {
    width: 550px;
    height: 550px;
    background: url(../../images/solutions/cloudoffice/cloudsolution_background_image_features.png) no-repeat 50% 50%;
    position: relative
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_feature_rich .solutionspages_fr_features {
    height: 550px
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_feature_rich .solutionspages_fr_features li {
    display: block;
    position: absolute
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_feature_rich .solutionspages_fr_features li.sfr_doc_editors {
    top: 24px;
    left: 210px
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_feature_rich .solutionspages_fr_features li.sfr_corp_net {
    top: 116px;
    left: 27px
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_feature_rich .solutionspages_fr_features li.sfr_doc_manage {
    top: 116px;
    right: 27px
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_feature_rich .solutionspages_fr_features li.sfr_calendar {
    bottom: 175px;
    left: 4px
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_feature_rich .solutionspages_fr_features li.sfr_mail {
    bottom: 175px;
    right: 4px
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_feature_rich .solutionspages_fr_features li.sfr_project_manage {
    bottom: 30px;
    left: 122px
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_feature_rich .solutionspages_fr_features li.sfr_crm {
    bottom: 30px;
    right: 122px
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_feature_rich .solutionspages_fr_buttons {
    text-align: center
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_feature_rich .solutionspages_fr_buttons a.button {
    margin: 0 5px
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_feature_rich .solutionspages_fr_buttons a.solutionspages_read_why_link {
    color: #ff642e;
    font-size: 14px;
    text-align: center;
    display: block;
    margin: 20px 0
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_more_efficient {
    width: 970px;
    margin: 40px auto;
    position: relative
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_more_efficient h3 {
    font-size: 36px;
    color: #ff642e;
    font-weight: 300;
    width: 470px;
    text-align: left;
    position: relative;
    padding: 100px 0 0;
    line-height: 1.1em
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_more_efficient h3:before {
    content: '';
    display: block;
    background-color: #ddd;
    width: 1px;
    height: 160px;
    position: absolute;
    left: 470px;
    top: 20px
}

.solutionspages .innerblue .description .solutionspages_main_text .mc_user_block {
    display: inline-block;
    float: right;
    margin: -160px 0 0;
    width: 256px;
    padding: 270px 60px 0;
    background-repeat: no-repeat;
    background-position: 50% 0;
    vertical-align: top;
    background-image: url(../../images/solutions/cloudoffice/solution_clients_cloud.png)
}

.solutionspages .innerblue .description .solutionspages_main_text .mc_user_block .mcu_quote {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    line-height: 1.4em
}

.solutionspages .innerblue .description .solutionspages_main_text .mc_user_block .mcu_author {
    color: #666;
    font-weight: 700;
    font-size: 14px;
    padding: 20px 0 0
}

.solutionspages .innerblue .description .solutionspages_main_text .mc_user_block .mcu_title {
    color: #a9a9a9;
    font-weight: 400;
    font-size: 12px;
    padding: 10px 0 0;
    line-height: 1.2em
}

.solutionspages .innerblue .description .solutionspages_main_text .mc_user_block .mcu_title a {
    color: #a9a9a9;
    text-decoration: none
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_efficient_blocks {
    width: 440px;
    text-align: left;
    font-size: 13px;
    color: #333
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_efficient_blocks .spe_block {
    padding: 17px 0 0 127px;
    margin: 0 0 20px;
    min-height: 73px;
    position: relative;
    line-height: 1.3em
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_efficient_blocks .spe_block .spe_block_header {
    font-weight: 600;
    font-size: 18px;
    padding-top: 0
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_efficient_blocks .spe_block a {
    color: #333
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_efficient_blocks .spe_block a.button {
    color: #fff
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_efficient_blocks .spe_block.spe_block1:before {
    background-position: -18px -18px
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_efficient_blocks .spe_block.spe_block2:before {
    background-position: -147px -18px
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_efficient_blocks .spe_block.spe_block3:before {
    background-position: -275px -18px
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_efficient_blocks .spe_block.spe_block4:before {
    background-position: -403px -18px
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_efficient_blocks .spe_block.spe_block8:before {
    background-position: -531px -18px
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_efficient_blocks .spe_block.spe_block9 {
    width: 420px
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_efficient_blocks .spe_block.spe_block9:before {
    background-position: -659px -18px
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_efficient_blocks .spe_block.spe_block9 .button {
    margin-bottom: 10px
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_efficient_blocks .spe_block:before {
    background-image: url(../../images/solutions/cloudoffice/circular_icons_solution_sprite.png);
    content: '';
    width: 90px;
    height: 90px;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    left: 0;
    top: 0
}

.solutionspages .innerblue .description .solutionspages_main_text .spe_compare_ms {
    color: #ff642e;
    text-align: right;
    float: right;
    margin-top: -50px
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_try_demo {
    font-size: 20px;
    font-weight: 300
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_description_blocks {
    vertical-align: top
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_description_blocks .solutionspages_dblock {
    display: inline-block;
    position: relative;
    width: 338px;
    height: 182px;
    border: 1px solid #d6d6d6;
    margin: 70px 0 0;
    padding: 50px 40px 0;
    z-index: 1;
    vertical-align: top
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_description_blocks .solutionspages_dblock:nth-child(odd) {
    margin-right: 30px
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_description_blocks .solutionspages_dblock:nth-child(even) {
    margin-left: 30px
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_description_blocks .solutionspages_dblock:before {
    display: block;
    position: absolute;
    top: -47px;
    z-index: 10;
    left: 129px;
    width: 160px;
    height: 84px;
    content: '';
    background-color: #fff;
    background-repeat: no-repeat
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_description_blocks .solutionspages_dblock.solutionspages_block01:before {
    background-position: 50% 0
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_description_blocks .solutionspages_dblock.solutionspages_block02:before {
    background-position: 50% -84px
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_description_blocks .solutionspages_dblock.solutionspages_block03:before {
    background-position: 50% -168px
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_description_blocks .solutionspages_dblock.solutionspages_block04:before {
    background-position: 50% -252px
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_description_blocks .solutionspages_dblock.solutionspages_block05:before {
    background-position: 50% -336px
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_description_blocks .solutionspages_dblock.solutionspages_block06:before {
    background-position: 50% -420px
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_description_blocks .solutionspages_dblock h3 {
    font-size: 18px;
    font-weight: 700;
    color: #3d4a6b;
    padding: 0 0 2px;
    line-height: 1.3em
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_description_blocks .solutionspages_dblock p {
    font-size: 15px
}

.solutionspages .innerblue .description .solutionspages_main_text .solutionspages_description_blocks .solutionspages_dblock a.solutionspages_dblock_bottom_link {
    font-size: 15px;
    line-height: 1.4em
}

.solutionspages .innerblue .description .solutionspages_bottom_buttons {
    text-align: center;
    padding-top: 40px
}

.solutionspages .innerblue .description .solutionspages_app_store {
    display: block;
    width: 150px;
    height: 50px;
    background-image: url(../../images/solutions/desktopmobileapps/appstore.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 150px 50px;
    margin: 40px 0 0
}

.solutionspages .innerblue .description .solutionspages_googleplay {
    display: block;
    width: 170px;
    height: 50px;
    background-size: auto 74px;
    background-image: url(../../images/solutions/desktopmobileapps/googleplay.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin: 40px 0 0
}

.solutionspages .innerblue .description .solutionspages_actions_block {
    background: #f3f3f3;
    height: 52px;
    line-height: 48px;
    padding: 20px 0 20px 30px;
    position: relative;
    text-align: left;
    margin: 68px 29px 0
}

.solutionspages .innerblue .description .solutionspages_actions_block .solutionspages_actions_block_text {
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
    text-align: left
}

.solutionspages .innerblue .description .solutionspages_actions_block .solutionspages_actions_block_text b {
    font-weight: 700;
    font-size: 18px;
    color: #3d4a6b
}

.solutionspages .innerblue .description .solutionspages_actions_block a.button,
.solutionspages .innerblue .description .solutionspages_actions_block a.button:hover,
.solutionspages .innerblue .description .solutionspages_actions_block a.button:active,
.solutionspages .innerblue .description .solutionspages_actions_block a.button:visited {
    line-height: normal;
    width: auto;
    position: absolute;
    top: 50%;
    margin-top: -23px;
    right: 40px;
    padding: 12px 35px
}

.solutionspages .innerblue .description .solutionspages_choose_edition_blocks {
    width: 960px;
    height: 310px;
    margin: 60px auto 40px;
    vertical-align: top
}

.solutionspages .innerblue .description .solutionspages_choose_edition_blocks .sp_ce_block {
    width: 468px;
    height: 306px;
    background-color: #f4f4f4;
    display: inline-block;
    text-align: center;
    vertical-align: top
}

.solutionspages .innerblue .description .solutionspages_choose_edition_blocks .sp_ce_block .sp_ce_upper_text {
    padding: 40px 0 20px
}

.solutionspages .innerblue .description .solutionspages_choose_edition_blocks .sp_ce_block .sp_ce_header {
    font-size: 32px;
    color: #3d4a6b;
    font-weight: 300;
    padding: 0 0 40px;
    line-height: 1.2em
}

.solutionspages .innerblue .description .solutionspages_choose_edition_blocks .sp_ce_block a.button {
    padding: 10px 25px 12px
}

.solutionspages .innerblue .description .solutionspages_choose_edition_blocks .sp_ce_block .sp_ce_bottom_link {
    display: block;
    margin: 15px auto 0;
    font-size: 15px
}

.solutionspages .innerblue .description .solutionspages_choose_edition_blocks .sp_ce_block.sp_enterprise {
    margin-right: 10px
}

.solutionspages .innerblue .description .solutionspages_choose_edition_blocks .sp_ce_block.sp_desktop {
    margin-left: 10px
}

.solutionspages .innerblue .description .ie_whitelabeling {
    width: 100%;
    padding: 80px 0 50px;
    margin: 80px auto 0;
    background-color: #f4f4f4;
    text-align: center
}

.solutionspages .innerblue .description .ie_whitelabeling .ie_whl_narrow {
    width: 470px;
    min-height: 328px;
    margin: 0 auto;
    padding: 0 530px 0 0;
    text-align: left;
    background-image: url(../../images/solutions/integration/dev_notebook.png);
    background-repeat: no-repeat;
    background-position: 100% 50%
}

.solutionspages .innerblue .description .ie_whitelabeling .ie_whl_narrow h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    padding: 14px 0 1px
}

.solutionspages .innerblue .description .ie_whitelabeling .ie_whl_narrow p {
    font-size: 15px
}

.solutionspages .innerblue .description .ie_whitelabeling .ie_whl_narrow .ie_whl_find {
    display: block;
    font-size: 15px;
    margin: 15px 0 64px
}

.solutionspages .innerblue .description .ie_whitelabeling .ie_whl_narrow a.button {
    padding: 10px 25px 12px
}

.desktopapps_overlay1 {
    position: absolute;
    width: 1135px;
    height: 934px;
    left: -900px;
    top: -257px;
    content: '';
    background: url(../../images/solutions/desktopmobileapps/desktop_cover_image_01.png) no-repeat 0 0;
    z-index: 3
}

.desktopapps_overlay2 {
    position: absolute;
    width: 1135px;
    height: 934px;
    left: 640px;
    top: -257px;
    content: '';
    background: url(../../images/solutions/desktopmobileapps/desktop_cover_image_02.png) no-repeat 0 0;
    z-index: 3
}

.desktop_feature_tour_id {
    display: block;
    padding-top: 80px
}

.solutionspages_softpedia_block {
    width: 100%;
    background-color: #f6f6f6;
    padding: 60px 0 80px;
    text-align: center
}

.spsb_text {
    max-width: 600px;
    margin: 0 auto;
    font-size: 18px;
    color: #666;
    line-height: 1.5em
}

a.spsb_logo {
    display: block;
    padding: 50px 0 0;
    margin: 20px auto 40px;
    font-size: 15px;
    text-decoration: none;
    font-weight: 700;
    color: #666;
    background: url(https://static-www.onlyoffice.com/images/solutions/desktopmobileapps/softpedia_logo.svg) no-repeat 50% 0;
    background-size: 190px auto
}

.solutionspages_desktop_wrapper {
    padding: 50px 0 80px;
    background-color: #fff
}

.con_logos {
    display: inline-block;
    margin: 0 30px;
    position: relative
}

.str_wrap {
    background-color: transparent !important
}

.str_wrap.str_active {
    background-color: transparent !important
}

.cloud_desktop {
    background-color: #f6f6f6;
    background-image: url(../../images/solutions/connectors/bg-inside-4-connectors.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
    padding: 0 0 50px;
    text-align: center
}

.cloud_desktop .connectors_logos {
    padding: 80px 0 0
}

.cloud_desktop .con_logos {
    display: inline-block;
    margin: 0 30px;
    position: relative
}

.cloud_desktop .cl_logo_link {
    cursor: default
}

.cloud_desktop_text {
    text-align: center;
    font-size: 18px;
    line-height: 1.4em;
    padding: 40px 0 0;
    max-width: 700px;
    margin: 0 auto
}

.securitypage .desktop_encryption {
    background-color: #f6f6f6
}

.securitypage .desktop_encryption_narrow {
    background-position: 0 50%
}

.securitypage .desktop_encryption_narrow h2 {
    text-align: left;
    padding-bottom: 40px;
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    font-family: Open Sans, sans-serif, Arial;
    max-width: 100%
}

.securitypage .desktop_encryption_narrow h2 b {
    font-weight: 400;
    color: #ff642e
}

.securitypage .desktop_encryption_wrapper {
    padding: 0 0 0 440px
}

.desktopmobileapps .desktop_encryption_narrow {
    background-position: 100% 50%
}

.desktop_encryption_narrow {
    padding: 100px 0;
    background-image: url(../../images/blockchain/security.png);
    background-repeat: no-repeat
}

.desktop_encryption_button_block {
    padding: 50px 0 0
}

.desktop_encryption_text {
    padding: 0;
    font-size: 16px;
    line-height: 1.5em;
    vertical-align: middle;
    max-width: 530px
}

.spe_link {
    display: block;
    margin: 10px 0 0
}

.InnerPage.developersedition p.sps_block_text {
    font-size: 14px
}

.developers_demo_block_narrow {
    text-align: center;
    padding: 80px 0 0
}

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

.developers_demo_block2 {
    text-align: center;
    padding: 0 0 40px
}

.ddb_description {
    font-size: 18px;
    color: #666;
    padding: 30px 0 0
}

.ddb_examples_block {
    padding: 30px 0 0
}

.ddb_bottom_button {
    padding: 40px 0 0
}

.ddb_examples_editors {
    width: 927px;
    height: 550px;
    padding: 10px;
    border: 1px solid #ccc;
    margin: 30px auto 0
}

.ddb_examples_list {
    padding: 40px 0 0;
    border-bottom: 1px solid #d5d5d5
}

.ddbel_block {
    display: inline-block;
    margin: 0 0 -1px;
    vertical-align: top;
    border-bottom: 1px solid #d5d5d5;
    background-color: #f6f6f6;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-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
}

.ddbel_block.active,
.ddbel_block.active:hover {
    background-color: #fff;
    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;
    border-bottom-color: #fff
}

.ddbel_block:hover {
    background-color: #ebebeb
}

a.example_format {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    padding: 25px 55px;
    cursor: pointer;
    display: block;
    font-size: 14px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    line-height: 1.4em;
    color: #444;
    -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
}

.active {
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
    color: #ff642e
}

.active a.example_format {
    color: #ff642e
}

.example_source_wrapper {
    display: inline-block;
    margin: 0;
    padding: 0
}

a.example_source {
    background-color: #444;
    color: #fff;
    border: 1px solid #444;
    border-left: 0 none;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 0 0 0 10px;
    line-height: 1em;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    -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
}

a.example_source:hover {
    background: #565656
}

.ddb_preview_block {
    background-color: #fff;
    position: relative
}

.ddb_heading {
    font-size: 24px;
    font-weight: 400;
    padding: 60px 0 0
}

.example_source_code {
    position: relative;
    width: 750px;
    padding: 20px;
    background-color: #fff;
    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)
}

.example_source_code pre {
    white-space: pre-wrap;
    border: 1px solid #e5e5e5;
    padding: 20px
}

.example_source_heading {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3em
}

.example_close {
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 24px;
    font-weight: 600;
    padding: 10px;
    cursor: pointer
}

.award_education {
    background-color: #f6f6f6;
    text-align: center;
    padding: 70px 0 0
}

.award_education a {
    background: url(../../images/mainpage/main_sprite_awwards.png) no-repeat -4685px 0;
    width: 160px;
    height: 150px;
    display: block;
    margin: 0 auto
}

.integrationedition.connectorsmain {
    counter-reset: section
}

.integrationedition.connectorsmain .solutionspages_quote_text {
    margin: 20px 0 80px
}

.integrationedition.connectorsmain .ibone_features {
    padding: 50px 0 0
}

.integrationedition.connectorsmain .ibof_block {
    width: 160px;
    font-size: 16px;
    height: 289px
}

.integrationedition .solutionspages_desktop_tour .sdt_tour_block .slick-prev,
.integrationedition .solutionspages_desktop_tour .sdt_tour_block .slick-next {
    top: 320px
}

.integrationedition .solutionspages_desktop_tour .sdt_tour_block .slick-prev {
    left: 50px
}

.integrationedition .solutionspages_desktop_tour .sdt_tour_block .slick-next {
    right: 50px
}

.integrationedition .solutionspages_desktop_tour .sdt_tour_block .sdt_blocks .sdt_blocks_image {
    position: relative
}

.integrationedition .solutionspages_desktop_tour .sdt_tour_block .sdt_blocks .sdt_blocks_image:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background-image: url(../../images/solutions/connectors/screenshots/header.png);
    background-repeat: no-repeat;
    background-size: 100% auto
}

.integrationedition .solutionspages_desktop_tour .sdt_tour_block .sdt_blocks.sdt_block1 .sdt_blocks_image {
    background-image: url(../../images/solutions/connectors/screenshots/documents.jpg)
}

.integrationedition .solutionspages_desktop_tour .sdt_tour_block .sdt_blocks.sdt_block2 .sdt_blocks_image {
    background-image: url(../../images/solutions/connectors/screenshots/spreadsheets.jpg)
}

.integrationedition .solutionspages_desktop_tour .sdt_tour_block .sdt_blocks.sdt_block3 .sdt_blocks_image {
    background-image: url(../../images/solutions/connectors/screenshots/presentations.jpg)
}

.integrationedition.connectorsinner .solutionspages_header {
    background-image: url(../../images/solutions/connectors/bg-inside-4-connectors.jpg);
    background-position: 50% 40%
}

.integrationedition.connectorsinner .solutionspages_quote_text {
    margin: 100px 0 0
}

.integrationedition.connectorsinner h1:before {
    background-repeat: no-repeat;
    background-image: url(../../images/solutions/connectors/logo_%402x-color.png);
    background-size: auto 90px;
    background-position-y: 0;
    height: 90px;
    display: block;
    content: '';
    margin: 0 auto 10px
}

.integrationedition.connectorsinner.connectorsnextcloud h1:before {
    width: 155px;
    background-position-x: -869px
}

.integrationedition.connectorsinner.connectorsnextcloud .solutionspages_desktop_tour .sdt_tour_block .sdt_blocks .sdt_blocks_image {
    background-position: 0 30px;
    background-size: 100% auto
}

.integrationedition.connectorsinner.connectorsnextcloud .solutionspages_desktop_tour .sdt_tour_block .sdt_blocks .sdt_blocks_image:before {
    background-position: 0 -65px
}

.integrationedition.connectorsinner.connectorssharepoint h1:before {
    width: 100px;
    background-position-x: -203px
}

.integrationedition.connectorsinner.connectorssharepoint .solutionspages_desktop_tour .sdt_tour_block .sdt_blocks .sdt_blocks_image {
    background-position: 0 30px;
    background-size: 100% auto
}

.integrationedition.connectorsinner.connectorssharepoint .solutionspages_desktop_tour .sdt_tour_block .sdt_blocks .sdt_blocks_image:before {
    background-position: 0 0
}

.integrationedition.connectorsinner.connectorsalfresco h1:before {
    width: 110px;
    background-position-x: -565px
}

.integrationedition.connectorsinner.connectorsalfresco .solutionspages_desktop_tour .sdt_tour_block .sdt_blocks .sdt_blocks_image {
    background-position: 0 0;
    background-size: cover
}

.integrationedition.connectorsinner.connectorsalfresco .solutionspages_desktop_tour .sdt_tour_block .sdt_blocks .sdt_blocks_image:before {
    display: none
}

.integrationedition.connectorsinner.connectorsconfluence h1:before {
    width: 100px;
    background-position-x: -729px
}

.integrationedition.connectorsinner.connectorsconfluence .solutionspages_desktop_tour .sdt_tour_block .sdt_blocks .sdt_blocks_image {
    background-position: 0 0;
    background-size: cover
}

.integrationedition.connectorsinner.connectorsconfluence .solutionspages_desktop_tour .sdt_tour_block .sdt_blocks .sdt_blocks_image:before {
    display: none
}

.integrationedition.connectorsinner.connectorsowncloud h1:before {
    width: 130px;
    background-position-x: -372px
}

.integrationedition.connectorsinner.connectorsowncloud .solutionspages_desktop_tour .sdt_tour_block .sdt_blocks .sdt_blocks_image {
    background-position: 0 30px;
    background-size: 100% auto
}

.integrationedition.connectorsinner.connectorsowncloud .solutionspages_desktop_tour .sdt_tour_block .sdt_blocks .sdt_blocks_image:before {
    background-position: 0 -32px
}

.integrationedition.connectorsinner .ibone_features {
    padding: 0
}

.integrationedition.connectorsinner .ibof_block {
    width: 270px;
    font-size: 14px
}

.integrationedition.connectorsinner .ibof_block b {
    font-size: 18px;
    font-weight: 600
}

.integrationedition .innerblue {
    width: 100%
}

.integrationedition .innerblue .description {
    padding: 0
}

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

.integrationedition .solutionspages_header_narrow {
    text-align: center;
    position: relative
}

.integrationedition .solutionspages_header_narrow h1 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    max-width: 740px;
    width: auto;
    margin: 0 auto 40px;
    text-align: center
}

.integrationedition .solutionspages_header_narrow h1 b {
    font-weight: 400;
    color: #ff642e
}

.integrationedition .solutionspages_header_narrow h1 b.b_nexcloud {
    color: #0280cd
}

.integrationedition .solutionspages_header_narrow h1 b.b_sharepoint {
    color: #016bc3
}

.integrationedition .solutionspages_header_narrow h1 b.b_alfresco {
    color: #8ab720
}

.integrationedition .solutionspages_header_narrow h1 b.b_owncloud {
    color: #1d2d44
}

.integrationedition .solutionspages_header_narrow h1 b.b_confluence {
    color: #2176f5
}

.integrationedition .solutionspages_header {
    background-color: #f6f6f6;
    padding: 100px 0 50px;
    text-align: center
}

.integrationedition .connectors_bottom {
    text-align: center;
    padding: 50px 0
}

.integrationedition .connectors_need_app {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5em;
    padding-bottom: 30px
}

.integrationedition .connectors_need_app:before {
    content: '';
    display: block;
    width: 117px;
    height: 62px;
    background: url(../../images/solutions/connectors/icons-all/develop.png) no-repeat 0 0;
    background-size: 117px 62px;
    margin: 60px auto 30px
}

.integrationedition .connectors_need_app a {
    display: block;
    margin: 10px auto 0;
    font-weight: 400
}

.integrationedition .owl-carousel .owl-stage-outer,
.contributepage .owl-carousel .owl-stage-outer,
.desktopmobileapps .owl-carousel .owl-stage-outer {
    height: auto
}

.integrationedition .con_logos,
.contributepage .con_logos,
.desktopmobileapps .con_logos {
    text-align: center
}

.integrationedition .con_logos a.cl_logo_link,
.contributepage .con_logos a.cl_logo_link,
.desktopmobileapps .con_logos a.cl_logo_link {
    color: transparent;
    font-size: 14px;
    display: block;
    line-height: 1.4em;
    position: relative;
    padding: 100px 0 0
}

.integrationedition .con_logos a.cl_logo_link:before,
.contributepage .con_logos a.cl_logo_link:before,
.desktopmobileapps .con_logos a.cl_logo_link:before {
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-image: url(../../images/solutions/connectors/logo_%402x-color.png);
    background-size: auto 90px;
    background-position-y: 0;
    height: 90px;
    display: block;
    content: '';
    text-align: center;
    -webkit-transition: filter 0.5s, -webkit-filter 0.5s;
    -moz-transition: filter 0.5s, -webkit-filter 0.5s;
    -o-transition: filter 0.5s, -webkit-filter 0.5s;
    transition: filter 0.5s, -webkit-filter 0.5s;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%)
}

.integrationedition .con_logos a.cl_logo_link .cl_logo_name,
.contributepage .con_logos a.cl_logo_link .cl_logo_name,
.desktopmobileapps .con_logos a.cl_logo_link .cl_logo_name {
    display: block;
    font-size: 16px;
    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    -o-transition: color 0.5s;
    transition: color 0.5s
}

.integrationedition .con_logos a.cl_logo_link .cl_logo_more,
.contributepage .con_logos a.cl_logo_link .cl_logo_more,
.desktopmobileapps .con_logos a.cl_logo_link .cl_logo_more {
    display: block;
    font-size: 14px;
    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    -o-transition: color 0.5s;
    transition: color 0.5s
}

.integrationedition .con_logos a.cl_logo_link:hover:before,
.contributepage .con_logos a.cl_logo_link:hover:before,
.desktopmobileapps .con_logos a.cl_logo_link:hover:before {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0)
}

.integrationedition .con_logos a.cl_logo_link:hover .cl_logo_more,
.contributepage .con_logos a.cl_logo_link:hover .cl_logo_more,
.desktopmobileapps .con_logos a.cl_logo_link:hover .cl_logo_more {
    color: #ff642e;
    text-decoration: underline
}

.integrationedition .con_logos a.cl_logo_link:hover .cl_logo_name,
.contributepage .con_logos a.cl_logo_link:hover .cl_logo_name,
.desktopmobileapps .con_logos a.cl_logo_link:hover .cl_logo_name {
    color: #333
}

.integrationedition .con_logos.cl_owncloud,
.contributepage .con_logos.cl_owncloud,
.desktopmobileapps .con_logos.cl_owncloud {
    width: 130px
}

.integrationedition .con_logos.cl_owncloud a.cl_logo_link:before,
.contributepage .con_logos.cl_owncloud a.cl_logo_link:before,
.desktopmobileapps .con_logos.cl_owncloud a.cl_logo_link:before {
    width: 130px;
    background-position-x: -372px
}

.integrationedition .con_logos.cl_nextcloud,
.contributepage .con_logos.cl_nextcloud,
.desktopmobileapps .con_logos.cl_nextcloud {
    width: 155px
}

.integrationedition .con_logos.cl_nextcloud a.cl_logo_link:before,
.contributepage .con_logos.cl_nextcloud a.cl_logo_link:before,
.desktopmobileapps .con_logos.cl_nextcloud a.cl_logo_link:before {
    width: 155px;
    background-position-x: -869px
}

.integrationedition .con_logos.cl_alfresco,
.contributepage .con_logos.cl_alfresco,
.desktopmobileapps .con_logos.cl_alfresco {
    width: 110px
}

.integrationedition .con_logos.cl_alfresco a.cl_logo_link:before,
.contributepage .con_logos.cl_alfresco a.cl_logo_link:before,
.desktopmobileapps .con_logos.cl_alfresco a.cl_logo_link:before {
    width: 110px;
    background-position-x: -565px
}

.integrationedition .con_logos.cl_sharepoint,
.contributepage .con_logos.cl_sharepoint,
.desktopmobileapps .con_logos.cl_sharepoint {
    width: 100px
}

.integrationedition .con_logos.cl_sharepoint a.cl_logo_link:before,
.contributepage .con_logos.cl_sharepoint a.cl_logo_link:before,
.desktopmobileapps .con_logos.cl_sharepoint a.cl_logo_link:before {
    width: 100px;
    background-position-x: -203px
}

.integrationedition .con_logos.cl_confluence,
.contributepage .con_logos.cl_confluence,
.desktopmobileapps .con_logos.cl_confluence {
    width: 100px
}

.integrationedition .con_logos.cl_confluence a.cl_logo_link:before,
.contributepage .con_logos.cl_confluence a.cl_logo_link:before,
.desktopmobileapps .con_logos.cl_confluence a.cl_logo_link:before {
    width: 100px;
    background-position-x: -729px
}

.integrationedition .con_logos.cl_communigate,
.contributepage .con_logos.cl_communigate,
.desktopmobileapps .con_logos.cl_communigate {
    width: 235px
}

.integrationedition .con_logos.cl_communigate a.cl_logo_link:before,
.contributepage .con_logos.cl_communigate a.cl_logo_link:before,
.desktopmobileapps .con_logos.cl_communigate a.cl_logo_link:before {
    width: 235px;
    background-position-x: -1063px
}

.integrationedition .con_logos.cl_liferay,
.contributepage .con_logos.cl_liferay,
.desktopmobileapps .con_logos.cl_liferay {
    width: 180px
}

.integrationedition .con_logos.cl_liferay a.cl_logo_link:before,
.contributepage .con_logos.cl_liferay a.cl_logo_link:before,
.desktopmobileapps .con_logos.cl_liferay a.cl_logo_link:before {
    width: 180px;
    background-position-x: -1362px
}

.integrationedition .con_logos.cl_exo,
.contributepage .con_logos.cl_exo,
.desktopmobileapps .con_logos.cl_exo {
    width: 155px
}

.integrationedition .con_logos.cl_exo a.cl_logo_link:before,
.contributepage .con_logos.cl_exo a.cl_logo_link:before,
.desktopmobileapps .con_logos.cl_exo a.cl_logo_link:before {
    width: 155px;
    background-position-x: 2px
}

.integrationedition .con_logos.cl_xwiki,
.contributepage .con_logos.cl_xwiki,
.desktopmobileapps .con_logos.cl_xwiki {
    width: 165px
}

.integrationedition .con_logos.cl_xwiki a.cl_logo_link:before,
.contributepage .con_logos.cl_xwiki a.cl_logo_link:before,
.desktopmobileapps .con_logos.cl_xwiki a.cl_logo_link:before {
    width: 165px;
    background-position-x: -1597px
}

.integrationedition .con_logos.cl_humhub,
.contributepage .con_logos.cl_humhub,
.desktopmobileapps .con_logos.cl_humhub {
    width: 209px
}

.integrationedition .con_logos.cl_humhub a.cl_logo_link:before,
.contributepage .con_logos.cl_humhub a.cl_logo_link:before,
.desktopmobileapps .con_logos.cl_humhub a.cl_logo_link:before {
    width: 209px;
    background-position-x: -1821px
}

.integrationedition .con_logos.cl_powerfolder,
.contributepage .con_logos.cl_powerfolder,
.desktopmobileapps .con_logos.cl_powerfolder {
    width: 224px
}

.integrationedition .con_logos.cl_powerfolder a.cl_logo_link:before,
.contributepage .con_logos.cl_powerfolder a.cl_logo_link:before,
.desktopmobileapps .con_logos.cl_powerfolder a.cl_logo_link:before {
    width: 224px;
    background-position-x: -2092px
}

.integrationedition .con_logos.cl_moodle,
.contributepage .con_logos.cl_moodle,
.desktopmobileapps .con_logos.cl_moodle {
    width: 165px
}

.integrationedition .con_logos.cl_moodle a.cl_logo_link:before,
.contributepage .con_logos.cl_moodle a.cl_logo_link:before,
.desktopmobileapps .con_logos.cl_moodle a.cl_logo_link:before {
    width: 165px;
    background-position-x: -2363px
}

.integrationedition .con_logos.cl_pydio,
.contributepage .con_logos.cl_pydio,
.desktopmobileapps .con_logos.cl_pydio {
    width: 125px
}

.integrationedition .con_logos.cl_pydio a.cl_logo_link:before,
.contributepage .con_logos.cl_pydio a.cl_logo_link:before,
.desktopmobileapps .con_logos.cl_pydio a.cl_logo_link:before {
    width: 125px;
    background-position-x: -2579px
}

.integrationedition .con_logos.cl_onlyoffice,
.contributepage .con_logos.cl_onlyoffice,
.desktopmobileapps .con_logos.cl_onlyoffice {
    width: 125px
}

.integrationedition .con_logos.cl_onlyoffice a.cl_logo_link:before,
.contributepage .con_logos.cl_onlyoffice a.cl_logo_link:before,
.desktopmobileapps .con_logos.cl_onlyoffice a.cl_logo_link:before {
    width: 125px;
    background-position-x: -2726px
}

.integration_body_one_narrow,
.integration_body_three_narrow {
    padding: 80px 0
}

.integration_body_one_narrow h2,
.integration_body_three_narrow h2 {
    text-align: center
}

.ibone_features {
    text-align: center
}

.ibof_block {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 0 35px;
    padding: 44px 0 0;
    text-align: center;
    line-height: 1.4em;
    overflow: hidden
}

.ibof_block:first-child {
    margin-left: 0
}

.ibof_block:last-child {
    margin-right: 0
}

.ibof_block:before {
    content: '';
    display: block;
    width: 145px;
    height: 145px;
    position: relative;
    margin: 0 auto 30px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(../../images/solutions/connectors/icons-connectors-%402x.png);
    background-size: auto 145px
}

.ibof_one:before {
    background-position: 0 50%
}

.ibof_two:before {
    background-position: -147px 50%
}

.ibof_three:before {
    background-position: -293px 50%
}

.ibof_four:before {
    background-position: -439px 50%
}

.ibof_five:before {
    background-position: -1195px 50%
}

.ibof_six:before {
    background-position: -1339px 50%
}

.ibof_seven:before {
    background-position: -1482px 50%
}

.ibof_buttons {
    padding: 30px 0 0;
    text-align: center;
    vertical-align: top
}

.ibof_buttons .button.red {
    margin-right: 5px
}

.ibof_buttons .button.gray {
    margin-left: 5px
}

.ibof_read_more {
    padding: 30px 0 0;
    text-align: center
}

.ibone_subheading {
    color: #ff642e;
    text-align: center;
    font-size: 15px;
    padding: 0 0 20px
}

.InnerPage a.cl_logo_link,
.InnerPage a.cl_logo_link:visited {
    text-decoration: none !important
}

.InnerPage a.cl_logo_link .cl_logo_name,
.InnerPage a.cl_logo_link:visited .cl_logo_name {
    text-decoration: none !important
}

.integration_clients_block {
    background-color: #f6f6f6
}

.integration_clients_block .main-page-clients {
    border-bottom: 0 none
}

.integration_clients_block .main-page-clients .client {
    background-image: url(../../images/solutions/connectors/customers.png);
    background-size: auto 140px;
    background-position-y: 50%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%)
}

.integration_clients_block .main-page-clients .client.client_new_1 {
    width: 200px !important;
    background-position-x: -26px;
    margin: 0 30px
}

.integration_clients_block .main-page-clients .client.client_new_2 {
    width: 170px !important;
    background-position-x: -235px;
    margin: 0 30px
}

.integration_clients_block .main-page-clients .client.client_new_3 {
    width: 290px !important;
    background-position-x: -417px;
    margin: 0 30px
}

.integration_clients_block .main-page-clients .client.client_new_4 {
    width: 145px !important;
    background-position-x: -722px;
    margin: 0 30px
}

.integration_clients_block .main-page-clients .client.client_new_5 {
    width: 180px !important;
    background-position-x: -878px;
    margin: 0 30px
}

.integration_clients_block .main-page-clients .client.client_new_6 {
    width: 285px !important;
    background-position-x: -1078px;
    margin: 0 30px
}

.integration_clients_block .main-page-clients .client.client_new_7 {
    width: 235px !important;
    background-position-x: -450px;
    margin: 0 20px
}

.integration_clients_block .main-page-clients .client.client_new_8,
.integration_clients_block .main-page-clients .client.client_new_9,
.integration_clients_block .main-page-clients .client.client_new_10,
.integration_clients_block .main-page-clients .client.client_new_11,
.integration_clients_block .main-page-clients .client.client_new_12,
.integration_clients_block .main-page-clients .client.client_new_13,
.integration_clients_block .main-page-clients .client.client_new_14 {
    background-image: url(../../images/mainpage/may2018/customers-articles.png);
    background-size: auto 110px
}

.integration_clients_block .main-page-clients .client.client_new_8 {
    width: 170px !important;
    background-position-x: -3364px;
    margin: 0 20px
}

.integration_clients_block .main-page-clients .client.client_new_9 {
    width: 180px !important;
    background-position-x: -2126px;
    margin: 0 30px
}

.integration_clients_block .main-page-clients .client.client_new_10 {
    width: 170px !important;
    background-position-x: -2324px;
    margin: 0 30px
}

.integration_clients_block .main-page-clients .client.client_new_11 {
    width: 190px !important;
    background-position-x: -3954px;
    margin: 0 30px
}

.integration_clients_block .main-page-clients .client.client_new_12 {
    width: 180px !important;
    background-position-x: -3569px;
    margin: 0 30px
}

.integration_clients_block .main-page-clients .client.client_new_13 {
    width: 170px !important;
    background-position-x: -3760px;
    margin: 0 30px
}

.integration_clients_block .main-page-clients .client.client_new_14 {
    width: 170px !important;
    background-position-x: -4168px;
    margin: 0 30px
}

.integration_clients_block .main-page-clients .client:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0)
}

.integration_body_two_narrow {
    padding: 80px 0 40px
}

.integration_body_two_narrow h2 {
    color: #ff642e;
    padding: 0 0 50px
}

.integration_body_two_narrow .mc_user_block {
    display: inline-block;
    float: right;
    margin: 200px 0 0;
    width: 300px;
    padding: 40px 60px 0;
    background-repeat: no-repeat;
    background-position: 50% 0;
    vertical-align: top;
    position: relative
}

.integration_body_two_narrow .mc_user_block:before {
    content: '';
    width: 185px;
    height: 145px;
    background-image: url(../../images/solutions/connectors/icons-connectors-%402x.png);
    background-repeat: no-repeat;
    background-position: -594px 0;
    background-size: auto 145px;
    position: absolute;
    top: 0;
    left: 80px;
    z-index: 0
}

.integration_body_two_narrow .mc_user_block:after {
    content: '';
    width: 59px;
    height: 59px;
    background-image: url(../../images/solutions/connectors/icons-connectors-%402x.png);
    background-repeat: no-repeat;
    background-position: -810px -43px;
    background-size: auto 145px;
    position: absolute;
    top: 30px;
    left: -20px
}

.integration_body_two_narrow .mcu_quote {
    color: #333;
    font-size: 14px;
    text-align: left;
    line-height: 1.7em;
    position: relative;
    z-index: 20
}

.integration_body_two_narrow .mcu_author {
    color: #666;
    font-weight: 700;
    font-size: 14px;
    padding: 20px 0 0;
    position: relative;
    z-index: 20
}

.integration_body_two_narrow .mcu_title {
    color: #a9a9a9;
    font-weight: 400;
    font-size: 12px;
    padding: 10px 0 0;
    line-height: 1.2em;
    position: relative;
    z-index: 20
}

.integration_body_blocks {
    width: 440px;
    text-align: left;
    font-size: 14px;
    color: #333
}

.ibtw_block {
    padding: 29px 0 30px 127px
}

.ibtw_block:before {
    width: 90px;
    height: 55px;
    padding: 35px 0 0 0;
    text-align: center;
    background-color: #f6f6f6;
    color: #ff642e;
    font-size: 28px;
    font-weight: 600;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 90px;
    -moz-border-radius: 90px;
    -webkit-border-radius: 90px
}

.ibtw_block.ibtw_block11:before {
    content: 'IE'
}

.ibtw_block.ibtw_block12:before {
    content: 'CE'
}

.ibtw_block,
.ibt_block.ibt_block_con_1,
.ibt_block.ibt_block_con_3 {
    margin: 0 0 20px;
    min-height: 73px;
    position: relative;
    line-height: 1.3em
}

.list_with_orange_markers.ibtw_block_text,
.list_with_orange_markers.ibt_block_text {
    padding: 0 0 30px
}

.list_with_orange_markers.ibtw_block_text li,
.list_with_orange_markers.ibt_block_text li {
    position: relative;
    padding-left: 25px
}

.list_with_orange_markers.ibtw_block_text li:before,
.list_with_orange_markers.ibt_block_text li:before {
    position: absolute;
    top: 14px;
    left: 0
}

.list_with_orange_markers.ibtw_block_text {
    padding: 0 0 30px
}

.list_with_orange_markers.ibt_block_text {
    padding: 0 0 10px
}

.ibt_blocks {
    font-size: 14px;
    line-height: 1.3em;
    position: relative;
    padding: 50px 0 0
}

.ibtwo_community_note {
    margin: 30px 0 40px;
    font-size: 12px
}

.integration_body_three {
    background-color: #f6f6f6
}

.integration_body_three .button_bottom_block {
    padding: 40px 0 0;
    text-align: center
}

.ibt_block.ibt_block_con_1,
.ibt_block.ibt_block_con_2,
.ibt_block.ibt_block_con_3 {
    vertical-align: top
}

.ibt_block.ibt_block_con_1:before,
.ibt_block.ibt_block_con_2:before,
.ibt_block.ibt_block_con_3:before {
    background-image: url(../../images/solutions/connectors/icons-connectors-%402x.png);
    background-repeat: no-repeat;
    background-size: auto 145px;
    content: '';
    display: block;
    width: 85px;
    height: 85px
}

.ibt_block.ibt_block_con_2:before {
    position: relative;
    margin: 0 auto
}

.ibt_block.ibt_block_con_1,
.ibt_block.ibt_block_con_3 {
    padding: 29px 0 30px 95px;
    width: 388px;
    display: inline-block
}

.ibt_block.ibt_block_con_1:before,
.ibt_block.ibt_block_con_3:before {
    position: absolute;
    top: 0;
    left: 0
}

.ibt_block.ibt_block_con_1:before {
    background-position: -987px -33px
}

.ibt_block.ibt_block_con_2:before {
    background-position: -1089px -33px
}

.ibt_block.ibt_block_con_3:before {
    background-position: -891px -33px
}

.ibt_block.ibt_block_con_2 {
    text-align: center;
    margin: 0 auto;
    max-width: 540px
}

.ibtw_block_header,
.ibt_block_header {
    font-weight: 600;
    font-size: 18px;
    padding: 0 0 15px;
    line-height: 1.4em
}

.integration_body_three_connector_links {
    max-width: 470px;
    margin: 0 auto
}

.integration_body_three_connector_links a {
    display: inline-block;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    padding: 3px 10px 5px;
    background-color: #fff;
    text-decoration: none;
    color: #666;
    margin: 0 1px 7px;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s
}

.integration_body_three_connector_links a:hover {
    background-color: #e8e8e8
}

div.ibt_block_text {
    line-height: 1.7em;
    padding: 0 0 20px
}

.integration_top_quote {
    background-color: #f6f6f6
}

.integration_top_quote_narrow {
    padding: 60px 0
}

.integration_top_quote_narrow .mcu_quote {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    line-height: 1.7em;
    max-width: 410px;
    margin: 0
}

.integration_top_quote_narrow .mcu_author {
    color: #666;
    font-weight: 700;
    font-size: 14px;
    padding: 10px 0 0
}

.integration_top_quote_narrow .mcu_title a {
    color: #a9a9a9;
    font-weight: 400;
    font-size: 12px;
    padding: 10px 0 0;
    line-height: 1.2em;
    text-decoration: none
}

.integration_top_quote_narrow .mc_user_block {
    padding: 10px 0 0 160px;
    position: relative
}

.integration_top_quote_narrow .mc_user_block:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    width: 123px;
    height: 121px;
    background-image: url(../../images/solutions/connectors/customers-%402x.png);
    background-size: auto 121px;
    background-repeat: no-repeat;
    background-position-y: 0;
    background-position-x: -258px
}

.integration_top_quote_narrow .mc_user_block:after {
    content: '';
    display: block;
    width: 185px;
    height: 145px;
    background-image: url(../../images/solutions/connectors/icons-connectors-%402x.png);
    background-repeat: no-repeat;
    background-position: -1767px 0;
    background-size: auto 145px;
    position: absolute;
    top: 0;
    right: 40px;
    z-index: 0
}

.connectors_whybetter_narrow {
    padding: 25px 0;
    text-align: center
}

.connectors_whybetter_narrow a {
    font-size: 16px;
    display: inline-block;
    padding: 0;
    vertical-align: middle
}

.connectors_whybetter_narrow a:before {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    background-color: #f6f6f6;
    background-position: -1726px -53px;
    background-repeat: no-repeat;
    background-size: auto 145px;
    background-image: url(../../images/solutions/connectors/icons-connectors-%402x.png);
    content: '';
    vertical-align: middle;
    margin: 0 15px 0 0
}

.idt_header {
    font-size: 24px;
    text-align: center;
    line-height: 1.4em;
    position: relative;
    padding: 0;
    margin: 0 auto 10px;
    max-width: 650px
}

.idt_header:before {
    display: block;
    content: '';
    height: 71px;
    margin: -71px 0 0
}

.integration_desktop_tour {
    position: relative;
    background-color: #f6f6f6;
    padding: 80px 0
}

.integration_desktop_tour .solutionspages_desktop_tour .sdt_blocks_overlay {
    bottom: 75px;
    top: auto;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15)
}

.integration_steps_block {
    padding: 80px 0
}

.integration_steps_block h2 {
    text-align: center;
    color: #ff642e
}

.integration_steps_block .ech_video_part {
    padding-bottom: 90px
}

.integration_steps_block .ech_video_part iframe {
    border: 1px solid #eee
}

.integration_steps_block .button_bottom_block {
    text-align: center
}

.connectorsconfluence .integration_steps_block,
.connectorsalfresco .integration_steps_block {
    padding-bottom: 0
}

.connectorsconfluence .integration_steps_block .button_bottom_block,
.connectorsalfresco .integration_steps_block .button_bottom_block {
    padding-top: 60px
}

.connectorssharepoint .integration_steps_block {
    padding-bottom: 0
}

.isb_video_help {
    text-align: center;
    vertical-align: middle;
    padding: 40px 0 0
}

.connectors_video_forum,
.connectors_video_documentation {
    display: inline-block;
    min-height: 30px;
    vertical-align: middle;
    margin: 0 auto
}

.connectors_video_forum:before,
.connectors_video_documentation:before {
    width: 35px;
    height: 30px;
    content: '';
    display: inline-block;
    vertical-align: middle;
    background-image: url(../../images/solutions/connectors/icons-connectors-%402x.png);
    background-repeat: no-repeat;
    background-size: auto 145px;
    margin: 0 5px 0 0
}

.connectors_video_forum {
    padding: 0 30px 0 0
}

.connectors_video_forum:before {
    background-position: -1693px -63px
}

.connectors_video_documentation:before {
    background-position: -1646px -65px
}

.integration_customers {
    background-color: #f6f6f6;
    padding: 80px 0
}

.integration_customers .main-page-clients {
    padding: 0;
    max-width: 500px;
    text-align: center;
    float: left
}

.integration_customers .mc_user_block {
    width: 490px;
    padding: 0 0 0 490px;
    text-align: center
}

.integration_customers .mc_user_block:before {
    content: '';
    display: block;
    margin: 0 auto 10px;
    width: 123px;
    height: 121px;
    background-image: url(../../images/solutions/connectors/customers-%402x.png);
    background-size: auto 121px;
    background-repeat: no-repeat;
    background-position-y: 0
}

.integration_customers .mc_user_block.mc_user_nextcloud:before {
    background-position-x: -131px
}

.integration_customers .mc_user_block.mc_user_owncloud:before {
    background-position-x: -5px
}

.integration_customers .mc_user_block .mcu_quote {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    line-height: 1.7em;
    max-width: 410px;
    margin: 0 auto
}

.integration_customers .mc_user_block .mcu_author {
    color: #666;
    font-weight: 700;
    font-size: 14px;
    padding: 20px 0 0
}

.integration_customers .mc_user_block .mcu_title {
    color: #a9a9a9;
    font-weight: 400;
    font-size: 12px;
    padding: 10px 0 0;
    line-height: 1.2em
}

.con_list_block {
    display: inline-block;
    width: 20%;
    text-align: center;
    margin: 0 auto;
    background-color: #f6f6f6;
    position: relative;
    z-index: 0;
    -webkit-transition: box-shadow 0.3s, background-color 0.3s;
    -moz-transition: box-shadow 0.3s, background-color 0.3s;
    -o-transition: box-shadow 0.3s, background-color 0.3s;
    transition: box-shadow 0.3s, background-color 0.3s
}

.con_list_block a {
    display: block;
    font-weight: 600;
    padding: 3vw 0;
    color: #333;
    text-decoration: none;
    font-size: 13px
}

.con_list_block a span {
    display: block
}

.con_list_block a span:before {
    display: block;
    content: '';
    background-repeat: no-repeat;
    margin: 0 auto 10px;
    background-image: url(../../images/solutions/connectors/logo_%402x-color.png);
    background-size: auto 60px;
    background-position-y: 0;
    height: 60px;
    -webkit-transition: filter 0.5s, -webkit-filter 0.5s;
    -moz-transition: filter 0.5s, -webkit-filter 0.5s;
    -o-transition: filter 0.5s, -webkit-filter 0.5s;
    transition: filter 0.5s, -webkit-filter 0.5s;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%)
}

.con_list_block.con_list_owncloud a span:before {
    width: 87px;
    background-position-x: -248px
}

.con_list_block.con_list_nextcloud a span:before {
    width: 103px;
    background-position-x: -579px
}

.con_list_block.con_list_alfresco a span:before {
    width: 73px;
    background-position-x: -377px
}

.con_list_block.con_list_confluence a span:before {
    width: 67px;
    background-position-x: -486px
}

.con_list_block.con_list_sharepoint a span:before {
    width: 67px;
    background-position-x: -135px
}

.con_list_block:first-of-type a span,
.con_list_block:nth-of-type(2) a span,
.con_list_block:nth-of-type(3) a span,
.con_list_block:nth-of-type(4) a span {
    border-right: 1px solid #e1e1e1
}

.con_list_block.menuitem_unselected:hover,
.con_list_block.menuitem_selected {
    background-color: #fff;
    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);
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
    margin-left: -1px;
    padding-left: 1px
}

.con_list_block.menuitem_unselected:hover a span,
.con_list_block.menuitem_selected a span {
    border-color: #fff;
    color: #ff642e
}

.con_list_block.menuitem_unselected:hover a span:before,
.con_list_block.menuitem_selected a span:before {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0)
}

.con_list_block.menuitem_selected {
    z-index: 100
}

.con_list_block.menuitem_unselected:hover {
    z-index: 90
}

.connectorsthirdparty .description {
    background-image: url(../../images/solutions/connectors/bg-inside-4-connectors.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-color: #f2f2f2
}

.connectorsthirdparty .solutionspages_header {
    background-color: transparent
}

.connectorsthirdparty .connectors_bottom {
    background-color: #fff;
    padding: 20px 0 40px
}

.InnerPage p.itp_header_text {
    font-size: 16px
}

.integration_thirdparty_downloads_narrow {
    padding: 0 0 40px;
    display: none
}

.itdn_block {
    margin: 0 0 30px;
    position: relative;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #fff;
    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
}

.itdn_block: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)
}

.itdn_block:hover .itdn_section_logo {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0)
}

.thirdparty_id {
    position: absolute;
    top: -128px
}

.itdn_block_wrapper {
    display: table-row
}

.itdn_section_1,
.itdn_section_2 {
    display: table-cell;
    vertical-align: top
}

.itdn_section_1 {
    padding: 55px 50px
}

.itdn_section_2 {
    padding: 55px 20px 55px 50px;
    width: 290px
}

.itdn_section_logo {
    background-repeat: no-repeat;
    background-image: url(../../images/solutions/connectors/logo_%402x-color.png);
    background-size: auto 60px;
    background-position-y: 0;
    height: 60px;
    position: relative;
    margin: -20px 0 0;
    -webkit-transition: filter 0.5s, -webkit-filter 0.5s;
    -moz-transition: filter 0.5s, -webkit-filter 0.5s;
    -o-transition: filter 0.5s, -webkit-filter 0.5s;
    transition: filter 0.5s, -webkit-filter 0.5s;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%)
}

.itdn_section_heading {
    font-size: 24px;
    line-height: 1em;
    padding: 20px 0
}

.itdn_section_description {
    font-size: 16px;
    line-height: 1.4em;
    color: #666
}

.itdn_section_sub {
    font-size: 13px;
    padding: 0 0 30px
}

.itdn_section_button {
    padding: 0 0 30px
}

.itdn_section_vendor {
    font-size: 13px;
    line-height: 1.4em
}

.itdn_section_vendor span {
    color: #999
}

.itdn_section_vendor_name,
.itdn_section_vendor_web,
.itdn_section_vendor_price {
    padding: 0 0 10px
}

#communigate_block .itdn_section_logo {
    width: 157px;
    background-position-x: -719px
}

#exo_block .itdn_section_logo {
    width: 103px;
    background-position-x: -6px
}

#liferay_block .itdn_section_logo {
    width: 120px;
    background-position-x: -908px
}

#xwiki_block .itdn_section_logo {
    width: 110px;
    background-position-x: -1065px
}

#humhub_block .itdn_section_logo {
    width: 140px;
    background-position-x: -1213px
}

#moodle_block .itdn_section_logo {
    width: 115px;
    background-position-x: -1575px
}

#powerfolder_block .itdn_section_logo {
    width: 153px;
    background-position-x: -1394px
}

#pydio_block .itdn_section_logo {
    width: 90px;
    background-position-x: -1718px
}

#seafile_block .itdn_section_logo {
    width: 120px;
    background-position-x: -1907px
}

#educationlandingpage nav,
#educationlandingpage .mpc_learnwhy,
#educationlandingpage .bottomlines {
    display: none
}

#educationlandingpage .mainpart {
    padding-bottom: 60px
}

#educationlandingpage .basement {
    height: 60px
}

#educationlandingpage footer {
    border-top: 0 none
}

#educationlandingpage .narrowfooter {
    padding-top: 30px
}

#educationlandingpage .solutionspages_header {
    height: 420px;
    padding: 80px 0 0;
    background-color: #f6f6f6
}

#educationlandingpage .solutionspages_header_narrow {
    width: 1100px;
    padding: 0 0 0 135px;
    height: 420px;
    margin: 0 auto;
    background: url(../../images/landing/education/educators_landing_cover.png) no-repeat 135px 0;
    text-align: left
}

#educationlandingpage .solutionspages_header_narrow h2 {
    width: 1100px;
    padding: 0;
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    font-weight: 300;
    font-size: 34px;
    margin: 0 0 30px
}

#educationlandingpage .solutionspages_header_narrow h2 b {
    color: #ff642e;
    font-weight: 300
}

#educationlandingpage .solutionspages_header_narrow .solutionspages_quote_text {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    width: 330px
}

#educationlandingpage .elpf_tour_narrow {
    width: 700px;
    margin: 0 auto;
    position: relative
}

#educationlandingpage .elpf_circle_blocks {
    width: 430px;
    height: 430px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border: 1px solid #e5e5e5;
    margin: 40px auto 80px;
    position: relative
}

#educationlandingpage .elpf_centered_blocks {
    width: 240px;
    position: absolute;
    top: 155px;
    left: 95px
}

#educationlandingpage .elpf_header {
    font-size: 36px;
    font-weight: 300;
    text-align: center;
    padding: 80px 0 50px
}

#educationlandingpage .elpft_block {
    background-color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 1.5em
}

#educationlandingpage .elpft_block .elpft_block_header {
    line-height: 3em;
    font-weight: 700
}

#educationlandingpage .elpf_blocks button.slick-prev,
#educationlandingpage .elpf_blocks button.slick-next {
    background-color: transparent;
    background-image: url("../../images/mainpage/arrows.png");
    background-repeat: no-repeat;
    border: medium none;
    font-size: 0;
    height: 70px;
    padding: 0;
    position: absolute;
    width: 70px
}

#educationlandingpage .elpf_blocks .slick-prev {
    background-position: 10px 12px;
    left: -180px;
    top: 30px
}

#educationlandingpage .elpf_blocks .slick-prev:hover {
    background-position: 10px -84px
}

#educationlandingpage .elpf_blocks .slick-next {
    background-position: -84px 12px;
    right: -180px;
    top: 30px
}

#educationlandingpage .elpf_blocks .slick-next:hover {
    background-position: -84px -84px
}

#educationlandingpage .elpf_blocks .slick-dots li {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    position: absolute;
    margin: 0;
    padding: 0;
    background-image: url(../../images/landing/education/educators_landing_sprite.png);
    background-repeat: no-repeat
}

#educationlandingpage .elpf_blocks .slick-dots li.slick-active {
    border-color: #ff642e
}

#educationlandingpage .elpf_blocks .slick-dots li.elpf_module_1 {
    top: -202px;
    left: 69px;
    background-position: 34px 33px
}

#educationlandingpage .elpf_blocks .slick-dots li.elpf_module_1:hover,
#educationlandingpage .elpf_blocks .slick-dots li.elpf_module_1.slick-active {
    background-position: 34px -103px
}

#educationlandingpage .elpf_blocks .slick-dots li.elpf_module_2 {
    top: -100px;
    left: 250px;
    background-position: -103px 33px
}

#educationlandingpage .elpf_blocks .slick-dots li.elpf_module_2:hover,
#educationlandingpage .elpf_blocks .slick-dots li.elpf_module_2.slick-active {
    background-position: -103px -103px
}

#educationlandingpage .elpf_blocks .slick-dots li.elpf_module_3 {
    top: 120px;
    left: 250px;
    background-position: -239px 33px
}

#educationlandingpage .elpf_blocks .slick-dots li.elpf_module_3:hover,
#educationlandingpage .elpf_blocks .slick-dots li.elpf_module_3.slick-active {
    background-position: -239px -103px
}

#educationlandingpage .elpf_blocks .slick-dots li.elpf_module_4 {
    top: 222px;
    left: 69px;
    background-position: -375px 33px
}

#educationlandingpage .elpf_blocks .slick-dots li.elpf_module_4:hover,
#educationlandingpage .elpf_blocks .slick-dots li.elpf_module_4.slick-active {
    background-position: -375px -103px
}

#educationlandingpage .elpf_blocks .slick-dots li.elpf_module_5 {
    top: 120px;
    left: -115px;
    background-position: -512px 33px
}

#educationlandingpage .elpf_blocks .slick-dots li.elpf_module_5:hover,
#educationlandingpage .elpf_blocks .slick-dots li.elpf_module_5.slick-active {
    background-position: -512px -103px
}

#educationlandingpage .elpf_blocks .slick-dots li.elpf_module_6 {
    top: -100px;
    left: -115px;
    background-position: -648px 33px
}

#educationlandingpage .elpf_blocks .slick-dots li.elpf_module_6:hover,
#educationlandingpage .elpf_blocks .slick-dots li.elpf_module_6.slick-active {
    background-position: -648px -103px
}

#educationlandingpage .elpf_blocks .slick-dots li button {
    background: transparent;
    border: 0 none;
    color: transparent;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    position: absolute;
    top: 0;
    left: 0
}

#educationlandingpage .server-content {
    width: 970px;
    margin: 0 auto;
    padding: 0
}

#educationlandingpage .server-content .server-content-header {
    font-size: 36px;
    font-weight: 300;
    text-align: center;
    padding: 80px 0 50px
}

#educationlandingpage .server-content .bts-form-dscr {
    width: 615px;
    margin: 5px auto 30px;
    color: #333;
    font-size: 18px;
    font-weight: 300;
    padding: 0;
    line-height: 1.5em
}

#educationlandingpage .server-content .dataForm.serverrequestform {
    width: 466px;
    margin: 0 auto
}

#educationlandingpage .server-content .dataForm.serverrequestform .dataLabel {
    text-align: left
}

#educationlandingpage .server-content .dataForm.serverrequestform input[type="button"] {
    text-align: center;
    margin: 0 auto
}

.esp_center_blocks {
    width: 970px;
    margin: 120px auto 40px
}

.esp_center_blocks .espcb {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 2;
    height: 756px;
    margin: 0 0 0 -4px;
    background-repeat: no-repeat;
    color: #fff;
    text-align: left
}

.esp_center_blocks .espcb.espcb_block1 {
    background-color: #3079ca;
    width: 485px
}

.esp_center_blocks .espcb.espcb_block1:before {
    position: absolute;
    content: '';
    display: block;
    width: 315px;
    height: 215px;
    background: url(../../images/solutions/education/image_block-teacher.png) no-repeat 0 0;
    top: -189px;
    left: 40px
}

.esp_center_blocks .espcb.espcb_block2 {
    background-color: #2b6bb0;
    width: 484px
}

.esp_center_blocks .espcb.espcb_block2:after {
    position: absolute;
    content: '';
    display: block;
    width: 315px;
    height: 245px;
    background: url(../../images/landing/backtoschool/image_block-student.png) no-repeat 0 0;
    bottom: -81px;
    right: 52px
}

.esp_center_blocks .espcb h3 {
    font-weight: 400;
    font-size: 36px;
    padding: 70px 40px 0;
    height: 70px;
    line-height: 1.3em
}

.esp_center_blocks .espcb .espcb_text_subheader {
    font-size: 14px;
    font-weight: 700;
    padding: 13px 40px 5px 40px
}

.esp_center_blocks .espcb .espcb_main_text {
    font-size: 14px;
    padding: 5px 40px 12px 40px;
    line-height: 1.3em;
    font-weight: 400
}

#serverlandingpage .mpc_learnwhy,
#cloudlandingpage .mpc_learnwhy,
#integrationlandingpage .mpc_learnwhy,
#serverlandingpreoderpage .mpc_learnwhy,
#educationfreesolutionspage .mpc_learnwhy,
#serverlandingpage .bottomlines,
#cloudlandingpage .bottomlines,
#integrationlandingpage .bottomlines,
#serverlandingpreoderpage .bottomlines,
#educationfreesolutionspage .bottomlines,
#serverlandingpage .features_tour_bottom_block,
#cloudlandingpage .features_tour_bottom_block,
#integrationlandingpage .features_tour_bottom_block,
#serverlandingpreoderpage .features_tour_bottom_block,
#educationfreesolutionspage .features_tour_bottom_block {
    display: none
}

#serverlandingpage .mainpart,
#cloudlandingpage .mainpart,
#integrationlandingpage .mainpart,
#serverlandingpreoderpage .mainpart,
#educationfreesolutionspage .mainpart {
    padding-bottom: 60px
}

#serverlandingpage .basement,
#cloudlandingpage .basement,
#integrationlandingpage .basement,
#serverlandingpreoderpage .basement,
#educationfreesolutionspage .basement {
    height: 60px
}

#serverlandingpage footer,
#cloudlandingpage footer,
#integrationlandingpage footer,
#serverlandingpreoderpage footer,
#educationfreesolutionspage footer {
    border-top: 0 none
}

#serverlandingpage .bottom_button_align {
    text-align: center
}

#serverlandingpage .bottom_button_align a.button {
    margin: 0 auto
}

#serverlandingpage .module_description a {
    display: none
}

#serverlandingpage .features_tour_header_area {
    background-color: #fff
}

#serverlandingpage .solutionspages.serversolutions .innerblue .description .solutionspages_feature_rich {
    padding-bottom: 0
}

#serverlandingpage .solutionspages.serversolutions .innerblue .description .solutionspages_header {
    background-image: url(../../images/landing/serverlanding/cover_landing_server.png);
    height: 750px
}

#serverlandingpage .solutionspages.serversolutions .innerblue .description .solutionspages_header .solutionspages_header_narrow .solutionspages_award_server {
    background: none;
    top: 0
}

#serverlandingpage .main-page-clients {
    border-bottom: 0 none;
    border-top: 1px solid #e5e5e5;
    margin-top: -1px
}

#integrationlandingpage .ilbp_narrow {
    width: 970px;
    margin: 0 auto;
    padding: 60px 0
}

#integrationlandingpage .ilbp_narrow .ilbp_header {
    color: #ff642e;
    font-size: 30px;
    font-weight: 400;
    width: 450px;
    border-right: 1px solid #e5e5e5;
    padding: 10px 100px 10px 0;
    line-height: 1.5em
}

#integrationlandingpage .ilbp_narrow .button {
    float: right;
    margin: 20px 177px 0 0
}

#integrationlandingpage .ilbp_narrow .ilbp_desc_block {
    width: 49%;
    display: inline-block;
    padding: 120px 0 0;
    position: relative;
    margin: 50px 0 0
}

#integrationlandingpage .ilbp_narrow .ilbp_desc_block:before {
    background-image: url(../../images/solutions/cloudoffice/circular_icons_solution_sprite.png);
    content: '';
    width: 90px;
    height: 90px;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    left: 0;
    top: 0
}

#integrationlandingpage .ilbp_narrow .ilbp_desc_block.ilbpd_block1:before {
    background-position: -1171px -18px
}

#integrationlandingpage .ilbp_narrow .ilbp_desc_block.ilbpd_block2:before {
    background-position: -1299px -18px
}

#integrationlandingpage .ilbp_narrow .ilbp_desc_block .ilbpd_header {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    padding: 0 0 20px
}

#integrationlandingpage .ilbp_narrow .ilbp_desc_block .list_with_orange_markers li {
    padding: 7px 0 7px 0
}

#integrationlandingpage .ilbp_narrow .ilbpd_subtext {
    margin: 30px 0
}

.mpd_buttons_available {
    z-index: 5;
    position: relative;
    margin-left: 34px;
    display: inline-block
}

.mpd_buttons_available span {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(../../images/solutions/desktopmobileapps/desktop_sprite_logos.png);
    background-repeat: no-repeat;
    vertical-align: middle;
    margin: 0 0 0 17px
}

.mpd_buttons_available span.mpd_for_windows {
    background-position: 0 0
}

.mpd_buttons_available span.mpd_for_linux {
    background-position: -49px 0
}

.mpd_buttons_available span.mpd_for_macos {
    background-position: -96px 0
}

.ie_inuse {
    width: 1000px;
    margin: 0 auto;
    padding: 58px 0 60px;
    text-align: center
}

.ie_inuse h2 {
    font-size: 18px;
    font-weight: 600;
    color: #adadad;
    padding: 10px 0 40px
}

.ie_inuse .ie_inuse_link {
    display: inline-block;
    height: 54px;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 0 -4px 0 0
}

.ie_inuse .ie_inuse_link.iu_link1 {
    background-image: url(../../images/solutions/integration/dev_logo_1.png);
    width: 201px
}

.ie_inuse .ie_inuse_link.iu_link2 {
    background-image: url(../../images/solutions/integration/dev_logo_2.png);
    width: 224px
}

.ie_inuse .ie_inuse_link.iu_link3 {
    background-image: url(../../images/solutions/integration/dev_logo_3.png);
    width: 150px
}

.ie_inuse .ie_inuse_link.iu_link4 {
    background-image: url(../../images/solutions/integration/dev_logo_4.png);
    width: 224px
}

.ie_inuse .ie_inuse_link.iu_link5 {
    background-image: url(../../images/solutions/integration/dev_logo_5.png);
    width: 201px
}

.solutionspages_security_block {
    width: 100%;
    clear: both;
    margin: 90px auto 0;
    padding: 40px 0 0;
    border-top: 1px solid #e3e3e3;
    text-align: left;
    position: relative
}

.solutionspages_security_block.oobc_sb {
    padding-top: 0
}

.solutionspages_security_block.oobc_sb .solutionspages_security_block_narrow .sps_blocks .sps_block {
    width: 423px
}

.solutionspages_security_block.oobc_sb .solutionspages_security_block_narrow .sps_blocks .sps_block:before {
    background-image: url(../../images/blockchain/blockchain-sprite.png);
    background-size: auto 72px;
    width: 105px;
    height: 77px
}

.solutionspages_security_block.oobc_sb .solutionspages_security_block_narrow .sps_blocks .sps_block.oobc_block1:before {
    background-position: -7px 0
}

.solutionspages_security_block.oobc_sb .solutionspages_security_block_narrow .sps_blocks .sps_block.oobc_block2:before {
    background-position: -114px 0
}

.solutionspages_security_block.oobc_sb .solutionspages_security_block_narrow .sps_blocks .sps_block.oobc_block3:before {
    background-position: -236px 0
}

.solutionspages_security_block.oobc_sb .solutionspages_security_block_narrow .sps_blocks .sps_block.oobc_block4:before {
    background-position: -341px 0
}

.solutionspages_security_block.oobc_sb2 {
    padding-bottom: 0
}

.solutionspages_security_block.oobc_sb2 .solutionspages_security_block_narrow .sps_blocks {
    padding: 60px 0 40px;
    background-image: url(../../images/blockchain/blockchain.png);
    background-position: 100% 100%;
    background-repeat: no-repeat
}

.solutionspages_security_block.oobc_sb2 .solutionspages_security_block_narrow .sps_blocks .sps_block {
    width: 323px;
    padding: 0 60px 50px 100px
}

.solutionspages_security_block.oobc_sb2 .solutionspages_security_block_narrow .sps_blocks .sps_block:before {
    background-image: url(../../images/blockchain/blockchain-sprite2.png);
    background-size: auto 72px;
    height: 75px;
    background-position-y: 0
}

.solutionspages_security_block.oobc_sb2 .solutionspages_security_block_narrow .sps_blocks .sps_block.oobc2_block1:before {
    background-position-x: -168px
}

.solutionspages_security_block.oobc_sb2 .solutionspages_security_block_narrow .sps_blocks .sps_block.oobc2_block2:before {
    background-position-x: -82px
}

.solutionspages_security_block.oobc_sb2 .solutionspages_security_block_narrow .sps_blocks .sps_block.oobc2_block3:before {
    background-position-x: -6px
}

.solutionspages_security_block.oobc_sb2 .solutionspages_security_block_narrow .sps_blocks .sps_block.oobc2_block4:before {
    background-position-x: -244px
}

.solutionspages_security_block.oobc_sb2 .solutionspages_security_block_narrow .sps_blocks .sps_block.oobc2_block5:before {
    background-position-x: -321px
}

.solutionspages_security_block .solutionspages_security_block_narrow {
    width: 970px;
    margin: 0 auto;
    position: relative;
    z-index: 10
}

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

.solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks {
    margin: 20px 0 0
}

.solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block {
    display: inline-block;
    vertical-align: top;
    width: 260px;
    margin: 0;
    padding: 90px 60px 40px 0;
    position: relative
}

.solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block .sps_block_text a {
    color: #ff642e
}

.solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block .solutionspages_dblock_bottom_link {
    color: #ff642e
}

.solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block:before {
    content: '';
    display: block;
    width: 66px;
    height: 64px;
    background-image: url(../../images/solutions/cloudoffice/cloudsolution_icons_secureservices.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 15px;
    left: 0
}

.solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block1:before {
    background-position: 0 0
}

.solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block2:before {
    background-position: -82px 0
}

.solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block3:before {
    background-position: -148px 0
}

.solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block4:before {
    background-position: -228px 0
}

.solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block5:before {
    background-position: -296px 0
}

.solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block6:before {
    background-position: -368px 0
}

.solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block7:before {
    background-position: -674px 0
}

.solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block8:before {
    background-position: -745px 0
}

.solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block9:before {
    background-position: -819px 0
}

.solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block10:before {
    background-position: -888px 0
}

.solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block11:before {
    background-position: -965px 0
}

.solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block12:before {
    background-position: -1039px 0
}

.solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block13:before {
    background-position: -444px 0
}

.solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block14:before {
    background-position: -525px 0
}

.solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block15 {
    width: 100%;
    text-align: center;
    padding-top: 10px
}

.solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block15:before {
    position: relative;
    left: auto;
    top: -10px;
    margin: 0 auto;
    background-position: -592px 0
}

.solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block16:before {
    background-position: -1113px 0
}

.solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block17:before {
    background-position: -1188px 0
}

.solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block18:before {
    background-position: -1260px 0
}

.solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block19:before {
    background-position: -1783px 0
}

.solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block20:before {
    background-position: -1856px 0;
    width: 73px
}

.solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block21:before {
    background-position: -1943px 0
}

.solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block22:before {
    background-position: -2022px 0
}

.solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block23:before {
    background-position: -2100px 0;
    width: 73px
}

.solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block24:before {
    background-position: -2286px 0
}

.solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block .sps_block_header {
    font-size: 18px;
    font-weight: 600
}

#downloadspage article,
#downloaddesktoppage article,
#downloadenterprisepage article,
#integrationdownloadspage article,
#downloaddockerpage article {
    background-color: #f6f6f6
}

.downloaddockerpage .description,
.downloadserverpage .description,
.downloaddesktoppage .description {
    padding: 0 0 60px
}

.downloaddockerpage.download_enterprise .download_main_text .downloadpage_blocks .download_block_buttons a.button.red,
.downloadserverpage.download_enterprise .download_main_text .downloadpage_blocks .download_block_buttons a.button.red,
.downloaddesktoppage.download_enterprise .download_main_text .downloadpage_blocks .download_block_buttons a.button.red,
.downloaddockerpage.integrationdownload .download_main_text .downloadpage_blocks .download_block_buttons a.button.red,
.downloadserverpage.integrationdownload .download_main_text .downloadpage_blocks .download_block_buttons a.button.red,
.downloaddesktoppage.integrationdownload .download_main_text .downloadpage_blocks .download_block_buttons a.button.red,
.downloaddockerpage.connectorsdownload .download_main_text .downloadpage_blocks .download_block_buttons a.button.red,
.downloadserverpage.connectorsdownload .download_main_text .downloadpage_blocks .download_block_buttons a.button.red,
.downloaddesktoppage.connectorsdownload .download_main_text .downloadpage_blocks .download_block_buttons a.button.red,
.downloaddockerpage.download_enterprise .download_main_text .downloadpage_blocks .download_block_buttons a.button.gray,
.downloadserverpage.download_enterprise .download_main_text .downloadpage_blocks .download_block_buttons a.button.gray,
.downloaddesktoppage.download_enterprise .download_main_text .downloadpage_blocks .download_block_buttons a.button.gray,
.downloaddockerpage.integrationdownload .download_main_text .downloadpage_blocks .download_block_buttons a.button.gray,
.downloadserverpage.integrationdownload .download_main_text .downloadpage_blocks .download_block_buttons a.button.gray,
.downloaddesktoppage.integrationdownload .download_main_text .downloadpage_blocks .download_block_buttons a.button.gray,
.downloaddockerpage.connectorsdownload .download_main_text .downloadpage_blocks .download_block_buttons a.button.gray,
.downloadserverpage.connectorsdownload .download_main_text .downloadpage_blocks .download_block_buttons a.button.gray,
.downloaddesktoppage.connectorsdownload .download_main_text .downloadpage_blocks .download_block_buttons a.button.gray {
    width: 140px
}

.downloaddockerpage.download_enterprise .download_main_text .downloadpage_blocks .download_block_buttons a.button.red.download_block_button_buy,
.downloadserverpage.download_enterprise .download_main_text .downloadpage_blocks .download_block_buttons a.button.red.download_block_button_buy,
.downloaddesktoppage.download_enterprise .download_main_text .downloadpage_blocks .download_block_buttons a.button.red.download_block_button_buy,
.downloaddockerpage.integrationdownload .download_main_text .downloadpage_blocks .download_block_buttons a.button.red.download_block_button_buy,
.downloadserverpage.integrationdownload .download_main_text .downloadpage_blocks .download_block_buttons a.button.red.download_block_button_buy,
.downloaddesktoppage.integrationdownload .download_main_text .downloadpage_blocks .download_block_buttons a.button.red.download_block_button_buy,
.downloaddockerpage.connectorsdownload .download_main_text .downloadpage_blocks .download_block_buttons a.button.red.download_block_button_buy,
.downloadserverpage.connectorsdownload .download_main_text .downloadpage_blocks .download_block_buttons a.button.red.download_block_button_buy,
.downloaddesktoppage.connectorsdownload .download_main_text .downloadpage_blocks .download_block_buttons a.button.red.download_block_button_buy,
.downloaddockerpage.download_enterprise .download_main_text .downloadpage_blocks .download_block_buttons a.button.gray.download_block_button_buy,
.downloadserverpage.download_enterprise .download_main_text .downloadpage_blocks .download_block_buttons a.button.gray.download_block_button_buy,
.downloaddesktoppage.download_enterprise .download_main_text .downloadpage_blocks .download_block_buttons a.button.gray.download_block_button_buy,
.downloaddockerpage.integrationdownload .download_main_text .downloadpage_blocks .download_block_buttons a.button.gray.download_block_button_buy,
.downloadserverpage.integrationdownload .download_main_text .downloadpage_blocks .download_block_buttons a.button.gray.download_block_button_buy,
.downloaddesktoppage.integrationdownload .download_main_text .downloadpage_blocks .download_block_buttons a.button.gray.download_block_button_buy,
.downloaddockerpage.connectorsdownload .download_main_text .downloadpage_blocks .download_block_buttons a.button.gray.download_block_button_buy,
.downloadserverpage.connectorsdownload .download_main_text .downloadpage_blocks .download_block_buttons a.button.gray.download_block_button_buy,
.downloaddesktoppage.connectorsdownload .download_main_text .downloadpage_blocks .download_block_buttons a.button.gray.download_block_button_buy {
    width: 48px;
    height: 48px
}

.downloaddockerpage.download_enterprise .download_main_text .downloadpage_blocks,
.downloadserverpage.download_enterprise .download_main_text .downloadpage_blocks,
.downloaddesktoppage.download_enterprise .download_main_text .downloadpage_blocks,
.downloaddockerpage.connectorsdownload .download_main_text .downloadpage_blocks,
.downloadserverpage.connectorsdownload .download_main_text .downloadpage_blocks,
.downloaddesktoppage.connectorsdownload .download_main_text .downloadpage_blocks {
    min-height: auto
}

.downloaddockerpage.download_enterprise .download_main_text .downloadpage_blocks .download_block_buttons,
.downloadserverpage.download_enterprise .download_main_text .downloadpage_blocks .download_block_buttons,
.downloaddesktoppage.download_enterprise .download_main_text .downloadpage_blocks .download_block_buttons,
.downloaddockerpage.connectorsdownload .download_main_text .downloadpage_blocks .download_block_buttons,
.downloadserverpage.connectorsdownload .download_main_text .downloadpage_blocks .download_block_buttons,
.downloaddesktoppage.connectorsdownload .download_main_text .downloadpage_blocks .download_block_buttons {
    min-height: auto
}

.downloaddockerpage.download_enterprise .download_main_text .downloadpage_blocks.download_recommended,
.downloadserverpage.download_enterprise .download_main_text .downloadpage_blocks.download_recommended,
.downloaddesktoppage.download_enterprise .download_main_text .downloadpage_blocks.download_recommended,
.downloaddockerpage.connectorsdownload .download_main_text .downloadpage_blocks.download_recommended,
.downloadserverpage.connectorsdownload .download_main_text .downloadpage_blocks.download_recommended,
.downloaddesktoppage.connectorsdownload .download_main_text .downloadpage_blocks.download_recommended {
    min-height: 180px
}

.downloaddockerpage.download_enterprise .download_main_text .downloadpage_blocks.download_recommended .download_block_buttons,
.downloadserverpage.download_enterprise .download_main_text .downloadpage_blocks.download_recommended .download_block_buttons,
.downloaddesktoppage.download_enterprise .download_main_text .downloadpage_blocks.download_recommended .download_block_buttons,
.downloaddockerpage.connectorsdownload .download_main_text .downloadpage_blocks.download_recommended .download_block_buttons,
.downloadserverpage.connectorsdownload .download_main_text .downloadpage_blocks.download_recommended .download_block_buttons,
.downloaddesktoppage.connectorsdownload .download_main_text .downloadpage_blocks.download_recommended .download_block_buttons {
    min-height: 180px
}

.downloaddockerpage.download_enterprise .download_main_text .downloadpage_blocks.download_vmware,
.downloadserverpage.download_enterprise .download_main_text .downloadpage_blocks.download_vmware,
.downloaddesktoppage.download_enterprise .download_main_text .downloadpage_blocks.download_vmware,
.downloaddockerpage.connectorsdownload .download_main_text .downloadpage_blocks.download_vmware,
.downloadserverpage.connectorsdownload .download_main_text .downloadpage_blocks.download_vmware,
.downloaddesktoppage.connectorsdownload .download_main_text .downloadpage_blocks.download_vmware {
    min-height: 200px
}

.downloaddockerpage.download_enterprise .download_main_text .downloadpage_blocks.download_vmware .download_block_buttons,
.downloadserverpage.download_enterprise .download_main_text .downloadpage_blocks.download_vmware .download_block_buttons,
.downloaddesktoppage.download_enterprise .download_main_text .downloadpage_blocks.download_vmware .download_block_buttons,
.downloaddockerpage.connectorsdownload .download_main_text .downloadpage_blocks.download_vmware .download_block_buttons,
.downloadserverpage.connectorsdownload .download_main_text .downloadpage_blocks.download_vmware .download_block_buttons,
.downloaddesktoppage.connectorsdownload .download_main_text .downloadpage_blocks.download_vmware .download_block_buttons {
    min-height: 200px
}

.downloaddockerpage.download_enterprise .download_main_text .download_recommended_label,
.downloadserverpage.download_enterprise .download_main_text .download_recommended_label,
.downloaddesktoppage.download_enterprise .download_main_text .download_recommended_label,
.downloaddockerpage.connectorsdownload .download_main_text .download_recommended_label,
.downloadserverpage.connectorsdownload .download_main_text .download_recommended_label,
.downloaddesktoppage.connectorsdownload .download_main_text .download_recommended_label {
    height: 238px
}

.downloaddockerpage.download_enterprise .download_main_text .download_recommended_label span,
.downloadserverpage.download_enterprise .download_main_text .download_recommended_label span,
.downloaddesktoppage.download_enterprise .download_main_text .download_recommended_label span,
.downloaddockerpage.connectorsdownload .download_main_text .download_recommended_label span,
.downloadserverpage.connectorsdownload .download_main_text .download_recommended_label span,
.downloaddesktoppage.connectorsdownload .download_main_text .download_recommended_label span {
    bottom: 108px
}

.downloaddockerpage.opensourcedownload h2.server_deploy,
.downloadserverpage.opensourcedownload h2.server_deploy,
.downloaddesktoppage.opensourcedownload h2.server_deploy,
.downloaddockerpage.opensourcedesktopdownload h2.server_deploy,
.downloadserverpage.opensourcedesktopdownload h2.server_deploy,
.downloaddesktoppage.opensourcedesktopdownload h2.server_deploy {
    border-right: 1px solid #b2b2b2;
    width: 591px
}

.downloaddockerpage.opensourcedesktopdownload h2.server_deploy,
.downloadserverpage.opensourcedesktopdownload h2.server_deploy,
.downloaddesktoppage.opensourcedesktopdownload h2.server_deploy {
    margin: 80px 0 40px
}

.downloaddockerpage.opensourcedesktopdownload .btnGitHub,
.downloadserverpage.opensourcedesktopdownload .btnGitHub,
.downloaddesktoppage.opensourcedesktopdownload .btnGitHub {
    margin: 0 0 50px
}

.downloaddockerpage.opensourcedesktopdownload .mpa_awards,
.downloadserverpage.opensourcedesktopdownload .mpa_awards,
.downloaddesktoppage.opensourcedesktopdownload .mpa_awards {
    float: right;
    width: 350px;
    text-align: center
}

.downloaddockerpage h2,
.downloadserverpage h2,
.downloaddesktoppage h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    width: 600px;
    padding: 0 30px 0 0;
    margin: 80px 0 50px
}

.downloaddockerpage h2.server_deploy,
.downloadserverpage h2.server_deploy,
.downloaddesktoppage h2.server_deploy {
    border-right: 0 none
}

.downloaddockerpage h2 b,
.downloadserverpage h2 b,
.downloaddesktoppage h2 b {
    font-weight: normal;
    color: #ff642e
}

.downloaddockerpage a.btnGitHub,
.downloadserverpage a.btnGitHub,
.downloaddesktoppage a.btnGitHub,
.downloaddockerpage a.btnGitHub:hover,
.downloadserverpage a.btnGitHub:hover,
.downloaddesktoppage a.btnGitHub:hover,
.downloaddockerpage a.btnGitHub:active,
.downloadserverpage a.btnGitHub:active,
.downloaddesktoppage a.btnGitHub:active,
.downloaddockerpage a.btnGitHub:focus,
.downloadserverpage a.btnGitHub:focus,
.downloaddesktoppage a.btnGitHub:focus,
.downloaddockerpage a.btnGitHub:visited,
.downloadserverpage a.btnGitHub:visited,
.downloaddesktoppage a.btnGitHub:visited {
    position: relative;
    padding-left: 55px;
    font-size: 16px;
    text-transform: none;
    font-weight: 600;
    background-color: transparent
}

.downloaddockerpage a.btnGitHub:before,
.downloadserverpage a.btnGitHub:before,
.downloaddesktoppage a.btnGitHub:before,
.downloaddockerpage a.btnGitHub:hover:before,
.downloadserverpage a.btnGitHub:hover:before,
.downloaddesktoppage a.btnGitHub:hover:before,
.downloaddockerpage a.btnGitHub:active:before,
.downloadserverpage a.btnGitHub:active:before,
.downloaddesktoppage a.btnGitHub:active:before,
.downloaddockerpage a.btnGitHub:focus:before,
.downloadserverpage a.btnGitHub:focus:before,
.downloaddesktoppage a.btnGitHub:focus:before,
.downloaddockerpage a.btnGitHub:visited:before,
.downloadserverpage a.btnGitHub:visited:before,
.downloaddesktoppage a.btnGitHub:visited:before {
    display: block;
    width: 28px;
    height: 28px;
    content: '';
    background: url(../../images/download/icon_github.png) no-repeat 0 0;
    position: absolute;
    left: 25px;
    top: 11px
}

.downloaddockerpage .server_btnGit,
.downloadserverpage .server_btnGit,
.downloaddesktoppage .server_btnGit {
    text-align: center;
    float: right;
    width: 360px;
    padding: 45px 0 0
}

.downloaddockerpage .desktop_btnGit,
.downloadserverpage .desktop_btnGit,
.downloaddesktoppage .desktop_btnGit {
    text-align: left;
    width: 300px;
    padding: 0 0 20px
}

.downloaddockerpage .download_main_text,
.downloadserverpage .download_main_text,
.downloaddesktoppage .download_main_text {
    width: 960px;
    margin: 20px auto;
    position: relative
}

.downloaddockerpage .download_main_text .download_recommended_label,
.downloadserverpage .download_main_text .download_recommended_label,
.downloaddesktoppage .download_main_text .download_recommended_label {
    position: absolute;
    width: 30px;
    height: 222px;
    background-color: #ff642e;
    left: -28px;
    top: 0;
    z-index: 1;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px
}

.downloaddockerpage .download_main_text .download_recommended_label span,
.downloadserverpage .download_main_text .download_recommended_label span,
.downloaddesktoppage .download_main_text .download_recommended_label span {
    display: block;
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    position: absolute;
    bottom: 88px;
    left: -35px;
    color: #fff;
    font-size: 14px
}

.downloaddockerpage .download_main_text .download_vm_headers,
.downloadserverpage .download_main_text .download_vm_headers,
.downloaddesktoppage .download_main_text .download_vm_headers {
    color: #333;
    font-weight: 600;
    padding: 15px 0
}

.downloaddockerpage .download_main_text .download_vm_headers b,
.downloadserverpage .download_main_text .download_vm_headers b,
.downloaddesktoppage .download_main_text .download_vm_headers b {
    font-size: 18px;
    font-weight: 600
}

.downloaddockerpage .download_main_text .download_vm_headers_text,
.downloadserverpage .download_main_text .download_vm_headers_text,
.downloaddesktoppage .download_main_text .download_vm_headers_text {
    margin: 15px 0;
    padding: 0;
    font-size: 14px
}

.downloaddockerpage .download_main_text .downloadpage_blocks,
.downloadserverpage .download_main_text .downloadpage_blocks,
.downloaddesktoppage .download_main_text .downloadpage_blocks {
    width: 960px;
    min-height: 214px;
    background-color: #f9f9f9;
    border: 1px solid #e1e1e1;
    margin: 0 0 15px;
    padding: 18px 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    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
}

.downloaddockerpage .download_main_text .downloadpage_blocks:hover,
.downloadserverpage .download_main_text .downloadpage_blocks:hover,
.downloaddesktoppage .download_main_text .downloadpage_blocks: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)
}

.downloaddockerpage .download_main_text .downloadpage_blocks.download_recommended,
.downloadserverpage .download_main_text .downloadpage_blocks.download_recommended,
.downloaddesktoppage .download_main_text .downloadpage_blocks.download_recommended {
    border-color: #ff642e;
    min-height: 164px
}

.downloaddockerpage .download_main_text .downloadpage_blocks.download_recommended .download_block_buttons,
.downloadserverpage .download_main_text .downloadpage_blocks.download_recommended .download_block_buttons,
.downloaddesktoppage .download_main_text .downloadpage_blocks.download_recommended .download_block_buttons {
    min-height: 164px
}

.downloaddockerpage .download_main_text .downloadpage_blocks.download_server_packages a.button.round,
.downloadserverpage .download_main_text .downloadpage_blocks.download_server_packages a.button.round,
.downloaddesktoppage .download_main_text .downloadpage_blocks.download_server_packages a.button.round {
    margin-bottom: 8px
}

.downloaddockerpage .download_main_text .downloadpage_blocks.download_dockerpage_blocks,
.downloadserverpage .download_main_text .downloadpage_blocks.download_dockerpage_blocks,
.downloaddesktoppage .download_main_text .downloadpage_blocks.download_dockerpage_blocks {
    min-height: 160px
}

.downloaddockerpage .download_main_text .downloadpage_blocks.download_dockerpage_blocks .download_block_buttons,
.downloadserverpage .download_main_text .downloadpage_blocks.download_dockerpage_blocks .download_block_buttons,
.downloaddesktoppage .download_main_text .downloadpage_blocks.download_dockerpage_blocks .download_block_buttons {
    min-height: 140px
}

.downloaddockerpage .download_main_text .downloadpage_blocks.download_connector,
.downloadserverpage .download_main_text .downloadpage_blocks.download_connector,
.downloaddesktoppage .download_main_text .downloadpage_blocks.download_connector {
    min-height: 150px
}

.downloaddockerpage .download_main_text .downloadpage_blocks.download_connector .download_block_buttons,
.downloadserverpage .download_main_text .downloadpage_blocks.download_connector .download_block_buttons,
.downloaddesktoppage .download_main_text .downloadpage_blocks.download_connector .download_block_buttons {
    min-height: 80px;
    padding-top: 50px
}

.downloaddockerpage .download_main_text .downloadpage_blocks.download_desktop_blocks,
.downloadserverpage .download_main_text .downloadpage_blocks.download_desktop_blocks,
.downloaddesktoppage .download_main_text .downloadpage_blocks.download_desktop_blocks {
    height: 160px
}

.downloaddockerpage .download_main_text .downloadpage_blocks.download_desktop_blocks.download_linux,
.downloadserverpage .download_main_text .downloadpage_blocks.download_desktop_blocks.download_linux,
.downloaddesktoppage .download_main_text .downloadpage_blocks.download_desktop_blocks.download_linux {
    height: 190px
}

.downloaddockerpage .download_main_text .downloadpage_blocks.download_desktop_blocks .download_block_buttons,
.downloadserverpage .download_main_text .downloadpage_blocks.download_desktop_blocks .download_block_buttons,
.downloaddesktoppage .download_main_text .downloadpage_blocks.download_desktop_blocks .download_block_buttons {
    width: 300px;
    padding-top: 60px;
    padding-right: 47px;
    text-align: right
}

.downloaddockerpage .download_main_text .downloadpage_blocks .download_block_title,
.downloadserverpage .download_main_text .downloadpage_blocks .download_block_title,
.downloaddesktoppage .download_main_text .downloadpage_blocks .download_block_title {
    float: left;
    padding: 0 20px 0 35px;
    margin: 0;
    width: 560px
}

.downloaddockerpage .download_main_text .downloadpage_blocks .download_block_title a.download_read_instructions,
.downloadserverpage .download_main_text .downloadpage_blocks .download_block_title a.download_read_instructions,
.downloaddesktoppage .download_main_text .downloadpage_blocks .download_block_title a.download_read_instructions {
    color: #ff642e;
    font-size: 14px
}

.downloaddockerpage .download_main_text .downloadpage_blocks .download_block_buttons,
.downloadserverpage .download_main_text .downloadpage_blocks .download_block_buttons,
.downloaddesktoppage .download_main_text .downloadpage_blocks .download_block_buttons {
    text-align: center;
    display: inline-block;
    width: 295px;
    border-left: 1px solid #d9d9d9;
    min-height: 194px;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px
}

.downloaddockerpage .download_main_text .downloadpage_blocks .download_block_buttons .download_block_buttons_header,
.downloadserverpage .download_main_text .downloadpage_blocks .download_block_buttons .download_block_buttons_header,
.downloaddesktoppage .download_main_text .downloadpage_blocks .download_block_buttons .download_block_buttons_header {
    margin: 30px auto 10px;
    font-size: 14px
}

.downloaddockerpage .download_main_text .downloadpage_blocks .download_block_buttons .download_block_archived,
.downloadserverpage .download_main_text .downloadpage_blocks .download_block_buttons .download_block_archived,
.downloaddesktoppage .download_main_text .downloadpage_blocks .download_block_buttons .download_block_archived {
    margin: 2px auto 0;
    font-size: 12px;
    color: #929292
}

.downloaddockerpage .download_main_text .downloadpage_blocks .download_block_buttons a.button,
.downloadserverpage .download_main_text .downloadpage_blocks .download_block_buttons a.button,
.downloaddesktoppage .download_main_text .downloadpage_blocks .download_block_buttons a.button {
    width: 166px;
    margin-bottom: 5px
}

.downloaddockerpage .download_main_text .downloadpage_blocks .download_block_buttons span,
.downloadserverpage .download_main_text .downloadpage_blocks .download_block_buttons span,
.downloaddesktoppage .download_main_text .downloadpage_blocks .download_block_buttons span {
    display: block;
    margin: 30px auto 15px
}

.downloaddockerpage .download_main_text .downloadpage_blocks .download_block_buttons span.cur_outdated,
.downloadserverpage .download_main_text .downloadpage_blocks .download_block_buttons span.cur_outdated,
.downloaddesktoppage .download_main_text .downloadpage_blocks .download_block_buttons span.cur_outdated {
    display: block;
    font-size: 13px;
    margin: 0;
    padding: 0
}

.downloaddockerpage .download_main_text .downloadpage_blocks .download_block_buttons .button.download_block_button_download,
.downloadserverpage .download_main_text .downloadpage_blocks .download_block_buttons .button.download_block_button_download,
.downloaddesktoppage .download_main_text .downloadpage_blocks .download_block_buttons .button.download_block_button_download {
    margin: 0
}

.downloaddockerpage .download_main_text .downloadpage_blocks .download_block_buttons .button.download_block_button_buy,
.downloadserverpage .download_main_text .downloadpage_blocks .download_block_buttons .button.download_block_button_buy,
.downloaddesktoppage .download_main_text .downloadpage_blocks .download_block_buttons .button.download_block_button_buy {
    padding: 0;
    background-image: url(../../images/pricing/basket_icon.png);
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.downloaddockerpage .download_main_text .download_activate,
.downloadserverpage .download_main_text .download_activate,
.downloaddesktoppage .download_main_text .download_activate {
    font-size: 15px;
    padding-top: 30px
}

.downloaddockerpage .download_main_text .download_activate a,
.downloadserverpage .download_main_text .download_activate a,
.downloaddesktoppage .download_main_text .download_activate a {
    color: #ff642e
}

.downloaddockerpage .download_main_text .download_oneclick,
.downloadserverpage .download_main_text .download_oneclick,
.downloaddesktoppage .download_main_text .download_oneclick {
    padding-bottom: 60px
}

.downloaddockerpage .download_main_text .download_oneclick a,
.downloadserverpage .download_main_text .download_oneclick a,
.downloaddesktoppage .download_main_text .download_oneclick a {
    color: #ff642e
}

.servereditorspreorderpage .servereditorspreorderform .dataForm,
.servereditorspreorderpage .integrationorderform .dataForm {
    max-width: 362px
}

.servereditorspreorderpage .servereditorspreorderform .dataForm .dataItem.subjMatter textarea,
.servereditorspreorderpage .integrationorderform .dataForm .dataItem.subjMatter textarea {
    height: 94px;
    outline: none;
    background: #f9f9f9;
    border-color: #d6d6d6
}

.servereditorspreorderpage .servereditorspreorderform .dataForm .dataItem.subjMatter textarea.focus,
.servereditorspreorderpage .integrationorderform .dataForm .dataItem.subjMatter textarea.focus {
    border-color: gray;
    background: #fff
}

.servereditorspreorderpage .servereditorspreorderform .dataForm .dataItem.subjMatter textarea.valid,
.servereditorspreorderpage .integrationorderform .dataForm .dataItem.subjMatter textarea.valid {
    background: #f9feef;
    border-color: #95b61d
}

.servereditorspreorderpage .servereditorspreorderform .dataForm .dataItem.subjMatter textarea.error,
.servereditorspreorderpage .integrationorderform .dataForm .dataItem.subjMatter textarea.error {
    background: #fff7f7;
    border-color: #c82c2f
}

.servereditorspreorderpage .servereditorspreorderform .dataForm .dataItem.dataItemPhone table.styled-select-container,
.servereditorspreorderpage .integrationorderform .dataForm .dataItem.dataItemPhone table.styled-select-container {
    width: 362px
}

.common_solutions_download_ami {
    display: none !important
}

.comparison_editions {
    width: 720px;
    margin: 20px 0
}

.comparison_editions td,
.comparison_editions th {
    padding: 8px 20px 10px;
    font-size: 12px;
    width: 320px;
    vertical-align: middle
}

.comparison_editions td span,
.comparison_editions th span {
    display: block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-image: url(../../images/icons_check_cross.png)
}

.comparison_editions td span.check,
.comparison_editions th span.check {
    background-position: 0 0
}

.comparison_editions td span.cross,
.comparison_editions th span.cross {
    background-position: -17px 0
}

.comparison_editions tr.comparison_header {
    background: #3d4a6b;
    color: #fff
}

.comparison_editions tr.comparison_header th {
    background: #3d4a6b
}

.comparison_editions tr.comparison_even {
    background: #eee
}

.comparison_editions tr.comparison_even td {
    background: #eee
}

.comparison_editions tr.comparison_odd {
    background: #fff
}

tr.last-row td {
    padding-top: 15px;
    padding-bottom: 18px
}

.last-row b {
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase
}

.last-row a {
    font-size: 14px
}

tr.closing_block {
    border-bottom: 1px solid #3d4a6b
}

ul.block-central-modules {
    display: block;
    text-align: center;
    margin: 0 auto
}

ul.block-central-modules li {
    list-style-type: none;
    display: inline-block;
    background-position: 50% 0px;
    background-repeat: no-repeat
}

ul.block-central-modules li.block-central-module {
    width: 198px;
    text-align: center;
    font-size: 13px;
    height: 10px;
    padding: 75px 0 0;
    margin: 24px 0;
    line-height: 1.2em;
    vertical-align: top
}

.module-management {
    background-image: url(../../images/icon_documents.png)
}

.module-community {
    background-image: url(../../images/icon_people.png)
}

.module-mail {
    background-image: url(../../images/icon_mail.png)
}

.block-cloud .cloud-content,
.block-server .server-content {
    display: block
}

.block-cloud .server-content,
.block-server .cloud-content {
    display: none !important
}

.block-server .button.round.switcher-server-label,
.block-cloud .button.round.switcher-cloud-label {
    border-color: #ff642e !important;
    color: #ff642e !important
}

.bts-form-dscr {
    color: #666;
    margin: 20px 0;
    text-align: center
}

.bts-form-notice {
    font-size: 13px;
    text-align: center;
    margin: 20px auto 0;
    color: #666
}

.bts-form-notice a {
    color: #ff642e
}

.bts-form-screen-inside {
    width: 970px;
    margin: 0 auto;
    padding: 60px 0
}

.bts-form-screen-inside h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    margin: 0 0 30px;
    text-align: center
}

.bts-form-screen-inside .switcher-content {
    text-align: center
}

.bts-form-screen-inside .switcher-content span {
    margin: 0 10px 0 0
}

.bts-form-screen-inside .signuppageform,
.bts-form-screen-inside .serverrequestform {
    margin: 0;
    padding: 0
}

.bts-form-screen-inside .signuppageform .progressPanel,
.bts-form-screen-inside .serverrequestform .progressPanel {
    text-align: center
}

.bts-form-screen-inside .signuppageform input[type="text"],
.bts-form-screen-inside .serverrequestform input[type="text"],
.bts-form-screen-inside .signuppageform input[type="email"],
.bts-form-screen-inside .serverrequestform input[type="email"] {
    height: 34px
}

.bts-form-screen-inside .signuppageform .dataItem.dataItemPhone table.styled-select-container,
.bts-form-screen-inside .serverrequestform .dataItem.dataItemPhone table.styled-select-container {
    width: 100%
}

.bts-form-screen-inside .signuppageform .dataItem.dataItemPhone span.phoneControlContainer .phoneControlInputContainer,
.bts-form-screen-inside .serverrequestform .dataItem.dataItemPhone span.phoneControlContainer .phoneControlInputContainer,
.bts-form-screen-inside .signuppageform .dataItem.dataItemPhone span.phoneControlContainer .phoneControlSwitherWrapper,
.bts-form-screen-inside .serverrequestform .dataItem.dataItemPhone span.phoneControlContainer .phoneControlSwitherWrapper,
.bts-form-screen-inside .signuppageform .dataItem.dataItemPhone span.phoneControlContainer .phoneControlSwither,
.bts-form-screen-inside .serverrequestform .dataItem.dataItemPhone span.phoneControlContainer .phoneControlSwither {
    height: 34px;
    line-height: 34px
}

.bts-form-screen-inside .signuppageform .dataItem.dataItemPhone span.phoneControlContainer input,
.bts-form-screen-inside .serverrequestform .dataItem.dataItemPhone span.phoneControlContainer input {
    width: 100%
}

.bts-form-screen-inside .signuppageform {
    position: relative
}

.bts-form-screen-inside .signuppageform .dataForm {
    max-width: 400px
}

.bts-form-screen-inside .signuppageform .signuprecaptcha {
    position: absolute;
    z-index: 50;
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    display: none;
    padding: 10px;
    left: -4px;
    top: -4px;
    width: 100%;
    height: 300px
}

.bts-form-screen-inside .signuppageform .signuprecaptcha .captchaContainer {
    height: 78px;
    left: 50%;
    margin: -51px auto 0 -152px;
    padding: 0;
    position: relative;
    top: 50%;
    width: 304px
}

.bts-form-screen-inside .signuppageform .signuprecaptcha .captcha_errorArea {
    color: #e55252;
    display: none;
    font-size: 12px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -152px;
    margin-top: 5px;
    text-align: center;
    width: 304px;
    z-index: 100
}

.bts-form-screen-inside .serverrequestform {
    margin: 0 auto;
    max-width: 400px
}

.bts-form-screen-inside .serverrequestform .errorArea {
    color: #bf3703;
    display: none;
    font-size: 12px;
    margin-bottom: -12px;
    text-align: center
}

.bts-form-screen-inside .serverrequestform .successArea {
    color: #66bb6a;
    display: none;
    font-size: 12px;
    margin-bottom: -12px;
    text-align: center
}

.bts-form-screen-inside .serverrequestform .txtSrvReqPetition {
    height: auto;
    resize: vertical
}

.dataForm {
    max-width: 100%;
    padding: 0
}

.video_block {
    display: block;
    margin: 15px 0 20px;
    width: 320px
}

.video_block a {
    background-image: url("../../images/video_preview_default_back.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    display: block;
    padding: 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
    box-shadow: inset 0 0 150px 0 rgba(0, 0, 0, 0.65);
    -moz-box-shadow: inset 0 0 150px 0 rgba(0, 0, 0, 0.65);
    -webkit-box-shadow: inset 0 0 150px 0 rgba(0, 0, 0, 0.65);
    height: 150px;
    width: 300px
}

.video_block span.playbackbutton {
    background-image: url("../../images/video_icon.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 88px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 88px;
    left: 106px;
    top: 31px
}

.video_block span.playbackbutton:hover {
    background-position: 0 -88px
}

.VideoPopup {
    padding: 10px;
    background-color: #000
}

.VideoPopup .CloseCross {
    background-color: #000;
    background-position: -41px -78px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border: 2px solid #fff;
    position: absolute;
    right: -27px;
    top: -20px
}

.desktop_free_for_saas {
    display: inline-block;
    text-align: center;
    border: 6px solid #e8f0d7;
    height: 42px;
    padding: 20px 43px 0 85px;
    font-size: 20px;
    font-weight: 300;
    color: #3d4a6b;
    border-radius: 40px;
    position: relative
}

.desktop_free_for_saas span {
    font-size: 12px;
    display: block;
    font-weight: 400;
    color: #333;
    line-height: 1.5em
}

.desktop_free_for_saas:before {
    display: block;
    content: '';
    width: 80px;
    height: 80px;
    background-image: url(../../images/pricing/free.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    left: -20px;
    top: -9px
}

.desktopmobileapps .desktop_free_for_saas {
    margin-top: 40px
}

#servereditorspricespage .background-overlay,
#integrationpricespage .background-overlay,
#integrationdemopage .background-overlay,
#newintegrationpricespage .background-overlay {
    position: absolute;
    top: 634px;
    height: 550px;
    z-index: 1
}

#integrationdemopage {
    background: url(../../images/pricing/background_image.jpg) 50% 0 no-repeat
}

#integrationdemopage .background-overlay {
    top: 634px
}

#integrationdemopage .solutionspages_header {
    text-align: center
}

#integrationdemopage .solutionspages_header .solutionspages_header_narrow {
    padding: 80px 0 60px;
    max-width: 970px;
    margin: 0 auto
}

#integrationdemopage .solutionspages_header .solutionspages_header_narrow h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    text-align: center;
    padding: 0 0 40px
}

.deskfree_outer {
    text-align: center
}

.compareeditions .description {
    width: 100%
}

.compareeditions .description h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    margin: 50px 0 30px
}

.compareeditions .description p {
    font-size: 14px
}

.compareeditions .description table.comparison_table {
    width: 100%;
    margin: 20px auto 80px
}

.compareeditions .description table.comparison_table a.button {
    white-space: nowrap
}

.compareeditions .description table.comparison_table tr {
    height: 87px
}

.compareeditions .description table.comparison_table tr th {
    color: #ff642e;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4em;
    padding: 23px 0;
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    vertical-align: middle
}

.compareeditions .description table.comparison_table tr th:first-child {
    text-align: left;
    padding-left: 20px
}

.compareeditions .description table.comparison_table tr th:nth-child(1n) {
    background-color: #f6f6f6
}

.compareeditions .description table.comparison_table tr th:nth-child(2n) {
    background-color: #eee
}

.compareeditions .description table.comparison_table tr th:nth-child(2),
.compareeditions .description table.comparison_table tr th:nth-child(3),
.compareeditions .description table.comparison_table tr th:nth-child(4),
.compareeditions .description table.comparison_table tr th:nth-child(5) {
    padding: 23px 30px
}

.compareeditions .description table.comparison_table tr th h2 {
    color: #333;
    text-align: left
}

.compareeditions .description table.comparison_table tr td {
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px solid #e5e5e5;
    padding: 23px 20px;
    vertical-align: middle;
    line-height: 1.4em
}

.compareeditions .description table.comparison_table tr td .comparison_table_link {
    color: #333
}

.compareeditions .description table.comparison_table tr td:nth-child(even) {
    background-color: #f7f7f7
}

.compareeditions .description table.comparison_table tr td:first-child {
    width: 120px;
    padding-right: 35px;
    padding-left: 20px;
    text-align: left
}

.compareeditions .description table.comparison_table tr td:nth-child(2),
.compareeditions .description table.comparison_table tr td:nth-child(3),
.compareeditions .description table.comparison_table tr td:nth-child(4) {
    width: 120px;
    font-size: 14px;
    text-align: center
}

.compareeditions .description table.comparison_table tr td:nth-child(5) {
    width: 120px;
    font-size: 14px;
    text-align: center
}

.compareeditions .description table.comparison_table tr td span {
    width: 10px;
    height: 10px;
    display: block;
    margin: 0 auto;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px
}

.compareeditions .description table.comparison_table tr td span.yes {
    background-color: #666
}

.compareeditions .description table.comparison_table tr td span.no {
    background-color: #dedede
}

.compareeditions .description table.comparison_table tr td.dbl-pricing-table-price {
    font-weight: 400;
    font-size: 24px;
    color: #ff642e;
    padding-top: 30px;
    vertical-align: top;
    text-align: center;
    margin: 0 auto
}

.compareeditions .description table.comparison_table tr td.dbl-pricing-table-price span.dbl-pricing-table-price-old {
    display: block;
    margin: -19px 0 10px;
    padding: 0;
    color: #959b9f;
    font-size: 19px;
    text-decoration: line-through
}

.compareeditions .description table.comparison_table tr td.dbl-pricing-table-bottom-cell {
    border-bottom: 0 none;
    text-align: left;
    font-size: 12px;
    line-height: 1.5em;
    color: #666
}

.compareeditions .description table.comparison_table tr td.dbl-pricing-table-button {
    border-bottom: 0 none;
    text-align: center
}

.compareeditions .description table.comparison_table .price-contactus-link {
    padding-top: 8px;
    display: block
}

.features_tour_bottom_block {
    width: 100%;
    background-color: #fff;
    padding: 0 0 90px;
    clear: both;
    margin: 0;
    text-align: center
}

.features_tour_bottom_block .fthb_quote_text {
    color: #666;
    font-size: 18px;
    line-height: 1.5em;
    padding: 0 0 30px;
    max-width: 680px;
    margin: 0 auto
}

.features_tour_bottom_block .fthb_quote_signature {
    color: #666;
    font-size: 11px;
    line-height: 1.5em;
    padding: 0 0 40px
}

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

.features_tour_bottom_block .ftbb_text {
    max-width: 870px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.5em
}

.features_tour_bottom_block .main_page_download {
    padding-top: 40px
}

.features_tour_bottom_block .main_page_download h3 {
    padding-top: 40px
}

.features_tour_bottom_block .main_page_download .mpd_buttons a.button.white {
    background-color: transparent !important
}

.features_tour_bottom_block .ftbb_start_button {
    background-color: #f6f6f6;
    padding: 70px 0;
    text-align: center
}

.features_tour_bottom_block .ftbb_start_button a.button {
    margin: 0 5px 20px
}

.featurespage.featureseditors .innerblue .description .features_tour_block .slick-dots li {
    width: 250px
}

.featurespage.featureseditors .innerblue .description .features_tour_block .slick-dots li:before {
    left: 110px;
    background-position: 0 0;
    background-size: 32px 32px
}

.featurespage.featureseditors .innerblue .description .features_tour_block .slick-dots li.sfr_module_editors_1:before {
    background-image: url(../../images/touroverview/features/icons/online-documents/doc.png)
}

.featurespage.featureseditors .innerblue .description .features_tour_block .slick-dots li.sfr_module_editors_1:after {
    content: 'Online Document Editor'
}

.featurespage.featureseditors .innerblue .description .features_tour_block .slick-dots li.sfr_module_editors_1:hover:before {
    background-image: url(../../images/touroverview/features/icons/online-documents/doc-red.png)
}

.featurespage.featureseditors .innerblue .description .features_tour_block .slick-dots li.sfr_module_editors_1.slick-active:before {
    background-image: url(../../images/touroverview/features/icons/online-documents/doc-red.png)
}

.featurespage.featureseditors .innerblue .description .features_tour_block .slick-dots li.sfr_module_editors_2:before {
    background-image: url(../../images/touroverview/features/icons/online-documents/spreadsheet.png)
}

.featurespage.featureseditors .innerblue .description .features_tour_block .slick-dots li.sfr_module_editors_2:after {
    content: 'Online Spreadsheet Editor'
}

.featurespage.featureseditors .innerblue .description .features_tour_block .slick-dots li.sfr_module_editors_2:hover:before {
    background-image: url(../../images/touroverview/features/icons/online-documents/spreadsheet-red.png)
}

.featurespage.featureseditors .innerblue .description .features_tour_block .slick-dots li.sfr_module_editors_2.slick-active:before {
    background-image: url(../../images/touroverview/features/icons/online-documents/spreadsheet-red.png)
}

.featurespage.featureseditors .innerblue .description .features_tour_block .slick-dots li.sfr_module_editors_3:before {
    background-image: url(../../images/touroverview/features/icons/online-documents/presentation.png)
}

.featurespage.featureseditors .innerblue .description .features_tour_block .slick-dots li.sfr_module_editors_3:after {
    content: 'Online Presentation Editor'
}

.featurespage.featureseditors .innerblue .description .features_tour_block .slick-dots li.sfr_module_editors_3:hover:before {
    background-image: url(../../images/touroverview/features/icons/online-documents/presentation-red.png)
}

.featurespage.featureseditors .innerblue .description .features_tour_block .slick-dots li.sfr_module_editors_3.slick-active:before {
    background-image: url(../../images/touroverview/features/icons/online-documents/presentation-red.png)
}

.featurespage.featureseditors .innerblue .description .features_tour_block .slick-dots.fixed li.sfr_module_editors_1:after,
.featurespage.featureseditors .innerblue .description .features_tour_block .slick-dots.fixed li.sfr_module_editors_2:after,
.featurespage.featureseditors .innerblue .description .features_tour_block .slick-dots.fixed li.sfr_module_editors_3:after {
    content: ''
}

.featurespage .innerblue {
    width: 100%
}

.featurespage .innerblue .description .features_page_header {
    width: 100%;
    margin: 0;
    padding: 0
}

.featurespage .innerblue .description .features_page_header .features_page_header_narrow {
    position: relative;
    width: 970px;
    margin: 0 auto;
    height: 523px;
    padding: 70px 0 0
}

.featurespage .innerblue .description .features_page_header .features_page_header_narrow .most_powerful_caption {
    right: 0;
    bottom: 86px
}

.featurespage .innerblue .description .features_page_header .features_page_header_narrow h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    max-width: 480px
}

.featurespage .innerblue .description .features_page_header .features_page_header_narrow .fph_description {
    font-size: 18px;
    line-height: 1.8em;
    max-width: 300px;
    padding: 40px 0 50px;
    position: relative
}

.featurespage .innerblue .description .features_page_header .features_page_header_narrow .fph_description:before {
    display: block;
    content: '';
    width: 60px;
    height: 1px;
    margin: 0;
    padding: 0;
    background-color: #ff642e;
    position: absolute;
    left: 0;
    top: 23px
}

.featurespage .innerblue .description .features_page_header .features_page_header_narrow .fph_trial {
    font-size: 13px;
    color: #666;
    padding: 20px 0 0
}

.featurespage .innerblue .description .features_page_header .features_page_header_narrow .fph_trial b {
    color: #ff642e;
    font-weight: 400
}

.featurespage .innerblue .description .features_page_header .features_page_header_narrow .fph_trial span {
    display: block
}

.featurespage .innerblue .description .features_page_header .features_page_header_narrow .fph_description_overlay,
.featurespage .innerblue .description .features_page_header .features_page_header_narrow .fphe_description_overlay {
    position: absolute;
    top: -94px;
    left: 330px;
    width: 1407px;
    height: 888px;
    z-index: 5
}

.featurespage .innerblue .description .features_page_header .features_page_header_narrow .fph_description_overlay {
    background: url(../../images/touroverview/features_cover_image.png) no-repeat 0 0
}

.featurespage .innerblue .description .features_page_header .features_page_header_narrow .fphe_description_overlay {
    background: url(../../images/touroverview/features_cover_image_online-editors.png) no-repeat 0 0
}

.featurespage .innerblue .description .features_tour_header_area {
    width: 100%;
    background-color: #f6f6f6;
    height: 215px;
    position: relative;
    border-bottom: 1px solid #d0d0d0
}

.featurespage .innerblue .description .features_tour_header_area div {
    display: none
}

.featurespage .innerblue .description .features_tour_header_area.fixed {
    background-color: #f6f6f6;
    border-bottom: 1px solid #d0d0d0;
    height: 72px;
    opacity: 0.95;
    position: fixed;
    top: 72px;
    width: 100%;
    z-index: 6
}

.featurespage .innerblue .description .features_tour_header_area.fixed div {
    display: block;
    width: 970px;
    margin: 0 auto
}

.featurespage .innerblue .description .features_tour_header_area.fixed div .button {
    margin: 12px 0;
    float: right
}

.featurespage .innerblue .description .features_tour_block {
    margin: 0 auto;
    position: relative;
    width: 100%
}

.featurespage .innerblue .description .features_tour_block .slick-dots {
    list-style-type: none;
    margin: 0 auto 40px;
    width: 100%;
    position: absolute;
    top: -150px;
    left: 0;
    text-align: center
}

.featurespage .innerblue .description .features_tour_block .slick-dots li {
    display: inline-block;
    width: 130px;
    padding: 55px 0 0;
    text-align: center;
    font-weight: 700;
    font-size: 13px;
    line-height: 1.2em;
    vertical-align: top;
    position: relative;
    z-index: 10
}

.featurespage .innerblue .description .features_tour_block .slick-dots li button,
.featurespage .innerblue .description .features_tour_block .slick-dots li button:hover,
.featurespage .innerblue .description .features_tour_block .slick-dots li button:focus,
.featurespage .innerblue .description .features_tour_block .slick-dots li button:active {
    color: transparent !important;
    background: 0 none !important;
    width: 130px;
    height: 95px;
    margin: 0;
    padding: 0;
    border: 0 none !important;
    position: absolute;
    top: 0;
    left: 0;
    outline: 0 none !important
}

.featurespage .innerblue .description .features_tour_block .slick-dots li button::-moz-focus-inner {
    border: 0
}

.featurespage .innerblue .description .features_tour_block .slick-dots li:before {
    background-image: url(../../images/solutions/cloudoffice/icons_cloudsolution_moduls.png);
    background-repeat: no-repeat;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 44px;
    width: 44px;
    height: 36px
}

.featurespage .innerblue .description .features_tour_block .slick-dots li.sfr_module_1:before {
    background-position: -46px 0
}

.featurespage .innerblue .description .features_tour_block .slick-dots li.sfr_module_1:after {
    content: 'Document Management'
}

.featurespage .innerblue .description .features_tour_block .slick-dots li.sfr_module_1:hover:before {
    background-position: -368px 0
}

.featurespage .innerblue .description .features_tour_block .slick-dots li.sfr_module_1.slick-active:before {
    background-position: -690px 0
}

.featurespage .innerblue .description .features_tour_block .slick-dots li.sfr_module_2:before {
    background-position: -90px 0
}

.featurespage .innerblue .description .features_tour_block .slick-dots li.sfr_module_2:after {
    content: 'Mail'
}

.featurespage .innerblue .description .features_tour_block .slick-dots li.sfr_module_2:hover:before {
    background-position: -412px 0
}

.featurespage .innerblue .description .features_tour_block .slick-dots li.sfr_module_2.slick-active:before {
    background-position: -734px 0
}

.featurespage .innerblue .description .features_tour_block .slick-dots li.sfr_module_3:before {
    background-position: -135px 0
}

.featurespage .innerblue .description .features_tour_block .slick-dots li.sfr_module_3:after {
    content: 'CRM'
}

.featurespage .innerblue .description .features_tour_block .slick-dots li.sfr_module_3:hover:before {
    background-position: -457px 0
}

.featurespage .innerblue .description .features_tour_block .slick-dots li.sfr_module_3.slick-active:before {
    background-position: -779px 0
}

.featurespage .innerblue .description .features_tour_block .slick-dots li.sfr_module_4:before {
    background-position: -180px 0
}

.featurespage .innerblue .description .features_tour_block .slick-dots li.sfr_module_4:after {
    content: 'Projects'
}

.featurespage .innerblue .description .features_tour_block .slick-dots li.sfr_module_4:hover:before {
    background-position: -502px 0
}

.featurespage .innerblue .description .features_tour_block .slick-dots li.sfr_module_4.slick-active:before {
    background-position: -824px 0
}

.featurespage .innerblue .description .features_tour_block .slick-dots li.sfr_module_5:before {
    background-position: -230px 0
}

.featurespage .innerblue .description .features_tour_block .slick-dots li.sfr_module_5:after {
    content: 'Calendar'
}

.featurespage .innerblue .description .features_tour_block .slick-dots li.sfr_module_5:hover:before {
    background-position: -552px 0
}

.featurespage .innerblue .description .features_tour_block .slick-dots li.sfr_module_5.slick-active:before {
    background-position: -874px 0
}

.featurespage .innerblue .description .features_tour_block .slick-dots li.sfr_module_6:before {
    background-position: -275px 0
}

.featurespage .innerblue .description .features_tour_block .slick-dots li.sfr_module_6:after {
    content: 'Community'
}

.featurespage .innerblue .description .features_tour_block .slick-dots li.sfr_module_6:hover:before {
    background-position: -597px 0
}

.featurespage .innerblue .description .features_tour_block .slick-dots li.sfr_module_6.slick-active:before {
    background-position: -919px 0
}

.featurespage .innerblue .description .features_tour_block .slick-dots.fixed {
    left: 0;
    margin: 0;
    position: fixed;
    top: 72px;
    width: auto;
    z-index: 7
}

.featurespage .innerblue .description .features_tour_block .slick-dots.fixed li {
    width: 36px;
    padding: 18px 26px
}

.featurespage .innerblue .description .features_tour_block .slick-dots.fixed li button {
    width: 88px;
    height: 72px
}

.featurespage .innerblue .description .features_tour_block .slick-dots.fixed li:before {
    position: relative;
    top: 0;
    left: 0;
    width: 36px;
    height: 36px;
    padding: 0
}

.featurespage .innerblue .description .features_tour_block .slick-dots.fixed li.slick-active {
    border-bottom: 1px solid #ff642e
}

.featurespage .innerblue .description .features_tour_block .slick-dots.fixed li.sfr_module_1:after {
    content: ''
}

.featurespage .innerblue .description .features_tour_block .slick-dots.fixed li.sfr_module_2:before {
    background-position: -92px 0
}

.featurespage .innerblue .description .features_tour_block .slick-dots.fixed li.sfr_module_2:after {
    content: ''
}

.featurespage .innerblue .description .features_tour_block .slick-dots.fixed li.sfr_module_2:hover:before {
    background-position: -414px 0
}

.featurespage .innerblue .description .features_tour_block .slick-dots.fixed li.sfr_module_2.slick-active:before {
    background-position: -736px 0
}

.featurespage .innerblue .description .features_tour_block .slick-dots.fixed li.sfr_module_3:before {
    background-position: -139px 0
}

.featurespage .innerblue .description .features_tour_block .slick-dots.fixed li.sfr_module_3:after {
    content: ''
}

.featurespage .innerblue .description .features_tour_block .slick-dots.fixed li.sfr_module_3:hover:before {
    background-position: -461px 0
}

.featurespage .innerblue .description .features_tour_block .slick-dots.fixed li.sfr_module_3.slick-active:before {
    background-position: -783px 0
}

.featurespage .innerblue .description .features_tour_block .slick-dots.fixed li.sfr_module_4:before {
    background-position: -185px 0
}

.featurespage .innerblue .description .features_tour_block .slick-dots.fixed li.sfr_module_4:after {
    content: ''
}

.featurespage .innerblue .description .features_tour_block .slick-dots.fixed li.sfr_module_4:hover:before {
    background-position: -507px 0
}

.featurespage .innerblue .description .features_tour_block .slick-dots.fixed li.sfr_module_4.slick-active:before {
    background-position: -829px 0
}

.featurespage .innerblue .description .features_tour_block .slick-dots.fixed li.sfr_module_5:after {
    content: ''
}

.featurespage .innerblue .description .features_tour_block .slick-dots.fixed li.sfr_module_6:before {
    background-position: -276px 0
}

.featurespage .innerblue .description .features_tour_block .slick-dots.fixed li.sfr_module_6:after {
    content: ''
}

.featurespage .innerblue .description .features_tour_block .slick-dots.fixed li.sfr_module_6:hover:before {
    background-position: -598px 0
}

.featurespage .innerblue .description .features_tour_block .slick-dots.fixed li.sfr_module_6.slick-active:before {
    background-position: -920px 0
}

.featurespage .innerblue .description .features_tour_block .solutionspages_fr_buttons {
    text-align: center
}

.featurespage .innerblue .description .features_tour_block .solutionspages_fr_buttons a.button {
    margin: 0 5px
}

.featurespage .innerblue .description .features_tour_block .solutionspages_fr_buttons a.solutionspages_read_why_link {
    color: #ff642e;
    font-size: 14px;
    text-align: center;
    display: block;
    margin: 20px 0
}

.featurespage .innerblue .description .product_module {
    margin: 0 auto;
    padding: 0;
    width: 100%
}

.featurespage .innerblue .description .product_module .product_module_narrow {
    width: 1100px;
    margin: 0 auto
}

.featurespage .innerblue .description .product_module .features_tour_header_block {
    margin: 0;
    padding: 0
}

.featurespage .innerblue .description .product_module .features_tour_header_block .fthb_heading {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    width: 398px;
    border-right: 1px solid #d4d4d4;
    padding: 64px 30px 135px 127px;
    float: left
}

.featurespage .innerblue .description .product_module .features_tour_header_block .fthb_quote_block {
    width: 419px;
    border-left: 1px solid #d4d4d4;
    margin: 0 0 0 -1px;
    padding: 75px 70px 135px 55px;
    float: right
}

.featurespage .innerblue .description .product_module .features_tour_header_block .fthb_quote_block .fthb_quote_text {
    color: #666;
    font-size: 16px;
    line-height: 1.5em;
    padding: 0 0 15px
}

.featurespage .innerblue .description .product_module .features_tour_header_block .fthb_quote_block .fthb_quote_signature {
    color: #666;
    font-size: 11px;
    line-height: 1.5em;
    padding: 0 0 50px
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"],
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"],
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"],
.featurespage .innerblue .description .product_module div[class^="module_docmanage"],
.featurespage .innerblue .description .product_module div[class^="module_mail"],
.featurespage .innerblue .description .product_module div[class^="module_crm"],
.featurespage .innerblue .description .product_module div[class^="module_projects"],
.featurespage .innerblue .description .product_module div[class^="module_calendar"],
.featurespage .innerblue .description .product_module div[class^="module_community"] {
    clear: both
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"] .module_screenshot,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"] .module_screenshot,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"] .module_screenshot,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"] .module_screenshot,
.featurespage .innerblue .description .product_module div[class^="module_mail"] .module_screenshot,
.featurespage .innerblue .description .product_module div[class^="module_crm"] .module_screenshot,
.featurespage .innerblue .description .product_module div[class^="module_projects"] .module_screenshot,
.featurespage .innerblue .description .product_module div[class^="module_calendar"] .module_screenshot,
.featurespage .innerblue .description .product_module div[class^="module_community"] .module_screenshot {
    display: block;
    margin: 0;
    padding: 0 0 10px;
    width: 555px;
    height: 364px;
    float: left;
    border-right: 1px solid #d4d4d4
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"] .module_screenshot:last-of-type,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"] .module_screenshot:last-of-type,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"] .module_screenshot:last-of-type,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"] .module_screenshot:last-of-type,
.featurespage .innerblue .description .product_module div[class^="module_mail"] .module_screenshot:last-of-type,
.featurespage .innerblue .description .product_module div[class^="module_crm"] .module_screenshot:last-of-type,
.featurespage .innerblue .description .product_module div[class^="module_projects"] .module_screenshot:last-of-type,
.featurespage .innerblue .description .product_module div[class^="module_calendar"] .module_screenshot:last-of-type,
.featurespage .innerblue .description .product_module div[class^="module_community"] .module_screenshot:last-of-type {
    padding-bottom: 50px
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"] .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"] .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"] .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"] .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"] .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"] .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"] .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"] .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"] .module_screenshot a {
    display: block;
    margin: 0;
    padding: 0;
    width: 471px;
    height: 267px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 471px 267px;
    box-shadow: 0px 25px 30px rgba(0, 0, 0, 0.2)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_document_editor1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_document_editor1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_document_editor1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_document_editor1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_document_editor1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_document_editor1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_document_editor1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_document_editor1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_document_editor1 .module_screenshot a {
    background-image: url(../../images/touroverview/features/editor/document/document_01.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_document_editor2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_document_editor2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_document_editor2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_document_editor2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_document_editor2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_document_editor2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_document_editor2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_document_editor2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_document_editor2 .module_screenshot a {
    background-image: url(../../images/touroverview/features/editor/document/document_02.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_document_editor3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_document_editor3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_document_editor3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_document_editor3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_document_editor3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_document_editor3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_document_editor3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_document_editor3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_document_editor3 .module_screenshot a {
    background-image: url(../../images/touroverview/features/editor/document/document_03.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_document_editor4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_document_editor4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_document_editor4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_document_editor4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_document_editor4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_document_editor4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_document_editor4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_document_editor4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_document_editor4 .module_screenshot a {
    background-image: url(../../images/touroverview/features/editor/document/document_04.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_document_editor5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_document_editor5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_document_editor5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_document_editor5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_document_editor5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_document_editor5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_document_editor5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_document_editor5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_document_editor5 .module_screenshot a {
    background-image: url(../../images/touroverview/features/editor/document/document_05.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_spreadsheet_editor1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_spreadsheet_editor1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_spreadsheet_editor1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_spreadsheet_editor1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_spreadsheet_editor1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_spreadsheet_editor1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_spreadsheet_editor1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_spreadsheet_editor1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_spreadsheet_editor1 .module_screenshot a {
    background-image: url(../../images/touroverview/features/editor/spreadsheet/spreadsheet_01.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_spreadsheet_editor2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_spreadsheet_editor2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_spreadsheet_editor2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_spreadsheet_editor2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_spreadsheet_editor2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_spreadsheet_editor2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_spreadsheet_editor2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_spreadsheet_editor2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_spreadsheet_editor2 .module_screenshot a {
    background-image: url(../../images/touroverview/features/editor/spreadsheet/spreadsheet_02.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_spreadsheet_editor3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_spreadsheet_editor3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_spreadsheet_editor3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_spreadsheet_editor3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_spreadsheet_editor3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_spreadsheet_editor3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_spreadsheet_editor3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_spreadsheet_editor3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_spreadsheet_editor3 .module_screenshot a {
    background-image: url(../../images/touroverview/features/editor/spreadsheet/spreadsheet_03.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_spreadsheet_editor4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_spreadsheet_editor4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_spreadsheet_editor4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_spreadsheet_editor4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_spreadsheet_editor4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_spreadsheet_editor4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_spreadsheet_editor4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_spreadsheet_editor4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_spreadsheet_editor4 .module_screenshot a {
    background-image: url(../../images/touroverview/features/editor/spreadsheet/spreadsheet_04.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_spreadsheet_editor5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_spreadsheet_editor5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_spreadsheet_editor5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_spreadsheet_editor5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_spreadsheet_editor5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_spreadsheet_editor5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_spreadsheet_editor5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_spreadsheet_editor5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_spreadsheet_editor5 .module_screenshot a {
    background-image: url(../../images/touroverview/features/editor/spreadsheet/spreadsheet_05.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_presentation_editor1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_presentation_editor1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_presentation_editor1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_presentation_editor1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_presentation_editor1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_presentation_editor1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_presentation_editor1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_presentation_editor1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_presentation_editor1 .module_screenshot a {
    background-image: url(../../images/touroverview/features/editor/presentation/presentation_01.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_presentation_editor2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_presentation_editor2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_presentation_editor2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_presentation_editor2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_presentation_editor2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_presentation_editor2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_presentation_editor2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_presentation_editor2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_presentation_editor2 .module_screenshot a {
    background-image: url(../../images/touroverview/features/editor/presentation/presentation_02.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_presentation_editor3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_presentation_editor3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_presentation_editor3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_presentation_editor3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_presentation_editor3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_presentation_editor3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_presentation_editor3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_presentation_editor3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_presentation_editor3 .module_screenshot a {
    background-image: url(../../images/touroverview/features/editor/presentation/presentation_03.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_presentation_editor4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_presentation_editor4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_presentation_editor4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_presentation_editor4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_presentation_editor4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_presentation_editor4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_presentation_editor4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_presentation_editor4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_presentation_editor4 .module_screenshot a {
    background-image: url(../../images/touroverview/features/editor/presentation/presentation_04.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_presentation_editor5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_presentation_editor5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_presentation_editor5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_presentation_editor5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_presentation_editor5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_presentation_editor5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_presentation_editor5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_presentation_editor5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_presentation_editor5 .module_screenshot a {
    background-image: url(../../images/touroverview/features/editor/presentation/presentation_05.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_docmanage1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_docmanage1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_docmanage1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_docmanage1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_docmanage1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_docmanage1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_docmanage1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_docmanage1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_docmanage1 .module_screenshot a {
    background-image: url(../../images/touroverview/features/docs/docs_01.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_docmanage2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_docmanage2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_docmanage2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_docmanage2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_docmanage2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_docmanage2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_docmanage2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_docmanage2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_docmanage2 .module_screenshot a {
    background-image: url(../../images/touroverview/features/docs/docs_02.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_docmanage3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_docmanage3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_docmanage3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_docmanage3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_docmanage3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_docmanage3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_docmanage3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_docmanage3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_docmanage3 .module_screenshot a {
    background-image: url(../../images/touroverview/features/docs/docs_03.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_docmanage4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_docmanage4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_docmanage4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_docmanage4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_docmanage4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_docmanage4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_docmanage4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_docmanage4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_docmanage4 .module_screenshot a {
    background-image: url(../../images/touroverview/features/docs/docs_04.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_docmanage5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_docmanage5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_docmanage5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_docmanage5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_docmanage5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_docmanage5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_docmanage5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_docmanage5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_docmanage5 .module_screenshot a {
    background-image: url(../../images/touroverview/features/docs/docs_05.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_mail1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_mail1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_mail1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_mail1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_mail1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_mail1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_mail1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_mail1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_mail1 .module_screenshot a {
    background-image: url(../../images/touroverview/features/mail/mail_01.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_mail2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_mail2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_mail2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_mail2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_mail2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_mail2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_mail2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_mail2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_mail2 .module_screenshot a {
    background-image: url(../../images/touroverview/features/mail/mail_02.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_mail3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_mail3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_mail3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_mail3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_mail3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_mail3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_mail3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_mail3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_mail3 .module_screenshot a {
    background-image: url(../../images/touroverview/features/mail/mail_03.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_mail4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_mail4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_mail4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_mail4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_mail4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_mail4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_mail4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_mail4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_mail4 .module_screenshot a {
    background-image: url(../../images/touroverview/features/mail/mail_04.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_mail5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_mail5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_mail5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_mail5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_mail5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_mail5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_mail5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_mail5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_mail5 .module_screenshot a {
    background-image: url(../../images/touroverview/features/mail/mail_05.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_crm1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_crm1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_crm1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_crm1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_crm1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_crm1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_crm1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_crm1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_crm1 .module_screenshot a {
    background-image: url(../../images/touroverview/features/crm/crm_01.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_crm2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_crm2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_crm2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_crm2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_crm2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_crm2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_crm2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_crm2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_crm2 .module_screenshot a {
    background-image: url(../../images/touroverview/features/crm/crm_02.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_crm3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_crm3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_crm3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_crm3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_crm3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_crm3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_crm3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_crm3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_crm3 .module_screenshot a {
    background-image: url(../../images/touroverview/features/crm/crm_03.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_crm4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_crm4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_crm4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_crm4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_crm4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_crm4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_crm4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_crm4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_crm4 .module_screenshot a {
    background-image: url(../../images/touroverview/features/crm/crm_04.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_crm5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_crm5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_crm5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_crm5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_crm5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_crm5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_crm5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_crm5 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_crm5 .module_screenshot a {
    background-image: url(../../images/touroverview/features/crm/crm_05.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_crm6 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_crm6 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_crm6 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_crm6 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_crm6 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_crm6 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_crm6 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_crm6 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_crm6 .module_screenshot a {
    background-image: url(../../images/touroverview/features/crm/crm_06.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_projects1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_projects1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_projects1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_projects1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_projects1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_projects1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_projects1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_projects1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_projects1 .module_screenshot a {
    background-image: url(../../images/touroverview/features/projects/projects_01.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_projects2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_projects2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_projects2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_projects2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_projects2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_projects2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_projects2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_projects2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_projects2 .module_screenshot a {
    background-image: url(../../images/touroverview/features/projects/projects_02.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_projects3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_projects3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_projects3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_projects3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_projects3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_projects3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_projects3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_projects3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_projects3 .module_screenshot a {
    background-image: url(../../images/touroverview/features/projects/projects_03.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_projects4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_projects4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_projects4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_projects4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_projects4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_projects4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_projects4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_projects4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_projects4 .module_screenshot a {
    background-image: url(../../images/touroverview/features/projects/projects_04.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_calendar1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_calendar1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_calendar1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_calendar1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_calendar1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_calendar1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_calendar1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_calendar1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_calendar1 .module_screenshot a {
    background-image: url(../../images/touroverview/features/calendar/calendar_01.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_calendar2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_calendar2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_calendar2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_calendar2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_calendar2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_calendar2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_calendar2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_calendar2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_calendar2 .module_screenshot a {
    background-image: url(../../images/touroverview/features/calendar/calendar_02.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_calendar3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_calendar3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_calendar3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_calendar3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_calendar3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_calendar3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_calendar3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_calendar3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_calendar3 .module_screenshot a {
    background-image: url(../../images/touroverview/features/calendar/calendar_03.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_calendar4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_calendar4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_calendar4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_calendar4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_calendar4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_calendar4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_calendar4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_calendar4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_calendar4 .module_screenshot a {
    background-image: url(../../images/touroverview/features/calendar/calendar_04.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_community1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_community1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_community1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_community1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_community1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_community1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_community1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_community1 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_community1 .module_screenshot a {
    background-image: url(../../images/touroverview/features/community/community_01.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_community2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_community2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_community2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_community2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_community2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_community2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_community2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_community2 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_community2 .module_screenshot a {
    background-image: url(../../images/touroverview/features/community/community_02.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_community3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_community3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_community3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_community3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_community3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_community3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_community3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_community3 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_community3 .module_screenshot a {
    background-image: url(../../images/touroverview/features/community/community_03.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"].module_community4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"].module_community4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"].module_community4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"].module_community4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_mail"].module_community4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_crm"].module_community4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_projects"].module_community4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"].module_community4 .module_screenshot a,
.featurespage .innerblue .description .product_module div[class^="module_community"].module_community4 .module_screenshot a {
    background-image: url(../../images/touroverview/features/community/community_04.png)
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"] .module_block_header,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"] .module_block_header,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"] .module_block_header,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"] .module_block_header,
.featurespage .innerblue .description .product_module div[class^="module_mail"] .module_block_header,
.featurespage .innerblue .description .product_module div[class^="module_crm"] .module_block_header,
.featurespage .innerblue .description .product_module div[class^="module_projects"] .module_block_header,
.featurespage .innerblue .description .product_module div[class^="module_calendar"] .module_block_header,
.featurespage .innerblue .description .product_module div[class^="module_community"] .module_block_header {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    border-left: 1px solid #d4d4d4;
    margin: 0 0 0 -1px;
    width: 419px;
    padding: 25px 70px 0 55px;
    float: right
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"] .module_description,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"] .module_description,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"] .module_description,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"] .module_description,
.featurespage .innerblue .description .product_module div[class^="module_mail"] .module_description,
.featurespage .innerblue .description .product_module div[class^="module_crm"] .module_description,
.featurespage .innerblue .description .product_module div[class^="module_projects"] .module_description,
.featurespage .innerblue .description .product_module div[class^="module_calendar"] .module_description,
.featurespage .innerblue .description .product_module div[class^="module_community"] .module_description {
    border-left: 1px solid #d4d4d4;
    margin: 0 0 0 -1px;
    width: 419px;
    display: block;
    padding: 25px 70px 0 55px;
    float: right;
    color: #666;
    font-size: 16px;
    line-height: 1.5em
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"] .module_description b,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"] .module_description b,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"] .module_description b,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"] .module_description b,
.featurespage .innerblue .description .product_module div[class^="module_mail"] .module_description b,
.featurespage .innerblue .description .product_module div[class^="module_crm"] .module_description b,
.featurespage .innerblue .description .product_module div[class^="module_projects"] .module_description b,
.featurespage .innerblue .description .product_module div[class^="module_calendar"] .module_description b,
.featurespage .innerblue .description .product_module div[class^="module_community"] .module_description b {
    color: #333;
    font-weight: 600
}

.featurespage .innerblue .description .product_module div[class^="module_document_editor"] .module_description a,
.featurespage .innerblue .description .product_module div[class^="module_spreadsheet_editor"] .module_description a,
.featurespage .innerblue .description .product_module div[class^="module_presentation_editor"] .module_description a,
.featurespage .innerblue .description .product_module div[class^="module_docmanage"] .module_description a,
.featurespage .innerblue .description .product_module div[class^="module_mail"] .module_description a,
.featurespage .innerblue .description .product_module div[class^="module_crm"] .module_description a,
.featurespage .innerblue .description .product_module div[class^="module_projects"] .module_description a,
.featurespage .innerblue .description .product_module div[class^="module_calendar"] .module_description a,
.featurespage .innerblue .description .product_module div[class^="module_community"] .module_description a {
    display: block;
    color: #ff642e;
    font-size: 13px;
    padding: 25px 0;
    line-height: 1.5em
}

.description .signuppageform,
.description .callbackform,
.description .servereditorspreorderform,
.description .demoorderpageform,
.description .integrationorderform {
    padding: 80px 0 60px
}

.description .signuppageform h2,
.description .callbackform h2,
.description .servereditorspreorderform h2,
.description .demoorderpageform h2,
.description .integrationorderform h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    text-align: center;
    padding: 0 0 40px;
    max-width: 600px;
    margin: 0 auto
}

.description .signuppageform .servereditorspreorder_description,
.description .callbackform .servereditorspreorder_description,
.description .servereditorspreorderform .servereditorspreorder_description,
.description .demoorderpageform .servereditorspreorder_description,
.description .integrationorderform .servereditorspreorder_description {
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 20px;
    text-align: center
}

.description .signuppageform .dataForm,
.description .callbackform .dataForm,
.description .servereditorspreorderform .dataForm,
.description .demoorderpageform .dataForm,
.description .integrationorderform .dataForm {
    margin: 0 auto
}

.signinpage .signinpageform .dataForm {
    margin: 0 auto
}

#whowearepage footer {
    border-top: 0 none
}

.wwd_header {
    background-color: #f6f6f6;
    background-image: url(../../images/team/header.jpg);
    background-repeat: no-repeat;
    background-position-y: 100%;
    background-position-x: calc(50% + 260px)
}

.wwd_header_narrow {
    padding: 110px 0 60px;
    min-height: 457px
}

.wwd_story_block,
.wwd_team_block {
    background-color: #f6f6f6
}

.wwd_story_block {
    padding: 80px 0
}

.wwd_team_block {
    padding: 80px 0 0
}

.wwd_ourmission {
    font-size: 18px;
    font-weight: 400;
    position: relative;
    line-height: 1.4em;
    max-width: 490px;
    padding: 70px 0 0
}

.wwd_ourmission:before {
    display: block;
    content: '';
    width: 60px;
    height: 1px;
    margin: 0;
    padding: 0;
    background-color: #ff642e;
    position: absolute;
    left: 0;
    top: 37px
}

.wwd_ceo_quote {
    padding: 123px 0 0
}

.wwd_ceo_quote blockquote {
    margin: 0;
    padding: 0;
    position: relative;
    font-size: 14px;
    line-height: 1.5em;
    color: #525252
}

.wwd_ceo_quote blockquote:before {
    content: '\201c';
    position: absolute;
    left: -20px;
    top: 0;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 36px;
    color: #525252
}

.wwd_ceo_signature {
    font-size: 15px;
    font-weight: 600;
    padding: 35px 0 0;
    color: #525252
}

.wwd_ceo_position {
    font-size: 13px;
    padding: 10px 0 0;
    color: #525252
}

.wwd_ceo_social {
    padding: 50px 0 0
}

.ceo_social {
    display: inline-block;
    margin: 0 10px 0 0;
    background-color: #fff;
    padding: 0;
    width: 44px;
    height: 44px;
    position: relative;
    border-radius: 45px;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    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
}

.ceo_social: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)
}

.ceo_social:before {
    position: absolute;
    content: '';
    display: block;
    width: 32px;
    height: 24px;
    background-image: url(../../images/social_2x.png);
    background-repeat: no-repeat;
    background-size: auto 87px;
    left: 6px;
    top: 10px;
    background-position-y: 0
}

.ceo_social:hover:before {
    background-position-y: -62px
}

.ceo_social:active:before {
    background-position-y: -41px
}

.wwd_facebook:before {
    background-position-x: 0
}

.wwd_linkedin:before {
    background-position-x: -114px
}

.wwd_home,
.wwd_future,
.wwd_only {
    padding: 100px 0
}

.wwd_home_block1,
.wwd_home_block2 {
    display: inline-block;
    vertical-align: top
}

.wwd_home_block1 {
    max-width: 450px;
    padding: 0 80px 0 0;
    margin: 0
}

.wwd_home_block2 {
    width: 435px;
    text-align: center;
    margin: 0;
    padding: 115px 0 0;
    font-size: 18px;
    line-height: 1.5em;
    background-image: url(../../images/team/icon-%402x.png);
    background-repeat: no-repeat;
    background-position: 50% 15px;
    background-size: 76px auto
}

.wwdhu_users {
    display: block;
    font-size: 36px;
    line-height: 1.3em;
    padding: 5px 0
}

.wwdh_link {
    font-size: 14px;
    display: block;
    margin: 30px 0 0
}

.wwd_description_text {
    font-size: 16px;
    color: #525252;
    line-height: 1.5em;
    margin: 0;
    padding: 5px 0
}

.wwdfn_text_block {
    padding: 0 0 0 510px;
    position: relative
}

.wwdfn_text_block:before {
    content: '';
    background-image: url(../../images/team/icons-big-%402x.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto 388px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 395px;
    height: 388px
}

.wwdon_text_block {
    padding: 0 470px 0 0;
    position: relative
}

.wwdon_text_block:after {
    content: '';
    background-image: url(../../images/team/icons-big-%402x.png);
    background-repeat: no-repeat;
    background-position: -400px 0;
    background-size: auto 388px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 402px;
    height: 388px
}

.wwdfn_link {
    display: inline-block;
    font-size: 15px;
    margin: 20px 0 0
}

.wwd_future {
    background-color: #f6f6f6
}

.wwd_only a.button {
    margin: 40px 0 0
}

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

.whoweare h1 b {
    font-weight: 400;
    color: #ff642e
}

.whoweare h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    text-align: center;
    margin: 0 auto 60px
}

.whoweare h3 {
    font-weight: 400;
    font-size: 24px;
    color: #333;
    line-height: 1.4em;
    padding: 0 0 20px
}

.whoweare h3 b {
    font-weight: 400;
    color: #ff642e
}

.whoweare .anchor_history_line {
    width: 970px;
    margin: 0 auto
}

.whoweare .year {
    font-size: 16px;
    color: #f46c2e;
    font-weight: 600;
    position: absolute
}

.whoweare .frame {
    height: 250px;
    padding-top: 50px;
    overflow: hidden
}

.whoweare .frame ul {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
    font-size: 50px
}

.whoweare .frame ul li {
    float: left;
    width: 325px;
    height: 100%;
    margin: 0;
    padding: 0;
    color: #333;
    text-align: center;
    cursor: pointer
}

.whoweare .frame ul li .year {
    position: absolute;
    font-size: 14px;
    font-weight: 600;
    top: -20px;
    z-index: 10
}

.whoweare .frame ul li:last-of-type .event_of_history:after {
    background: linear-gradient(to right, #dadada, #f6f6f6)
}

.whoweare .frame ul li .event_of_history {
    height: 100%;
    width: 100%;
    float: left;
    font-size: 15px;
    position: relative
}

.whoweare .frame ul li .event_of_history.empty:after,
.whoweare .frame ul li .event_of_history.empty:before {
    display: none
}

.whoweare .frame ul li .event_of_history:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #dadada;
    z-index: 0
}

.whoweare .frame ul li .event_of_history:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #afafaf;
    z-index: 1
}

.whoweare .frame ul li .event_of_history .title {
    display: block;
    color: #424242;
    text-align: left;
    font-size: 18px;
    font-weight: 600;
    padding: 60px 25px 0 0
}

.whoweare .frame ul li .event_of_history .content {
    display: block;
    text-align: left;
    color: #424242;
    font-size: 15px;
    line-height: 20px;
    padding: 32px 50px 0 0
}

.whoweare .frame ul li .event_of_history .content p {
    font-size: 15px;
    color: #424242;
    line-height: 20px
}

.whoweare .scrollbar {
    width: 200px;
    margin: 25px auto;
    height: 1px;
    position: relative;
    background: orange;
    line-height: 0
}

.whoweare .scrollbar .handle {
    width: 20px;
    height: 20px;
    position: absolute;
    top: -9px;
    background: url(../../images/team/runner.png) no-repeat;
    background-size: contain;
    cursor: pointer;
    z-index: 1;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15)
}

.whoweare .scrollbar .line {
    width: 100%;
    height: 1px;
    top: -18px;
    position: absolute;
    background: #ccc;
    margin: 18px auto;
    clip: rect(0px, 0px, 2px, 0px);
    z-index: 0
}

.whoweare .scrollbar .handle .mousearea {
    position: absolute;
    top: -9px;
    left: 0;
    width: 100%;
    height: 20px
}

.whoweare .last_year {
    position: absolute;
    left: -45px
}

.whoweare .first_year {
    position: absolute;
    right: -45px
}

.whoweare .owl-carousel {
    z-index: 1;
    position: relative
}

.whoweare .owl-carousel .owl-item.up {
    z-index: 2
}

.whoweare .owl-carousel .owl-stage-outer {
    height: auto
}

.whoweare .owl-carousel .au_dev {
    display: block;
    width: 133px;
    height: 133px
}

.whoweare .owl-carousel .au_dev.left .dev_info {
    left: -266px
}

.whoweare .owl-carousel .au_dev.active .dev_info {
    display: inline-block;
    -webkit-animation: fadeIn 0.5s;
    animation: fadeIn 0.5s
}

.whoweare .owl-carousel .au_dev.active .dev_info .close_dev_info {
    position: absolute;
    right: 24px;
    top: 25px;
    cursor: pointer;
    z-index: 3;
    width: 8px;
    height: 8px;
    background: url("../../images/team/close.png") 0 0 no-repeat
}

.whoweare .owl-carousel .au_dev.active .dev_info .dev_info_name {
    display: block;
    margin: 22px 35px 0 17px;
    font-weight: bold;
    font-size: 14px
}

.whoweare .owl-carousel .au_dev.active .dev_info .dev_info_function {
    display: block;
    margin: 8px 35px 0 17px;
    font-size: 12px;
    line-height: 1.3em;
    color: #555
}

.whoweare .owl-carousel .au_dev.active .dev_photo {
    opacity: 0.5
}

.whoweare .owl-carousel .au_dev .dev_info {
    display: inline-block;
    width: 266px;
    height: 133px;
    background: #fff;
    position: absolute;
    z-index: 999;
    left: 133px;
    display: none
}

.whoweare .owl-carousel .au_dev .dev_photo {
    display: inline-block;
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    background-size: 133px 133px;
    background-repeat: no-repeat
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_photo_hover {
    opacity: 0.5
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_1 {
    background-image: url("../../images/team/developers_photos/personal_01_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_2 {
    background-image: url("../../images/team/developers_photos/personal_02_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_3 {
    background-image: url("../../images/team/developers_photos/personal_03_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_4 {
    background-image: url("../../images/team/developers_photos/personal_04_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_5 {
    background-image: url("../../images/team/developers_photos/personal_05_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_6 {
    background-image: url("../../images/team/developers_photos/personal_06_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_7 {
    background-image: url("../../images/team/developers_photos/personal_07_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_8 {
    background-image: url("../../images/team/developers_photos/personal_08_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_9 {
    background-image: url("../../images/team/developers_photos/personal_09_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_10 {
    background-image: url("../../images/team/developers_photos/personal_10_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_11 {
    background-image: url("../../images/team/developers_photos/personal_11_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_12 {
    background-image: url("../../images/team/developers_photos/personal_12_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_13 {
    background-image: url("../../images/team/developers_photos/personal_13_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_14 {
    background-image: url("../../images/team/developers_photos/personal_14_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_15 {
    background-image: url("../../images/team/developers_photos/personal_15_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_16 {
    background-image: url("../../images/team/developers_photos/personal_16_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_17 {
    background-image: url("../../images/team/developers_photos/personal_17_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_18 {
    background-image: url("../../images/team/developers_photos/personal_18_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_19 {
    background-image: url("../../images/team/developers_photos/personal_19_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_20 {
    background-image: url("../../images/team/developers_photos/personal_20_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_21 {
    background-image: url("../../images/team/developers_photos/personal_21_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_22 {
    background-image: url("../../images/team/developers_photos/personal_22_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_23 {
    background-image: url("../../images/team/developers_photos/personal_23_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_24 {
    background-image: url("../../images/team/developers_photos/personal_24_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_25 {
    background-image: url("../../images/team/developers_photos/personal_25_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_26 {
    background-image: url("../../images/team/developers_photos/personal_26_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_27 {
    background-image: url("../../images/team/developers_photos/personal_27_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_28 {
    background-image: url("../../images/team/developers_photos/personal_28_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_29 {
    background-image: url("../../images/team/developers_photos/personal_29_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_30 {
    background-image: url("../../images/team/developers_photos/personal_30_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_31 {
    background-image: url("../../images/team/developers_photos/personal_31_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_32 {
    background-image: url("../../images/team/developers_photos/personal_32_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_33 {
    background-image: url("../../images/team/developers_photos/personal_33_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_34 {
    background-image: url("../../images/team/developers_photos/personal_34_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_35 {
    background-image: url("../../images/team/developers_photos/personal_35_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_36 {
    background-image: url("../../images/team/developers_photos/personal_36_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_37 {
    background-image: url("../../images/team/developers_photos/personal_37_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_38 {
    background-image: url("../../images/team/developers_photos/personal_38_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_39 {
    background-image: url("../../images/team/developers_photos/personal_39_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_40 {
    background-image: url("../../images/team/developers_photos/personal_40_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_41 {
    background-image: url("../../images/team/developers_photos/personal_41_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_42 {
    background-image: url("../../images/team/developers_photos/personal_42_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_43 {
    background-image: url("../../images/team/developers_photos/personal_43_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_44 {
    background-image: url("../../images/team/developers_photos/personal_44_2x.jpg")
}

.whoweare .owl-carousel .au_dev .dev_photo.dev_45 {
    background-image: url("../../images/team/developers_photos/personal_45_2x.jpg")
}

h2.wwad_header {
    font-weight: 400;
    color: #ff642e
}

.most_powerful_caption,
.most_powerful_caption:hover,
.most_powerful_caption:focus,
.most_powerful_caption:active,
.most_powerful_caption:visited {
    background: #fff url(../../images/doc_most.png) no-repeat 406px 50%;
    padding: 35px 111px 15px 35px;
    height: 104px;
    width: 335px;
    text-align: right;
    font-size: 32px;
    line-height: 1.1em;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    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;
    z-index: 50;
    position: absolute;
    letter-spacing: -1px;
    color: #333 !important;
    text-decoration: none;
    display: block
}

.most_powerful_caption.mpc_desktop,
.most_powerful_caption:hover.mpc_desktop,
.most_powerful_caption:focus.mpc_desktop,
.most_powerful_caption:active.mpc_desktop,
.most_powerful_caption:visited.mpc_desktop {
    height: 130px;
    padding-top: 30px
}

.most_powerful_caption .mpc_creators,
.most_powerful_caption:hover .mpc_creators,
.most_powerful_caption:focus .mpc_creators,
.most_powerful_caption:active .mpc_creators,
.most_powerful_caption:visited .mpc_creators {
    font-size: 15px;
    display: block;
    line-height: 1.3em;
    color: #666
}

.most_powerful_caption .mpc_learnwhy,
.most_powerful_caption:hover .mpc_learnwhy,
.most_powerful_caption:focus .mpc_learnwhy,
.most_powerful_caption:active .mpc_learnwhy,
.most_powerful_caption:visited .mpc_learnwhy {
    font-size: 14px;
    display: block;
    margin: 10px 0 0;
    line-height: 1em;
    padding: 0;
    letter-spacing: normal;
    color: #ff642e !important;
    text-decoration: underline
}

.most_powerful_caption .mpc_learnwhy:hover,
.most_powerful_caption:hover .mpc_learnwhy:hover,
.most_powerful_caption:focus .mpc_learnwhy:hover,
.most_powerful_caption:active .mpc_learnwhy:hover,
.most_powerful_caption:visited .mpc_learnwhy:hover {
    text-decoration: none
}

.affiliatespage .innerblue {
    width: 100%
}

.affiliatespage .innerblue .description {
    padding: 0
}

.affiliatespage .innerblue .description .affiliatespage_quote_text {
    font-size: 18px;
    color: #333;
    margin: 0 0 25px
}

.affiliatespage .innerblue .description .affiliatespage_main_text .affiliatespage_main_text_narrow {
    padding: 90px 180px 90px 580px;
    width: 570px;
    margin: 0 auto;
    background: url(../../images/affiliates/affiliate_map.png) no-repeat 0 50%
}

.affiliatespage .innerblue .description .affiliatespage_main_text .affiliatespage_main_text_narrow .list_with_orange_markers {
    padding: 0;
    margin: 0
}

.affiliatespage .innerblue .description .affiliatespage_main_text .affiliatespage_main_text_narrow .list_with_orange_markers li {
    padding: 7px 0 7px 20px;
    margin: 0;
    font-size: 18px;
    line-height: 1.5em;
    position: relative
}

.affiliatespage .innerblue .description .affiliatespage_main_text .affiliatespage_main_text_narrow .list_with_orange_markers li:before {
    margin: 10px 0 0 -20px;
    position: absolute
}

.affiliatespage .innerblue .description .affiliatespage_bottom_block_list {
    display: block;
    width: 970px;
    margin: 0 auto;
    padding: 115px 0 0;
    background: url(../../images/affiliates/affiliate_steps.png) no-repeat 50% 0
}

.affiliatespage .innerblue .description .affiliatespage_bottom_block_list li {
    display: inline-block;
    width: 220px;
    margin: 0;
    padding: 0 50px;
    vertical-align: top;
    text-align: center;
    line-height: 1.3em
}

.affiliatespage_header {
    height: 738px;
    padding: 0;
    margin: 0 auto;
    width: 100%;
    background: #e7eaef url(../../images/affiliates/affiliate_cover-image.jpg) no-repeat 50% 0
}

.affiliatespage_header_narrow {
    width: 970px;
    margin: 0 auto;
    padding: 190px 0 0;
    height: 548px
}

.affiliatespage_header_narrow h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    max-width: 580px;
    margin: 0 0 15px
}

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

.affiliatespage_bottom_block {
    background-color: #f6f6f6
}

.affiliatespage_bottom_block_narrow {
    width: 970px;
    margin: 0 auto;
    padding: 90px 0
}

.affiliatespage_bottom_block_header {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    text-align: center;
    margin: 0 auto;
    padding: 0 0 20px
}

.affiliatespage_bottom_block_subheader {
    font-size: 18px;
    font-weight: 300;
    color: #333;
    margin: 0 auto 55px;
    text-align: center
}

.affiliatespage_bottom_block_buttons {
    width: 660px;
    margin: 0 auto;
    text-align: center;
    padding: 80px 0 30px
}

.resellerspage .innerblue {
    width: 100%
}

.resellerspage .innerblue .description {
    padding: 0
}

.resellerspage .innerblue .description .resellerspage_quote_text {
    font-size: 18px;
    color: #333;
    margin: 0 0 55px;
    max-width: 300px
}

.resellerspage .innerblue .description .solutionspages_security_block {
    border-top: 0
}

.resellerspage .innerblue .description .solutionspages_security_block .solutionspages_security_block_narrow {
    padding-bottom: 60px
}

.resellerspage .innerblue .description .solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block:before {
    background-position: 0 0;
    width: 66px;
    height: 73px;
    background-size: 66px 72.5px
}

.resellerspage .innerblue .description .solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block_res_1:before {
    background-image: url(../../images/resellers/icons/software-brand.png)
}

.resellerspage .innerblue .description .solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block_res_2:before {
    background-image: url(../../images/resellers/icons/quick-start.png)
}

.resellerspage .innerblue .description .solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block_res_3:before {
    background-image: url(../../images/resellers/icons/up-to.png)
}

.resellerspage .innerblue .description .solutionspages_security_block .solutionspages_security_block_narrow .sps_blocks .sps_block.sps_block_res_4:before {
    background-image: url(../../images/resellers/icons/support-manager.png)
}

.resellerspage .innerblue .description .solutionspages_security_block_narrow h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    padding-bottom: 40px
}

.resellerspage .innerblue .description .sps_block {
    width: 420px
}

.resellerspage .innerblue .description .sps_block .sps_block_text {
    font-size: 15px
}

.resellerspage .innerblue .description .resellerspage_bottom_block_list {
    display: block;
    width: 970px;
    margin: 0 auto;
    padding: 115px 0 0;
    background: url(../../images/affiliates/affiliate_steps.png) no-repeat 50% 0
}

.resellerspage .innerblue .description .resellerspage_bottom_block_list li {
    display: inline-block;
    width: 220px;
    margin: 0;
    padding: 0 50px;
    vertical-align: top;
    text-align: center;
    line-height: 1.3em
}

.resellerspage_header {
    height: 545px;
    padding: 0;
    margin: 0 auto;
    width: 100%;
    background-color: #e4e9ef;
    background-image: url(../../images/resellers/reseller_cover-image.jpg);
    background-repeat: no-repeat;
    background-position-x: calc(50% + 270px);
    background-position-y: 0
}

.resellerspage_header_narrow {
    width: 970px;
    margin: 0 auto;
    padding: 120px 0 0;
    height: 548px
}

.resellerspage_header_narrow h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    max-width: 400px;
    margin: 0 0 15px
}

.resellerspage_bottom_block {
    background-color: #f6f6f6
}

.resellerspage_bottom_block_narrow {
    width: 970px;
    margin: 0 auto;
    padding: 90px 0
}

.resellerspage_bottom_block_header {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    text-align: center;
    margin: 0 auto;
    padding: 0 0 55px
}

.resellerspage_bottom_block_buttons {
    width: 660px;
    margin: 0 auto;
    text-align: center;
    padding: 80px 0 30px
}

.apbbb_block {
    width: 300px;
    margin: 0;
    padding: 0;
    display: inline-block;
    text-align: center;
    vertical-align: top
}

.apbbb_block_text {
    font-size: 13px;
    margin: 0 auto;
    padding: 10px 0 0
}

.apbbb_block_bottom_text {
    font-size: 13px;
    margin: 40px auto 0;
    padding: 0
}

.resellerspage_subbottom_block_narrow {
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
    padding: 90px 0
}

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

.resellerspage_subbottom_block_subheader {
    font-size: 24px;
    padding: 125px 0 20px;
    background: url(../../images/resellers/icons/developers.png) no-repeat 50% 0;
    background-size: 100px 100px
}

.resellerspage_subbottom_block_text {
    font-size: 16px;
    padding: 10px 0 30px;
    line-height: 1.2em
}

#installcanceledpage .InnerPage .description,
#installfeedbackpage .InnerPage .description,
#installsuccesspage .InnerPage .description {
    padding: 60px 0
}

#installcanceledpage .InnerPage .bottomgray,
#installfeedbackpage .InnerPage .bottomgray,
#installsuccesspage .InnerPage .bottomgray {
    margin: 0;
    padding: 0
}

#installcanceledpage .InnerPage .bottomgray .bottomnarrow .signinmain,
#installfeedbackpage .InnerPage .bottomgray .bottomnarrow .signinmain,
#installsuccesspage .InnerPage .bottomgray .bottomnarrow .signinmain {
    width: auto;
    left: 0;
    top: -30px
}

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

#subscribepage .InnerPage .description {
    padding: 80px 0 100px
}

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

#unsubscribepage .dataForm {
    width: 460px
}

#unsubscribepage .dataLabel {
    margin-left: 10px
}

#unsubscribepage #otherReasonText {
    margin-top: 40px
}

#unsubscribepage .PopupPanelBody {
    padding: 24px 0
}

#unsubscribepage .PopupPanelBody p {
    line-height: initial
}

#unsubscribepage .PopupPanelBody .button {
    margin-top: 24px
}

button.slick-prev,
button.slick-prev:hover,
button.slick-prev:focus,
button.slick-prev:active,
button.slick-next,
button.slick-next:hover,
button.slick-next:focus,
button.slick-next:active {
    border: 0 none !important
}

button,
button:hover,
button:focus,
button:active {
    outline: 0 none !important
}

button::-moz-focus-inner {
    border: 0 none !important
}

.wait_window {
    width: 660px;
    height: 475px
}

.wait_window .close-cross-container {
    height: 25px
}

.wait_window .cb-close-cross {
    width: 21px;
    height: 21px;
    border: 1px solid #818181;
    color: #dbdbdb;
    border-radius: 100%;
    float: right;
    margin: -7px -32px 0 0;
    text-align: center;
    line-height: 20px;
    font-size: 34px;
    font-weight: 400;
    vertical-align: middle;
    padding: 4px;
    cursor: pointer
}

.wait_window .cb-bottom-button {
    height: 90px;
    color: #fff;
    background: #ff642e;
    text-align: center;
    line-height: 90px;
    cursor: pointer;
    font-size: 25px
}

.wait_window .wait-block {
    width: 330px;
    height: 385px;
    float: left;
    background: url(../../images/mainpage/img_man.jpg) 0 0 no-repeat;
    position: relative;
    text-align: center;
    color: #fff
}

.wait_window .wait-block:before {
    background: rgba(44, 171, 223, 0.7);
    content: '';
    width: 330px;
    height: 385px;
    display: block;
    position: absolute;
    left: 0;
    top: 0
}

.wait_window .wait-block .wait-block-header {
    font-size: 50px;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 160px;
    position: relative
}

.wait_window .wait-block .wait-block-subheader {
    font-size: 20px;
    font-weight: 600;
    padding-top: 0;
    position: relative
}

.wait_window .coupon-block {
    width: 330px;
    height: 385px;
    float: left
}

.wait_window .coupon-block .coupon-block-text {
    color: #333;
    font-size: 24px;
    text-align: left;
    padding: 25px;
    line-height: 1.3em
}

.wait_window .coupon-block .coupon-block-text b {
    color: #ff642e;
    font-size: 28px
}

.wait_window .coupon-block .coupon-block-discount {
    border: 1px dashed #999;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    width: 248px;
    height: 88px;
    margin: 0 auto;
    text-align: center;
    padding-left: 40px;
    background: url(../../images/mainpage/coupon_icon.png) 35px 50% no-repeat;
    line-height: 88px;
    color: #ff642e;
    font-size: 20px;
    font-weight: 600
}

.wait_window .coupon-block .coupon-block-issues {
    text-align: right;
    padding: 90px 25px 25px;
    line-height: 1.4em;
    font-size: 14px;
    color: #666
}

.wait_window .coupon-block .coupon-block-issues a {
    color: #666
}

.demo-tab-panel {
    margin: 0 auto -1px;
    width: 970px;
    position: relative;
    z-index: 300
}

.demo-tab-panel td {
    height: 48px;
    width: 30%
}

.demo-tab-center {
    margin: 0 -1px
}

.demo-tab-panel a {
    background: #f5f5f5;
    border: 1px solid #ccc;
    display: block;
    font-size: 13px;
    font-weight: 700;
    height: 34px;
    outline: none;
    padding-top: 13px;
    text-align: center;
    text-decoration: none
}

.demo-tab-panel a:hover {
    background: #fcfcfc
}

.demo-tab-panel a.active {
    background: #fff;
    border-bottom: 1px solid #fff
}

.demo-block {
    border: 1px solid #ccc;
    border-top: none;
    margin: 0 auto 18px;
    padding: 20px 9px 9px;
    width: 950px;
    position: relative;
    z-index: 200;
    background-color: #fff
}

#editorPlaceholderBlock {
    height: 100%
}

.education_limit {
    margin-top: 30px
}

#downloadconnectorspage {
    background: url(../../images/solutions/connectors/header-download.jpg) no-repeat 50% 50px
}

.downloadserverpage.connectorsdownload .download_main_text {
    width: auto
}

.downloadserverpage.connectorsdownload h2.server_deploy {
    width: 650px
}

.connectors_steps_get {
    padding: 40px 0 0
}

.csg_step {
    padding: 0;
    font-size: 18px;
    font-weight: 600;
    vertical-align: middle;
    min-height: 50px
}

.csg_step .csg_button {
    padding: 10px 0 70px
}

.csg_step:before {
    display: inline-block;
    content: '';
    width: 53px;
    height: 50px;
    background-image: url(../../images/solutions/connectors/icons-all.png);
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 10px
}

.csg_step.csg_submit:before {
    background-position: -556px -11px
}

.csg_step.csg_download:before {
    background-position: -616px -11px
}

.twit_newdesign {
    background-color: #f6f6f6;
    padding: 60px 0;
    text-align: center;
    position: relative
}

.twit_newdesign:after {
    display: block;
    position: absolute;
    left: calc(50% - 25px);
    bottom: 34px;
    width: 50px;
    height: 50px;
    content: '';
    background-image: url(https://static-www.onlyoffice.com/images/mainpage/may2018/twtr.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 25px auto;
    background-color: #fff;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    margin: 0;
    padding: 0;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1)
}

.twit_newdesign .main-page-twitter {
    border-top: 0 none;
    margin: 0 auto;
    max-width: 1090px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.01);
    -moz-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.01);
    -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.01)
}

@media screen and (max-width:1259px) {
    .twit_newdesign .main-page-twitter {
        width: calc(100% - 170px)
    }
}

.press_newdesign {
    background-color: #f6f6f6;
    border-bottom: 1px solid #e4e4e4
}

.customers_newdesign {
    background-color: #f6f6f6
}

.main_customers.mc_newdesign .header-link {
    position: relative;
    top: auto;
    right: auto;
    margin: 30px auto 0;
    display: block
}

.main_customers.mc_newdesign h3 {
    text-align: center;
    font-weight: 400;
    font-size: 24px;
    color: #333
}

.main-page-press.mpp_newdesign {
    height: auto;
    position: relative
}

.main-page-press.mpp_newdesign h3 {
    text-align: center;
    font-weight: 400;
    font-size: 24px;
    color: #333
}

.main-page-press.mpp_newdesign .mpa_awards_text {
    width: 330px;
    position: absolute;
    top: 330px;
    left: -23px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    line-height: 2em
}

.main-page-press.mpp_newdesign .mpa_awards_text a {
    text-transform: none;
    font-size: 13px;
    color: #fff
}

.main-page-press.mpp_newdesign .mpa_awards_text span {
    display: block;
    padding-bottom: 10px
}

.main-page-press.mpp_newdesign .magazines {
    padding-top: 30px
}

.main-page-press.mpp_newdesign .magazines .magazine {
    height: 110px;
    width: 155px;
    margin: 40px 10px 0;
    background-image: url(../../images/mainpage/may2018/customers-articles.png);
    -webkit-transition: filter 0.5s, -webkit-filter 0.5s;
    -moz-transition: filter 0.5s, -webkit-filter 0.5s;
    -o-transition: filter 0.5s, -webkit-filter 0.5s;
    transition: filter 0.5s, -webkit-filter 0.5s;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    background-size: auto 110px
}

.main-page-press.mpp_newdesign .magazines .magazine:first-child {
    margin-left: 0
}

.main-page-press.mpp_newdesign .magazines .magazine:last-child {
    margin-right: 0
}

.main-page-press.mpp_newdesign .magazines .magazine.zdnet {
    background-position: -1109px 0;
    width: 130px
}

.main-page-press.mpp_newdesign .magazines .magazine.softpedia {
    background-position: -1573px 0
}

.main-page-press.mpp_newdesign .magazines .magazine.cmswire {
    background-position: -1768px 0
}

.main-page-press.mpp_newdesign .magazines .magazine.techrepublic {
    background-position: -1279px 0
}

.main-page-press.mpp_newdesign .magazines .magazine.pcmag {
    background-position: -1466px 0;
    width: 90px
}

.main-page-press.mpp_newdesign .magazines .magazine.ctmagazin {
    background-position: -1947px 0
}

.main-page-press.mpp_newdesign .magazines .magazine:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0)
}

.mpanew_awards_blocks {
    text-align: center;
    margin: 0;
    padding: 30px 0 10px
}

.mpa_new_awards_text {
    max-width: 200px;
    min-height: 92px;
    padding-right: 40px;
    padding-bottom: 0;
    display: inline-block;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    color: #666;
    font-size: 12px;
    line-height: 1.7em;
    vertical-align: middle
}

.mpa_new_awards_text span {
    display: block;
    padding-bottom: 10px
}

.mpa_new_awards_text:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 103px;
    background-repeat: no-repeat
}

.mpa_new_awards_text.mpa_pcmag {
    padding-top: 10px;
    padding-left: 110px
}

.mpa_new_awards_text.mpa_pcmag:before {
    width: 110px;
    background-position: -3772px 50%;
    background-size: auto 105px;
    background-image: url(../../images/mainpage/main_sprite_awwards.png)
}

.mpa_new_awards_text.mpa_capterra {
    padding-top: 25px;
    padding-left: 130px
}

.mpa_new_awards_text.mpa_capterra:before {
    width: 130px;
    background-position: -138px 50%;
    background-image: url(../../images/mainpage/may2018/awwards.png);
    background-size: auto 92px
}

.mpa_new_awards_text.mpa_frontrunners {
    padding-top: 25px;
    padding-left: 130px
}

.mpa_new_awards_text.mpa_frontrunners:before {
    width: 130px;
    background-position: -288px 50%;
    background-image: url(../../images/mainpage/may2018/awwards.png);
    background-size: auto 92px
}

.mpa_new_awards_link {
    display: block;
    font-size: 15px;
    margin: 30px 0 0;
    color: #ff642e !important
}

.solutionspages_awards.spa_newdesign {
    height: 236px;
    padding: 0;
    width: 100%;
    margin: 0 auto;
    position: relative;
    background: #50627a url(../../images/mainpage/new/awward.png) no-repeat 50% -620px;
    text-align: center
}

.solutionspages_awards.spa_newdesign .mpa_awards_text {
    width: auto;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    line-height: 2em;
    padding: 170px 0 0;
    margin: 0 auto
}

.solutionspages_awards.spa_newdesign .mpa_awards_text a {
    text-transform: none;
    font-size: 13px;
    color: #fff;
    display: block
}

.solutionspages_awards.spa_newdesign .mpa_awards_text span {
    display: inline;
    padding-bottom: 10px
}

.main-page-download.mpd_newdesign {
    background: #46a8cf;
    background-color: #4980a9;
    background-image: -webkit-gradient(linear, 0% top, 100% top, from(#46a8cf), to(#4980a9));
    background-image: -webkit-linear-gradient(left, color-stop(#46a8cf 0%), color-stop(#4980a9 100%));
    background-image: -moz-linear-gradient(left, #46a8cf 0%, #4980a9 100%);
    background-image: linear-gradient(to right, #46a8cf 0%, #4980a9 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff46a8cf', endColorstr='#ff4980a9', GradientType=1);
    padding: 20px 0 120px
}

.main-page-download.mpd_newdesign h3 {
    margin: 68px auto 34px;
    padding: 0;
    text-align: center;
    font-weight: 400;
    color: #fff;
    font-size: 24px;
    line-height: 1.4em
}

.main-page-download.mpd_newdesign h3 b {
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    padding: 1px 10px;
    background-color: #56aacf;
    font-weight: 600;
    margin: 0 0 0 5px
}

.main-page-download.mpd_newdesign h3 span {
    vertical-align: middle;
    display: inline-block;
    padding: 1px 5px 1px 0
}

.main-page-download.mpd_newdesign .mpd_buttons .button.white,
.main-page-download.mpd_newdesign .mpd_buttons .button.white:visited {
    font-size: 15px;
    font-weight: 400;
    border: none !important;
    padding: 22px 0 22px 48px
}

.main-page-download.mpd_newdesign .mpd_buttons .button.white:before,
.main-page-download.mpd_newdesign .mpd_buttons .button.white:visited:before {
    top: 13px
}

.header-background-home {
    background-image: url(../systemimages/jvannes3.jpg);
    background-position: 50% 50px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-color: gray;
    height: 830px;
    position: absolute;
    width: 100%;
    top: 0px;
    z-index: 0
}

.header-background {
    background-image: url(../systemimages/bg.jpg);
    background-position: 50% 50px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-color: gray;
    height: 830px;
    position: absolute;
    width: 100%;
    top: 0px;
    z-index: 0
}

@media screen and (max-width:1069px) {
    .header-background {
        background-size: cover
    }
}

.DefaultPage.dp_newdesign {
    background: transparent;
    height: auto;
    height: initial
}

.DefaultPage.dp_newdesign .nd_buttons_header {
    text-align: center;
    padding: 46px 0 32px
}

.DefaultPage.dp_newdesign .nd_buttons_header .button {
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 30px;
    padding-right: 30px
}

.DefaultPage.dp_newdesign .nd_buttons_header .button.white {
    border: 0 none !important;
    color: #ff642e !important
}

.DefaultPage.dp_newdesign .owl-carousel {
    display: none
}

.DefaultPage.dp_newdesign .owl-carousel .owl-item div {
    width: 90vw;
    height: 52vw;
    background-size: contain;
    background-repeat: no-repeat
}

.DefaultPage.dp_newdesign .owl-carousel .owl-item div.ndss_doceditor {
    background-image: url(../images/mainpage/may2018/editors/document.jpg)
}

.DefaultPage.dp_newdesign .owl-carousel .owl-item div.ndss_spreadsheet {
    background-image: url(../images/mainpage/may2018/editors/spreadsheet.jpg)
}

.DefaultPage.dp_newdesign .owl-carousel .owl-item div.ndss_presentation {
    background-image: url(../images/mainpage/may2018/editors/presentation.jpg)
}

.DefaultPage.dp_newdesign .innerblue h1 {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2em;
    padding: 48px 0 37px
}

.DefaultPage.dp_newdesign .innerblue h2 {
    color: #fff;
    font-weight: 400;
    max-width: 550px;
    margin: 0 auto;
    line-height: 1.7em
}

#ees_screenshots_waterwheel_carousel {
    width: 1090px;
    height: 625px;
    position: relative;
    clear: both;
    overflow: visible;
    margin: 0 auto
}

#ees_screenshots_waterwheel_carousel img {
    cursor: pointer;
    width: 910px;
    height: 520px;
    background-size: cover
}

#ees_screenshots_waterwheel_carousel img.shadow {
    box-shadow: 0 9px 150px rgba(85, 85, 85, 0.25);
    -moz-box-shadow: 0 9px 150px rgba(85, 85, 85, 0.25);
    -webkit-box-shadow: 0 9px 150px rgba(85, 85, 85, 0.25)
}

#ees_screenshots_waterwheel_carousel img.ndss_doceditor {
    background-image: url(../images/mainpage/may2018/editors/document.jpg)
}

#ees_screenshots_waterwheel_carousel img.ndss_spreadsheet {
    background-image: url(../images/mainpage/may2018/editors/spreadsheet.jpg)
}

#ees_screenshots_waterwheel_carousel img.ndss_presentation {
    background-image: url(../images/mainpage/may2018/editors/presentation.jpg)
}

#carousel_prev,
#carousel_next {
    display: block;
    position: absolute;
    top: 665px;
    width: 60px;
    height: 50px;
    background: transparent;
    color: transparent;
    outline: none;
    cursor: pointer
}

#carousel_prev:after,
#carousel_next:after {
    content: '';
    background-color: transparent;
    background-image: url("../../images/mainpage/arrows.png");
    background-repeat: no-repeat;
    border: medium none;
    font-size: 0;
    height: 55px;
    padding: 0;
    position: absolute;
    width: 55px;
    top: 1px;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    -webkit-transition: box-shadow 0.3s, background-color 0.3s, border-color 0.3s;
    -moz-transition: box-shadow 0.3s, background-color 0.3s, border-color 0.3s;
    -o-transition: box-shadow 0.3s, background-color 0.3s, border-color 0.3s;
    transition: box-shadow 0.3s, background-color 0.3s, border-color 0.3s
}

#carousel_prev:hover:after,
#carousel_next:hover:after {
    background-color: #fff;
    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)
}

#carousel_prev {
    left: 25px
}

#carousel_prev:after {
    left: 6px;
    background-position: 2px 5px
}

#carousel_next {
    right: 25px
}

#carousel_next:after {
    right: 6px;
    background-position: -92px 5px
}

#carousel_dots {
    margin-left: 0;
    padding-left: 0;
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center
}

#carousel_dots li {
    list-style-type: none;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}

#carousel_dots li button {
    color: transparent;
    background: #a6a6a6;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    opacity: 0.5
}

#carousel_dots li.active button {
    opacity: 1
}

@media screen and (min-width:1089px) and (max-width:1290px) {
    #ees_screenshots_waterwheel_carousel {
        width: 790px;
        height: 500px
    }
    body#defaultpage .BaseSide .innerblue {
        width: auto
    }
    #carousel_prev,
    #carousel_next {
        top: 625px
    }
}

.nd_screens {
    text-align: center;
    position: relative;
    overflow: unset;
    height: 540px;
    margin-bottom: 45px;
    box-shadow: 7px 0 150px rgba(85, 85, 85, 0.25);
    -moz-box-shadow: 7px 0 150px rgba(85, 85, 85, 0.25);
    -webkit-box-shadow: 7px 0 150px rgba(85, 85, 85, 0.25);
    width: 942px
}

.nd_screens .slick-dots {
    margin-left: 0;
    padding-left: 0;
    position: absolute;
    bottom: -50px;
    left: 458px
}

.nd_screens .slick-dots li {
    list-style-type: none;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}

.nd_screens .slick-dots li button {
    color: transparent;
    background: #a6a6a6;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    opacity: 0.5
}

.nd_screens .slick-dots li.slick-active button {
    opacity: 1
}

.nd_screens .slick-prev {
    display: block;
    position: absolute;
    top: 246px;
    left: -102px;
    width: 60px;
    height: 50px;
    background: transparent;
    color: transparent;
    outline: none
}

.nd_screens .slick-prev:hover:after {
    background: rgba(255, 255, 255, 0.3)
}

.nd_screens .slick-prev:after {
    content: " ";
    opacity: 1;
    transition: 0.5s;
    position: absolute;
    top: 2px;
    left: 5px;
    width: 45px;
    height: 45px;
    background: transparent;
    border: 2px solid #fff;
    border-radius: 70px;
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px
}

.nd_screens .slick-prev:before {
    content: '';
    position: absolute;
    opacity: 1;
    top: 21px;
    z-index: 100;
    right: 24px;
    cursor: pointer;
    border: 1px solid #fff;
    border-right: none;
    border-top: none;
    width: 10px;
    height: 10px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.nd_screens .slick-next {
    display: block;
    position: absolute;
    top: 247px;
    right: -89px;
    width: 60px;
    height: 50px;
    background: transparent;
    color: transparent;
    outline: none
}

.nd_screens .slick-next:hover:after {
    background: rgba(255, 255, 255, 0.3)
}

.nd_screens .slick-next:after {
    content: " ";
    transition: 0.5s;
    opacity: 1;
    position: absolute;
    top: 1px;
    left: 6px;
    width: 45px;
    height: 45px;
    background: transparent;
    border: 2px solid #fff;
    border-radius: 70px;
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px
}

.nd_screens .slick-next:before {
    opacity: 1;
    position: absolute;
    top: 20px;
    z-index: 100;
    right: 27px;
    cursor: pointer;
    content: '';
    border: 1px solid #fff;
    border-bottom: none;
    border-left: none;
    width: 10px;
    height: 10px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.nd_screens .nds_screenshot {
    width: 942px;
    height: 540px;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.nd_screens .nds_screenshot.ndss_doceditor {
    z-index: 1;
    background-image: url(../images/mainpage/may2018/editors/document.jpg);
    background-size: contain
}

.nd_screens .nds_screenshot.ndss_spreadsheet {
    z-index: 2;
    background-image: url(../images/mainpage/may2018/editors/spreadsheet.jpg);
    background-size: contain
}

.nd_screens .nds_screenshot.ndss_presentation {
    z-index: 3;
    background-image: url(../images/mainpage/may2018/editors/presentation.jpg);
    background-size: contain
}

.screen_point {
    display: inline-block;
    margin: 1em;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 2px solid #acbccd;
    vertical-align: middle;
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 550px;
    z-index: 500
}

.screen_point.scree_doceditor {
    background-position: 14px 17px
}

.screen_point.scree_spreadsheet {
    margin-top: 33px
}

.screen_point.scree_presentation {
    margin-top: 53px
}

.screen_point.scree_presentation:after {
    display: none
}

.screen_point.active {
    border: 2px solid #fff;
    background: red;
    width: 10px;
    height: 10px;
    right: -1px;
    top: 549px
}

.screen_point.active:after {
    left: 4px;
    top: 12px;
    height: 8px
}

.screen_point:after {
    position: absolute;
    content: '';
    height: 10px;
    width: 2px;
    left: 3px;
    top: 10px;
    background-color: #b4ccd0
}

.nd_compatible {
    font-size: 15px;
    color: #fff;
    text-align: center;
    padding: 20px 0
}

.main-page-perfectmatch.mpp_newdesign {
    padding: 65px 0;
    height: auto;
    position: relative;
    z-index: 0
}

.main-page-perfectmatch.mpp_newdesign h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    text-align: center;
    max-width: 530px;
    margin: 30px auto 50px;
    font-weight: 300
}

.main-page-perfectmatch.mpp_newdesign .matchnarrow {
    width: auto;
    min-width: 960px
}

.main-page-perfectmatch.mpp_newdesign .part {
    width: calc(33.3% - 129px);
    min-width: 127px;
    height: auto;
    padding: 10px 64px;
    margin: 0;
    border-color: #e5e5e5;
    color: #333;
    text-align: center
}

.main-page-perfectmatch.mpp_newdesign .part:nth-child(1) {
    border: 0 none
}

.main-page-perfectmatch.mpp_newdesign .part:nth-child(1) h3:before {
    background-image: url(../../images/mainpage/may2018/icons/suite.png)
}

.main-page-perfectmatch.mpp_newdesign .part:nth-child(2) {
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2
}

.main-page-perfectmatch.mpp_newdesign .part:nth-child(2) h3:before {
    background-image: url(../../images/mainpage/may2018/icons/solutions.png)
}

.main-page-perfectmatch.mpp_newdesign .part:nth-child(3) {
    border: 0 none
}

.main-page-perfectmatch.mpp_newdesign .part:nth-child(3) h3:before {
    background-image: url(../../images/mainpage/may2018/icons/developers.png)
}

.main-page-perfectmatch.mpp_newdesign .part_inside {
    margin: 0 auto;
    text-align: center
}

.main-page-perfectmatch.mpp_newdesign .part_inside a {
    color: #ff642e;
    font-size: 16px
}

.main-page-perfectmatch.mpp_newdesign .part_inside h3 {
    font-size: 24px;
    font-weight: 400;
    position: relative;
    height: auto;
    margin-bottom: 25px
}

.main-page-perfectmatch.mpp_newdesign .part_inside h3:before {
    display: block;
    content: '';
    height: 160px;
    width: 203px;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 0 auto 20px;
    background-size: 203px 160px;
    text-align: center
}

.main-page-perfectmatch.mpp_newdesign .part_inside .text {
    font-size: 16px;
    height: auto;
    line-height: 1.3em;
    margin: 0 0 25px 15px
}

.main-page-perfectmatch.mpp_newdesign .part_inside .text a {
    list-style-type: none;
    padding: 7px 23px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    margin: 0 3px 10px;
    display: inline-block;
    background-color: #f4f4f4;
    color: #666;
    text-decoration: none;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s
}

.main-page-perfectmatch.mpp_newdesign .part_inside .text a:hover {
    background-color: #e8e8e8
}

.main-page-perfectmatch.mpp_newdesign .part_inside .sub {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
    height: auto;
    line-height: 1.6em;
    color: #666
}

.server_solution_bottom_buttons {
    text-align: center
}

.server_solution_bottom_buttons .button {
    margin: 0 5px
}

.solutionspages_premise {
    width: 720px;
    margin: 0 auto;
    padding: 80px 0;
    text-align: center
}

.InnerPage p.spp_text {
    font-size: 15px;
    padding-bottom: 30px
}

.spp_link {
    font-size: 15px
}

.spp_heading:before {
    content: '';
    position: relative;
    top: -20px;
    display: block;
    width: 82px;
    height: 64px;
    background-image: url(../../images/solutions/cloudoffice/cloudsolution_icons_secureservices.png);
    background-repeat: no-repeat;
    margin: 0 auto;
    background-position: -2186px 0
}

.subscriptionMainContainer.PopupPanel {
    width: 649px;
    height: 633px;
    background: transparent url(../../images/mainpage/pop-up-bg.png) 50% 0 no-repeat;
    box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent
}

.subscriptionMainContainer.PopupPanel .PopupPanelCaption {
    padding: 110px 140px 0
}

.subscriptionMainContainer.PopupPanel .dataForm {
    padding: 0 140px 0
}

.subscriptionMainContainer.PopupPanel .dataForm .dataItem {
    position: relative
}

.subscriptionMainContainer.PopupPanel .dataForm .dataFormError {
    position: absolute;
    left: 0;
    bottom: -8px
}

.subscriptionMainContainer.PopupPanel .success {
    width: 367px;
    margin: 0 auto
}

.subscriptionMainContainer.PopupPanel .success .captchaDescription {
    margin: 21px 0
}

.subscriptionMainContainer.PopupPanel .progressPanel {
    text-align: center
}

.subscriptionMainContainer.PopupPanel .progressPanel .button {
    padding-left: 25px;
    padding-right: 25px
}

.integration-buy-link {
    font-size: 15px;
    padding: 10px 0 30px
}

.selected_pricing_plan .integration-buy-link {
    padding-bottom: 28px
}

.h2subheading {
    font-size: 30px;
    display: block;
    margin-top: 10px
}

#editorComparisonBlock {
    position: absolute;
    top: -71px
}

.saasCouponMainContainer,
.editionCouponMainContainer {
    width: 660px;
    height: 412px;
    background: url(../../images/coupon/pop-up-bg.png) 0 0 no-repeat;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none
}

.saasCouponMainContainer .PopupPanelCaption,
.editionCouponMainContainer .PopupPanelCaption {
    height: 25px
}

.saasCouponMainContainer .CloseCross,
.editionCouponMainContainer .CloseCross {
    width: 21px;
    height: 21px;
    border: 1px solid gray;
    color: #dbdbdb;
    border-radius: 100%;
    float: right;
    margin: -46px -9px 0 0;
    text-align: center;
    line-height: 20px;
    font-size: 34px;
    font-weight: 400;
    vertical-align: middle;
    padding: 4px;
    cursor: pointer;
    background: none
}

.saasCouponMainContainer .coupon-block,
.editionCouponMainContainer .coupon-block {
    width: 330px;
    height: 412px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center
}

.saasCouponMainContainer .coupon-block .disc_value,
.editionCouponMainContainer .coupon-block .disc_value {
    color: #ff642e;
    font-weight: 700;
    font-size: 84px;
    position: relative;
    padding-right: 40px;
    margin: 40px auto 0;
    height: 92px
}

.saasCouponMainContainer .coupon-block .disc_value .percent_sign,
.editionCouponMainContainer .coupon-block .disc_value .percent_sign {
    position: absolute;
    left: 195px;
    top: 12px;
    font-weight: 600;
    color: #000;
    font-size: 35px;
    font-style: italic
}

.saasCouponMainContainer .coupon-block .disc_value .disc_off,
.editionCouponMainContainer .coupon-block .disc_value .disc_off {
    position: absolute;
    right: 20px;
    bottom: 0;
    width: 280px;
    display: block;
    text-align: center;
    font-weight: 600;
    font-size: 24px;
    font-style: italic;
    color: #008411;
    text-shadow: 2px 2px 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff
}

.saasCouponMainContainer .coupon-block .subscriptions_number,
.editionCouponMainContainer .coupon-block .subscriptions_number {
    font-size: 18px;
    font-weight: 600;
    color: #008411;
    font-style: italic;
    text-align: center;
    margin: 5px auto 0
}

.saasCouponMainContainer .coupon-block .coupon_caption_block,
.editionCouponMainContainer .coupon-block .coupon_caption_block {
    position: absolute;
    width: 250px;
    text-align: center;
    top: -14px;
    left: 0;
    line-height: 1em
}

.saasCouponMainContainer .coupon-block .coupon_caption_block .coupon_caption,
.editionCouponMainContainer .coupon-block .coupon_caption_block .coupon_caption {
    display: inline-block;
    padding: 1px 10px;
    background-color: #fff;
    color: #636363;
    font-weight: 400;
    font-size: 14px;
    margin: 0 auto;
    line-height: 1em
}

.saasCouponMainContainer .coupon-block .coupon-block-discount,
.editionCouponMainContainer .coupon-block .coupon-block-discount {
    border: 1px dashed #999;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    width: 240px;
    height: 76px;
    margin: 70px auto 0;
    text-align: center;
    padding: 0 0 0 10px;
    line-height: 76px;
    color: #d42520;
    font-size: 20px;
    font-weight: 600;
    position: relative;
    background: url(../../images/coupon/ball.png) no-repeat 15px 18px;
    background-size: 32px 32px
}

.saasCouponMainContainer .coupon-block .coupon_dates,
.editionCouponMainContainer .coupon-block .coupon_dates {
    font-size: 18px;
    color: #018d10;
    text-align: center;
    font-weight: 600;
    margin: 40px auto 0
}

.saasCouponMainContainer .coupon-block .coupon_dates .coupon_date_number,
.editionCouponMainContainer .coupon-block .coupon_dates .coupon_date_number {
    color: #d62626
}

.securitypage .innerblue {
    width: 100%
}

.securitypage_header {
    background: #020106 url(../../images/security/bg-header.jpg) no-repeat 50% 0
}

.securitypage_header_narrow {
    width: 970px;
    padding: 80px 0;
    margin: 0 auto;
    color: #cbccce
}

.securitypage_header_narrow h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    color: #cbccce;
    max-width: 570px
}

.securitypage_header_narrow p.securitypage_quote_text {
    font-size: 18px;
    font-weight: 400;
    position: relative;
    line-height: 1.4em;
    max-width: 570px;
    padding: 70px 0 50px
}

.securitypage_header_narrow p.securitypage_quote_text:before {
    display: block;
    content: '';
    width: 60px;
    height: 1px;
    margin: 0;
    padding: 0;
    background-color: #ff642e;
    position: absolute;
    left: 0;
    top: 43px
}

.securitypage_header_narrow p.securitypage_quote_subtext {
    font-size: 18px;
    font-weight: 400;
    position: relative;
    line-height: 1.4em;
    max-width: 570px;
    padding: 0 0 50px
}

.securitypage_block_1,
.securitypage_block_2 {
    width: 100%;
    clear: both;
    margin: 90px auto 0;
    padding: 40px 0 0;
    text-align: left
}

.securitypage_block_2 {
    background-color: #f6f6f6;
    padding: 80px 0 20px
}

.securitypage_block_1_narrow,
.securitypage_block_2_narrow {
    width: 970px;
    margin: 0 auto
}

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

.securitypage_block_2_narrow h2 {
    color: #ff642e
}

.spb1_blocks {
    margin: 60px 0
}

.spb1_block {
    display: inline-block;
    vertical-align: top;
    width: 420px;
    margin: 0;
    padding: 80px 60px 40px 0;
    position: relative;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 64px 64px
}

.spb1_block.sps_security_block1 {
    background-image: url(../../images/security/icons/two-factor.png)
}

.spb1_block.sps_security_block2 {
    background-image: url(../../images/security/icons/sso.png)
}

.spb1_block.sps_security_block3 {
    background-image: url(../../images/security/icons/authentication.png);
    width: auto
}

.spb1_block.sps_security_block2_1 {
    background-image: url(../../images/security/icons/private-server.png)
}

.spb1_block.sps_security_block2_2 {
    background-image: url(../../images/security/icons/jwt.png)
}

.spb1_block.sps_security_block2_3 {
    background-image: url(../../images/security/icons/https.png)
}

.spb1_block.sps_security_block2_4 {
    background-image: url(../../images/security/icons/data-backup.png)
}

.spb1_block.sps_security_block2_5 {
    background-image: url(../../images/security/icons/access-rights.png);
    width: auto
}

.spb1_block_header {
    font-weight: 400;
    font-size: 22px;
    line-height: 1.2em;
    padding: 0 0 20px
}

.spb1_block_text {
    font-size: 16px;
    line-height: 1.5em;
    color: #666;
    padding: 0 0 10px
}

.spb1_block_bottom_link {
    display: block;
    padding: 5px 0 0;
    line-height: 1.3em;
    font-size: 14px
}

.spb1_inner_blocks {
    margin: 0
}

.spb1_inner_block {
    display: inline-block;
    vertical-align: top;
    width: 420px;
    margin: 0;
    padding: 60px 60px 40px 0;
    position: relative;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 48px 48px
}

.spb1_inner_block.sps_security_inner_block1 {
    background-image: url(../../images/security/icons/trusted-mail.png)
}

.spb1_inner_block.sps_security_inner_block2 {
    background-image: url(../../images/security/icons/password.png)
}

.spb1_inner_block.sps_security_inner_block3 {
    background-image: url(../../images/security/icons/cookie-lifetime.png)
}

.spb1_inner_block.sps_security_inner_block4 {
    background-image: url(../../images/security/icons/ip-restriction.png)
}

.spb1_inner_block.sps_security_inner_block5 {
    background-image: url(../../images/security/icons/login-history.png)
}

.spb1_inner_block.sps_security_inner_block6 {
    background-image: url(../../images/security/icons/audit-trail.png)
}

.spb1_inner_block_header {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2em;
    padding: 0 0 10px
}

.spb1_inner_block_text {
    font-size: 16px;
    line-height: 1.5em;
    color: #666;
    padding: 0 0 10px
}

#securitypage footer {
    border-top: 0 none
}

.customerspage .innerblue {
    width: auto
}

.customerspage_header {
    height: 530px;
    background-color: #f6f6f6;
    background-image: url(../../images/customers/bg-home-customers.jpg);
    background-repeat: no-repeat;
    background-position-x: calc(50% + 440px);
    background-position-y: 0
}

.customerspage_header_narrow {
    width: 970px;
    padding: 80px 0;
    margin: 0 auto
}

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

.customerspage_header_narrow p.cph_description {
    font-size: 18px;
    font-weight: 400;
    position: relative;
    line-height: 1.4em;
    max-width: 350px;
    padding: 70px 0 50px
}

.customerspage_header_narrow p.cph_description:before {
    display: block;
    content: '';
    width: 60px;
    height: 1px;
    margin: 0;
    padding: 0;
    background-color: #ff642e;
    position: absolute;
    left: 0;
    top: 43px
}

.customerspage_bottom_block {
    background-color: #f6f6f6
}

.customerspage_bottom_block_narrow {
    width: 970px;
    padding: 80px 0;
    margin: 0 auto
}

.customerspage_bottom_buttons {
    text-align: center
}

.customerspage_bottom_buttons a.button {
    margin: 0 5px 20px
}

.customerspage_bottom_text {
    font-size: 15px;
    text-align: center;
    padding: 50px 0
}

.customerspage_main_block_narrow {
    width: 970px;
    padding: 80px 0;
    margin: 0 auto
}

.cpmb_logos_block {
    text-align: left
}

.cpmb_logo_button {
    text-align: center
}

.cpmb_logo_button a.button.white {
    margin: 20px auto
}

.cpmb_logo_button a.button.white b {
    font-weight: 600;
    color: #ff642e
}

.cpmb_logo {
    display: inline-block;
    width: 235px;
    height: 150px;
    margin: 0 auto;
    padding: 0;
    text-align: center
}

.cpmb_logo span {
    background-image: url(../../images/customers/logo.png);
    background-repeat: no-repeat;
    display: block;
    height: 150px;
    margin: 0 auto
}

.cpmb_logo.cbmbl_1 span {
    width: 140px;
    background-position: -39px 0
}

.cpmb_logo.cbmbl_2 span {
    width: 80px;
    background-position: -203px 0
}

.cpmb_logo.cbmbl_3 span {
    width: 180px;
    background-position: -304px 0
}

.cpmb_logo.cbmbl_4 span {
    width: 128px;
    background-position: -517px 0
}

.cpmb_logo.cbmbl_5 span {
    width: 68px;
    background-position: -668px 0
}

.cpmb_logo.cbmbl_6 span {
    width: 132px;
    background-position: -763px 0
}

.cpmb_logo.cbmbl_7 span {
    width: 136px;
    background-position: -919px 0
}

.cpmb_logo.cbmbl_8 span {
    width: 78px;
    background-position: -1088px 0
}

.cpmb_logo.cbmbl_9 span {
    width: 160px;
    background-position: -1195px 0
}

.cpmb_logo.cbmbl_10 span {
    width: 78px;
    background-position: -1381px 0
}

.cpmb_logo.cbmbl_11 span {
    width: 180px;
    background-position: -1484px 0
}

.cpmb_logo.cbmbl_12 span {
    width: 180px;
    background-position: -1692px 0
}

.cpmb_logo.cbmbl_13 span {
    width: 155px;
    background-position: -1898px 0
}

.cpmb_logo.cbmbl_14 span {
    width: 150px;
    background-position: -2069px 0
}

.cpmb_logo.cbmbl_15 span {
    width: 112px;
    background-position: -2243px 0
}

.cpmb_logo.cbmbl_16 span {
    width: 147px;
    background-position: -2375px 0
}

.cpmb_logo.cbmbl_17 span {
    width: 72px;
    background-position: -2547px 0
}

.cpmb_logo.cbmbl_18 span {
    width: 110px;
    background-position: -2642px 0
}

.cpmb_logo.cbmbl_19 span {
    width: 117px;
    background-position: -2788px 0
}

.cpmb_logo.cbmbl_20 span {
    width: 126px;
    background-position: -2934px 0
}

.cpmb_logo.cbmbl_21 span {
    width: 162px;
    background-position: -3091px 0
}

.cpmb_logo.cbmbl_22 span {
    width: 131px;
    background-position: -3290px 0
}

.cpmb_logo.cbmbl_23 span {
    width: 146px;
    background-position: -3453px 0
}

.cpmb_logo.cbmbl_24 span {
    width: 71px;
    background-position: -3628px 0
}

.cpmb_logo.cbmbl_25 span {
    width: 101px;
    background-position: -3732px 0
}

.cpmb_logo.cbmbl_26 span {
    width: 168px;
    background-position: -3874px 0
}

.cpmb_logo.cbmbl_27 span {
    width: 135px;
    background-position: -4088px 0
}

.cpmb_logo.cbmbl_28 span {
    width: 174px;
    background-position: -4261px 0
}

.cpmb_logo.cbmbl_29 span {
    background-position: -4641px 0
}

.cpmb_logo.cbmbl_30 span {
    width: 174px;
    background-position: -4452px 0
}

.cpmb_logo.cbmbl_31 span {
    width: 174px;
    background-position: -4870px 0
}

.cpmb_logo.cbmbl_32 span {
    background-position: -5040px 0
}

.cpmb_logo.cbmbl_33 span {
    background-position: -5298px 0
}

.cpmb_logo.cbmbl_34 span {
    width: 174px;
    background-position: -5525px 0
}

.cpmb_logo.cbmbl_35 span {
    background-position: -5687px 0
}

.cpmb_logo.cbmbl_36 span {
    background-position: -5930px 0
}

.cpmb_logo.cbmbl_37 span {
    background-position: -6192px 0
}

.cpmb_logo.cbmbl_38 span {
    background-position: -6424px 0
}

.cpmb_logo.cbmbl_39 span {
    background-position: -6677px 0
}

.cpmb_logo.cbmbl_40 span {
    background-position: -6922px 0
}

.cpmb_logo.cbmbl_41 span {
    background-position: -7855px 0
}

.cpmb_logo.cbmbl_42 span {
    background-position: -7392px 0;
    width: 180px
}

.cpmb_logo.cbmbl_43 span {
    background-position: -7594px 0
}

.cpmb_logo.cbmbl_44 span {
    background-position: -7203px 0;
    width: 180px
}

.cpmb_logo.cbmbl_45 span {
    background-position: -8131px 0
}

.cpmb_logo.cbmbl_46 span {
    background-position: -8369px 0;
    width: 160px
}

.cpmb_logo.cbmbl_47 span {
    background-position: -8582px 0;
    width: 160px
}

.cpmb_logo.cbmbl_48 span {
    background-position: -8800px 0;
    width: 235px
}

.cpmb_logo.cbmbl_49 span {
    background-position: -9088px 0;
    width: 160px
}

.cpmb_logo.cbmbl_50 span {
    background-position: -9297px 0;
    width: 160px
}

.cpmb_logo.cbmbl_51 span {
    background-position: -9503px 0;
    width: 160px
}

.cpmb_logo.cbmbl_52 span {
    background-position: -9706px 0;
    width: 170px
}

.cpmb_logo.cbmbl_53 span {
    background-position: -9930px 0;
    width: 180px
}

.cpmb_logo.cbmbl_54 span {
    background-position: -10130px 0;
    width: 160px
}

.cpmb_logo.cbmbl_55 span {
    background-position: -10303px 0
}

.cpmb_logo.cbmbl_56 span {
    background-position: -10593px 0
}

.cpmb_logo.cbmbl_57 span {
    background-position: -10869px 0
}

.cpmbl_hidden.hide_now {
    display: none
}

.cpmbl_hidden.show_now {
    display: inline-block
}

.price-block-discount-value {
    display: inline-block;
    background: #89b927;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    padding: 3px 5px;
    margin: 0 -46px 5px 5px;
    vertical-align: bottom
}

.features_tour_empty_header_block {
    height: 0;
    width: 398px;
    border-right: 1px solid #d4d4d4;
    padding: 40px 30px 40px 127px;
    float: left
}

#onlyofficeblockchainpage .innerblue {
    width: 100%
}

.ooblockchain_header {
    padding: 90px 0 60px;
    background-image: url(../../images/blockchain/blockchain-header.jpg);
    background-position: 100% 0;
    background-repeat: no-repeat
}

.ooblockchain_header_narrow {
    margin: 0 auto
}

.ooblockchain_header_narrow h1 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    max-width: 600px;
    padding: 0 0 40px
}

.ooblockchain_header_narrow h1 b {
    font-weight: 400;
    color: #ff642e;
    white-space: nowrap
}

.ooblockchain_header_text {
    max-width: 550px;
    font-size: 18px;
    line-height: 1.6em;
    padding: 0 0 60px
}

.oobc_as_narrow {
    padding: 80px 0 0;
    margin: 0 auto
}

.oobc_as_narrow h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    text-align: center;
    margin: 0 auto;
    padding: 10px 0
}

.oobc_asn_subheading {
    font-size: 18px;
    color: #ff642e;
    text-align: center;
    line-height: 1.2em
}

.oobc_asn_text {
    font-size: 16px;
    line-height: 2em;
    padding: 60px 460px 120px 0;
    background-image: url(../../images/blockchain/security.png);
    background-position: 100% 50%;
    background-repeat: no-repeat
}

.oobc_sb {
    border-top: 0 none
}

.oobc_sb .sps_block .sps_block_text {
    font-size: 15px
}

.oobc_sb2 {
    border-top: 0 none;
    padding: 80px 0 40px;
    background-color: #f6f6f6
}

.oobc_sb2 .sps_block .sps_block_text {
    font-size: 15px
}

.oobc_sb2_sub {
    max-width: 880px;
    font-size: 20px;
    line-height: 1.4em;
    text-align: center;
    margin: 0 auto
}

.solutionspages_security_block.oobc_sb2 .solutionspages_security_block_narrow h2,
.solutionspages_security_block.oobc_sb .solutionspages_security_block_narrow h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    text-align: center;
    margin: 0 auto;
    padding: 0 0 20px
}

.solutionspages_security_block.oobc_sb2 .solutionspages_security_block_narrow h2 {
    color: #ff642e
}

.oobc_howworks h3 {
    font-size: 24px;
    text-align: center;
    font-weight: 600;
    padding: 150px 0 0;
    margin: 50px 0 0;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 120px 120px
}

.oobc_howworks ul.list_with_orange_markers li {
    position: relative;
    font-size: 15px;
    line-height: 1.6em;
    padding: 10px 0 10px 25px
}

.oobc_howworks ul.list_with_orange_markers li:before {
    position: absolute;
    left: 0;
    top: 19px
}

.oobc_hw_image {
    text-align: center;
    padding: 30px 0
}

.oobc_hw_image img {
    width: 100%;
    margin: 0 auto
}

.oobc_hw_image.oobc_hw_image1 img {
    max-width: 865px
}

.oobc_hw_image.oobc_hw_image2 img {
    max-width: 764px
}

.oobc_hw_image.oobc_hw_image3 img {
    max-width: 828px
}

.InnerPage .oobc_howworks p {
    font-size: 15px;
    line-height: 1.6em
}

.oobc_howworks_heading {
    padding: 80px 0
}

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

.oobc_howworks_heading h3 {
    background-image: url(../../images/blockchain/how-it-works/icons/1.png);
    padding-bottom: 30px
}

.oobc_howworks_block {
    background-color: #fff;
    background-image: -webkit-gradient(linear, left 0%, left 300px, from(#f5f4f4), to(#fff));
    background-image: -webkit-linear-gradient(top, #f5f4f4, 0%, #fff, 300px);
    background-image: -moz-linear-gradient(top, #f5f4f4 0%, #fff 300px);
    background-image: linear-gradient(to bottom, #f5f4f4 0%, #fff 300px);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff5f4f4', endColorstr='#ffffffff', GradientType=0);
    position: relative
}

.oobc_howworks_block h3 {
    position: relative;
    top: -60px;
    margin: 0 0 -30px
}

.oobc_hw_block_1 h3 {
    background-image: url(../../images/blockchain/how-it-works/icons/2.png)
}

.oobc_hw_block_2 h3 {
    background-image: url(../../images/blockchain/how-it-works/icons/3.png)
}

.oobc_howworks_block_narrow {
    padding: 0 0 110px
}

.oobc_getstarted_block {
    background-color: #f6f6f6
}

.oobc_getstarted_block_narrow {
    padding: 80px 0 20px
}

.oobc_getstarted_block_narrow h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    text-align: center;
    color: #ff642e;
    padding: 0 0 40px
}

.oobc_getstarted_block_narrow h3 {
    font-size: 22px;
    font-weight: 400;
    text-align: center
}

.oobc_gs_steps {
    padding: 40px 0 60px
}

.oobc_gs_step {
    display: inline-block;
    vertical-align: top;
    width: 280px;
    padding: 10px 60px 40px 0
}

.oobc_gs_step:last-child {
    padding-right: 0
}

.oobc_gs_step:before {
    width: 50px;
    height: 50px;
    content: '';
    display: block;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 30px 30px
}

.oobc_gs_step.oobc_step1:before {
    background-image: url(https://static-www.onlyoffice.com/images/blockchain/getting-started/1.svg)
}

.oobc_gs_step.oobc_step2:before {
    background-image: url(https://static-www.onlyoffice.com/images/blockchain/getting-started/2.svg)
}

.oobc_gs_step.oobc_step3:before {
    background-image: url(https://static-www.onlyoffice.com/images/blockchain/getting-started/3.svg)
}

.oobc_gs_step.oobc_step4:before {
    background-image: url(https://static-www.onlyoffice.com/images/blockchain/getting-started/4.svg)
}

.oobc_gs_step.oobc_step5:before {
    background-image: url(https://static-www.onlyoffice.com/images/blockchain/getting-started/5.svg)
}

.oobc_gs_step.oobc_step6:before {
    background-image: url(https://static-www.onlyoffice.com/images/blockchain/getting-started/6.svg)
}

.oobc_gs_step.oobc_step7:before {
    background-image: url(https://static-www.onlyoffice.com/images/blockchain/getting-started/7.svg)
}

.oobc_gs_step.oobc_step8:before {
    background-image: url(https://static-www.onlyoffice.com/images/blockchain/getting-started/8.svg)
}

.oobc_gs_step.oobc_step9:before {
    background-image: url(https://static-www.onlyoffice.com/images/blockchain/getting-started/9.svg)
}

.oobc_gs_step_heading {
    font-weight: 600;
    font-size: 16px;
    padding: 0 0 10px
}

.oobc_gs_step_text {
    font-size: 15px;
    line-height: 1.6em
}

.oobc_gs_step_download {
    padding: 10px 0 0
}

.oobc_gs_step_downloadlink {
    color: #fff !important;
    background-color: #686868;
    display: inline-block;
    padding: 5px 10px;
    text-decoration: none;
    font-size: 15px;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    transition: background-color 0.5s
}

.oobc_gs_step_downloadlink:hover {
    background-color: #444;
    text-decoration: none
}

#onlineofficelandingpage .innerblue {
    width: 100%
}

.onlineoffice_header {
    min-height: 597px;
    background: #848585 url(../../images/landing/onlineoffice/header.jpg) no-repeat 50% 0;
    background-size: cover
}

.onlineoffice_header_narrow {
    max-width: 970px;
    margin: 0 auto;
    position: relative
}

.onlineoffice_header_narrow h1 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    max-width: 540px;
    color: #fff;
    padding: 130px 0 30px
}

.onlineoffice_header_narrow a.button.red,
.onlineoffice_header_narrow a.button.red:hover,
.onlineoffice_header_narrow a.button.red:active,
.onlineoffice_header_narrow a.button.red:visited {
    text-transform: none;
    padding: 25px 60px;
    font-size: 22px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.onlineoffice_logo {
    width: 246px;
    height: 50px;
    background: url(../../images/landing/onlineoffice/logo.png) no-repeat 0 0;
    display: block;
    position: relative;
    top: 40px
}

.onlineoffice_header_overlay {
    width: 876px;
    height: 674px;
    background: url(../../images/landing/onlineoffice/macbook.png) no-repeat 0 0;
    position: absolute;
    left: 600px;
    top: 99px
}

.oofmain_features_block {
    max-width: 970px;
    margin: 0 auto;
    padding: 0 0 100px
}

.oofmain_feature {
    margin: 0;
    max-width: 500px;
    min-height: 259px;
    background-repeat: no-repeat;
    background-position-y: 115px
}

.oofmain_feature:nth-child(odd) {
    padding: 100px 470px 0 0;
    background-position-x: calc(100% - 100px)
}

.oofmain_feature:nth-child(even) {
    padding: 100px 0 0 470px;
    background-position-x: 100px
}

.oofmain_feature.oofmainf_block1 {
    background-image: url(../../images/landing/onlineoffice/onlineoffice_1.png)
}

.oofmain_feature.oofmainf_block2 {
    background-image: url(../../images/landing/onlineoffice/onlineoffice_2.png)
}

.oofmain_feature.oofmainf_block3 {
    background-image: url(../../images/landing/onlineoffice/onlineoffice_3.png)
}

.oofmain_feature.oofmainf_block4 {
    background-image: url(../../images/landing/onlineoffice/onlineoffice_4.png)
}

h2.oofmf_heading {
    font-size: 24px;
    font-weight: 400;
    color: #333
}

.InnerPage p.oofmf_text {
    font-size: 15px;
    color: #666;
    line-height: 1.5em
}

.InnerPage p.oofmf_text b {
    font-weight: 600
}

@media screen and (max-width:1600px) {
    .ooblockchain_header {
        background-position: 50% 0
    }
}

@media screen and (max-width:1100px) {
    .main_page_headpart #ees_screenshots_waterwheel_carousel {
        width: 1060px;
        height: 400px;
        margin: 0
    }
}

@media screen and (max-width:1089px) {
    .DefaultPage.dp_newdesign .owl-carousel {
        display: block;
        height: 52vw
    }
    .DefaultPage.dp_newdesign .owl-carousel .owl-stage-outer {
        margin-right: -20px;
        height: auto
    }
    .main_page_headpart #ees_screenshots_waterwheel_carousel {
        display: none
    }
    .main_page_headpart #carousel_prev,
    .main_page_headpart #carousel_next,
    .main_page_headpart #carousel_dots {
        display: none
    }
}

@media screen and (max-width:960px) {
    .main_page_headpart #ees_screenshots_waterwheel_carousel {
        width: 800px;
        height: 400px;
        margin: 0 auto
    }
}

@media screen and (max-width:599px) {
    .DefaultPage.dp_newdesign .owl-carousel .owl-item div {
        width: 87vw;
        height: 50vw
    }
    .main_page_headpart #ees_screenshots_waterwheel_carousel {
        display: none;
        width: 300px;
        height: 200px
    }
    .main_page_headpart #carousel_prev,
    .main_page_headpart #carousel_next,
    .main_page_headpart #carousel_dots {
        display: none
    }
}

.solutionspages_main_text_header {
    position: relative
}

#complete-set {
    position: absolute;
    top: -160px
}

#installation-options {
    position: absolute;
    top: -140px
}

#secure-hosting {
    position: absolute;
    top: -140px
}

#business-tools {
    position: absolute;
    top: -160px
}

.officesuitemain h1 {
    font-size: 46px;
    font-weight: 700;
    color: 1.2em;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    padding: 175px 0 0;
    max-width: 920px;
    margin: 0 auto
}

.officesuitemain h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    text-align: center;
    padding: 85px 0 0
}

.officesuitemain h2 b {
    font-weight: 400;
    color: #ff642e
}

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

.officesuiteinner h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    text-align: center;
    padding: 85px 0 0
}

.officesuiteinner h2 b {
    font-weight: 400;
    color: #ff642e
}

.officesuite h1 {
    color: #fff;
    text-align: center
}

.officesuite h3 {
    font-size: 24px;
    font-weight: 400;
    text-align: left;
    padding: 0 0 27px;
    line-height: 1.3em
}

.officesuitemain .officesuite_header {
    background-color: #245081;
    background-image: url(../../images/office-suite/main-header.jpg);
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 100%;
    background-size: cover
}

.officesuitedocumenteditor .officesuite_header {
    background-color: #3f628a
}

.officesuitepresentationeditor .officesuite_header {
    background-color: #a5494a
}

.officesuitespreadsheeteditor .officesuite_header {
    background-color: #387951
}

.officesuite_header_narrow {
    text-align: center;
    color: #fff
}

.officesuitemain .officesuite_header_narrow {
    height: 637px
}

.officesuiteinner .officesuite_header_narrow {
    height: auto
}

.oh_buttons,
.osc_buttons,
.osq_buttons {
    text-align: center
}

.oh_buttons a.button,
.osc_buttons a.button,
.osq_buttons a.button {
    margin: 0 5px
}

.officesuitemain .oh_buttons,
.officesuitemain .osc_buttons {
    padding: 60px 0 0
}

.officesuiteinner .oh_buttons,
.officesuiteinner .osc_buttons {
    padding: 50px 0 0
}

.InnerPage p.oh_description {
    font-size: 18px;
    max-width: 580px;
    line-height: 1.4em;
    padding: 30px 0 0;
    margin: 0 auto
}

.InnerPage .oh_compatibility {
    font-size: 15px;
    text-align: center;
    padding: 145px 0 0
}

.InnerPage p.col_description {
    font-size: 18px;
    line-height: 1.4em;
    padding: 30px 0 0;
    margin: 0
}

.InnerPage .col_compatibility {
    font-size: 15px;
    text-align: left;
    padding: 145px 0 0
}

.cdesc_main {
    max-width: 410px
}

.cdesc_inner {
    max-width: 500px;
    position: relative;
    z-index: 10
}

.officesuite_screens {
    background-color: #f2f2f2;
    padding: 0 0 297px
}

.osn_screens_block {
    position: relative
}

.osn_blocks_overlay {
    height: 560px;
    width: 980px;
    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);
    position: absolute;
    left: 100px;
    bottom: 167px;
    z-index: 0
}

.osn_blocks_image {
    height: 560px;
    width: 980px;
    margin: 45px auto auto;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 980px 560px
}

.osn_blocks {
    height: 800px
}

.osn_blocks h2 {
    background-color: #f2f2f2
}

.osn_blocks.osn_block1 .osn_blocks_image {
    background-image: url(../../images/mainpage/may2018/editors/document.jpg)
}

.osn_blocks.osn_block2 .osn_blocks_image {
    background-image: url(../../images/mainpage/may2018/editors/spreadsheet.jpg)
}

.osn_blocks.osn_block3 .osn_blocks_image {
    background-image: url(../../images/mainpage/may2018/editors/presentation.jpg)
}

.osn_screens_tour_block {
    text-align: center;
    position: relative;
    padding-bottom: 100px
}

.osn_screens_tour_block .slick-prev,
.osn_screens_tour_block .slick-next {
    background-color: transparent;
    background-image: url("../../images/mainpage/arrows.png");
    background-repeat: no-repeat;
    border: medium none;
    font-size: 0;
    height: 55px;
    padding: 0;
    position: absolute;
    width: 55px;
    top: 430px;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    -webkit-transition: box-shadow 0.3s, background-color 0.3s, border-color 0.3s;
    -moz-transition: box-shadow 0.3s, background-color 0.3s, border-color 0.3s;
    -o-transition: box-shadow 0.3s, background-color 0.3s, border-color 0.3s;
    transition: box-shadow 0.3s, background-color 0.3s, border-color 0.3s;
    z-index: 1000
}

.osn_screens_tour_block .slick-prev:hover,
.osn_screens_tour_block .slick-next:hover {
    background-color: #fff;
    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)
}

.osn_screens_tour_block .slick-prev {
    left: 7px;
    background-position: 2px 5px
}

.osn_screens_tour_block .slick-next {
    right: 7px;
    background-position: -92px 5px
}

.officesuite_edit {
    background-color: transparent;
    margin-top: -365px
}

.osedit_blocks {
    text-align: center;
    padding: 50px 0 0
}

.osedit_block {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 320px;
    height: 289px;
    margin: 0 3px;
    padding: 44px 0 0;
    background-color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 1.4em;
    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);
    z-index: 0;
    overflow: hidden
}

.osedit_block:hover span:after {
    top: -187px;
    left: -160px;
    width: 640px;
    height: 374px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.osedit_block span {
    display: block;
    margin: 0 auto;
    padding: 0
}

.osedit_block span:before {
    content: '';
    display: block;
    width: 136px;
    height: 136px;
    border-radius: 200px;
    -moz-border-radius: 200px;
    -webkit-border-radius: 200px;
    position: relative;
    z-index: 10;
    margin: 0 auto 30px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(../../images/office-suite/icons-%402x.png);
    background-size: auto 115px
}

.osedit_block span:after {
    content: '';
    display: block;
    width: 136px;
    height: 136px;
    border-radius: 200px;
    -moz-border-radius: 200px;
    -webkit-border-radius: 200px;
    position: absolute;
    top: 40px;
    left: calc(50% - 68px);
    background-color: #f6f6f6;
    z-index: 3;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.ose_block1 span:before {
    background-position: -24px 50%
}

.ose_block2 span:before {
    background-position: -170px 50%
}

.ose_block3 span:before {
    background-position: -312px 50%
}

.officesuite_features h2 {
    padding: 110px 0 0;
    margin-bottom: -20px
}

.osf_row {
    display: table-row;
    background-repeat: no-repeat
}

.officesuitemain .osf_row,
.officesuitedocumenteditor .osf_row {
    height: 478px
}

.officesuitepresentationeditor .osf_row {
    height: 478px
}

.officesuitespreadsheeteditor .osf_row {
    height: 524px
}

.officesuitespreadsheeteditor .osf_row.osf_2_se {
    height: 556px
}

.officesuitemain .osf_wrapper {
    margin: 0 auto -80px
}

.officesuitemain .osf_wrapper:nth-of-type(2n+1) .osf_row {
    background-position: 100% 50%
}

.officesuitemain .osf_wrapper:nth-of-type(2n+1) .osf_block {
    padding-left: 80px;
    padding-right: 630px
}

.officesuitemain .osf_wrapper:nth-of-type(2n) .osf_row {
    background-position: 0 50%
}

.officesuitemain .osf_wrapper:nth-of-type(2n) .osf_block {
    padding-left: 630px;
    padding-right: 80px
}

.officesuitemain .osf_wrapper:last-of-type {
    margin-bottom: 0
}

.officesuiteinner .osf_wrapper {
    margin: 0 auto -60px
}

.officesuiteinner .osf_wrapper:nth-of-type(2n) .osf_row {
    background-position: 100% 50%
}

.officesuiteinner .osf_wrapper:nth-of-type(2n) .osf_block {
    padding-left: 80px;
    padding-right: 630px
}

.officesuiteinner .osf_wrapper:nth-of-type(2n+1) .osf_row {
    background-position: 0 50%
}

.officesuiteinner .osf_wrapper:nth-of-type(2n+1) .osf_block {
    padding-left: 630px;
    padding-right: 80px
}

.officesuiteinner .osf_wrapper:last-of-type {
    margin-bottom: 0
}

.osf_block {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    padding-bottom: 100px
}

.osf_description {
    line-height: 1.4em
}

.osf_description a {
    display: block;
    margin: 15px 0 0
}

.osf_1 {
    background-image: url(../../images/office-suite/main/main1.png)
}

.osf_2 {
    background-image: url(../../images/office-suite/main/main2.png)
}

.osf_3 {
    background-image: url(../../images/office-suite/main/main3.png)
}

.osf_4 {
    background-image: url(../../images/office-suite/main/main4.png)
}

.osf_5 {
    background-image: url(../../images/office-suite/main/main5.png)
}

.osf_1_de {
    background-image: url(../../images/office-suite/document/formats.png)
}

.osf_2_de {
    background-image: url(../../images/office-suite/document/document1.png)
}

.osf_3_de {
    background-image: url(../../images/office-suite/document/document2.png)
}

.osf_4_de {
    background-image: url(../../images/office-suite/document/document3.png)
}

.osf_5_de {
    background-image: url(../../images/office-suite/document/document4.png)
}

.osf_6_de {
    background-image: url(../../images/office-suite/document/document5.png)
}

.osf_1_pe {
    background-image: url(../../images/office-suite/presentation/formats.png)
}

.osf_2_pe {
    background-image: url(../../images/office-suite/presentation/presentation1.png)
}

.osf_3_pe {
    background-image: url(../../images/office-suite/presentation/presentation2.png)
}

.osf_4_pe {
    background-image: url(../../images/office-suite/presentation/presentation3.png)
}

.osf_5_pe {
    background-image: url(../../images/office-suite/presentation/presentation4.png)
}

.osf_1_se {
    background-image: url(../../images/office-suite/spreadsheet/formats.png)
}

.osf_2_se {
    background-image: url(../../images/office-suite/spreadsheet/spreadsheet1.png)
}

.osf_3_se {
    background-image: url(../../images/office-suite/spreadsheet/spreadsheet2.png)
}

.osf_4_se {
    background-image: url(../../images/office-suite/spreadsheet/spreadsheet3.png)
}

.osf_5_se {
    background-image: url(../../images/office-suite/spreadsheet/spreadsheet4.png)
}

.osf_6_se {
    background-image: url(../../images/office-suite/spreadsheet/spreadsheet5.png)
}

.officesuite_spread {
    background-color: #f6f6f6;
    padding: 0 0 80px
}

.oss_blocks {
    padding: 45px 0 0
}

.oss_block {
    display: inline-block;
    vertical-align: top;
    width: 205px;
    padding: 20px 50px 0 0;
    font-size: 16px;
    line-height: 1.4em
}

.oss_block:last-of-type {
    padding-right: 0
}

.oss_block:before {
    display: block;
    content: '';
    width: 70px;
    height: 70px;
    background-image: url(../../images/office-suite/icons-%402x.png);
    background-size: auto 115px;
    background-repeat: no-repeat;
    margin: 0 0 20px
}

.ossb_1:before {
    background-position: -470px 50%
}

.ossb_2:before {
    background-position: -578px 50%
}

.ossb_3:before {
    background-position: -691px 50%
}

.ossb_4:before {
    background-position: -793px 50%
}

.officesuite_control {
    padding: 0 0 80px
}

.officesuite_control h2 {
    padding-bottom: 20px
}

.osc_description {
    font-size: 18px;
    line-height: 1.4em;
    max-width: 720px;
    text-align: center;
    margin: 0 auto
}

.osc_description:before {
    display: block;
    content: '';
    width: 115px;
    height: 115px;
    margin: 0 auto 0;
    background-image: url(../../images/office-suite/icons-%402x.png);
    background-size: auto 115px;
    background-repeat: no-repeat;
    background-position: -873px 50%
}

.officesuite_download {
    padding: 100px 0 120px;
    text-align: center
}

.officesuite_download h3 {
    text-align: center
}

.officesuitemain .officesuite_download {
    background-color: #f6f6f6
}

.officesuite_buttons .button.litestgray_new,
.officesuite_buttons .button.litestgray_new:visited {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-transform: none;
    font-size: 16px;
    padding: 24px 0 24px 48px;
    position: relative;
    margin: 0 6px;
    width: 120px;
    font-weight: 400
}

.officesuite_buttons .button.litestgray_new:before,
.officesuite_buttons .button.litestgray_new:visited:before {
    content: '';
    width: 36px;
    height: 36px;
    display: block;
    position: absolute;
    top: 15px;
    left: 20px;
    background-image: url(../../images/mainpage/downloads_2x.png);
    background-size: auto 34px;
    background-repeat: no-repeat
}

.officesuite_buttons .button.litestgray_new.download_for_windows:before,
.officesuite_buttons .button.litestgray_new:visited.download_for_windows:before {
    background-position: -143px 0
}

.officesuite_buttons .button.litestgray_new.download_for_linux:before,
.officesuite_buttons .button.litestgray_new:visited.download_for_linux:before {
    background-position: -71px 0
}

.officesuite_buttons .button.litestgray_new.download_for_macos:before,
.officesuite_buttons .button.litestgray_new:visited.download_for_macos:before {
    background-position: 0 0
}

.officesuite_buttons .button.litestgray_new.download_appstore,
.officesuite_buttons .button.litestgray_new:visited.download_appstore,
.officesuite_buttons .button.litestgray_new.download_googleplay,
.officesuite_buttons .button.litestgray_new:visited.download_googleplay {
    display: inline-block;
    height: 14px;
    background-repeat: no-repeat;
    background-size: auto 34px;
    background-image: url(../../images/mainpage/downloads_2x.png)
}

.officesuite_buttons .button.litestgray_new.download_appstore:before,
.officesuite_buttons .button.litestgray_new:visited.download_appstore:before,
.officesuite_buttons .button.litestgray_new.download_googleplay:before,
.officesuite_buttons .button.litestgray_new:visited.download_googleplay:before {
    display: none
}

.officesuite_buttons .button.litestgray_new.download_appstore,
.officesuite_buttons .button.litestgray_new:visited.download_appstore {
    background-position: -373px 50%
}

.officesuite_buttons .button.litestgray_new.download_googleplay,
.officesuite_buttons .button.litestgray_new:visited.download_googleplay {
    background-position: -192px 50%
}

.officesuite_buttons .button.litestgray_new:hover,
.officesuite_buttons .button.litestgray_new:visited:hover {
    padding: 24px 0 24px 48px;
    text-transform: none;
    width: 120px;
    font-size: 16px;
    font-weight: 400
}

.officesuite_buttons .button.litestgray_new:active,
.officesuite_buttons .button.litestgray_new:visited:active {
    padding: 24px 0 24px 48px;
    text-transform: none;
    width: 120px;
    font-size: 16px;
    font-weight: 400
}

.officesuite_download_description {
    font-size: 18px;
    padding: 0 0 40px
}

.ose_screens_block {
    width: 1006px;
    height: 522px;
    margin: 60px auto 0;
    position: relative;
    text-align: center
}

.oses_blocks_overlay {
    width: 1006px;
    height: 427px;
    position: absolute;
    left: 0;
    top: 47px
}

.oses_blocks_overlay2 {
    width: 960px;
    height: 471px;
    position: absolute;
    left: 23px;
    top: 25px
}

.oses_blocks_image {
    position: relative;
    width: 911px;
    height: 523px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 911px 523px
}

.officesuitedocumenteditor .oses_blocks_overlay {
    background-color: #35557a
}

.officesuitedocumenteditor .oses_blocks_overlay2 {
    background-color: #3c5c81
}

.officesuitedocumenteditor .oses_blocks_image {
    background-image: url(../../images/mainpage/may2018/editors/document.jpg)
}

.officesuitepresentationeditor .oses_blocks_overlay {
    background-color: #943d3e
}

.officesuitepresentationeditor .oses_blocks_overlay2 {
    background-color: #9c4647
}

.officesuitepresentationeditor .oses_blocks_image {
    background-image: url(../../images/mainpage/may2018/editors/presentation.jpg)
}

.officesuitespreadsheeteditor .oses_blocks_overlay {
    background-color: #2c6642
}

.officesuitespreadsheeteditor .oses_blocks_overlay2 {
    background-color: #2f6e47
}

.officesuitespreadsheeteditor .oses_blocks_image {
    background-image: url(../../images/mainpage/may2018/editors/spreadsheet.jpg)
}

.oses_compatibility {
    text-align: center;
    font-size: 15px;
    color: #fff;
    padding: 50px 0
}

.officesuite_quote {
    padding: 80px 0;
    background-color: #f6f6f6
}

.officesuite_quote h2 {
    padding-bottom: 20px
}

.osq_description {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5em;
    max-width: 720px;
    text-align: center;
    margin: 0 auto
}

.osq_signature {
    font-size: 12px;
    text-align: center;
    padding: 30px 0 60px
}

.oses_blocks {
    width: 100%
}

.oses_block {
    display: inline-block;
    width: 33.33333%;
    text-align: center;
    margin: 0 auto;
    background-color: #f6f6f6;
    position: relative;
    z-index: 0;
    -webkit-transition: box-shadow 0.3s, background-color 0.3s;
    -moz-transition: box-shadow 0.3s, background-color 0.3s;
    -o-transition: box-shadow 0.3s, background-color 0.3s;
    transition: box-shadow 0.3s, background-color 0.3s
}

.oses_block a {
    display: block;
    font-weight: 600;
    padding: 74px 0;
    color: #333;
    text-decoration: none;
    font-size: 13px
}

.oses_block a span {
    display: block
}

.oses_block a span:before {
    width: 32px;
    height: 32px;
    display: block;
    content: '';
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 0 auto 30px
}

.oses_block:first-of-type a span,
.oses_block:nth-of-type(2) a span {
    border-right: 1px solid #e1e1e1
}

.oses_block.menuitem_unselected:hover,
.oses_block.menuitem_selected {
    background-color: #fff;
    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);
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
    margin-left: -1px;
    padding-left: 1px
}

.oses_block.menuitem_unselected:hover a span,
.oses_block.menuitem_selected a span {
    border-color: #fff;
    color: #ff642e
}

.oses_block.menuitem_selected {
    z-index: 100
}

.oses_block.menuitem_unselected:hover {
    z-index: 90
}

.oses_docedit a span:before {
    background-image: url(../../images/touroverview/features/icons/online-documents/doc.png)
}

.oses_docedit.menuitem_unselected:hover a span:before,
.oses_docedit.menuitem_selected a span:before {
    background-image: url(../../images/touroverview/features/icons/online-documents/doc-red.png)
}

.oses_spedit a span:before {
    background-image: url(../../images/touroverview/features/icons/online-documents/spreadsheet.png)
}

.oses_spedit.menuitem_unselected:hover a span:before,
.oses_spedit.menuitem_selected a span:before {
    background-image: url(../../images/touroverview/features/icons/online-documents/spreadsheet-red.png)
}

.oses_predit a span:before {
    background-image: url(../../images/touroverview/features/icons/online-documents/presentation.png)
}

.oses_predit.menuitem_unselected:hover a span:before,
.oses_predit.menuitem_selected a span:before {
    background-image: url(../../images/touroverview/features/icons/online-documents/presentation-red.png)
}

.doc_editor_register_link {
    position: absolute;
    left: 24px;
    top: 60px;
    width: 540px;
    height: 360px;
    display: block
}

.collaborationmain h1 {
    font-size: 46px;
    font-weight: 700;
    color: 1.2em;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    padding: 105px 0 0;
    max-width: 650px
}

.collaborationmain h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    text-align: center;
    padding: 85px 0 0
}

.collaborationmain h2 b {
    font-weight: 400;
    color: #ff642e
}

.collaborationinner h1 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    padding: 20px 0 0;
    max-width: 450px;
    position: relative;
    z-index: 10
}

.collaborationinner h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    text-align: center;
    padding: 85px 0 0
}

.collaborationinner h2 b {
    font-weight: 400;
    color: #ff642e
}

.collaborationpage h1 {
    color: #fff;
    text-align: left
}

.collaborationpage h3 {
    font-size: 24px;
    font-weight: 400;
    text-align: left;
    padding: 0 0 27px;
    line-height: 1.3em
}

.officesuite_download {
    padding: 100px 0 120px;
    text-align: center
}

.officesuite_download h3 {
    text-align: center
}

.collaborationmain .collaboration_header {
    background-color: #214b73;
    background-image: url(../../images/collaboration/main-header.jpg);
    background-repeat: no-repeat;
    background-position-x: calc(50% + 300px);
    background-position-y: 100%;
    background-size: cover
}

.collaborationmain .collaboration_header_narrow {
    height: 637px
}

.collaboration_header_narrow {
    text-align: left;
    color: #fff;
    position: relative
}

.collaborationinner .collaboration_header {
    background-color: #214b73;
    padding: 120px 0 0
}

.collaborationinner .collaboration_header_narrow {
    height: 517px
}

.col_top_module_name {
    display: inline-block;
    padding: 8px 0 8px 25px;
    line-height: 1em;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.5px;
    margin: 0;
    background-repeat: no-repeat;
    background-position: 0 50%
}

.collaborationdocmanage .col_top_module_name {
    background-image: url(https://static-www.onlyoffice.com/images/collaboration/icons/documents.svg);
    background-size: 12px 12px
}

.collaborationcommunity .col_top_module_name {
    background-image: url(https://static-www.onlyoffice.com/images/collaboration/icons/community.svg);
    background-size: 14px 13px
}

.collaborationmail .col_top_module_name {
    background-image: url(https://static-www.onlyoffice.com/images/collaboration/icons/mail.svg);
    background-size: 14px 10px
}

.collaborationcrm .col_top_module_name {
    background-image: url(https://static-www.onlyoffice.com/images/collaboration/icons/crm.svg);
    background-size: 13px 12px
}

.collaborationprojects .col_top_module_name {
    background-image: url(https://static-www.onlyoffice.com/images/collaboration/icons/projects.svg);
    background-size: 11px 14px
}

.collaborationcalendar .col_top_module_name {
    background-image: url(https://static-www.onlyoffice.com/images/collaboration/icons/calendar.svg);
    background-size: 15px 15px
}

.col_buttons {
    text-align: left;
    position: relative;
    z-index: 10
}

.col_buttons a.button {
    margin: 0 10px 0 0
}

.collaborationmain .col_buttons {
    padding: 60px 0 0
}

.collaborationinner .col_buttons {
    padding: 30px 0 0
}

.collaboration_features {
    padding: 100px 0
}

.osf_row {
    display: table-row;
    height: 358px
}

.collaborationmain .osf_row:nth-of-type(2n+1) .osf_block {
    padding-left: 90px;
    padding-right: 630px
}

.collaborationmain .osf_row:nth-of-type(2n+1) .osf_block .col_screen_link {
    right: 60px
}

.collaborationmain .osf_row:nth-of-type(2n) .osf_block {
    padding-left: 630px;
    padding-right: 90px
}

.collaborationmain .osf_row:nth-of-type(2n) .osf_block .col_screen_link {
    left: 90px
}

.collaborationinner .osf_row:nth-of-type(2n) .osf_block {
    padding-left: 90px;
    padding-right: 630px
}

.collaborationinner .osf_row:nth-of-type(2n) .osf_block .col_screen_link {
    right: 60px
}

.collaborationinner .osf_row:nth-of-type(2n+1) .osf_block {
    padding-left: 630px;
    padding-right: 90px
}

.collaborationinner .osf_row:nth-of-type(2n+1) .osf_block .col_screen_link {
    left: 90px
}

.osf_block {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    padding-bottom: 85px;
    position: relative
}

.osf_description {
    line-height: 1.4em
}

.osf_description a {
    display: block;
    margin: 15px 0 0
}

a.col_learnmore,
a.col_simple_link {
    display: inline-block;
    margin: 20px 20px 0 0;
    font-size: 14px
}

a.col_learnmore:hover,
a.col_simple_link:hover {
    text-decoration: none
}

a.col_screen_link {
    color: transparent;
    display: block;
    text-align: center;
    font-size: 24px;
    text-decoration: none;
    width: 460px;
    height: 263px;
    line-height: 263px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 460px 263px;
    position: absolute;
    top: 30px;
    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
}

a.col_screen_link: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)
}

a.col_screen_link:after {
    width: 460px;
    height: 263px;
    display: block;
    content: '';
    color: transparent;
    background-color: transparent;
    -webkit-transition: background-color 0.3s, content 0.3s, color 0.3s;
    -moz-transition: background-color 0.3s, content 0.3s, color 0.3s;
    -o-transition: background-color 0.3s, content 0.3s, color 0.3s;
    transition: background-color 0.3s, content 0.3s, color 0.3s
}

a.col_screen_link:hover {
    text-decoration: none
}

a.col_screen_link:hover:after {
    color: #fff;
    text-decoration: none;
    content: 'Take a quick screenshot tour';
    background-color: rgba(0, 0, 0, 0.55)
}

.colf_1 .col_screen_link {
    background-image: url(../../images/touroverview/features/docs/docs_01.png)
}

.colf_2 .col_screen_link {
    background-image: url(../../images/touroverview/features/mail/mail_01.png)
}

.colf_3 .col_screen_link {
    background-image: url(../../images/touroverview/features/crm/crm_01.png)
}

.colf_4 .col_screen_link {
    background-image: url(../../images/touroverview/features/projects/projects_02.png)
}

.colf_5 .col_screen_link {
    background-image: url(../../images/touroverview/features/calendar/calendar_01.png)
}

.colf_6 .col_screen_link {
    background-image: url(../../images/touroverview/features/community/community_01.png)
}

.col_head_blocks_overlay {
    position: absolute;
    width: 1426px;
    height: 1023px;
    background-repeat: no-repeat;
    background-position: 0 0;
    top: -183px;
    right: -760px
}

.collaborationdocmanage .col_head_blocks_overlay {
    background-image: url(../../images/collaboration/header/document-management.png)
}

.collaborationcommunity .col_head_blocks_overlay {
    background-image: url(../../images/collaboration/header/community.png)
}

.collaborationmail .col_head_blocks_overlay {
    background-image: url(../../images/collaboration/header/mail.png)
}

.collaborationcrm .col_head_blocks_overlay {
    background-image: url(../../images/collaboration/header/crm.png)
}

.collaborationprojects .col_head_blocks_overlay {
    background-image: url(../../images/collaboration/header/projects.png)
}

.collaborationcalendar .col_head_blocks_overlay {
    background-image: url(../../images/collaboration/header/calendar.png)
}

.col_head_awards {
    height: 184px;
    position: absolute;
    left: -48px;
    bottom: -70px;
    background-image: url(../../images/collaboration/medals.png);
    background-repeat: no-repeat
}

.col_head_awards2 {
    height: 184px;
    position: absolute;
    left: 80px;
    bottom: -70px;
    background-image: url(../../images/collaboration/medals.png);
    background-repeat: no-repeat
}

.collaborationdocmanage .col_head_awards {
    width: 305px;
    left: -1px;
    background-position: -723px 0
}

.collaborationprojects .col_head_awards {
    width: 200px;
    background-position: -293px 0
}

.collaborationprojects .col_head_awards2 {
    width: 200px;
    background-position: -483px 0
}

.colf_1_dm .col_screen_link {
    background-image: url(../../images/touroverview/features/docs/docs_01.png)
}

.colf_2_dm .col_screen_link {
    background-image: url(../../images/touroverview/features/docs/docs_02.png)
}

.colf_3_dm .col_screen_link {
    background-image: url(../../images/touroverview/features/docs/docs_03.png)
}

.colf_4_dm .col_screen_link {
    background-image: url(../../images/touroverview/features/docs/docs_04.png)
}

.colf_5_dm .col_screen_link {
    background-image: url(../../images/touroverview/features/docs/docs_05.png)
}

.colf_6_dm .col_screen_link {
    background-image: url(../../images/touroverview/features/docs/docs_06.png)
}

.colf_7_dm .col_screen_link {
    background-image: url(../../images/touroverview/features/docs/docs_07.png)
}

.colf_1_ml .col_screen_link {
    background-image: url(../../images/touroverview/features/mail/mail_01.png)
}

.colf_2_ml .col_screen_link {
    background-image: url(../../images/touroverview/features/mail/mail_02.png)
}

.colf_3_ml .col_screen_link {
    background-image: url(../../images/touroverview/features/mail/mail_03.png)
}

.colf_4_ml .col_screen_link {
    background-image: url(../../images/touroverview/features/mail/mail_04.png)
}

.colf_5_ml .col_screen_link {
    background-image: url(../../images/touroverview/features/mail/mail_05.png)
}

.colf_6_ml .col_screen_link {
    background-image: url(../../images/touroverview/features/mail/mail_06.png)
}

.colf_1_crm .col_screen_link {
    background-image: url(../../images/touroverview/features/crm/crm_01.png)
}

.colf_2_crm .col_screen_link {
    background-image: url(../../images/touroverview/features/crm/crm_02.png)
}

.colf_3_crm .col_screen_link {
    background-image: url(../../images/touroverview/features/crm/crm_03.png)
}

.colf_4_crm .col_screen_link {
    background-image: url(../../images/touroverview/features/crm/crm_04.png)
}

.colf_5_crm .col_screen_link {
    background-image: url(../../images/touroverview/features/crm/crm_05.png)
}

.colf_6_crm .col_screen_link {
    background-image: url(../../images/touroverview/features/crm/crm_06.png)
}

.colf_7_crm .col_screen_link {
    background-image: url(../../images/touroverview/features/crm/crm_07.png)
}

.colf_1_pr .col_screen_link {
    background-image: url(../../images/touroverview/features/projects/projects_01.png)
}

.colf_2_pr .col_screen_link {
    background-image: url(../../images/touroverview/features/projects/projects_02.png)
}

.colf_3_pr .col_screen_link {
    background-image: url(../../images/touroverview/features/projects/projects_03.png)
}

.colf_4_pr .col_screen_link {
    background-image: url(../../images/touroverview/features/projects/projects_04.png)
}

.colf_1_cl .col_screen_link {
    background-image: url(../../images/touroverview/features/calendar/calendar_01.png)
}

.colf_2_cl .col_screen_link {
    background-image: url(../../images/touroverview/features/calendar/calendar_02.png)
}

.colf_3_cl .col_screen_link {
    background-image: url(../../images/touroverview/features/calendar/calendar_03.png)
}

.colf_4_cl .col_screen_link {
    background-image: url(../../images/touroverview/features/calendar/calendar_04.png)
}

.colf_1_cm .col_screen_link {
    background-image: url(../../images/touroverview/features/community/community_01.png)
}

.colf_2_cm .col_screen_link {
    background-image: url(../../images/touroverview/features/community/community_02.png)
}

.colf_3_cm .col_screen_link {
    background-image: url(../../images/touroverview/features/community/community_03.png)
}

.colf_4_cm .col_screen_link {
    background-image: url(../../images/touroverview/features/community/community_04.png)
}

.officesuite_projects_mobile {
    background-color: #f6f6f6;
    margin: 0 0 11px;
    background-image: url(../../images/collaboration/mobile.png);
    background-repeat: no-repeat;
    background-position-x: calc(50% + 380px);
    background-position-y: -18px
}

.officesuite_projects_mobile_narrow {
    padding: 90px 0;
    min-height: 240px;
    overflow: visible
}

.opmn_name {
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    padding: 8px 10px;
    line-height: 1em;
    letter-spacing: 1px;
    margin: 0 0 0 -8px
}

.opmn_heading {
    font-size: 30px;
    color: #ff642e;
    padding: 20px 0 0
}

.opmn_description {
    font-size: 18px;
    line-height: 1.4em;
    max-width: 500px;
    padding: 30px 0 0
}

.opmn_button_area {
    padding: 30px 0 0
}

a.opmn_button {
    display: inline-block;
    width: 150px;
    height: 50px;
    background-image: url(../../images/solutions/desktopmobileapps/appstore.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 150px 50px
}

.cms_blocks {
    width: 100%
}

.cms_block {
    display: inline-block;
    width: 16.666%;
    text-align: center;
    margin: 0 auto;
    background-color: #f6f6f6;
    position: relative;
    z-index: 0;
    -webkit-transition: box-shadow 0.3s, background-color 0.3s;
    -moz-transition: box-shadow 0.3s, background-color 0.3s;
    -o-transition: box-shadow 0.3s, background-color 0.3s;
    transition: box-shadow 0.3s, background-color 0.3s
}

.cms_block a {
    display: block;
    font-weight: 600;
    padding: 4vw 0;
    color: #333;
    text-decoration: none;
    font-size: 13px
}

.cms_block a span {
    display: block
}

.cms_block a span:before {
    width: 44px;
    height: 36px;
    display: block;
    content: '';
    background-repeat: no-repeat;
    margin: 0 auto 30px;
    background-image: url(../../images/solutions/cloudoffice/icons_cloudsolution_moduls.png);
    background-position-y: 0
}

.cms_block:first-of-type a span,
.cms_block:nth-of-type(2) a span,
.cms_block:nth-of-type(3) a span,
.cms_block:nth-of-type(4) a span,
.cms_block:nth-of-type(5) a span {
    border-right: 1px solid #e1e1e1
}

.cms_block.menuitem_unselected:hover,
.cms_block.menuitem_selected {
    background-color: #fff;
    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);
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
    margin-left: -1px;
    padding-left: 1px
}

.cms_block.menuitem_unselected:hover a span,
.cms_block.menuitem_selected a span {
    border-color: #fff;
    color: #ff642e
}

.cms_block.menuitem_selected {
    z-index: 100
}

.cms_block.menuitem_unselected:hover {
    z-index: 90
}

.oses_docmanage a span:before {
    background-position-x: -46px
}

.oses_docmanage.menuitem_unselected:hover a span:before,
.oses_docmanage.menuitem_selected a span:before {
    background-position-x: -690px
}

.oses_mail a span:before {
    background-position-x: -90px
}

.oses_mail.menuitem_unselected:hover a span:before,
.oses_mail.menuitem_selected a span:before {
    background-position-x: -734px
}

.oses_crm a span:before {
    background-position-x: -135px
}

.oses_crm.menuitem_unselected:hover a span:before,
.oses_crm.menuitem_selected a span:before {
    background-position-x: -779px
}

.oses_projects a span:before {
    background-position-x: -180px
}

.oses_projects.menuitem_unselected:hover a span:before,
.oses_projects.menuitem_selected a span:before {
    background-position-x: -824px
}

.oses_calendar a span:before {
    background-position-x: -230px
}

.oses_calendar.menuitem_unselected:hover a span:before,
.oses_calendar.menuitem_selected a span:before {
    background-position-x: -874px
}

.oses_community a span:before {
    background-position-x: -275px
}

.oses_community.menuitem_unselected:hover a span:before,
.oses_community.menuitem_selected a span:before {
    background-position-x: -919px
}

.editorcomparison h1 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    text-align: center;
    margin: 0 auto
}

.editorcomparison h1 b {
    font-weight: 400;
    color: #ff642e
}

.editorcomparison h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    text-align: center;
    margin: 0 auto;
    max-width: 670px
}

.editorcomparison h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5em;
    text-align: center;
    padding: 0;
    margin: 0 auto;
    max-width: 870px
}

.editorcomparison_header {
    background-color: #f6f6f6;
    text-align: center;
    position: relative
}

.ech_text {
    width: 550px;
    font-size: 18px;
    line-height: 1.4em;
    text-align: center;
    margin: 35px auto
}

.ech_video_part {
    width: 650px;
    height: 365px;
    text-align: center;
    margin: 67px auto 40px;
    padding: 14px 14px 120px;
    background-color: #fff;
    display: block;
    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
}

.ech_video_part: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)
}

.ech_video_part iframe {
    width: 650px;
    height: 365px;
    border: 0 none
}

.ech_video_description {
    font-size: 18px;
    color: #666;
    line-height: 1.4em;
    padding: 30px 0;
    max-width: 470px;
    text-align: center;
    margin: 0 auto
}

.product_overview {
    text-align: center;
    padding: 80px 0
}

.ecp_nonconvinced {
    font-size: 18px;
    color: #666;
    max-width: 780px;
    margin: 0 auto;
    line-height: 1.5em;
    padding: 30px 0 0
}

.ecp_link_to_instruction {
    display: block;
    margin: 20px auto 60px;
    font-size: 14px;
    text-align: center
}

.ecov_block {
    padding: 0
}

.editorcomparison_overview {
    margin: 0;
    position: relative;
    display: inline-block
}

.editorcomparison_overview:nth-of-type(odd) {
    padding: 0 60px 30px 0
}

.editorcomparison_overview:nth-of-type(even),
.editorcomparison_overview:last-of-type {
    padding: 0 0 30px
}

a.overview_screenshot {
    display: block;
    position: relative;
    width: 450px;
    height: 275px;
    background-position: 0 0;
    background-repeat: no-repeat;
    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
}

a.overview_screenshot: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)
}

a.overview_screenshot:before {
    content: '';
    display: block;
    width: 300px;
    height: 113px;
    position: absolute;
    top: 81px;
    left: 75px;
    background-image: url(../../images/compare/logos.png);
    background-repeat: no-repeat
}

.overview_block_header {
    font-size: 18px;
    font-weight: 400;
    padding: 80px 0 30px;
    margin: 0;
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #333;
    line-height: 1.5em
}

.overview_msoffice a.overview_screenshot:before {
    background-position: -250px 0
}

.overview_collabora a.overview_screenshot:before {
    width: 320px;
    background-position: -1097px 0
}

.overview_libreoffice a.overview_screenshot:before {
    width: 300px;
    background-position: -1420px 0
}

.overview_googledocs a.overview_screenshot:before {
    background-position: -510px 0
}

.overview_zoho a.overview_screenshot:before {
    background-position: -777px 0
}

.ecp_docx_block {
    background-color: #f6f6f6;
    padding: 80px 0;
    text-align: center
}

.ech_versus {
    font-size: 18px;
    font-weight: 600;
    width: 68px;
    height: 68px;
    position: relative;
    line-height: 68px;
    margin: 0 auto 0 -4px
}

.ech_versus:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 62px;
    height: 62px;
    border-radius: 70px;
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;
    border-width: 3px;
    border-style: solid;
    border-left-color: #ff6f3d;
    border-top-color: #ff6f3d;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.comparisonmsoffice h1 {
    max-width: 670px
}

.comparisonmsoffice .ech_versus:before {
    border-right-color: #ea3c00;
    border-bottom-color: #ea3c00
}

.comparisonmsoffice .ecp_presentation_block {
    background-image: url(../../images/compare/msoffice.png)
}

.comparisonmsoffice .cp_edit_google,
.comparisonmsoffice .cp_edit_zoho,
.comparisonmsoffice .cp_edit_collabora,
.comparisonmsoffice .cp_edit_libreoffice,
.comparisonmsoffice .cp_edit_msoffice .comma,
.comparisonmsoffice .cp_source_edit_collabora,
.comparisonmsoffice .cp_source_edit_collabora_only {
    display: none
}

.comparisongoogledocs h1 {
    max-width: 670px
}

.comparisongoogledocs .ech_versus:before {
    border-right-color: #4482ef;
    border-bottom-color: #4482ef
}

.comparisongoogledocs .ecp_presentation_block {
    background-image: url(../../images/compare/google.png)
}

.comparisongoogledocs .cp_edit_msoffice,
.comparisongoogledocs .cp_edit_zoho,
.comparisongoogledocs .cp_edit_collabora,
.comparisongoogledocs .cp_edit_libreoffice,
.comparisongoogledocs .cp_edit_google .comma,
.comparisongoogledocs .cp_source_edit_collabora,
.comparisongoogledocs .cp_source_edit_collabora_only {
    display: none
}

.comparisoncollabora h1 {
    max-width: 670px
}

.comparisoncollabora .ech_versus:before {
    border-right-color: #4f4898;
    border-bottom-color: #4f4898
}

.comparisoncollabora .ecp_presentation_block {
    background-image: url(../../images/compare/collabora.png)
}

.comparisoncollabora .cp_edit_msoffice,
.comparisoncollabora .cp_edit_zoho,
.comparisoncollabora .cp_edit_google,
.comparisoncollabora .cp_edit_libreoffice,
.comparisoncollabora .cp_edit_collabora .comma,
.comparisoncollabora .cp_source_edit_all {
    display: none
}

.comparisonzohodocs h1 {
    max-width: 670px
}

.comparisonzohodocs .ech_versus:before {
    border-right-color: #fac700;
    border-bottom-color: #fac700
}

.comparisonzohodocs .ecp_presentation_block {
    background-image: url(../../images/compare/zoho.png)
}

.comparisonzohodocs .cp_edit_msoffice,
.comparisonzohodocs .cp_edit_google,
.comparisonzohodocs .cp_edit_collabora,
.comparisonzohodocs .cp_edit_libreoffice,
.comparisonzohodocs .cp_edit_zoho .comma,
.comparisonzohodocs .cp_source_edit_collabora,
.comparisonzohodocs .cp_source_edit_collabora_only {
    display: none
}

.comparisonlibreoffice h1 {
    max-width: 670px
}

.comparisonlibreoffice .ech_versus:before {
    border-right-color: #00a500;
    border-bottom-color: #00a500
}

.comparisonlibreoffice .ecp_presentation_block {
    background-image: url(../../images/compare/libreoffice.png)
}

.comparisonlibreoffice .cp_edit_msoffice,
.comparisonlibreoffice .cp_edit_google,
.comparisonlibreoffice .cp_edit_collabora,
.comparisonlibreoffice .cp_edit_zoho,
.comparisonlibreoffice .cp_edit_libreoffice .comma,
.comparisonlibreoffice .cp_source_edit_all,
.comparisonlibreoffice .cp_source_edit_collabora_only {
    display: none
}

.editcomparison_header {
    overflow: hidden
}

.editcomparison_header_narrow {
    position: relative;
    z-index: 10
}

.editorcomparisoninner .editcomparison_header_narrow {
    padding: 80px 0 30px;
    height: 460px
}

.editorcomparisonmain .editcomparison_header_narrow {
    padding: 90px 0 30px
}

.editorcomparisonmain .cp_source_edit_all {
    display: none
}

.ech_vs_block {
    padding: 70px 0 0
}

.ech_vs_block div {
    display: inline-block;
    vertical-align: middle
}

.ech_overlay {
    position: absolute;
    left: 50%;
    width: 50%;
    height: 570px;
    background-color: #efefef;
    z-index: 1
}

.ech_compatibility {
    font-size: 15px;
    padding: 30px 0 0;
    line-height: 1.4em;
    text-align: center
}

.ech_vs_alternative {
    width: 300px;
    height: 113px;
    background-image: url(../../images/compare/logos.png);
    background-repeat: no-repeat
}

.ech_vs_onlyoffice {
    background-position: 22px 0;
    margin-right: 30px
}

.echvs_msoffice {
    background-position: -250px 0;
    margin-left: 25px
}

.echvs_googledocs {
    background-position: -510px 0;
    margin-left: 25px
}

.echvs_zohodocs {
    background-position: -777px 0;
    margin-left: 25px
}

.echvs_collabora {
    width: 320px;
    background-position: -1097px 0;
    margin-left: 55px;
    margin-right: -50px
}

.echvs_libreoffice {
    width: 300px;
    background-position: -1420px 0;
    margin-left: 25px
}

.editorcomparison_header_buttons {
    padding: 80px 0 0
}

.editorcomparison_header_buttons a.button:first-of-type {
    margin: 0 5px 0 -5px
}

.editorcomparison_header_buttons a.button:last-of-type {
    margin: 0 5px
}

.editorcomparison_reasons {
    padding: 80px 0
}

.ecr_block {
    padding: 80px 0 0
}

.ecrb_inner {
    display: inline-block;
    width: 280px;
    padding: 0;
    vertical-align: top
}

.ecrb_inner.ecrb_four_reasons {
    width: 450px;
    padding-bottom: 50px
}

.ecrb_inner.ecrb_four_reasons:nth-of-type(2) {
    padding-right: 0
}

.ecrb_inner.ecrb_four_reasons:nth-of-type(3) {
    padding-right: 60px
}

.ecrb_inner:first-of-type,
.ecrb_inner:nth-of-type(2) {
    padding-right: 60px
}

.ecrb_inner:before {
    content: '';
    display: block;
    width: 115px;
    height: 72px;
    background-image: url(../../images/compare/icons-%401x.png);
    background-repeat: no-repeat;
    margin: 0 0 20px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .ecrb_inner:before {
        background-image: url(../../images/compare/icons-%402x.png);
        background-size: auto 72px
    }
}

.ecrb_block1:before {
    background-position: -18px 0
}

.ecrb_block2:before {
    background-position: -149px 0
}

.ecrb_block3:before {
    background-position: -276px 0
}

.ecrb_block4:before {
    background-position: -791px 0
}

.ecrb_block5:before {
    background-position: -407px 0
}

.ecrb_block6:before {
    background-position: -537px 0
}

.ecrb_block7:before {
    background-position: -665px 0
}

.ecrb_block8:before {
    background-position: -915px 0
}

.ecrb_block9:before {
    background-position: -1044px 0
}

.ecrb_heading {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2em;
    padding: 0
}

.ecrb_description {
    font-size: 16px;
    line-height: 1.5em;
    padding: 15px 0 0
}

.editorcomparison_presentation {
    padding: 80px 0;
    background-color: #f6f6f6
}

.editorcomparison_presentation h3 {
    padding: 0 0 40px;
    max-width: 640px
}

.ecp_presentation_block {
    width: 650px;
    height: 370px;
    margin: 0 auto;
    padding: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 650px 370px;
    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
}

.ecp_presentation_block: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)
}

.ecpb_link {
    display: block;
    width: 650px;
    height: 370px;
    position: relative
}

.ecpb_link:before {
    display: block;
    content: '';
    width: 94px;
    height: 94px;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    position: absolute;
    top: calc(50% - 47px);
    left: calc(50% - 47px);
    -webkit-transition: width 0.2s, height 0.2s, top 0.2s, left 0.2s;
    transition: width 0.2s, height 0.2s, top 0.2s, left 0.2s
}

.ecpb_link:after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17px 0 17px 28px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: calc(50% - 17px);
    left: calc(50% - 8px)
}

.ecpb_link:hover:before {
    width: 120px;
    height: 120px;
    border-radius: 120px;
    -moz-border-radius: 120px;
    -webkit-border-radius: 120px;
    top: calc(50% - 60px);
    left: calc(50% - 60px)
}

.editorcomparison_tables {
    padding: 80px 0 40px
}

.ectn_table_block {
    max-width: 940px;
    margin: 60px auto 0;
    border-top: 1px solid #e5e5e5;
    padding: 0;
    text-align: center
}

.ectn_table_block table {
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
    width: 100%
}

.ectn_table_block table tr {
    border-bottom: 1px solid #e5e5e5
}

.ectn_table_block table tbody tr:last-of-type {
    border-bottom: 0 none
}

.ectn_table_block table th {
    color: #ff642e;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    padding: 20px 0;
    background-color: #f6f6f6
}

.ectn_table_block table th:nth-child(2) {
    background-color: #eee
}

.ectn_table_block table td {
    width: 33%;
    text-align: left;
    font-size: 14px;
    color: #666;
    line-height: 1.5em
}

.ectn_table_block table td:first-child {
    padding: 20px 0
}

.ectn_table_block table td:nth-child(2),
.ectn_table_block table td:nth-child(3) {
    padding: 20px
}

.ectn_table_block table td:nth-child(2) {
    background-color: #f6f6f6
}

.ectn_table_block table td p {
    font-size: 14px;
    padding: 0 0 20px
}

.ectn_table_block table td p.para_with_span {
    margin-top: 20px
}

.ectn_table_block table td p.aligned_center {
    text-align: center
}

.ectn_table_block table span {
    width: 10px;
    height: 10px;
    display: block;
    margin: 10px auto;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    position: relative
}

.ectn_table_block table span.yes {
    background-color: #ff642e
}

.ectn_table_block table span.no {
    background-color: #dedede
}

.ectn_table_block table span.yes_no {
    width: 5px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    background-color: #ff642e
}

.ectn_table_block table span.yes_no:after {
    position: absolute;
    right: -5px;
    top: -10px;
    content: '';
    width: 5px;
    height: 10px;
    display: block;
    margin: 10px auto;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    background-color: #dedede
}

.ectn_table_wrapper {
    border-bottom: 1px solid #e5e5e5
}

.ectn_example_heading {
    cursor: pointer;
    display: inline-block;
    background-color: #f6f6f6;
    padding: 2px 8px;
    position: relative;
    margin: 5px 0 0 -8px
}

.ectn_example_heading:after {
    position: absolute;
    content: '';
    display: block;
    left: 8px;
    bottom: 3px;
    width: calc(100% - 16px);
    height: 0;
    border-bottom: dashed 1px #666;
    -webkit-transition: border-width 0.7s;
    -moz-transition: border-width 0.7s;
    -o-transition: border-width 0.7s;
    transition: border-width 0.7s
}

.ectn_example_heading.expanded:after {
    border-bottom: 0 none
}

.ectn_example_body {
    padding: 5px 0 20px
}

.ectn_example_body li {
    list-style-position: outside;
    margin: 0 0 3px 15px;
    padding: 0;
    line-height: 1.5em
}

.ectn_table_heading_wrapper {
    background-color: #f6f6f6
}

.ectn_table_heading_wrapper:hover {
    background-color: #ebebeb
}

.ectn_table_heading {
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    padding: 36px 0;
    margin: 0 auto;
    position: relative;
    cursor: pointer
}

.ectn_table_heading:after {
    content: '';
    display: block;
    border-left: #333 2px solid;
    border-bottom: #333 2px solid;
    width: 7px;
    height: 7px;
    position: absolute;
    right: -25px;
    top: 42px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s
}

.ectn_table_heading.expanded:after {
    -ms-transform: rotate(-225deg);
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg)
}

.editorcomparison_article {
    padding: 80px 0
}

.editorcomparison_article h3 {
    max-width: 850px
}

.eca_block {
    background-position: 50% 40px;
    background-repeat: no-repeat;
    background-size: 64px auto;
    text-align: center;
    font-size: 16px;
    line-height: 1.5em;
    max-width: 770px;
    margin: 0 auto
}

.eca_block_top11 {
    padding: 160px 0 0;
    background-image: url(../../images/screentour/editorcomparison/top-icon-2x.png)
}

.eca_block_collabora {
    padding: 130px 0 0;
    background-image: url(../../images/screentour/editorcomparison/vs-icon-2x.png)
}

.eca_block_collabora2 {
    padding: 130px 0 0;
    background-image: url(../../images/screentour/editorcomparison/vs-icon2-2x.png)
}

.eca_heading {
    display: block
}

.eca_text {
    padding: 20px 0 0
}

.eca_text a {
    display: block;
    margin: 20px 0 0;
    font-size: 15px
}

.docx_link,
.pdf_link,
.xlsx_link {
    display: inline-block
}

.docx_link:before,
.pdf_link:before,
.xlsx_link:before {
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 18px;
    height: 21px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin: 0 5px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
}

.docx_link:before {
    background-image: url(../../images/compare/file_docx.png)
}

.xlsx_link:before {
    background-image: url(../../images/compare/file_xlsx.png)
}

.pdf_link:before {
    background-image: url(../../images/compare/file_pdf.png)
}

.editorcomparison_pdf_block {
    background-color: #f6f6f6;
    padding: 80px 0 20px
}

.ecpdf_description,
.ectn_bottom_description {
    color: #666;
    margin: 0 auto;
    line-height: 1.5em;
    padding: 30px 0 0;
    text-align: center
}

.ecpdf_description.ecpdf_xlsx,
.ectn_bottom_description.ecpdf_xlsx {
    padding-top: 60px
}

.ecpdf_description {
    font-size: 18px
}

.ectn_bottom_description {
    font-size: 13px
}

.ecpdf_selector_block {
    text-align: center;
    position: relative
}

.ecpdf_selector_buttons {
    padding: 40px 0;
    text-align: center
}

.ecpdf_selector_buttons a.button,
.ecpdf_selector_buttons a.button:hover {
    margin: 0 -3px;
    position: relative;
    padding-top: 23px;
    padding-right: 30px;
    padding-bottom: 23px;
    text-transform: none;
    font-weight: 400;
    font-size: 16px
}

.ecpdf_selector_buttons a.button:before,
.ecpdf_selector_buttons a.button:hover:before {
    content: '';
    position: absolute;
    left: 25px;
    top: 17px;
    height: 28px;
    background-image: url(../../images/compare/logos-sm-%402x.png);
    background-repeat: no-repeat;
    background-size: auto 28px;
    background-position-y: 0
}

.ecpdf_selector_buttons a.button.active,
.ecpdf_selector_buttons a.button:hover.active {
    background-color: #fff !important;
    border-color: #fff !important;
    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;
    z-index: 100
}

.ecpdf_selector_buttons a.button.inactive,
.ecpdf_selector_buttons a.button:hover.inactive {
    z-index: 1;
    background-color: transparent !important;
    border-color: #d7d7d7 !important
}

.ecpdf_selector_buttons a.button.inactive:hover,
.ecpdf_selector_buttons a.button:hover.inactive:hover {
    background-color: #ebebeb !important
}

.ecpdf_selector_buttons a.button.ecpdf_onlyoffice,
.ecpdf_selector_buttons a.button:hover.ecpdf_onlyoffice {
    padding-left: 70px
}

.ecpdf_selector_buttons a.button.ecpdf_onlyoffice:before,
.ecpdf_selector_buttons a.button:hover.ecpdf_onlyoffice:before {
    background-position-x: 0;
    width: 32px
}

.ecpdf_selector_buttons a.button.ecpdf_collabora,
.ecpdf_selector_buttons a.button:hover.ecpdf_collabora {
    padding-left: 70px
}

.ecpdf_selector_buttons a.button.ecpdf_collabora:before,
.ecpdf_selector_buttons a.button:hover.ecpdf_collabora:before {
    background-position-x: -93px;
    width: 32px
}

.ecpdf_selector_buttons a.button.ecpdf_msoffice,
.ecpdf_selector_buttons a.button:hover.ecpdf_msoffice {
    padding-left: 69px
}

.ecpdf_selector_buttons a.button.ecpdf_msoffice:before,
.ecpdf_selector_buttons a.button:hover.ecpdf_msoffice:before {
    background-position-x: -36px;
    width: 30px
}

.ecpdf_selector_buttons a.button.ecpdf_google,
.ecpdf_selector_buttons a.button:hover.ecpdf_google {
    padding-left: 67px
}

.ecpdf_selector_buttons a.button.ecpdf_google:before,
.ecpdf_selector_buttons a.button:hover.ecpdf_google:before {
    background-position-x: -68px;
    width: 26px
}

.ecpdf_selector_buttons a.button.ecpdf_zoho,
.ecpdf_selector_buttons a.button:hover.ecpdf_zoho {
    padding-left: 120px
}

.ecpdf_selector_buttons a.button.ecpdf_zoho:before,
.ecpdf_selector_buttons a.button:hover.ecpdf_zoho:before {
    background-position-x: -126px;
    width: 87px
}

.ecpdf_selector_buttons a.button.ecpdf_libreoffice,
.ecpdf_selector_buttons a.button:hover.ecpdf_libreoffice {
    padding-left: 68px
}

.ecpdf_selector_buttons a.button.ecpdf_libreoffice:before,
.ecpdf_selector_buttons a.button:hover.ecpdf_libreoffice:before {
    background-position-x: -215px;
    width: 28px
}

.editorcomparisonmain .ecpdf_selector_buttons a.button,
.editorcomparisonmain .ecpdf_selector_buttons a.button:hover {
    margin: 0 -1px 0 0;
    height: 16px;
    padding-right: 9px
}

.ecpdf_pdfs {
    position: relative;
    width: 816px;
    height: 60vh;
    margin: 0 auto
}

.ecpdf_pdf {
    position: absolute;
    top: 0;
    left: 0;
    border: 0 none;
    padding: 0;
    margin: 0
}

.ecpdf_pdf embed {
    width: 816px;
    height: 60vh;
    border: 1px solid #bbbec2;
    margin: 0 auto;
    overflow: hidden;
    background-color: #3d3d3d
}

.ecpdf_whats_wrong {
    font-size: 14px;
    text-align: center;
    padding: 20px 0 0
}

.on-premise-price {
    font-size: 34px;
    color: #666;
    font-weight: 300
}

.eventspage .innerblue {
    width: 100%
}

.events_header {
    width: 100%;
    background-color: #122042;
    background-image: url(../../images/events/background.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover
}

.events_header_narrow {
    padding: 150px 0
}

.events_header_narrow h1 {
    font-weight: 700;
    font-size: 48px;
    font-family: 'Open Sans';
    margin: 0;
    padding: 0;
    line-height: 1.3em;
    color: #fff;
    text-align: center;
    max-width: 940px
}

.events_main_text_narrow {
    padding: 80px 0
}

.emt_subheader {
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px
}

.emt_subheader b {
    font-weight: 600;
    color: #ff642e
}

.emt_upcoming_events {
    padding: 0 0 50px
}

#emtUpcomingEvents .emt_event_block {
    padding: 0 0 20px
}

#emtUpcomingEvents .emt_event_block h2 {
    font-size: 30px;
    color: #333;
    padding: 30px 0 20px;
    line-height: 1.3em
}

.emt_date {
    font-size: 13px;
    color: gray;
    padding: 0 0 0 25px;
    margin: 10px 0;
    min-height: 16px;
    line-height: 16px;
    background: url(../../images/events/time.png) 0 50% no-repeat
}

.emt_place {
    font-size: 13px;
    color: #333;
    padding: 0;
    margin: 0 0 20px
}

.emt_description {
    line-height: 1.6em;
    font-size: 14px;
    color: #333;
    background-size: 940px 470px;
    background-repeat: no-repeat;
    background-position: 0 100%;
    padding: 0 0 505px
}

.emt_links {
    padding: 20px 0 0
}

a.emt_more_link,
a.emt_schedule_link {
    display: inline-block;
    font-size: 14px
}

a.emt_more_link:hover,
a.emt_schedule_link:hover {
    text-decoration: none
}

.emt_more_link {
    margin-right: 35px
}

.emt_past_events {
    padding: 40px 0 0
}

#emtPastEvents .emt_event_block {
    display: inline-block;
    width: 380px;
    padding: 0 100px 50px 0;
    vertical-align: top
}

#emtPastEvents .emt_event_block h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3em;
    margin: 0;
    padding: 0 0 5px;
    height: 52px;
    display: table-cell;
    vertical-align: bottom
}

a.emt_impression_link {
    position: relative;
    display: block;
    padding: 210px 0 0;
    font-size: 14px
}

a.emt_impression_link:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    width: 380px;
    height: 190px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 380px 190px;
    -webkit-transition: filter 0.5s, -webkit-filter 0.5s;
    -moz-transition: filter 0.5s, -webkit-filter 0.5s;
    -o-transition: filter 0.5s, -webkit-filter 0.5s;
    transition: filter 0.5s, -webkit-filter 0.5s;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%)
}

.emt_past_link:hover a.emt_impression_link {
    text-decoration: none
}

.emt_past_link:hover a.emt_impression_link:before {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0)
}

.liferay_2019 .emt_description,
.liferay_2019 .emt_impression_link:before {
    background-image: url(../../images/events/liferay-2019.jpg)
}

.aiim_2019 .emt_description,
.aiim_2019 .emt_impression_link:before {
    background-image: url(../../images/events/aiim-2019.jpg)
}

.iasa_2019 .emt_description,
.iasa_2019 .emt_impression_link:before {
    background-image: url(../../images/events/iasa-2019.jpg)
}

.itsa_2019 .emt_description,
.itsa_2019 .emt_impression_link:before {
    background-image: url(../../images/events/itsa-2019.jpg)
}

.cee_2019 .emt_description,
.cee_2019 .emt_impression_link:before {
    background-image: url(../../images/events/cee-2019.jpg)
}

.nextcloud_ed_2019 .emt_description,
.nextcloud_ed_2019 .emt_impression_link:before {
    background-image: url(../../images/events/nextcloud-ed-2019.jpg)
}

.cs3_2019 .emt_description,
.cs3_2019 .emt_impression_link:before {
    background-image: url(../../images/events/cs3-2019.jpg)
}

.univention_2019 .emt_description,
.univention_2019 .emt_impression_link:before {
    background-image: url(../../images/events/univention-2019.jpg)
}

.owncloud_2018 .emt_description,
.owncloud_2018 .emt_impression_link:before {
    background-image: url(../../images/events/owncloud-2018.jpg)
}

.nextcloud_2018 .emt_description,
.nextcloud_2018 .emt_impression_link:before {
    background-image: url(../../images/events/nextcloud-2018.jpg)
}

.univention_2018 .emt_description,
.univention_2018 .emt_impression_link:before {
    background-image: url(../../images/events/univention-2018.jpg)
}

.cs3_2018 .emt_description,
.cs3_2018 .emt_impression_link:before {
    background-image: url(../../images/events/cs3-2018.jpg)
}

.powerfolder_2017 .emt_description,
.powerfolder_2017 .emt_impression_link:before {
    background-image: url(../../images/events/powerfolder-2017.jpg)
}

.findpartnerspage .innerblue {
    width: 100%
}

.list_of_partners {
    background: #f5f5f5 url(../../images/partners/background.png) 50% 0 no-repeat;
    background-size: 100% auto;
    padding: 80px 0
}

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

.list_of_partners_narrow h1 b {
    font-weight: 400;
    color: #ff642e
}

.lop_description {
    font-size: 18px;
    line-height: 1.6em;
    margin: 20px 0 0;
    max-width: 730px
}

.lop_top_button_block {
    padding: 30px 0 0
}

.partners_area,
#partners_showMoreButton {
    display: none
}

.partner_block {
    max-width: 970px;
    min-height: 120px;
    margin: 0 auto 10px;
    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;
    cursor: pointer;
    background-color: #fff;
    position: relative
}

.partner_block: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)
}

.partner_block:hover .pbh_logo {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0)
}

.partner_block:hover .pbh_heading {
    color: #ff7a4b
}

.pb_description {
    display: none
}

.pbh_heading {
    font-style: normal;
    font-weight: 400;
    line-height: 1.4em;
    font-size: 24px;
    display: table-cell;
    vertical-align: middle;
    width: 439px;
    padding: 45px 0 45px 45px;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s
}

.pbh_logo_block {
    display: table-cell;
    width: 191px;
    position: relative;
    text-align: center;
    vertical-align: middle
}

.pbh_logo_wrapper {
    height: 76px;
    border-right: 1px solid #dbdbdb
}

.pbh_logo {
    display: inline-block;
    background-image: url(../../images/partners/logo.png);
    background-repeat: no-repeat;
    background-position-y: 50%;
    background-size: auto 51px;
    height: 76px;
    margin: 0 auto;
    position: relative;
    -webkit-transition: filter 0.5s, -webkit-filter 0.5s;
    -moz-transition: filter 0.5s, -webkit-filter 0.5s;
    -o-transition: filter 0.5s, -webkit-filter 0.5s;
    transition: filter 0.5s, -webkit-filter 0.5s;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%)
}

.partner_1 .pbh_logo {
    background-position-x: -15px;
    width: 120px
}

.partner_2 .pbh_logo {
    background-position-x: -2376px;
    width: 135px
}

.partner_3 .pbh_logo {
    background-position-x: -179px;
    width: 90px
}

.partner_4 .pbh_logo {
    background-position-x: -315px;
    width: 115px
}

.partner_5 .pbh_logo {
    background-position-x: -482px;
    width: 72px
}

.partner_6 .pbh_logo {
    background-position-x: -636px;
    width: 65px
}

.partner_7 .pbh_logo {
    background-position-x: -756px;
    width: 118px
}

.partner_8 .pbh_logo {
    background-position-x: -916px;
    width: 96px
}

.partner_9 .pbh_logo {
    background-position-x: -1069px;
    width: 82px
}

.partner_10 .pbh_logo {
    background-position-x: -1203px;
    width: 112px
}

.partner_11 .pbh_logo {
    background-position-x: -1377px;
    width: 110px
}

.partner_12 .pbh_logo {
    background-position-x: -1528px;
    width: 54px
}

.partner_13 .pbh_logo {
    background-position-x: -2551px;
    width: 82px
}

.partner_14 .pbh_logo {
    background-position-x: -1669px;
    width: 68px
}

.partner_15 .pbh_logo {
    background-position-x: -1809px;
    width: 82px
}

.partner_16 .pbh_logo {
    background-position-x: -1955px;
    width: 83px
}

.partner_17 .pbh_logo {
    background-position-x: -2074px;
    width: 147px
}

.partner_18 .pbh_logo {
    background-position-x: -2235px;
    width: 116px
}

.partner_19 .pbh_logo {
    background-position-x: -2675px;
    width: 132px
}

.partner_20 .pbh_logo {
    background-position-x: -2834px;
    width: 116px
}

.partner_21 .pbh_logo {
    background-position-x: -2981px;
    width: 59px
}

.partner_22 .pbh_logo {
    background-position-x: -3292px;
    width: 100px
}

.partner_23 .pbh_logo {
    background-position-x: -3066px;
    width: 103px
}

.partner_24 .pbh_logo {
    background-position-x: -3189px;
    width: 73px
}

.partner_25 .pbh_logo {
    background-position-x: -3428px;
    width: 163px
}

.partner_26 .pbh_logo {
    background-position-x: -3775px;
    width: 158px
}

.partner_27 .pbh_logo {
    background-position-x: -3608px;
    width: 145px
}

.partner_28 .pbh_logo {
    background-position-x: -4078px;
    width: 160px
}

.partner_29 .pbh_logo {
    background-position-x: -4017px;
    width: 55px
}

.partner_30 .pbh_logo {
    background-position-x: -3938px;
    width: 73px
}

.partner_31 .pbh_logo {
    background-position-x: -4259px;
    width: 102px
}

.partner_32 .pbh_logo {
    background-position-x: -4374px;
    width: 115px
}

.pbh_country {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    line-height: 1.4em;
    font-size: 14px;
    text-align: right;
    color: #666;
    display: table-cell;
    vertical-align: middle;
    width: 175px
}

.pbh_link_block {
    display: table-cell;
    vertical-align: middle;
    width: 120px;
    text-align: center
}

.pbh_link {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(https://static-www.onlyoffice.com/images/partners/external-link-symbol.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 24px 24px;
    vertical-align: middle;
    margin: 0 auto;
    -webkit-transition: filter 0.5s, -webkit-filter 0.5s;
    -moz-transition: filter 0.5s, -webkit-filter 0.5s;
    -o-transition: filter 0.5s, -webkit-filter 0.5s;
    transition: filter 0.5s, -webkit-filter 0.5s;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%)
}

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

.pb_description {
    padding: 0 45px 45px;
    line-height: 1.6em;
    font-size: 14px;
    color: #666
}

.abc_area {
    font-weight: 600;
    line-height: normal;
    font-size: 14px;
    text-align: left;
    color: #ff6f3d;
    min-height: 60px;
    margin: 60px 0 30px
}

.letters_block {
    display: inline-block;
    padding: 20px 0
}

.abc_letters {
    display: inline-block;
    margin: 0;
    padding: 4px 12px;
    text-decoration: none;
    cursor: pointer;
    font-size: 16px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-transition: background-color 0.2s, color 0.2s;
    -moz-transition: background-color 0.2s, color 0.2s;
    -o-transition: background-color 0.2s, color 0.2s;
    transition: background-color 0.2s, color 0.2s
}

.abc_letters.gs_active {
    background-color: #666;
    color: #fff
}

.abc_letters.gs_active:hover {
    background-color: #666
}

.abc_letters:first-of-type {
    margin-right: 8px
}

.abc_letters:last-of-type {
    margin-right: 0
}

.abc_letters:hover {
    text-decoration: none;
    color: #fff;
    background-color: #ff642e
}

.country_search_block {
    display: inline-block;
    position: relative;
    padding: 40px 0 20px
}

.country_search_block label {
    color: #b1b1b1;
    position: absolute;
    left: 24px;
    top: 20px;
    z-index: 2;
    font-weight: 400;
    font-size: 14px;
    transform: translateY(0);
    transition: transform 100ms ease
}

.country_search-wrapper {
    background: #f9f9f9;
    border: solid 1px #d6d6d6;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    position: relative
}

.country_search-wrapper.focus {
    background-color: #fff;
    border-color: gray !important
}

.country_search-wrapper.focus label {
    transform: translateX(-2px) translateY(-13px);
    font-size: 11px
}

.country_search-wrapper.focus input.lop_search_inputarea {
    color: #333
}

input.lop_search_inputarea {
    font-family: 'Open Sans';
    background-color: transparent;
    border: 0;
    outline: none;
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
    padding: 26px 22px 14px;
    text-align: left;
    text-decoration: none !important;
    line-height: 1em;
    position: relative;
    z-index: 20;
    width: 454px
}

.search_char {
    position: absolute;
    right: 19px;
    top: 19px;
    width: 20px;
    height: 20px;
    display: block;
    z-index: 50
}

.search_char.notext {
    background: url(../../images/partners/search.png) 50% 50% no-repeat;
    background-size: 20px auto
}

.search_char.withtext {
    font-size: 30px;
    font-weight: 300;
    color: gray;
    line-height: 0.5em;
    cursor: pointer
}

.initially_hidden {
    display: none
}

.showmore_button_area {
    text-align: center;
    padding: 50px 0 0
}

.showmore_button_area .button {
    display: none;
    margin: 0 auto
}

.noresults_block {
    display: none;
    font-size: 16px;
    padding: 20px 0
}

.partners_join_block {
    width: 100%;
    background-color: #fff
}

.partners_join_block_narrow {
    text-align: center;
    padding: 80px 0
}

.partners_join_block_narrow h2 {
    line-height: 1.6em;
    padding: 90px 0 0;
    background: url(../../images/partners/join.png) no-repeat 50% 0;
    background-size: auto 62px;
    text-align: center
}

.pjb_button_block {
    padding: 40px 0 0
}

.contributepage .innerblue {
    width: 100%
}

.contribute_header {
    background-color: #f6f6f6;
    position: relative
}

.contribute_header_narrow {
    padding: 140px 0 80px;
    height: 445px;
    position: relative
}

.contribute_header_narrow h1 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    line-height: 1.6em;
    position: relative;
    z-index: 100
}

.contribute_header_narrow h1 b {
    font-weight: 400;
    color: #ff642e
}

.contribute_header_backgrounds {
    position: absolute;
    width: 100%;
    height: 808px;
    top: 0;
    z-index: 10
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.animated {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.delay-01s {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s
}

.animated.delay-02s {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s
}

.animated.delay-03s {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s
}

.animated.delay-04s {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s
}

.animated.delay-05s {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s
}

.animated.delay-06s {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s
}

.animated.delay-07s {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s
}

.animated.delay-08s {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s
}

.animated.delay-09s {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.contribute_header_people_background {
    width: 133px;
    height: 133px;
    position: absolute;
    z-index: 10;
    background-position: 0 0;
    background-size: 133px 133px;
    background-repeat: no-repeat;
    display: none
}

.cont_1 {
    background-image: url(../../images/contributors/user1.jpg)
}

.cont_2 {
    background-image: url(../../images/contributors/user2.jpg)
}

.dev_cont_1 {
    background-image: url(../../images/team/developers_photos/personal_01_2x.jpg)
}

.dev_cont_2 {
    background-image: url(../../images/team/developers_photos/personal_07_2x.jpg)
}

.dev_cont_3 {
    background-image: url(../../images/team/developers_photos/personal_43_2x.jpg)
}

.dev_cont_4 {
    background-image: url(../../images/team/developers_photos/personal_41_2x.jpg)
}

.dev_cont_5 {
    background-image: url(../../images/team/developers_photos/personal_04_2x.jpg)
}

.dev_cont_6 {
    background-image: url(../../images/team/developers_photos/personal_35_2x.jpg)
}

.dev_cont_7 {
    background-image: url(../../images/team/developers_photos/personal_12_2x.jpg)
}

.dev_cont_8 {
    bٕ
 ٕ œ́ œ́ 𓮁 ˜ˁ hœ́ œ́ @ œ́ images/team/developers_photos/personal_19_2x.jpg)
}

.dev_cont_10 {
    background-image: url(../../images/team/developers_photos/personal_22_2x.jpg)
}

.dev_cont_11 {
    background-image: url(../../images/team/developers_photos/personal_11_2x.jpg)
}

.dev_cont_12 {
    background-image: url(../../images/team/developers_photos/personal_06_2x.jpg)
}

.dev_cont_13 {
    background-image: url(../../images/team/developers_photos/personal_13_2x.jpg)
}

.dev_cont_14 {
    background-image: url(../../images/team/developers_photos/personal_05_2x.jpg)
}

.dev_cont_15 {
    background-image: url(../../images/team/developers_photos/personal_15_2x.jpg)
}

.dev_cont_16 {
    background-image: url(../../images/team/developers_photos/personal_16_2x.jpg)
}

.dev_cont_17 {
    background-image: url(../../images/team/developers_photos/personal_17_2x.jpg)
}

.dev_cont_18 {
    background-image: url(../../images/team/developers_photos/personal_18_2x.jpg)
}

.dev_cont_19 {
    background-image: url(../../images/team/developers_photos/personal_03_2x.jpg)
}

.dev_cont_20 {
    background-image: url(../../images/team/developers_photos/personal_20_2x.jpg)
}

.dev_cont_21 {
    background-image: url(../../images/team/developers_photos/personal_21_2x.jpg)
}

.dev_cont_22 {
    background-image: url(../../images/team/developers_photos/personal_08_2x.jpg)
}

.dev_cont_23 {
    background-image: url(../../images/team/developers_photos/personal_23_2x.jpg)
}

.dev_cont_24 {
    background-image: url(../../images/team/developers_photos/personal_24_2x.jpg)
}

.dev_cont_25 {
    background-image: url(../../images/team/developers_photos/personal_25_2x.jpg)
}

.dev_cont_26 {
    background-image: url(../../images/team/developers_photos/personal_26_2x.jpg)
}

.dev_cont_27 {
    background-image: url(../../images/team/developers_photos/personal_27_2x.jpg)
}

.dev_cont_28 {
    background-image: url(../../images/team/developers_photos/personal_28_2x.jpg)
}

.dev_cont_29 {
    background-image: url(../../images/team/developers_photos/personal_29_2x.jpg)
}

.dev_cont_30 {
    background-image: url(../../images/team/developers_photos/personal_30_2x.jpg)
}

.dev_cont_31 {
    background-image: url(../../images/team/developers_photos/personal_31_2x.jpg)
}

.dev_cont_32 {
    background-image: url(../../images/team/developers_photos/personal_32_2x.jpg)
}

.dev_cont_33 {
    background-image: url(../../images/team/developers_photos/personal_33_2x.jpg)
}

.dev_cont_34 {
    background-image: url(../../images/team/developers_photos/personal_34_2x.jpg)
}

.dev_cont_35 {
    background-image: url(../../images/team/developers_photos/personal_09_2x.jpg)
}

.dev_cont_36 {
    background-image: url(../../images/team/developers_photos/personal_36_2x.jpg)
}

.dev_cont_37 {
    background-image: url(../../images/team/developers_photos/personal_37_2x.jpg)
}

.dev_cont_38 {
    background-image: url(../../images/team/developers_photos/personal_38_2x.jpg)
}

.dev_cont_39 {
    background-image: url(../../images/team/developers_photos/personal_39_2x.jpg)
}

.dev_cont_40 {
    background-image: url(../../images/team/developers_photos/personal_40_2x.jpg)
}

.dev_cont_41 {
    background-image: url(../../images/team/developers_photos/personal_10_2x.jpg)
}

.dev_cont_42 {
    background-image: url(../../images/team/developers_photos/personal_42_2x.jpg)
}

.dev_cont_43 {
    background-image: url(../../images/team/developers_photos/personal_14_2x.jpg)
}

.dev_cont_44 {
    background-image: url(../../images/team/developers_photos/personal_44_2x.jpg)
}

.dev_cont_45 {
    background-image: url(../../images/team/developers_photos/personal_45_2x.jpg)
}

.chib_1_6 {
    top: 0;
    left: -266px
}

.chib_1_7 {
    top: 532px;
    left: -266px
}

.chib_1 {
    top: 266px;
    right: 266px
}

.chib_2 {
    top: 399px;
    right: 399px
}

.chib_3 {
    top: 399px;
    right: 133px
}

.chib_4 {
    top: 266px;
    right: 133px
}

.chib_5 {
    top: 276px;
    right: -133px
}

.chib_6 {
    top: 0;
    right: 133px
}

.chib_7 {
    top: 0;
    right: -399px
}

.chib_8 {
    top: 532px;
    left: -532px
}

.chib_9 {
    top: 399px;
    left: -532px
}

.chib_10 {
    top: 133px;
    right: -266px
}

.chib_11 {
    top: 133px;
    right: -532px
}

.chib_12 {
    top: 133px;
    right: 0
}

.chib_13 {
    top: 399px;
    left: -399px
}

.chib_14 {
    top: 266px;
    right: 0
}

.chib_15 {
    top: 266px;
    right: -399px
}

.chib_16 {
    top: 266px;
    right: -266px
}

.chib_17 {
    top: 665px;
    left: -399px
}

.chib_18 {
    top: 266px;
    right: -532px
}

.chib_19 {
    top: 133px;
    left: -399px
}

.chib_20 {
    top: 266px;
    left: -399px
}

.chib_21 {
    top: 399px;
    right: 0
}

.chib_22 {
    top: 399px;
    right: -266px
}

.chib_23 {
    top: 399px;
    right: -399px
}

.chib_24 {
    top: 532px;
    right: 266px
}

.chib_25 {
    top: 532px;
    right: 0
}

.chib_26 {
    top: 532px;
    right: -133px
}

.chib_27 {
    top: 665px;
    right: -399px
}

.contribute_header_iconed_background {
    width: 133px;
    height: 133px;
    position: absolute;
    z-index: 10;
    display: none
}

.contribute_header_iconed_background:after {
    content: '';
    width: 48px;
    height: 48px;
    position: absolute;
    top: 42px;
    left: 42px;
    background-size: auto 48px;
    background-repeat: no-repeat;
    background-position-y: 0;
    background-image: url(../../images/contributors/icons_header.png);
    opacity: 0.8
}

.chicon_01 {
    top: 0;
    left: -399px
}

.chicon_01:after {
    background-position-x: 0
}

.chicon_02 {
    top: 399px;
    left: -266px
}

.chicon_02:after {
    background-position-x: -57px
}

.chicon_03 {
    top: 0;
    right: -133px
}

.chicon_03:after {
    background-position-x: -227px
}

.chicon_04 {
    top: 133px;
    right: 133px
}

.chicon_04:after {
    background-position-x: -168px
}

.chicon_05 {
    top: 399px;
    right: -133px
}

.chicon_05:after {
    background-position-x: -286px
}

.chicon_06 {
    top: 532px;
    right: 399px
}

.chicon_06:after {
    background-position-x: -114px
}

.chicon_07 {
    top: 532px;
    right: -266px
}

.chicon_07:after {
    background-position-x: -345px
}

.contribute_header_text {
    font-size: 18px;
    line-height: 1.4em;
    max-width: 450px;
    margin: 40px 0 0;
    position: relative;
    z-index: 100
}

.contribute_improve_oo_narrow {
    padding: 80px 0
}

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

.contribute_improve_blocks {
    padding: 50px 0 0;
    text-align: center
}

.cib_block {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 0 50px;
    padding: 44px 0 0;
    text-align: center;
    line-height: 1.4em;
    overflow: hidden;
    width: 250px;
    font-size: 18px
}

.cib_block:first-child {
    margin-left: 0
}

.cib_block:last-child {
    margin-right: 0
}

.cib_block:before {
    content: '';
    display: block;
    width: 145px;
    height: 130px;
    position: relative;
    margin: 0 auto 30px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(../../images/contributors/icons_sprite.png);
    background-size: auto 130px;
    background-position-y: 0
}

.cibb_1:before {
    background-position-x: -2px
}

.cibb_2:before {
    background-position-x: -144px
}

.cibb_3:before {
    background-position-x: -282px
}

.cib_block div {
    height: 110px
}

.cib_link {
    font-size: 15px
}

.InnerPage .description .SocialLinks li {
    padding: 0 5px
}

.contribute_improve_social {
    text-align: center;
    padding: 110px 0 0;
    font-size: 14px
}

.contribute_improve_social .SocialLinks {
    display: inline-block
}

.contribute_improve_social .SocialLinks>span {
    display: none
}

.contribute_spread {
    background-color: #f6f6f6;
    background-image: url(../../images/solutions/connectors/bg-inside-4-connectors.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
    padding: 0 0 50px
}

.contribute_spread_narrow {
    padding: 80px 0
}

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

.csn_text {
    text-align: center;
    font-size: 18px;
    line-height: 1.4em;
    padding: 40px 0 0
}

.csn_link_block {
    text-align: center;
    line-height: 1.4em;
    font-size: 15px;
    padding: 40px 0 0
}

.contribute_contacts {
    background-image: url(../../images/solutions/integration/integration_devices.png);
    background-repeat: no-repeat;
    background-position-x: calc(50% + 680px);
    background-position-y: 50%
}

.contribute_contacts_narrow {
    padding: 110px 0
}

.ccnt_block {
    position: relative;
    padding: 50px 0 40px 170px;
    max-width: 460px
}

.ccnt_block:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 140px;
    height: 130px;
    background-image: url(../../images/contributors/icons_sprite.png);
    background-repeat: no-repeat;
    background-size: auto 130px;
    background-position-y: 0
}

.ccnt_block h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4em;
    padding: 0 0 20px;
    margin: 0
}

.ccnt_block h3 b {
    font-weight: 600;
    color: #ff642e
}

.ccnt_block .ccntb_text {
    font-size: 16px;
    line-height: 1.4em;
    margin: 0;
    padding: 0 0 10px
}

.ccnt_block1:before {
    background-position-x: -447px
}

.ccnt_block2:before {
    background-position-x: -759px
}

.ccnt_block3:before {
    background-position-x: -608px
}

#cloudofficepage .solutionspages_header a.button {
    position: relative;
    z-index: 10
}

#newspage .InnerPage .description {
    margin-top: 0
}

.newspage {
    background-image: url(../../images/news/background.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-color: #f5f5f5
}

.newspage h1 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    text-align: center;
    max-width: 660px;
    margin: 0 auto;
    line-height: 1.5em
}

.newspage h1 b {
    font-weight: 400;
    color: #ff642e
}

.news_header {
    padding: 80px 0 60px
}

.nmt_block_narrow {
    background-color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    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;
    box-sizing: border-box;
    padding: 35px 35px 35px 450px;
    background-repeat: no-repeat;
    background-position: 35px 35px;
    background-size: 390px 194px;
    min-height: 264px;
    position: relative
}

.nmt_block_narrow: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)
}

.nmt_block_narrow h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5em;
    margin: 10px 0 0
}

.nmt_block {
    background-color: #fff;
    padding-bottom: 32px
}

.nmt_block:first-of-type {
    background-color: transparent;
    margin-bottom: 27px
}

.nmt_block:first-of-type .nmt_block_narrow {
    background-size: auto;
    padding: 390px 35px 35px 35px
}

.nmt_block:first-of-type .nmt_block_narrow h2 {
    font-size: 24px;
    font-weight: 400;
    max-width: 634px
}

.nmt_block:nth-of-type(2) {
    padding-top: 47px
}

.nmt_block:last-of-type {
    padding-bottom: 80px
}

.nmt_date {
    font-size: 13px;
    color: gray
}

.nmt_blog_links {
    padding: 25px 0 0
}

.nmt_read_blog_link {
    font-size: 14px
}

.nmt_read_blog_link:hover {
    text-decoration: none
}

.nmt_log_help_links {
    position: absolute;
    right: 35px;
    bottom: 35px
}

.nmt_git_link,
.nmt_help_link,
.nmt_snap_link,
.nmt_googleplay_link,
.nmt_appstore_link,
.nmt_digitalocean_link {
    display: inline-block;
    width: 28px;
    height: 28px;
    padding: 0;
    margin: 0 0 0 15px;
    background-size: 26px 27px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -webkit-transition: filter 0.5s, -webkit-filter 0.5s;
    -moz-transition: filter 0.5s, -webkit-filter 0.5s;
    -o-transition: filter 0.5s, -webkit-filter 0.5s;
    transition: filter 0.5s, -webkit-filter 0.5s
}

.nmt_git_link:hover,
.nmt_help_link:hover,
.nmt_snap_link:hover,
.nmt_googleplay_link:hover,
.nmt_appstore_link:hover,
.nmt_digitalocean_link:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%)
}

.tooltip {
    left: -9999px;
    line-height: 1.3em;
    padding: 15px;
    position: absolute;
    width: auto;
    z-index: 999;
    background-color: #fff;
    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)
}

.nmt_git_link {
    background-image: url(https://static-www.onlyoffice.com/images/news/github.svg)
}

.nmt_help_link {
    background-image: url(https://static-www.onlyoffice.com/images/news/help.svg)
}

.nmt_snap_link {
    background-image: url(https://static-www.onlyoffice.com/images/news/snap.svg)
}

.nmt_googleplay_link {
    background-image: url(https://static-www.onlyoffice.com/images/news/googleplay.svg)
}

.nmt_appstore_link {
    background-image: url(https://static-www.onlyoffice.com/images/news/appstore.svg)
}

.nmt_digitalocean_link {
    background-image: url(https://static-www.onlyoffice.com/images/news/digitalocean.svg)
}

.digitalocean_oneclick {
    background-image: url(../../images/news/blog/digitalocean-oneclick.jpg)
}

.editors_53 {
    background-image: url(../../images/news/blog/editors-5.3.png)
}

.saas_100,
.server_100 {
    background-image: url(../../images/news/blog/saas-10.0.jpg)
}

.desktop_52 {
    background-image: url(../../images/news/blog/desktop-5.2.jpg)
}

.owncloud_213 {
    background-image: url(../../images/news/blog/owncloud-2.1.3.jpg)
}

.nextcloud_212 {
    background-image: url(../../images/news/blog/nextcloud-2.1.2.jpg)
}

.editors_52 {
    background-image: url(../../images/news/blog/editors-5.2.jpg)
}

.ios_projects_10 {
    background-image: url(../../images/news/blog/ios-projects-1.0.jpg)
}

.android_documents_20 {
    background-image: url(../../images/news/blog/android-documents-2.0.jpg)
}

.appimages_june_2018 {
    background-image: url(../../images/news/blog/appimages-june-2018.jpg)
}

.desktop_51 {
    background-image: url(../../images/news/blog/desktop-5.1.png)
}

.editors_51 {
    background-image: url(../../images/news/blog/editors-5.1.png)
}

.nextcloud_130 {
    background-image: url(../../images/news/blog/nextcloud-1.3.0.png)
}

.community_96 {
    background-image: url(../../images/news/blog/community-9.6.png)
}

.desktop_snap {
    background-image: url(../../images/news/blog/desktop-snap.jpg)
}

.android_documents_13 {
    background-image: url(../../images/news/blog/android-documents-1.3.png)
}

.desktop_48 {
    background-image: url(../../images/news/blog/desktop-4.8.png)
}

.community_95 {
    background-image: url(../../images/news/blog/community-9.5.png)
}

.fep_header {
    background-color: #c0c3c5;
    background-image: url(../../images/solutions/for-enterprises/bg.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.fep_header_narrow {
    padding: 190px 0
}

.fep_header_narrow h1 {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.3em;
    color: #fff;
    text-align: center;
    max-width: 780px;
    margin: 0 auto
}

.fep_main1_narrow {
    padding: 80px 0 40px
}

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

.fep_main1_blocks {
    padding: 40px 0
}

.fep_main1_block {
    width: 345px;
    display: inline-block;
    position: relative;
    vertical-align: top
}

.fep_main1_block:nth-child(odd) {
    padding: 30px 45px 50px 110px
}

.fep_main1_block:nth-child(even) {
    padding: 30px 0 50px 110px
}

.fep_main1_block:before {
    width: 85px;
    height: 85px;
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-image: url(https://static-www.onlyoffice.com/images/solutions/for-enterprises/icons.svg);
    background-size: auto 210px;
    background-position-y: -64px
}

.fep_main1_block h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.6em
}

.fmb_1:before {
    background-position-x: -3px
}

.fmb_2:before {
    background-position-x: -102px
}

.fmb_3:before {
    background-position-x: -214px
}

.fmb_4:before {
    background-position-x: -328px
}

.fmb_5:before {
    background-position-x: -455px
}

.fmb_text {
    font-size: 14px;
    line-height: 1.6em;
    color: #666;
    margin: 0;
    padding: 15px 0 10px
}

.fmb_text_link {
    font-size: 14px;
    line-height: 1.6em
}

.fep_main2 {
    background-color: #f9f9f9;
    background-image: url(https://static-www.onlyoffice.com/images/solutions/for-enterprises/features.svg);
    background-size: 288px auto;
    background-repeat: no-repeat;
    background-position-x: calc(50% + 400px);
    background-position-y: 150px
}

.fep_main2_narrow,
.fep_main3_narrow,
.fep_main4_narrow,
.fep_main5_narrow {
    padding: 120px 0;
    position: relative
}

.fep_main2_narrow h2,
.fep_main3_narrow h2,
.fep_main4_narrow h2,
.fep_main5_narrow h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    line-height: 1.2em;
    text-align: left;
    font-family: Open Sans, sans-serif, Arial;
    color: #ff642e;
    padding: 0 0 75px
}

.fep_main2_narrow h3,
.fep_main3_narrow h3,
.fep_main4_narrow h3,
.fep_main5_narrow h3 {
    font-size: 24px;
    line-height: 1.5em;
    font-weight: 400;
    padding-bottom: 35px;
    line-height: 1.2em
}

.fep_main2_narrow .fem_block_text {
    padding-bottom: 25px;
    padding-right: 240px
}

.fep_main3_narrow .fem_block_text,
.fep_main3_narrow h3,
.fep_main3_narrow .fem_block_buttons {
    padding-left: 222px
}

.fep_main4_narrow .fem_block_text,
.fep_main4_narrow h3 {
    padding-right: 222px
}

.fem_block_text {
    font-size: 16px;
    line-height: 1.6em
}

.fem_block_text_smaller {
    font-size: 14px;
    padding-right: 400px;
    line-height: 1.6em;
    padding-top: 50px;
    margin: 0
}

.fem_block_buttons {
    padding-top: 25px
}

.fem_block_buttons a.button {
    margin: 0 30px 0 0
}

.fem_block_link {
    display: inline-block;
    font-size: 14px;
    margin: 0;
    height: 48px;
    line-height: 48px
}

.fep_main3,
.fep_main4 {
    background-color: #f9f9f9;
    margin-top: 11px
}

.fep_main3_narrow:before,
.fep_main4_narrow:before {
    width: 280px;
    height: 210px;
    display: block;
    position: absolute;
    top: 110px;
    content: '';
    background-image: url(https://static-www.onlyoffice.com/images/solutions/for-enterprises/icons.svg);
    background-repeat: no-repeat;
    background-size: auto 210px
}

.fep_main3_narrow:before {
    left: -70px;
    background-position: -815px 0
}

.fep_main4_narrow:before {
    right: -70px;
    background-position: -540pxٕ
 ٕ œ́ œ́ 𓮁 ˜ˁ hœ́ œ́ À
 œ́ eight: 150px;
    content: '';
    background-image: url(https://static-www.onlyoffice.com/images/solutions/for-enterprises/icons.svg);
    background-repeat: no-repeat;
    background-size: auto 210px;
    background-position: -1083px 50%;
    margin: 0 auto
}

.fep_main5_narrow .fem_block_text {
    margin: 0 auto;
    max-width: 770px
}

.fem_download_buttons {
    padding: 50px 0 0;
    text-align: center
}