@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900');
/* ***********************************************************************************************************************************************************************************************
   **********                           **********************************************************************************************************************************************************
   **********        O365 GLOBAL        **********************************************************************************************************************************************************
   **********                           **********************************************************************************************************************************************************
   ***********************************************************************************************************************************************************************************************  */
.scrollToTop{
    background: url(/office365/assets/images/arrow_to_the_top.png?v=1.1) no-repeat 0px 0px;
}

.scrollToTop:hover{
    background: url(/office365/assets/images/arrow_to_the_top.png?v=1.1) no-repeat 0px -46px;
}

   /*WINDOWS 10 START*/
.windows10 ul li{
    font-weight: normal;
}
.windows10 h3{
    margin-bottom: 20px;
}

.faq-new-cart {
    background: url('https://senetic2.azureedge.net/gfx/new-cart-sprite-2020-05-19.png') -138px -73px no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin: 0 5px;
}

/*WINDOWS 10 END*/

/*NEW ABOUT START*/
.new-about .header-new-about{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.new-about .header-new-about h1{
    padding: 0 !important;
}

.new-about .o365-icons {
    margin: 10px auto;
}

.new-about h2{
    font-size: 19px !important;
    margin: 10px 0 40px 0 !important;
}
.new-about .text-new-about{
    text-align: justify;
}
/* FLEX */
.new-about .o365_offer{
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; /* or inline-flex */
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.new-about .o365_offer > div{
    width: 100px;
    text-align: left;
}
/*NEW ABOUT END */
.btn-o365 {
    font-size: 13px;
    color: #fff;
    background-color: #00AEEF;
    padding: 13px 20px;
    display: inline-block;
}

.btn-o365.big{
    width: 50%;
    margin: auto;
    text-align: center;
    display: block;
    font-weight: 600;
    margin: auto;
    font-size: 19px;
}

.btn-o365.full {
    width: 100%;
}

.btn-o365:hover {
    color: #fff !important;
    background-color: rgba(0, 174, 239, 0.8);
}

.btn-o365.blue {
    color: #fff;
    background-color: #00aeef;
}

.btn-o365.blue:hover {
    color: #fff !important;
    background-color: rgba(0,174,239,0.7);
}

.tooltip {
    display: inline-block;
    padding: 5px 10px !important;
    border: 1px solid #ababab !important;
    font-weight: 700!important;
    color: #000!important;
    font-size: 11px!important;
    box-shadow: 0px 6px 5px -4px rgba(0,0,0,0.57);
    z-index: 150;
}

.appstooltip {
    max-width: 150px !important;`
    padding: 10px !important;
}
.appstooltip img {
    display: block;
    margin-bottom: 5px;
}
.appstooltip img:last-child {
    margin-bottom: 0px;
}

div.office_content {
    font-family: 'Segoe UI', 'Trebuchet MS', 'Lucida Sans Unicode', Arial;
    font-weight: 400;
    padding: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

div.office_content.plansPage {
    -ms-flex-flow: column;
        flex-flow: column;
}


/* ***********************************************************************************************************************************************************************************************
   **********                           **********************************************************************************************************************************************************
   **********        O365 HEADER        **********************************************************************************************************************************************************
   **********                           **********************************************************************************************************************************************************
   ***********************************************************************************************************************************************************************************************  */

.office_header {
    height: 290px;
    z-index: 1;
    position: relative;
    background: url(../images/o365_header1_new.jpg) top center #f5f5f5 no-repeat;
}
.office_header.header-cloud {
    background: url(../images/o365_header_cloud.jpg?v=2) top center #f7f7f7 no-repeat;
}
.office_header.header-africa {
    background: url(../images/header-africa-o365.jpg?v=1) top center #f7f7f7 no-repeat;
}

.header-o365 {
    width: 100%;
    max-width: 825px;
    padding: 5px 15px;
    padding-top: 30px;
    box-sizing: border-box;
    position: relative
}

.header-o365 p {
    font-size: 22px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    color: #FFF;
}

.header-o365 p span {
    font-weight: 600;
}

.header-o365 .logo {
    vertical-align: middle;
    margin-right: 40px;
}

.header-o365 .why-o365 {
    padding: 25px 0px;
    display: inline-block;
    margin-bottom: 5px;
}

.why-o365 > div {
    display: inline-block;
    margin-right: 15px;
}

.why-o365 > div * {
    display: inline-block;
    vertical-align: middle;
}

.why-o365 > div span {
    font-size: 13px;
    font-weight: 600;
    line-height: 14px;
    color: #fff;
    padding-left: 5px;
}

.header-o365 .btn-o365 {
    font-size: 17px;
    font-weight: 600;
    margin-top: 20px;
    padding: 12px 15px;
}

.header-o365 .signature {
    width: 244px;
    position: absolute;
    bottom: 10px;
    right: 75px;
    text-align: right;
    font-size: 12px;
    line-height: 15px;
    color: #727272;
}

.header-o365 .signature span {
    font-weight: bold;
}



/* ***********************************************************************************************************************************************************************************************
   **********                           **********************************************************************************************************************************************************
   **********        O365 PLANS         **********************************************************************************************************************************************************
   **********                           **********************************************************************************************************************************************************
   ***********************************************************************************************************************************************************************************************  */

.intro-o365 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 20px;
    margin-bottom: 20px;
}

.intro-o365 .title {
    font-size: 22px;
    font-weight: 200;
    line-height: 20px;
    padding-bottom: 5px;
}

.intro-o365 a {
    font-weight: 600;
    color: #000;
    display: inline-block;
    padding: 5px 0px;
}

.intro-o365 a:hover {
    color: #00406b;
}

.intro-o365 .arrow {
    margin-left: 5px;
    vertical-align: sub;
}

.additional-services h2 {
    padding-bottom: 20px;
}

.additional-services .service-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.additional-services .service {
    width: 50%;
    height: 150px;
    max-width: 470px;
    padding: 25px;
    background-color: #eaeaea;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.additional-services .service a span {
    font-size: 21px;
    line-height: 28px;
    display: block;
    color: #000;
}

.additional-services .service > img {
    margin-right: 20px;
    width: 75px;
}

.additional-services .service > div {
    width: 75%;
}

.additional-services .service .price {
    color: #eb3c00;
    font-weight: 600;
    font-size: 16px;
    display: block;
    padding-top: 5px;
}

.additional-services .service .details {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.additional-services .service .details a {
    font-size: 13px;
    line-height: 13px;
    font-weight: 600;
    color: #000;
    padding: 8px 15px;
}

.additional-services .service .details a:hover {
    color: #eb3c00;
}

.additional-services .service .details a img {
    vertical-align: middle;
    padding-left: 5px;
}

.additional-services .service .btn-o365 {
    cursor: pointer;
    color: #fff !important;
}

.o365-banners-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    margin-bottom: 20px;
    justify-content: space-between;
}

#video-player {
    margin-bottom: 20px;
}

#videos-gallery {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    position: relative;
    margin-bottom: 20px;
}

#videos-gallery > iframe {
    width: 50%;
    max-width: 470px;
}

#videos-gallery > iframe:first-child {
    margin-right: 20px;
}

#videos-gallery .videos-nav {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
}

#videos-gallery .videos-nav .next-video {
    margin-top: -50px;
    width: 21px;
    height: 100px;
    background: url('../images/nextVideo.png') no-repeat left center;
    position: absolute;
    right: -50px;
}

#videos-gallery .videos-nav .prev-video {
    margin-top: -50px;
    width: 21px;
    height: 100px;
    background: url('../images/prevVideo.png') no-repeat left center;
    position: absolute;
    left: -50px;
}

#videos-gallery .videos-nav .next-video:hover {
    background: url('../images/nextVideoHov.png') no-repeat left center;
}
#videos-gallery .videos-nav .prev-video:hover {
    background: url('../images/prevVideoHov.png') no-repeat left center;
}

.blog-feeds {
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding: 20px 0px;
}

.blog-feeds * {
    font-size: 12px!important;
    font-family: 'Segoe UI', 'Trebuchet MS', 'Lucida Sans Unicode', Arial;
    line-height: 18px!important;
}

.feeds-title {
    padding: 0px 20px;
    font-size: 22px;
}

.blog-feeds .post_title {
    display: inline;
    padding-top: 0px;
    padding-bottom: 0px;
    top: 7px;
    position: relative;
}

.blog-feeds .post_excerpt {
    display: block;
    padding-top: 5px;
    padding-bottom: 0px;
    top: 10px;
    position: relative;
    color: #000;
}

.blog-feeds > a:last-of-type {
    margin-left: 20px;
}

.blog-feeds .post_img {
    float: left;
    margin-right: 20px;
}

.blog-feeds .post_img img {
    width: 200px;
}

.more-blog {
    display: block;
    color: #000000;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 40px;
    text-align: right;
}

.blog-feeds .post_date {
    color: #b4b4b4;
    padding-bottom: 0px;
    display: block;
}

.blog-feeds .post_title {
    font-weight: 600;
    color: black;
    margin-top: 0px;
    padding-top: 0px;
}

.blog-feeds > div {
    width: 50%;
    padding-right: 40px;
    box-sizing: border-box;
}

.blog-feeds .arrow {
    margin-left: 5px;
    vertical-align: sub;
}



/* ***********************************************************************************************************************************************************************************************
   **********                           **********************************************************************************************************************************************************
   **********     O365 SINGLE PLAN      **********************************************************************************************************************************************************
   **********                           **********************************************************************************************************************************************************
   ***********************************************************************************************************************************************************************************************  */

.price-block {
    font-weight: 600;
    max-width: 300px;
    width: 33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background: #f5f5f5;
}

.price-block > div {
    padding: 15px 20px;
}

.price-block .net {
    font-size: 14px;
    color: #eb3c00;
}

.price-block .gross {
    font-size: 14px;
}

.price-block span {
    display: block;
}

.price-block a {
    color: #fff;
    background: #eb3c00;
    width: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
}

.price-block a:hover {
    color: #fff;
    background: rgba(235, 60, 0, 0.7);
}

.price-block.trial {
    -webkit-box-align: center;
        -ms-flex-align: center;
                -ms-grid-row-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.price-block.notrial {
    visibility: hidden;
}

.price-block.trial a {
    background: #999999;
    width: auto;
    display: inline-block;
    padding: 10px;
}

.price-block.trial a:hover {
    background: rgba(153, 153, 153, 0.7);
}

.plan-desc {
    padding: 20px 0px;
}

.title-icon {
    vertical-align: middle;
    padding-right: 15px;
}

.plan-apps {
    background: #f9ffe8;
    padding: 20px;
    text-align: center;
    margin-bottom: 15px;
}

.plan-apps div {
    padding: 10px 0px;
}
.package-desc-wrap {
    width: 100%;
}
.package-desc-wrap > h2 {
    padding: 0px 0px 20px !important;
}

.plan-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0px 0px 20px;
}

.plan-table>div>.info>span {
    color: #000 !important;
}

.plan-table > div {
    width: 33%;
    max-width: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.plan-table > div:hover div {
    background-color: #f9ffe8 !important;
}

.plan-table > div .label {
    width: 100%;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.plan-table > div .info {
    width: 100px;
    min-width: 100px;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.plan-table > div:nth-child(odd) .info {
    background: #f7f7f7;
}

.plan-table > div:nth-child(even) .info {
    background: #fbfbfb;
}

.plan-attributes ul {
    margin: 0 0 20px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.plan-attributes li {
    font-weight: 600;
    width: 33%;
    max-width: 300px;
    padding: 0px 0px 15px !important;
}

.plan-attributes i {
    color: #eb3c00;
    padding-right: 10px;
}

.plan-functions,
.plan-benefits {
    margin-bottom: 20px;
}

.plan-functions p,
.plan-benefits p {
    padding: 0px 15px 15px !important;
    width: 50%;
    max-width: 468px;
    display: inline-block;
    vertical-align: top;
}

.plan-functions p:nth-child(odd),
.plan-benefits p:nth-child(odd) {
    padding-left: 0px !important;
}

.plan-functions p:nth-child(even),
.plan-benefits p:nth-child(even) {
    padding-right: 0px !important;
}

.plan-functions p strong,
.plan-benefits p strong {
    display: block;
}



/* ***********************************************************************************************************************************************************************************************
   **********                           **********************************************************************************************************************************************************
   **********        O365 Footer        **********************************************************************************************************************************************************
   **********                           **********************************************************************************************************************************************************
   ***********************************************************************************************************************************************************************************************  */

.office_footer {
    background: #f0f0f0;
    padding-top: 5px;
    padding-bottom: 15px;
}
.office_footer .office_center {
    padding: 0px 15px;
    box-sizing: border-box;
}
.office_footer h3 {
    font-size: 28px;
    margin: 20px 0px 20px;
}
.office_footer .content {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
}
.office_footer .contactInfo {
    width: 70%;
    margin-right: 3%;
}
.office_footer p {
    font-size: 15px;
    line-height: 20px;
    padding-bottom: 10px;
    margin-top: 10px;
}
.office_footer .employee {
    margin-bottom: 20px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
.office_footer .employee .photo {
    width: 85px;
    height: 85px;
    padding-right: 10px;
}
.office_footer .employee .photo.lync_online {
    border-left: 5px solid #2fdd00;
}
.office_footer .employee .photo.lync_away {
    border-left: 5px solid #efca00;
}
.office_footer .employee .photo.lync_busy {
    border-left: 5px solid #e10000;
}
.office_footer .employee .photo.lync_offline {
    border-left: 5px solid #c1c1c1;
}
.office_footer .employee .photo.lync_team {
    width: 315px;
    height: 205px;
}
.office_footer .employee .name {
    font-size: 20px;
}
.office_footer .employee .position {
    font-size: 12px;
    color: #000;
    top: -1px;
    position: relative;
    display: block;
    line-height: 18px;
}
.office_footer .employee .contact {
    margin-top: 4px;
}
.office_footer .employee a {
    font-size: 16px;
    display: block;
}
.office_footer .msPartner {
    width: 27%;
    min-width: 270px;
}
.office_footer .msPartner h3 {
    font-weight: 600;
    font-size: 20px;
    margin: 0;
    padding: 0;
    margin-bottom: 7px;
    margin-top: 10px;
}
.office_footer .msPartner div {
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;
    white-space: nowrap;
}
.office_footer .msPartner .gold {
    color: #9f8851;
    margin-bottom: 3px;
    display: inline-block;
}
.office_footer .msPartner .silver {
    color: #969696;
}


.plan-apps div img{
    margin: 0px 10px;
    width: 40px;
}

.office_table .head:before {
    position: absolute;
    height: 158px;
    border: solid 3px #eb3c00;
    z-index: 10;
    left: 0px;
    top: 0px;
    right: 0px;
    border-bottom: none;
}

.agenda {
    text-decoration: underline;
    margin-top: 20px !important;
}

.office_table .head:after {
    position: absolute;
    height: 18px;
    background: #eb3c00;
    bottom: 100%;
    left: 0px;
    right: 0px;
    z-index: 20;
    /*border: solid 3px #eb3c00;Z*/
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    font-size: 12px;
}

.products .monthly {
    color: #eb3c00;
}

.products .switcher{
    font-size: 13px;
    font-weight: 600;
}

.list-container{
    width: 100%;
}

.list-container .category-image {
    margin: 20px 0px;
}


.floating-border {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 970px;
    left: 50%;
    margin-left: -485px;
    height: 25px;
    background: white;
    z-index: 140;
}

table.courses td {
    position: relative!important;
}

table.courses td a {
    z-index: 100;
    position: relative;
}

div.office_content table tr.bodyrow td:nth-child(4),
div.office_content table tr.bodyrow-dark td:nth-child(4),
div.office_content table tr.bodyrow-light td:nth-child(4),
div.office_content table tr.bottom-lightened td:nth-child(4) {
    background: #fbebe5;
}

div.office_content table:not(.courses):not(.table-outer) tr:nth-child(n+5):not(.floating-header) td:nth-child(4):after,
div.office_content  table.courses tr:nth-child(2)  td:nth-child(4):after {
    content: '';
    display: block;
    background: none;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    right: 0px;
    /*border: solid 3px #eb3c00;*/
    border-top: none;
    border-bottom: 0px;
    z-index: 20;
}

div.office_content table tr.bodyrow-light:nth-child(odd) td:nth-child(4),
div.office_content table tr.bodyrow:nth-child(odd) td:nth-child(4) {
    background: #fdf5f2;
}

.office_table td.head h2 strong {
    font-weight: 600;
    font-weight: 400;
    font-family: 'Segoe UI', 'Trebuchet MS', 'Lucida Sans Unicode', Arial;
}

div.office_content .office_table table tr td.promo {
    position: relative;
    vertical-align: top;
    padding-bottom: 40px;
    padding-top: 0px!important;
}



.switcher-row .monthly,
.switcher-row .yearlyPrices {
    cursor: pointer;
    font-weight: 600;
}




.plan-prices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 10px;
}



.customer-banner {
    background: #eaeaea;
    padding: 20px;
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.customer-banner img:last-child {
    margin-left: auto;
}

.customer-banner span {
    color: #000;
    font-size: 21px;
    line-height: initial;
    padding: 0px 15px;
}

.office_content .left.nosidebar {
    max-width: 1000px;
    width: 100%;
}

.office_center {
    width: 1000px;
    margin: 0 auto;
    font-size: 14px;
}

/*.banner .office_center{
    padding-left: 10px;
    padding-top: 5px;
}

.office_center .header-o365{
    margin-left: 10px;
}
 
.banner .why-o365{
    margin-left: 0px;
}

.banner .btn-o365{
    margin-left: 0px;
    margin-top: 20px;
    font-size: 17px;
    font-weight: 500;
    padding: 12px 15px;
}*/

.clear {
    clear: both;
}
#nav_c {
    display: none;
}
.office_menu {
    cursor: pointer;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    position: relative;
}
body {
    font-family: 'Segoe UI', 'Trebuchet MS', 'Lucida Sans Unicode', Arial;
    font-weight: 400;
    margin: 0;
}
a {
    text-decoration: none;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
}
a:hover {
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
}
a.blue {
    color: #008fff;
}
a.blue:hover {
    color: #b1b1b1;
}
a.orange {
    color: #008fff;
}
a.orange:hover,
a.orange.active {
    color: #000;
}
a.btn.blue {
    display: inline-block;
    background: #00aeef;
    color: white;
    cursor: pointer;
    margin-top: 20px;
    padding: 10px 15px;
    font-size: 13px;
}
a.btn.blue:hover {
    background: rgba(0, 174, 239, 0.70);
}
.sidebar .orange.submenu {
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 400;
}
.sidebar .orange:last-of-type {
    margin-bottom: 20px;
}
.office_content .case-studies ul {
    margin-bottom: 20px;
}
.office_content .case-studies ul li {
    background: url('../images/arrow_new.png') no-repeat left center;
    padding-left: 40px;
    font-size: 14px;
    font-weight: 400px;
    line-height: 18px;
    line-height: 40px;
    border-bottom: #c2c2c2 1px solid;
}
.office_content .case-studies ul a {
    color: black;
}
.office_content .case-studies ul a:hover {
    color: #eb3c00;
}
.testimonial .more {
    text-align: right;
    font-weight: 600;
    display: none;
}
.case-studies .testimonial> div:first-child, .references .testimonial> div:first-child {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100px;
    width: 160px;
    float: left;
    margin-right: 20px;
}
.references .testimonial> div:nth-child(2) {
    margin-left: 180px;
}
.case-studies .testimonial .more {
    display: block;
}
.references .testimonial {
    margin-bottom: 50px;
}
.testimonial a {
    color: inherit;
}
.testimonial .more img {
    margin-left: 10px;
    vertical-align: middle;
}
.references h1 {
    margin-bottom: 20px;
}
.sidebar .orange {
    font-weight: 700;
}
.sidebar .orange.parent {
    color: black;
}
img.right.prices-img1 {
    padding-left: 0px;
    margin-bottom: 10px;
    margin-top: 35px;
    float: right;
}
div.office_content a.bolded-link {
    font-weight: 700;
    text-decoration: underline;
    color: black;
    display: block;
}
div.office_content .office_table {
    /*margin-top: 20px;*/
    position: relative;
}
.additional-boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
    /*padding-bottom: 100px;*/
}
.additional-boxes> span {
    display: block;
}
.additional-boxes> div {
    background: #eaeaea;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    box-sizing: border-box;
    margin-bottom: 20px;
    line-height: initial;
    position: relative;
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
    width: 100px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.additional-boxes.single-box> div {
    margin-bottom: 0;
}
.additional-boxes> div:nth-child(odd) {
    margin-right: 20px;
}
.additional-boxes> div> div> span {
    color: #000;
    display: block;
    font-size: 16px;
    margin: 10px 0px;
    font-weight: 700;
}
.additional-boxes> div> div:first-of-type {
    font-size: 22px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 0px;
        flex-basis: 0px;
}

a.btn.red {
    padding: 10px 15px;
    background: #00AEEF;
    color: white;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.left div.products h2 {
    padding-top: 0px;
}

.products a.btn.red {
    /*min-width: 100px;*/
    padding: 1px 10px;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    vertical-align: sub;
    line-height: 20px;
    white-space: nowrap;
}

a.btn.red:hover {
    opacity: 0.7;
    color: #fff;
}

.additional-boxes .arrow {
    margin-left: 10px;
    vertical-align: middle;
}

.pricerow .grossprice {
    display: none;
}

.additional-boxes .more {
    position: absolute;
    bottom: 0px;
    text-align: right;
    box-sizing: border-box;
    font-weight: 700;
    padding: 20px 20px 50px;
    right: 0px;
}
.o365-icons {
    margin: 20px auto;
    display: block;
}
h2.additional-title {
    font-family: 'Segoe UI Light', 'Segoe UI', 'Trebuchet MS', 'Lucida Sans Unicode', Arial;
    font-weight: 100;
    font-size: 2em;
    margin-bottom: 15px;
}
.additional-boxes> div> img {
    margin-right: 20px;
    width: 80px;
    height: 80px;
}
.additional-boxes> div:first-of-type {
    margin-right: 20px;
}
.full-width {
    max-height: initial;
    display: block;
}
.full-width> div {
    width: 100%;
    padding-bottom: 100px;
}
.o365-banners-bottom {
    text-align: justify;
}
/*.o365-banners-bottom::after {
    content: '';
    position: relative;
    width: 100%;
    height: 1px;
    display: inline-block;
}*/
.additional-boxes > div > div:last-of-type:not([.single-box]) {
    right: 0px;
    position: absolute;
    text-align: right;
    padding-right: 30px;
    padding: 15px 20px;
    position: absolute;
    bottom: 0px;
    box-sizing: border-box;
    font-weight: 700;
    margin-bottom: 15px;
}
.single-box > div{
    padding-bottom: 50px;
    padding-top: 20px;
}
.single-box > div > img{
    padding-top: 20px;
}


.additional-boxes> div> div:last-of-type a {
    display: inline-block;
    padding: 10px;
}
.full-width.additional-boxes> div> div:last-of-type:not([.single-box]) {
    width: 165px;
}
.implementations .more {
    border-top: none!important;
    margin-bottom: 20px;
    padding: 20px 20px 0px;
    right: 0px;
}
.overview .content_bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.contetn_bar h2 {
    padding: 0px;
}
.overwiew .content_bar p {
    display: block;
    width: 100%;
}
.overview .content_bar p {
    text-align: left;
}
.overview .content_bar:last-of-type {
    margin-top: 25px;
}
.implementations ul {
    padding: 0px;
    text-indent: 0px;
    margin: 0px;
}
.office_content div.additional-boxes h3 {
    font-size: 22px;
    font-weight: 600;
    color: black;
}
div.office_content div.additional-boxes p {
    font-size: 13px;
    font-weight: normal;
    line-height: 22px;
}
div#office365-overlay-ribbon {
    /*background: url(o365-pl-overlay-ribbon.png) no-repeat;*/
    width: 156px;
    height: 156px;
    position: absolute;
    right: 0px;
    top: 0px;
    /*cursor: pointer;*/
}
div#office365-overlay-ribbon map area {
    cursor: pointer;
}
div#office365-overlay-wrap {
    width: 506px;
    height: 476px;
    background: url(o365-pl-overlay.png) no-repeat;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -238px;
    margin-left: -253px;
    z-index: 7777;
    display: none;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.8);
}
div#office365-overlay-wrap div.o365-overlay-close {
    width: 51px;
    height: 51px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(o365-pl-overlay-close.png) no-repeat;
    cursor: pointer;
}
div#office365-overlay-wrap div.o365-overlay-text {
    position: absolute;
    top: 240px;
    text-align: center;
    color: #fff;
    width: 100%;
}
div#office365-overlay-wrap div.o365-overlay-text span.title {
    font-size: 35px;
    font-family: 'Segoe UI Light', 'Segoe UI', 'Trebuchet MS', 'Lucida Sans Unicode', Arial;
    font-weight: 100;
    line-height: 44px;
    padding-bottom: 20px;
    display: inline-block;
}
div#office365-overlay-wrap div.o365-overlay-text span.desc {
    font-size: 13px;
    font-family: 'Segoe UI Light', 'Segoe UI', 'Trebuchet MS', 'Lucida Sans Unicode', Arial;
    font-weight: 400;
    line-height: 16px;
}
h1,  h3 {
    font-family:  'Segoe UI Light', 'Segoe UI', 'Trebuchet MS', 'Lucida Sans Unicode', Arial;
    font-weight: 100;
    line-height: 20px;
    margin: 0;
}

h2 {
    font-family:  'Segoe UI', 'Trebuchet MS', 'Lucida Sans Unicode', Arial;
    font-weight: 300;
}



div.banner > div {
    padding: 15px 0px;
}
div.banner div.banner_content {
    padding: 20px 20px 0px;
    max-width: 550px;
    font-size: 13px;
    margin-left: -10px;
    float: left;
}
div.banner div.banner_content p {
    padding: 20px 0px 0px 10px;
}
div.banner div.banner_promo {
    float: right;
    max-width: 350px;
    margin: 45px 0px 0px;
}
div.banner div.promo_info {
    float: right;
    background: rgba(235, 60, 0, 0.9);
    padding: 10px;
    margin: 0px 0px 10px;
    line-height: 20px;
}
div.banner div.promo_info p {
    font-size: 20px;
    color: #fff;
}
div.banner div.promo_button {
    float: right;
    background: rgba(235, 60, 0, 1);
    color: #fff;
    padding: 10px 25px;
    font-size: 15px;
}
div.banner div.promo_button:hover {
    background-color: rgba(235, 60, 0, 0.7);
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}

/* ***********************************************************************************************************************************************************************************************
   **********                           **********************************************************************************************************************************************************
   **********      O365 Main menu       **********************************************************************************************************************************************************
   **********                           **********************************************************************************************************************************************************
   ***********************************************************************************************************************************************************************************************  */

div.office_main_menu {
    margin: 20px auto;
    text-align: left;
    position: relative;
    z-index: 150;
}
div.office_main_menu span {
    display: inline-block;
    width: 100%;
}
div.office_main_menu > ul {
    display: flex;
}
div.office_main_menu > ul li {
    position: relative;
    padding: 0;
    margin: 0;
    margin: 0 10px;
}
div.office_main_menu > ul ul {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    visibility: hidden;
    opacity: 0;
    margin: 0 !important;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
    min-width: 200px;
    padding: 25px 20px;
}
div.office_main_menu > ul > li:hover > ul {
    visibility: visible;
    opacity: 1;
}
div.office_main_menu ul ul a {
    padding: 0;
    margin: 0 0 10px;
    border: 0 !important;
}
div.office_main_menu ul ul a:hover {
    color: #00aeef;
}
div.office_main_menu a {
    color: #000;
    /* font-family: 'Segoe UI Light', 'Segoe UI', 'Trebuchet MS', 'Lucida Sans Unicode', Arial; */
    font-family: "Segoe UI","Lucida Sans Unicode","Trebuchet MS",arial,sans-serif;
    /* font-weight: 100; */
    font-size: 15px;
    padding: 5px 0px 15px;
    /* -webkit-margin-start: 11px;
    -webkit-margin-end: 11px; */
    text-decoration: none;
    border-bottom: 3px solid transparent;
    position: relative;
    display: inline-block;
    /* letter-spacing: -0.5px; */
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}
div.office_main_menu li:hover a, div.office_main_menu a.active {
    color: #000;
    border-bottom: 3px solid #00aeef;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}
div.office_main_menu a.supports.\31 989::after,
div.office_main_menu a.supports.\31 990::after,
div.office_main_menu a.supports.\31 926::after {
    content: 'NEW';
    background: #56c30d;
    color: #fff;
    position: absolute;
    top: -5px;
    font-size: 9px;
    padding: 0px 5px;
    line-height: 14px;
    right: 0;
    font-weight: 700;
}
/* ***********************************************************************************************************************************************************************************************
   **********                                      ***********************************************************************************************************************************************
   **********       O365 Main Menu Redesign        ***********************************************************************************************************************************************
   **********                                      ***********************************************************************************************************************************************
   ***********************************************************************************************************************************************************************************************  */

   /* c- Stends for Component
      l- Stands for Layout */

#officeOverlay {
    position: absolute;
    width: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 9991;
}
nav.c-csp-menu.c-csp-menu-redesign div#officeOverlay {
    display: none!important;
}
.c-csp-menu {
    width: 100%;
    position: relative;
    margin-bottom: 24px;
    background: #fafafa;
}

.c-csp-menu * {
    box-sizing: border-box;
}

.l-menu__first-lvl {
    display: flex;
    align-items: center;
    width: 1000px;
    margin: 0 auto !important;
    padding: 0 15px;
}

.c-menu__first-lvl-item {
    display: flex;
    padding: 0 22px;
    font-size: 17px;
}

.c-menu__first-lvl-item:first-child {
    padding-left: 0;
}

.c-menu__link {
    padding: 20px 0 14px;
    color: #000;
    cursor: pointer;
}

.c-menu__link:hover {
    color: #000;
}

.c-menu__first-lvl-link {
    border-bottom: 3px solid transparent;
    transition-duration: .3s;
}

.c-menu__first-lvl-link:hover,
.c-menu__first-lvl-link.is-active,
.c-menu__first-lvl-link.is-temp-active {
    border-bottom-color: #00aeef;
}

.l-menu__second-lvl-item {
    display: none; /* Becomes Flex */
    position: absolute;
    top: 100%;
    left: 0;
    justify-content: center;
    width: 100%;
    background: #FFF;
    -webkit-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.1);
    box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.1);
    z-index: 9998;
}

.c-menu__second-lvl-item {
    display: flex;
    align-items: flex-start;
    width: 1000px;
    padding: 35px 15px 40px;
}

.l-menu-list {
    display: flex;
    padding-right: 10px;
}

.l-menu-list--halfwidth {
    width: 50%;
    flex-wrap: wrap;
}

.l-menu-list--mediumwidth {
    width: 245px;
    flex-direction: column;
}

.c-list-item {
    position: relative;
    display: block;
    margin-bottom: 10px;
    padding-left: 14px;
    font-size: 14px;
    color: #000;
    transition-duration: .3s;
    cursor: pointer;
}

.c-list-item:hover,
.c-list-item.is-active {
    color: #00406b;
}

.c-list-item:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 3px;
    top: 6px;
    border: 3px solid transparent;
    border-left-color: #00aeef;
}

.c-list-item--halfwidth {
    width: 50%;
}

.c-list-item--mediumwidth {
    width: 100%;
}

.l-tiles {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -30px; /* Same bottom margin */
}

.l-tiles--fullwidth {
    /* width: 100%; */
}

.l-tiles--halfwidth {
    width: 50%;
    flex-grow: 1;
}

.l-tiles--mediumwidth {
    width: 65%;
    flex-grow: 1;
}

.c-tile {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 214px;
    margin: 0 30px 30px 0; /* Same bottom margin */
    padding: 15px;
    background: #00406b;
    font-size: 13px;
    font-weight: 300;
    line-height: 18px;
    color: #FFF;
}

.c-tile:hover,
.c-tile.is-active {
    color: #FFF;
    opacity: .8;
}

.c-tile__logo {
    background: url(/office365/assets/images/office-menu-sprite.png?v=1.22);
    margin-bottom: 10px;
}

.c-tile__logo--medium {
    width: 58px;
    height: 14px;
    background-position: -11px -18px;
}

.c-tile__logo--generic {
    width: 32px;
    height: 22px;
    margin-right: 7px;
}

.c-tile__logo--sage {
    width: 50px;
    height: 21px;
    background-position: -635px -16px;
}

.c-tile__logo--business-central {
    width: 28px;
    height: 26px;
    background-position: -1068px -13px;
}

.c-tile__logo--ms365-business {
    width: 0;
    height: 0;
}

.c-tile__logo--dynamics-crm {
    width: 102px;
    height: 32px;
    background-position: -524px -10px;
    margin-top: -6px;
}

.c-tile__logo--erp {
    width: 50px;
    height: 31px;
    background-position: -694px -9px;
    margin-top: -6px;
}

.c-tile__top-combined {
    display: flex;
    align-items: flex-start;
    line-height: 22px;
}

.c-tile__logo--supports {
    background-position: -751px -15px;
}

.c-tile__logo--renewals {
    background-position: -855px -15px;
}

.c-tile__logo--courses {
    background-position: -821px -15px;
}

.c-tile__logo--r365 {
    background-position: -787px -13px;
    height: 25px;
    margin-top: -3px;
}

.c-tile__logo--branchProduction {
    background-position: -906px -15px;
}

.c-tile__logo--branchBuilding {
    background-position: -880px -15px;
}

.c-tile__logo--branchServices {
    background-position: -939px -15px;
}

.c-tile__logo--windows-server {
    width: 142px;
    background-position: -78px -15px;
}

.c-tile__logo--business-premium {
    width: 80px;
    background-position: -317px -15px;
}

.c-tile__logo--azure {
    width: 80px;
    height: 25px;
    background-position: -228px -15px;
}

.c-tile__logo--ems {
    width: 111px;
    height: 33px;
    margin-top: -3px;
    background-position: -405px -9px;
}

.c-tile__logo--veronym {
    width: 86px;
    height: 31px;
    background-position: -973px -9px;
    margin-top: -6px;
}

.c-tile__title {
    width: 160px;
    position: relative;
}

.c-tile__title--big {
    font-size: 16px;
}

.c-tile__title--bold {
    font-weight: 700;
}

.c-tile__title--no-arrow:after {
    display: none;
}


.c-tile__title:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    right: -25px;
    bottom: 5px;
    border: 4px solid transparent;
    border-left-color: #00aeef;
}

.l-tiles--fullwidth .c-tile:nth-child(4n),
.l-tiles--mediumwidth .c-tile:nth-child(3n),
.l-tiles--halfwidth .c-tile:nth-child(2n) {
    margin-right: 0;
}


/* ***********************************************************************************************************************************************************************************************
   **********                           **********************************************************************************************************************************************************
   **********       O365 Content        **********************************************************************************************************************************************************
   **********                           **********************************************************************************************************************************************************
   ***********************************************************************************************************************************************************************************************  */


div.office_content div.content_bar img.o365-blog {
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
div.office_content div.content_bar img.o365-blog:hover {
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
div.office_content h1 {
    font-size: 24px;
    padding: 0px 0px 20px;
}
div.office_content h2 {
    display: inline-block;
    font-size: 21px;
    padding: 0px;
    line-height: 23px;
    margin-top: 0px;
}
div.office_content h3 {
    display: inline-block;
    font-size: 20px;
    padding: 10px 0px 0px;
    color: #727272;
}
div.office_content p {
    font-size: 14px;
    line-height: 20px;
}
div.office_content p.indent {
    padding-left: 50px;
}
.o365-home {
    clear: none;
}
div.office_content div.content_bar h1 {
    padding: 0px 0px 10px;
}
div.office_content div.content_bar h2 {
    padding: 20px 0px 10px;
}
div.content_bar> p {
    clear: both;
}
div.content_bar h2 {
    float: left;
}
.sidebar > img {
    max-width: 100%;
}
div.office_content div.faq-box {
    background-color: #f7f7f7;
    font-weight: 300;
    text-align: center;
    font-size: 17px;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 15px;
    color: #000;
}
div.office_content div.content_bar a div.faq-box> * {
    vertical-align: middle;
}
div.office_content div.content_bar a div.faq-box img {
    margin-right: 5px;
}
div.office_content img.left {
    float: left;
    padding-right: 20px;
}
div.office_content img.right {
    float: right;
    padding-left: 20px;
}
div.office_content ul li {
    font-size: 14px;
    line-height: 10px;
    padding-left: 75px;
}
div.office_content table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    font-size: 13px;
    margin-bottom: 20px;
    table-layout: fixed
}
div.office_content table tr.bodyrow:hover td,
div.office_content table.courses tr:hover td:not(:first-of-type):not(.buy-now) {
    background: #f9ffe8 !important;
}
div.office_content table tr> td {
    padding: 7px 0px 7px;
}

.courses tr:nth-child(2) td{
    padding: 0px;
}

div.office_content table tr td.promo {
    color: #eb3c00;
    white-space: nowrap;
}
div.office_content table tr td.promo.licence {
    color: #696969;
    padding: 20px 0px 20px;
    text-align: left;
}
div.office_content table tr td.promo.switcher {
    color: #000;
    text-align: right;
}
div.office_content table tr td.promo.switcher span {
    font-weight: 600;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
div.office_content table tr td.promo.switcher span.yearly {
    color: #eb3c00;
}
div.office_content .onoffswitch, div.office_content .onoffswitch-de2 {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
div.office_content .onoffswitch-checkbox, div.office_content .onoffswitch-checkbox-de2 {
    display: none;
}
div.office_content .onoffswitch-label, div.office_content .onoffswitch-label-de2 {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #FFFFFF;
    border-radius: 20px;
}
div.office_content .onoffswitch-inner, div.office_content .onoffswitch-inner-de2 {
    display: block;
    width: 200%;
    margin-left: -100%;
    -webkit-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}
div.office_content .onoffswitch-inner:before, .onoffswitch-inner:after, div.office_content .onoffswitch-inner-de2:before, .onoffswitch-inner-de2:after {
    display: block;
    float: left;
    width: 50%;
    height: 20px;
    padding: 0;
    line-height: 20px;
    font-size: 14px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    box-sizing: border-box;
}
div.office_content .onoffswitch-inner:before, div.office_content .onoffswitch-inner-de2:before {
    content: "";
    padding-left: 10px;
    padding-right: 10px;
    background-color: #00AEEF;
    color: #FFFFFF;
}
div.office_content .onoffswitch-inner:after, div.office_content .onoffswitch-inner-de2:after {
    content: "";
    padding-right: 10px;
    background-color: #00AEEF;
    color: #999999;
    text-align: right;
}
div.office_content .onoffswitch-switch, div.office_content .onoffswitch-switch-de2 {
    display: block;
    width: 12px;
    margin: 4px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 16px;
    border: 2px solid #FFFFFF;
    border-radius: 20px;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}
div.office_content .onoffswitch-checkbox:checked+ .onoffswitch-label .onoffswitch-inner, div.office_content .onoffswitch-checkbox:checked+ .onoffswitch-label .onoffswitch-inner-de2 {
    margin-left: 0;
}
div.office_content .onoffswitch-checkbox:checked+ .onoffswitch-label .onoffswitch-switch, div.office_content .onoffswitch-checkbox:checked+ .onoffswitch-label .onoffswitch-switch-de2 {
    right: 0px;
}

.o365-banners-bottom:last-of-type h2 {
    width: 100%;
}

.bottom-banners {
    display: -webkit-box;
    display: -ms-flexbox;

    display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-align: start;
            align-items: flex-start;
}

.o365-banners-bottom:first-of-type{
    width: 303px;
    box-sizing: border-box;
    margin-right: 3%;
        -ms-flex-positive: 0;
            flex-grow: 0;
}

.o365-banners-bottom:last-of-type{

            -ms-flex-positive: 1;
                flex-grow: 1;
}

.right_border,
.left_border {
    position: absolute;
    top: 0px;
    width: 3px;
    background: #EB3C00;
    height: 100%;
    right: 1px;
    z-index: 140;
}

.bottom_border{
    position: absolute;
    left: -1px;
    right: 1px;
    height: 2px;
    background: #EB3C00;
    bottom: -2px;
}

.left_border{
    left: -1px;
    right: auto;
}

div.office_content div.main {
    /*flex-grow: 1;*/
    max-width: 675px;
    width: 100%;
    -ms-flex-order: 2;
    order: 2;
}
div.office_content div.main video, div.office_content div.main iframe {
    width: 640px;
    margin-top: 15px;
}
div.office_content div.main div.featurebox {
    color: #fff;
    padding: 15px;
    margin: 15px auto;
}
div.office_content table.course tr > td {
    padding: 0px;
}

div.office_content table.course tr:nth-child(n+3) td {
    height: 50px;
}

table.courses th:not(:first-child), table.courses td:not(:first-child) {
    background: #f6f6f6
}
table.course td {
    font-size: 14px;
    padding:
}
.office_content .star {
    color: gray;
}
table.courses td:first-child {
    text-align: left;
}
table.courses th {
    vertical-align: bottom;
    padding: 10px 0px 5px;
    position: relative;
    line-height: 17px;
    font-weight: 600;
}

/*.featured-course-pl:after {
    content: 'Najpopularniejsze';
}*/

/*.featured-course-pl:before {
    content: '';
}*/

.featured-plan a {
    z-index: 140!important;
    position: relative;
}

table.courses th:after {
    position: absolute;
    border: solid 4px #eb3c00;
    z-index: 10;
    left: 1px;
    right: 1px;
    border-bottom: none;
    background: #eb3c00;
    color: #FFFFFF;
    font-size: 10px;
    bottom: 100%;
}

table.courses th:before {
    position: absolute;
    height: 100px;
    border: solid 3px #eb3c00;
    z-index: 10;
    left: 1px;
    top: 0px;
    right: 1px;
    border-bottom: none;
}

.courses .buy-now .btn {
    padding: 5px;
    position: relative;
    display: block!important;
}

table.courses td {
    border: solid 2px white;
}
table.courses tr:last-of-type a {
    color: black;
    text-decoration: underline;
}
table.courses th > span {
    display: block;
    color: #00aeef;
    margin: 5px 0px;
}
div.office_content div.main div.featurebox.oszczedzaj-czas {
    background: url(img/o365-keylock.png) center right 15px no-repeat #7f428f;
}
div.office_content div.main div.featurebox.utrata-danych {
    background: url(img/o365-datalose.png) center right 15px no-repeat #00aff0;
}
div.office_content div.main div.featurebox.utrzymanie-sprzetu {
    color: black;
    font-size: 14px;
    background: url(maintenance.jpg) center right 15px no-repeat white;
    margin-top: 0px;
    padding-top: 0px;
    padding-left: 0px;
    margin-left: 0px;
}
div.office_content div.implementations h2.additional-title {
    margin-top: 40px;
}
div.office_content div.main div.featurebox p {
    font-family: 'Segoe UI Light', 'Segoe UI', 'Trebuchet MS', 'Lucida Sans Unicode', Arial;
    font-size: 18px;
    font-weight: 200;
    line-height: 20px;
    max-width: 500px;
    padding: 0px;
}
div.office_content div.main div.featurebox img {
    vertical-align: middle;
}
div.office_content div.featurebox.integration {
    background: url(img/o365-integration.png) center right 15% no-repeat #f0f0f0;
    color: #000;
    padding: 40px 50px;
    margin: 15px auto;
}
div.office_content div.featurebox.integration p {
    font-size: 15px;
    line-height: 22px;
}
div.office_content div.main div.featurebox.implementation {
    color: black;
    padding-left: 0px;
    margin-left: 0px;
    font-size: 14px;
    background: url(implementation.jpg) center right 15px no-repeat white;
}
div.office_content div.main div.implementation p {
    padding-left: 0px;
    margin-left: 0px;
}
.o365-intro {
    letter-spacing: -1px;
    font-size: 24px;
    font-weight: 300;
    padding: 20px 0px 10px;
}
.o365-intro strong {
    font-weight: 500;
}
div.office_content div.working-path {
    text-align: center;
    margin-bottom: 20px;
}
div.office_content div.working-path> * {
    vertical-align: middle;
    display: inline-block;
}
div.office_content div.working-path div {
    width: 100%;
    max-width: 95px;
    text-align: center;
}
div.office_content div.working-path> img {
    padding: 0px 5px;
}
div.office_content div.sidebar {
    /*min-width: 255px;
    max-width: 255px;*/
    -ms-flex-order: 1;
    order: 1;

    width: 255px;
    margin: 0px 40px 20px 0px;
}
div.office_content div.sidebar a {
    line-height: 17px;
    padding-bottom: 10px;
    display: inline-block;
    font-size: 13px;
}
div.office_content div.sidebar a.orange {
    color: #000;
}
div.office_content div.sidebar a.orange.active, div.office_content div.sidebar a.orange:hover {
    color: #00aeef;
}
div.office_content div.sidebar a.tuatara, div.office_content div.sidebar a.itwiz-media-group {}
div.office_content div.o365-integration p {
    width: 100%;
    max-width: 400px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
}
div.office_content div.o365-integration p:nth-child(n+1) {
    padding-right: 40px;
}
.case-logo {
    background: no-repeat center;
    background-width: cover;
    display: inline-block;
    margin-left: 20px;
    height: 100px;
    width: 150px;
}
.happy-clients {
    width: 100%;
    margin-top: 20px;
}
.riser {
    background-image: url('/office365/assets/images/customers/riser-logo.png')
}
.benchmark {
    background-image: url('/office365/assets/images/customers/benchmark-logo.png')
}
.itwiz {
    background-image: url('/office365/assets/images/customers/itwiz-logo.png')
}
.odlewnia {
    background-image: url('/office365/assets/images/customers/odlewnia-zeliwa-siminski-logo.png')
}
.zeto {
    background-image: url('/office365/assets/images/customers/zeto-logo.png')
}
.absis {
    background-image: url('/office365/assets/images/customers/absis.png')
}
.exa {
    background-image: url('/office365/assets/images/customers/exa-logo.png')
}
.milena {
    background-image: url('/office365/assets/images/customers/milena-logo.png')
}
.talen {
    background-image: url('/office365/assets/images/customers/talen-logo(1).png')
}
.tuatara {
    background-image: url('/office365/assets/images/customers/tuatara-logo.png')
}
.bujalski {
    background-image: url('/office365/assets/images/customers/bujalski-logo.png')
}
.giss {
    background-image: url('/office365/assets/images/customers/giss-logo.png')
}
.tommorow-vision {
    background-image: url('/office365/assets/images/customers/tommorow-vision-logo.png')
}
.elektrownia-chorzow {
    background-image: url('/office365/assets/images/customers/elektrownia-chorzow-logo.png')
}
.zwse {
    background-image: url('/office365/assets/images/customers/zwse-bialystok-logo.png')
}
.marmuro {
    background-image: url('/office365/assets/images/customers/marmuro-logo.png')
}
.w2solutions {
    background-image: url('/office365/assets/images/customers/w2solutions.png')
}
.mikada {
    background-image: url('/office365/assets/images/customers/mikada.png')
}
div.office_content div.case-study-pdf {
    width: 100%;
    max-width: 390px;
    height: 150px;
    vertical-align: top;
    background: #f0f0f0;
    margin: 20px 0px;
}
div.office_content div.case-study-pdf a.cs-thumb {
    padding: 40px;
    display: inline-block;
    vertical-align: top;
}
div.office_content div.case-study-pdf a.blue-btn {
    margin-top: 55px;
}
div.office_content div.references-wrap {
    box-sizing: border-box;
    margin: 20px 0px;
    text-align: center
}
div.office_content .references-box {
    display: inline-block;
    max-width: 290px;
    text-align: center;
    vertical-align: top;
}
div.office_content .references-logo-box {
    width: 150px;
    height: 150px;
    display: block;
    margin: auto;
    border: 1px solid #c0c0c0;
    border-radius: 80px;
    margin-bottom: 20px;
}
div.office_content img.references-logo {
    display: block;
    position: relative;
    margin: auto;
}
div.office_content span.reference-company {
    font-weight: 600;
    font-size: 16px;
}
div.office_content p.content {
    font-size: 14px;
    line-height: 20px;
}
div.office_content .references-box.middle-reference {
    padding: 0px 40px 40px;
}
div.office_content .references-logo-box.small {
    display: inline-block;
    width: 120px;
    height: 120px;
    float: left;
    margin-right: 39px;
}
div.office_content .references-logo-box.small.last-small {
    /*margin-right: 0px;*/
}
div.office_content .references-logo-box.sim-games {
    background-color: #092654;
}
.o365_price {
    color: #eb3c00;
    font-weight: 700;
    display: block;
    margin-bottom: 15px;
    font-size: 15px;
    margin-top: 10px;
}
div.office_content div.implementation h3 {
    color: #000;
}

ul.arrows,
ul.checks {
    font-size: 14px;
    font-weight: 600;
}

div.office_content ul.arrows li,
div.office_content ul.checks li {
    padding-left: 40px!important;
    line-height: 25px!important;
    background: 0px 10px no-repeat;
}

div.office_content ul.checks li {
    background-image: url(../images/check_new.png)
}

div.office_content ul.arrows li {
    background-image: url(../images/arrow_new.png)
}

div.office_content div.implementation>*:not(h2):not(h3):not(h4) {
    position: relative;
    line-height: 24px;
    font-size: 13px;
}

div.implementation p {
    margin-top: 10px;
    line-height: 26=6px;
}

.implementation .header {
    background: #f5f5f5;
    padding: 15px 20px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    width: 100%;
    box-sizing: border-box;
}

.implementation div:first-of-type img:not([.single-box]){
    width: 100%;
}

.office_content .implementation h2 {
    padding-top: 0px;
    margin-bottom: 20px;
    font-size: 22px;
}

.office_content .implementation h3 {
    margin-top: 20px;
    margin-bottom: 15px;
}

/* ***********************************************************************************************************************************************************************************************
   **********                           **********************************************************************************************************************************************************
   **********    O365 Form content      **********************************************************************************************************************************************************
   **********                           **********************************************************************************************************************************************************
   ***********************************************************************************************************************************************************************************************  */

/*@media all and (max-width: 1599px) {
    div.formFloat {
        display: none;
    }
    div.formStatic {
        display: inline-block;
    }
}
@media all and (min-width: 1600px) {
    div.formStatic {
        display: none;
    }
    div.formFloat {
        display: inline-block;
    }
}*/

#cookie_message {
    display: none !important;
}

/* #o365ContactForm .commentInput {
    display: none;
}
#o365ContactForm {}

#o365ContactForm .formRow input {
    width: 100%;
    padding: 5px;
    margin: 0px 0px 5px;
    border: 1px solid rgba(0, 0, 0, 0.24);
    box-sizing: border-box;
}
#o365ContactForm .formRow input[type="submit"] {
    font-family: 'Segoe UI', 'Trebuchet MS', 'Lucida Sans Unicode', Arial;
    font-weight: 100;
    font-size: 15px;
    background-color: #eb3c00;
    color: #fff;
    height: 35px;
    width: 100%;
    margin: 0;
    border: none;
    cursor: pointer;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}
#o365ContactForm .formRow input[type="submit"]:hover {
    background-color: rgba(235, 60, 0, 0.7);
}
#o365ContactForm .details {
    font-weight: 600;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
}
#o365ContactForm .details img {
    margin-left: 10px;
}
#o365ContactForm .contact_data {
    padding: 15px 10px;
    color: #b1b1b1;
    line-height: 25px;
} */

.formFloat {
    position: absolute;
    width: 250px;
    font-size: 13px;
    right: 20px;
    top: 530px;
    z-index: 50;
    background: #f0f0f0;
}
.formFloat h3 {
    font-size: 20px;
    padding: 20px 10px 120px;
    line-height: 25px;
    background: url(/office365/assets/images/formBg.jpg) bottom left no-repeat #f0f0f0;
    text-align: center;
}
.formFloat h3 strong {
    font-weight: 600;
}
.formFloat h3 span {
    font-weight: 600;
}
.formFloat .formInputs {
    display: flex;
    flex-flow: column nowrap;
    padding: 0px 10px;
}
.formFloat .formRow {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
.formFloat .formRow .input {
    width: 100%;
    position: relative;
}
.formFloat .formRow .label span {
    font-size: 12px;
    display: block;
    line-height: 20px;
}
.formFloat .details {
    padding: 15px 5px;
    width: 100%;
}
.formStatic {
    width: 100%;
    background: url(/office365/assets/images/formBgStatic.jpg) bottom left no-repeat #f0f0f0;
    padding: 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
}
.formStatic h2 {
    width: 100%;
    height: 50px;
}
.formStatic h3 {
    background: none;
    font-size: 22px;
    padding-bottom: 20px;
}
.formStatic h3 span {
    font-weight: 600;
}
.formStatic .formInputs {
    display: flex;
    flex-flow: row wrap;
    padding-left: 250px;
    width: 100%;
    box-sizing: border-box;
}
.formStatic .formRow {
    width: 48%;
}
.formStatic .formRow:nth-child(2n) {
    margin-left: 4%;
}
.formStatic .formSubmit {
    order: 2;
    margin-left: 4%;
}
.formStatic .formDetails {
    margin-left: 0 !important;
}
.formStatic .details {
    justify-content: flex-start !important;
    height: 100%;
}

.webinars .webinarsForm h3 {
    background: none;
    font-size: 22px;
    padding-bottom: 20px;
    color: #000;
}
.webinars .webinarsForm h3 span {
    font-weight: 600;
}
.webinars .webinarsForm .formSubmit {
    width: 100%;
    margin-left: 0;
}
.webinars .webinarsForm .formDetails {
    width: 100%;
    order: 3;
}
/* #o365ContactForm.webinarsForm .formRow input {
    margin: 0px 0px 10px;
}
#o365ContactForm.webinarsForm .contact_data {
    padding: 0px;
} */



/* ***********************************************************************************************************************************************************************************************
   **********                           **********************************************************************************************************************************************************
   **********        O365 Packages        **********************************************************************************************************************************************************
   **********                           **********************************************************************************************************************************************************
   ***********************************************************************************************************************************************************************************************  */

h1.o365-package-title.package-desc-title {
    display: inline-block;
    vertical-align: middle;
    padding: 15px 0px;
    font-size: 24px;
}
div.office365-package-prices-wrap {
    display: inline-block;
    vertical-align: middle;
    float: right;
}
div.office365-package-prices {
    box-sizing: border-box;
    padding: 19px 20px;
    background-color: #f7f7f7;
    display: inline-block;
    vertical-align: middle;
}
div.promo-trial.package-description {
    display: inline-block;
    vertical-align: middle;
    padding: 6px 23px;
    text-align: center;
    background-color: #eb3c00;
    margin-left: 20px;
}
div.promo-trial.package-description a {
    color: #fff;
    padding: 4px 3px;
    font-size: 13px;
    display: block;
}
span.package-prices-text {
    font-size: 13px;
}
span.package-prices-price {
    color: #eb3c00;
    padding: 0px 15px;
    vertical-align: bottom;
}
span.large {
    font-size: 24px;
    display: inline-block;
}
span.o365-middler {
    display: inline-block;
}
div.package-table {
    display: block;
    max-width: 970px;
    box-sizing: border-box;
    margin-bottom: 40px;
}
span.package-prices-text, span.package-prices-price {
    display: inline-block;
    vertical-align: middle;
}
div.package-table div.table-column {
    max-width: 320px;
    display: inline-block;
    vertical-align: top;
}
div.package-table div.table-column div.table-row {
    display: table;
}
div.package-table div.table-column div.table-row div.table-label, div.package-table div.table-column div.table-row div.table-content {
    height: 100%;
    display: table-cell;
    padding: 20px 0px;
    line-height: 20px;
    vertical-align: middle;
    text-align: center;
}
div.package-table div.table-column div.table-row div.table-label {
    width: 175px;
    font-size: 13px;
}
div.package-table div.table-column div.table-row div.table-content {
    width: 145px;
    background-color: #f7f7f7;
}
div.package-table div.table-column div.table-row:nth-child(2n) div.table-content {
    background-color: #fbfbfb;
    font-size: 13px;
}
div.package-table div.table-column:first-child div.table-row div.table-label {
    text-align: left;
    border-right: 2px solid #fff;
}
div.package-table div.table-column div.table-row:hover div.table-content, div.package-table div.table-column div.table-row:hover div.table-label {
    background-color: #f9ffe8 !important;
}
span.title-desc-small {
    font-size: 12px;
    color: #a59aba;
}
div.package-desc.text-up-table {
    width: 100%;
    text-align: center;
    height: 100px;
    background-color: #f9ffe8;
    box-sizing: border-box;
    padding: 25px 0px;
    font-size: 13px;
    margin: 10px 0px;
}
div.package-desc.text-up-table span {
    display: block;
}
div.package-desc-content p {
    display: inline-block;
    max-width: 470px;
    vertical-align: top;
    min-width: 48%;
    margin: 0px;
}
div.package-desc-content p:nth-of-type(2n-3) {
    margin-right: 25px;
}
img.desc-title-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}
div.package-desc-content {
    padding: 5px 0px 15px;
}
/*div.office_content div.package-desc-wrap h2 {
    vertical-align: middle;
    padding: 10px 0px 0px;
}*/
div.package-desc-wrap div.package-desc.text-up-table span img {
    display: inline-block;
    padding: 10px 0px 0px;
}

.new-o365-header-text {
    margin-top: 10px;
    margin-left: 10px;
    font-size: 19px;
    line-height: 28px;
    font-weight: 600;
}
.new-o365-header-text span {
    color: #dc3c00
}
.btn {
    cursor: pointer;
}
/*Section for buy now button in implementations */
.buy_now_box_li{
    list-style: none;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
    margin-top: 20px;
    font-weight: bold;
    padding-left: 0;
    font-size: 14px;
}
.buy_now_box_left_alignment{
    margin-right: auto;
}
.buy_now_box_bottom_alignment{
    margin-top: 18px;
}
.buy_now_box_btn{
    padding-left: 15px;
}

.additional-boxes.full-width.single-box {
    margin-top: 20px;
}
div.office_content .implementation ul li {
    padding-left: 0;
}
/* END of section*/

.new-o365-header-btn {
    margin-top: 25px;
    margin-left: 10px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    background-color: #eb3c00;
    padding: 15px 20px;
    display: inline-block;
    color: #fff;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.new-o365-header-btn:hover {
    background-color: rgba(235, 60, 0, 0.7);
    color: #fff;
}
div.office_content div.package-desc-wrap div.office365-package-prices {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    height: 50px;
    width: 62%;
    float: right;
    background-color: #fff;
    padding: 0px;
}
div.office_content div.package-desc-wrap div.office365-package-prices div.o365-buy-box-wraper {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 49%;
    text-align: right;
}
div.office_content div.package-desc-wrap div.office365-package-prices div.o365-buy-box-wraper div.o365-buy-box-abonament-text {
    display: block;
    vertical-align: middle;
    height: 20%;
    width: 100%;
    font-weight: 600;
    text-align: left;
    padding-left: 20px;
    font-size: 13px;
}
div.office_content div.package-desc-wrap div.office365-package-prices div.o365-buy-box-wraper div.o365-buy-box-prices {
    display: inline-block;
    vertical-align: middle;
    height: 80%;
    margin-top: 10px;
    float: left;
    padding-left: 20px;
    text-align: left;
}
div.office_content div.package-desc-wrap div.office365-package-prices div.o365-buy-box-wraper div.o365-buy-box-prices div.o365-buy-box-price-net {
    color: #eb3c00;
    font-size: 15px;
    font-weight: 600;
}
div.office_content div.package-desc-wrap div.office365-package-prices div.o365-buy-box-wraper div.o365-buy-box-prices div.o365-buy-box-price-gross {
    font-size: 15px;
    font-weight: 600;
}
div.office_content div.package-desc-wrap div.office365-package-prices div.o365-buy-box-wraper div.o365-buy-box-button {
    display: inline-block;
    vertical-align: middle;
    background: #eb3c00;
    color: #fff;
    font-weight: 600;
    margin-left: 20px;
    margin-top: 13px;
    padding: 7px 20px;
    font-size: 15px;
    cursor: pointer;
}
div.office_content div.package-desc-wrap h1.new-price-buy-box-h1 {
    width: 35%;
}
div.implementations ul li {
    padding-left: 20px;
    line-height: 18px;
}
div.office_content div.implementations h2 {
    margin: 20px 0px 20px;
    padding-bottom: 0px;
    padding-top: 0px;
}
.implementations .additional-boxes> div {
    padding-bottom: 20px;
}

.office365-faq h2 {
    color: #eb3c00;
}
.additional-boxes a {
    color: inherit;
}

.products-list {
    display: block;
    margin-top: 15px;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}
.products-list.cat-has-desc {
    background: rgba(0, 174, 239, 0.1);
}

.products-list li > span:first-of-type{
    color: inherit;
flex-basis: 100%;
text-align: left;
}

.products .promo.switcher, .products .promo.switcher-de2{
    padding-top: 5px;
    cursor: pointer;
}

.office_table td {
    position: relative;
    height: 100%;
}

div ul.products-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px;
    padding-left: 0px;
    padding-right: 0px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: right;
    line-height: initial;
    font-size: 13px;
    font-weight: 600;
    border-bottom: 2px solid white;
}

div ul.products-list.cat-has-desc li {
    padding: 10px 15px 10px 20px;
}

.products-list li a {
    color: #000;
}

div ul.products-list li:not(.product-annually){
    display: none;
}
div ul.products-list .product-annually{
    display: flex;
}

ul.products-list li span:first-child {
    vertical-align: middle;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: left;
}

div ul.products-list li span:nth-child(2) {
    margin: 0px 20px;
    font-weight: 700;
    white-space: nowrap;
    font-size: 14px;
    color: #000;
}

.products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: start;
        align-content: flex-start;
}

.sidebar .banners {
    margin-top: 5px;
}

.sidebar .banners img:not(:first-of-type) {
    margin-top: 15px;
}

.products-list.month {
    display: none;
}

.products-list li span a:hover {
    color: #00AEEF;
}

.products-list li * {
    vertical-align: middle;
}

.plans-table >div:nth-child(n+6):not(.buttons-floating) >div:nth-child(4) {
    background: #dbeff7;
}

.plans-table >div:nth-child(n+6):nth-child(odd):not(.buttons-floating) >div:nth-child(4) {
    background: #E7F7FD !important;
}

.plans-table >div:nth-child(n+6):nth-child(odd):not(.buttons-floating) >div:not(:first-of-type) {
    background: #fbfbfb;
}

.plans-table >div:nth-child(n+6):hover >div {
    background: #f9ffe8 !important;
}
/* .plans-table >div:nth-child(2):hover >div,
.plans-table >div:nth-child(3):hover >div {
    background: #fbebe5 !important;
} */

.plans-table .with-img {
    color: #8c8c8c;
    font-size: 11px;
}

.plans-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    margin-top: 10px;
}

.plans-table >div >div:not(:first-of-type) {
    background: #f5f5f5;
}

.plans-table .header >div:not(:first-of-type) {
    background: #00406B;
}

.plans-table >div:nth-child(n+6):not(.buttons-floating) >div:not(:first-of-type) {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; 
}

div.plans-table div.header > div {
    border-bottom: none;
}

.plans-table .featured-plan:after{
    content: '';
    position: absolute;
    display: block;
    left: 0px;
    right: 0px;
    border: solid 2px #E7F7FD;
    border-top: none;
    border-bottom: none;
    z-index: 90;
    top: -2px;
    bottom: -2px;
}

.plans-table > div:not(.buttons) > div {
    border: solid 1px white;
    border-left-width: 1px;
    position: relative;
    border-right-width: 1px;
}

.plans-table .header {
    text-align: center;
}

.plans-table .netprice {
    color: #eb3c00;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 15px;
}

.plans-table > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.plans-table .prices {
    cursor: pointer;
}

.plans-table > div > div {
    box-sizing: border-box;
    text-align: center;
    padding: 5px;
    width: 135px;
}

.plans-table >div >div:first-of-type {
    text-align: left;
    background: white;
    min-width: 160px;
    padding: 10px 10px 10px 0px;
}

.switcher-row >div:first-child {
    margin-bottom: 20px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

.plans-table .grossprice {
    display: none;
}

div.plans-table .buttons >div {
    font-weight: 600;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    font-size: 15px;
    background: #00aeef none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
div.plans-table .buttons > div:hover {
    opacity: 0.7;
}
div.plans-table .try-buttons a:hover {
    color: #00406B;
}
div.plans-table .buttons > div:first-child {
    opacity: 1 !important;
}

.plans-table .header h2 {
    padding: 20px 0px 10px;
    color: #FFF;
    font-size: 20px;
    margin-bottom: 0px;
    font-weight: 600;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.office_table .floating-header .head:before {
    height: 100%;
}

div.plans-table div.monthPrices > div,
div.plans-table div.yearPrices > div {
    border-top: none;
}

div.plans-table div.monthPrices label span,
div.plans-table div.yearPrices label span {
    font-size: 13px !important;
    font-weight: 600;
}

.plans-table .table-apps > div > img {
    padding: 5px 5px;
}
.plans-table .table-apps > div:hover .hoverBox {
/*    opacity: 1;
    visibility: visible;*/
}

.plans-table .table-apps .hoverBox {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 100%;
    background: #fff;
    border: 1px solid #ababab;
    border-radius: 5px;
    padding: 10px;
    z-index: 500;
    transition: all .1s ease;
}
.plans-table .table-apps .hoverBox:after,
.plans-table .table-apps .hoverBox:before {
    right: 100%;
    top: 30%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.plans-table .table-apps .hoverBox:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 10px;
    margin-top: -10px;
}
.plans-table .table-apps .hoverBox:before {
    border-color: rgba(171, 171, 171, 0);
    border-right-color: #ababab;
    border-width: 11px;
    margin-top: -11px;
}
.plans-table > div.advanced-row {
    display: none;
}

.plans-table > div.table-expander {
    display: block;
    text-align: center;
    padding: 10px 0px;
    font-weight: bold;
    cursor: pointer;
    font-size: 16px;
    background: #f0f0f0;
    border: 2px solid #fff;
    border-left: 0px;
    border-right: 0px;
}

.plans-table .featured-plan {
    border: solid 2px #eb3c00;
    border-top: none;
    border-bottom: none;
    box-sizing: border-box;
    position: relative;
}

.featured-plan:before {
    left: 0px!important;
    right: 0px!important;
    position: absolute;
    height: 23px;
    background: #E7F7FD;
    bottom: 100%;
    z-index: 20;
    color: #000;
    font-weight: 700;
    text-align: center;
    font-size: 12px;
}

.featured-plan.plan-es-es:before {
    content: 'Los más populares';
}
.featured-plan.plan-pl-pl:before {
    content: 'Najpopularniejszy';
}
.featured-plan.plan-en-gb:before {
    content: 'Most Popular';
}
.featured-plan.plan-en-ie:before {
    content: 'Most Popular';
}
.featured-plan.plan-en-us:before {
    content: 'Most Popular';
}
.featured-plan.plan-en-ca:before {
    content: 'Most Popular';
}
.featured-plan.plan-en-gh:before {
    content: 'Most Popular';
}
.featured-plan.plan-en-ke:before {
    content: 'Most Popular';
}
.featured-plan.plan-en-ng:before {
    content: 'Most Popular';
}
.featured-plan.plan-he-il:before {
    content: 'Most Popular';
}
.featured-plan.plan-es-es:before {
    content: 'Los más populares';
}
.featured-plan.plan-it-it:before {
    content: 'Il più popolare';
}
.featured-plan.plan-it-ch:before {
    content: 'Il più popolare';
}
.featured-plan.plan-pt-pt:before {
    content: 'O mais popular';
}
.featured-plan.plan-de-de:before {
    content: 'Am beliebtesten';
}
.featured-plan.plan-de-at:before {
    content: 'Am beliebtesten';
}
.featured-plan.plan-de-li:before {
    content: 'Am beliebtesten';
}
.featured-plan.plan-de-ch:before {
    content: 'Am beliebtesten';
}
.featured-plan.plan-fr-fr:before {
    content: 'Le plus populaire';
}
.featured-plan.plan-fr-ch:before {
    content: 'Le plus populaire';
}
.featured-plan.plan-fr-lu:before {
    content: 'Le plus populaire';
}
.featured-plan.plan-fr-be:before {
    content: 'Le plus populaire';
}
.featured-plan.plan-nl-nl:before {
    content: 'Meest populaire';
}
.featured-plan.plan-nl-be:before {
    content: 'Meest populaire';
}
.featured-plan.plan-cs-cz:before {
    content: 'Nejpopulárnější';
}
.featured-plan.plan-en-za:before {
    content: 'Most Popular';
}
.featured-plan.plan-bg-bg:before {
    content: 'Най-популярни';
}
.featured-plan.plan-hu-hu:before {
    content: 'A legnépszerűbb';
}
.featured-plan.plan-da-dk:before {
    content: 'Den mest populære';
}
.featured-plan.plan-et-ee:before {
    content: 'Populaarseim';
}
.featured-plan.plan-fi-fi:before {
    content: 'Suosituin';
}
.featured-plan.plan-hr-hr:before {
    content: 'Najpopularniji';
}
.featured-plan.plan-lt-lt:before {
    content: 'Populiariausias';
}
.featured-plan.plan-lv-lv:before {
    content: 'Vispopulārākais';
}
.featured-plan.plan-nb-no:before {
    content: 'Mest populær';
}
.featured-plan.plan-sl-si:before {
    content: 'Najpriljubljenejši';
}
.featured-plan.plan-el-gr:before {
    content: 'Το πιο δημοφιλές';
}
.featured-plan.plan-el-cy:before {
    content: 'Το πιο δημοφιλές';
}
.featured-plan.plan-sv-se:before {
    content: 'Mest populärt';
}
.featured-plan.plan-sk-sk:before {
    content: 'Najobľúbenejší';
}
.featured-plan.plan-ro-ro:before {
    content: 'Cel mai popular';
}
.featured-plan.plan-pt-br:before {
    content: 'O mais popular';
}
.featured-plan.plan-es-mx:before {
    content: 'Los más populares';
}
.featured-plan.plan-en-au:before {
    content: 'Most Popular';
}
.featured-plan.plan-fr-ma:before {
    content: 'Le plus populaire';
}
.featured-plan.plan-fr-ci:before {
    content: 'Le plus populaire';
}
.featured-plan.plan-fr-cd:before {
    content: 'Le plus populaire';
}
.featured-plan.plan-fr-cm:before {
    content: 'Le plus populaire';
}
.featured-plan.plan-en-sg:before {
    content: 'Most Popular';
}

.partnumbers {
    display: none;
}

.plans-table .floating-buttons {
    top: 240px;
    position: fixed;
    z-index: 50;
    z-index: 150;
    left: -485px;
    margin-left: 50%;
    box-shadow: 0 7px 7px -6px gray;
}

.floating-header {
    display: block;
    position: fixed;
    width: 970px;
    font-weight: 700;
    top: 23px;
    z-index: 150;
    left: -485px;
    margin-left: 50%;
}

.floating-header:before {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    right: 0px;
    top: -25px;
    z-index: 130;
    background: white;
    height: 40px;
    /* outline: solid blue; */
    width: 100%;
    z-index: 11;
}

.autoheight {
    height: auto!important;
    transition: 200ms;
}

.plans-table .buttons >div:first-of-type {
    background: white;
}

.plans-table .floating-monthPrices {
    top: 108px;
    position: fixed;
    z-index: 50;
    z-index: 150;
    left: -485px;
    margin-left: 50%;
    height: 68px;
}

.plans-table .floating-yearPrices {
    top: 164px;
    position: fixed;
    z-index: 50;
    z-index: 150;
    left: -485px;
    margin-left: 50%;
    height: 68px;
}

.plans-table .try-buttons > div {
    padding: 0px;
    border: 1px solid #fff;
    border-bottom: none;
    border-top: none;
}

.plans-table .support-row > div {
    background-color: #d5f0c2 !important;
    border: 1px solid #fff;
}
.plans-table .support-row > div:first-of-type {
    padding: 0px;
}
.plans-table .support-row > div > a {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
.plans-table .support-row > div .supportName span {
    color: #56c30d;
    text-transform: uppercase;
    display: block;
}
.plans-table .support-row > div .supportName {
    color: #000;
    font-weight: 700;
    font-size: 11px;
    line-height: 15px;
    margin-left: 10px;
}

.plans-table .header > div,
.plans-table .monthPrices > div,
.plans-table .yearPrices > div,
.plans-table .buttons > div {
    width: 135px!important;
}

.prices >div:first-child .netprice {
    font-size: 13px;
}

.plans-table .try-buttons .featured-plan a {
    position: absolute !important;
    left: 2px;
    right: 2px;
    top: 0;
    width: calc(100% - 4px);
}

.plans-table .buttons .featured-plan:after{ 
    bottom: 0px;
}

.plans-table .try-buttons .featured-plan {
    background: #E7F7FD;
}
 
.plans-table .try-buttons a {
    font-size: 13px;
    /* background: #999; */
    color: #00aeef;
    display: block;
    padding: 10px 0px;
    width: 100%;
}

div.office_content table.hide-bodyrows tr.bodyrow {}

.plans-table >div:first-child {
    font-size: 13px;
    color: #696969;
}

/* .plans-table > div.basic-row-last .featured-plan,
.plans-table > div.advanced-row:nth-last-of-type(2) .featured-plan {
    border-bottom: solid 2px #eb3c00;
} */

.plans-table > div.advanced-row:nth-last-of-type(4) .featured-plan {
    border-top: solid 2px #eb3c00;
}



.floating-header .head:before {
    z-index: 120;
}

.blak {
    background: black;
    color: gray;
    shadow: blue 10px 10px 10px 10px;
}

.plans-table .floating-header h2 {
    padding: 10px 0px;
}

.plans-table >div >div:first-of-type .netprice {
    font-weight: normal
}

.plans-table .switcher-row >div:last-child {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

div.plans-table div.switcher-row div:nth-child(2) {
    background: white;
    text-align: right;
}

.plans-table.rwd >div >div:first-of-type {
    position: absolute;
    left: 0px;
    background: #fff;
    width: 160px!important;
    height: 100%;
    z-index: 160;
}

.plans-container.rwd .plans-table >div {
    padding-left: 191px;
}

.move-left,
.move-right {
    position: absolute;
    width: 31px;
    background: #eaeaea no-repeat center center;
    bottom: 0px;
    z-index: 155;
    display: block;
    top: 90px;
    display: none;
}

.move-left {
    background-image: url(img/move-left.jpg);
    left: 160px;
}

.move-right {
    background-image: url(img/move-right.jpg);
    right: 0px;
}

.plans-container {
    position: relative;
}

.plans-container.rwd .move-left,
.plans-container.rwd .move-right {
    display: block;
}

.plans-table > div.prices > div:first-of-type {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.plans-table > div > div:first-of-type label {
    margin-left: 10px;
    line-height: 18px;
    font-weight: 600;
    color: #727272;
    cursor: pointer;
}

.plans-table .prices .netprice {
    color: #727272;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.plans-table .prices input {
    min-width: 15px !important;
    margin: 0px 0px 0px 10px;
}

.plans-table .prices.active label {
    color: #000;
    font-weight: 700;
}

/*.plans-table .prices.active label span {
    font-weight: 600;
    font-size: 14px;
}*/

.plans-table .prices.active .netprice {
    font-size: 20px;
    color: #000;
}
.plans-table .prices.active.widePrice .netprice {
    font-size: 16px;
}

.plans-table .prices.active > div {
    background: #dbeff7;
}

.plansTitle {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

.plansTitle .div {
    color: #727272;
    padding-bottom: 20px;
}

.webinarsDate {
    box-sizing: border-box;
    background: url('/office365/assets/images/webinars/webinars.jpg') no-repeat;
    height: 400px;
    width: 100%;
    padding: 20px;
    margin: 20px 0px;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.webinarsDate .when div {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 15px;
}
.webinarsDate .when img {
    margin-right: 10px;
}
.webinarsDate .whenInt div {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    font-size: 20px;
    font-weight: 100;
    margin-bottom: 15px;
}
.webinarsDate .whenInt img {
    margin-right: 10px;
}
.webinarsDate .whenInt span {
    font-weight: 600;
}
.webinars .checks {
    margin: 0px 0px 20px;
}
.webinars .webinarCountdown {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
.webinars .webinarCountdown .cntSeparator {
    font-size: 40px;
    line-height: 40px;
    height: 55px;
}
.webinars .countdownLabels {
    display: flex;
    flex-flow: row nowrap;
}
.webinars .countdownLabels div {
    width: 70px;
    margin: 0px 15px 0px 6px;
    font-weight: 700;
}
.webinars .countdownLabels div:last-of-type {
    margin-right: 0px;
}

.webinarConf h2 {
    margin-bottom: 0px;
}
.webinarConf h3 {
    margin-bottom: 10px;
}
.webinarConf label {
    width: 150px;
    display: block;
    margin-bottom: 5px;
}
.webinarConf input {
    width: 150px;
    margin-bottom: 10px;
    padding: 5px;
}
.webinarConf input[type="submit"] {
    border: 0;
    cursor: pointer;
    padding: 10px;
    width: 160px;
}
.actualDates {
    margin-bottom: 20px;
}
.changeDates {
    margin-bottom: 20px;
}
.changeDates .changeDatesWrap {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
}
.changeDates .changeDatesWrap div {
    margin-right: 20px;
}
.loginDates h2,
.logoutDates h2 {
    margin-bottom: 10px;
}
.datesUpdated {
    margin: 20px 0px;
    color: green;
    font-size: 25px;
}


@media all and (max-width: 480px) {
    .office_center {
        width: 100%;
    }
    div.banner {
        margin-top: 60px;
    }
    div.banner img {
        max-width: 100%;
    }
    .new-o365-header-text {
        width: 50%;
    }
    div.office_main_menu a {
        border: 0px;
        display: block;
    }
    div.office_main_menu a:hover, div.office_main_menu a.active {
        border: 0px;
        text-decoration: underline;
    }
    div.office_main_menu a:hover:before, div.office_main_menu a.active:before, div.office_main_menu a:hover:after, div.office_main_menu a.active:after {
        display: none;
    }
    /* div.office_content div {
        text-align: center;
    } */
    div.office_content h1 {
        line-height: 34px;
    }
    div.office_content h3 {
        line-height: 28px;
    }
    div.office_content img {
        max-width: 100%;
        float: none !important;
        margin: 0px auto;
        padding: 0px !important;
    }
    div.office_content table td {
        max-width: 150px !important;
    }
    div.formStatic {
        box-sizing: border-box;
        padding: 15px;
    }
    div.formStatic .form_label {
        width: 20%;
    }
    div.formStatic .form_input {
        width: 60%;
    }
    div.office_form input[type="submit"] {
        width: 100% !important;
        margin-top: 10px;
    }
    div.office_footer img {
        float: none;
        margin: 0px auto;
        display: block;
    }
    div.office_content div.main, div.office_content div.sidebar {
        float: none;
        max-width: 100%;
        padding: 0;
        /* text-align: center; */
    }
    div.office_content video, div.office_content iframe {
        max-width: 100%;
    }
    div.office_content div.featurebox {
        background-image: none !important;
    }
    div.office_content div.featurebox p {
        padding: 20px;
    }
    div.office_content div.o365-integration p {
        padding: 10px 0px !important;
    }
    div.office_content div.working-path> img {
        display: block;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

/*Plans Table v2*/
.new_plans_container, .all_plans {
        cursor: default;
    }
   .new_plans_container .most_popular > div {
    width: 20%;
    padding: 5px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0px;
}
.new_plans_container .most_popular .mp_text {
    background-color: #E7F7FD !important;
    color: #000000;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}
.new_plans_container {
    margin-top: 20px;
}
.new_plans_container > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
}
.new_plans_container .new_plans_header {
    text-align: center;
}
.new_plans_container .new_plans_header > a {
    background-color: #00406B !important;
    width: 20%;
    margin: 1px;
    padding-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-decoration: none !important;
    cursor: pointer;
}
.new_plans_container .new_plans_header > a > h2:hover {
    color: white;
}
.new_plans_container .new_plans_header > a > h2 {
    color: white;
    font-size: 18px;
    font-weight: 600;
}
.new_plans_container .new_plans_header > a:first-child {
    background-color: #ffffff !important;
    cursor: default;
}
.new_plans_container.FT .new_plans_header > a:last-child {
    background-color: #eb3c00;
}

/*Plans Table v2 -> prices*/
.new_plans_container .both_prices {
    text-align: left;
}
.new_plans_container .both_prices .clickable,
.new_plans_container .both_prices .clickable label,
.new_plans_container .both_prices .clickable input{
    cursor: pointer !important;
}
.new_plans_container .both_prices .clickable:not(:first-child) span {
    font-size: 15px;
    font-weight: bolder;
}
.new_plans_container .both_prices .clickable:first-child label{
    font-size: 13px !important;
    font-weight: bold;
}
.new_plans_container .both_prices .clickable:first-child span {
    font-size: 11px;
    color: #727272;
    font-weight: normal;
    line-height: 15px;
    display: block;
}
.new_plans_container .both_prices.active .clickable:first-child span{
    font-size: 11px;
    color: black;
    font-weight: normal;
}
.new_plans_container .both_prices.active_enterprise span{
    font-size: 11px;
    color: black !important;
    font-weight: normal;
}
.new_plans_container .both_prices.active .clickable,
.new_plans_container .both_prices.active_enterprise .clickable {
    background-color: #dbeff7 !important;
}
.office_table .new_plans_container .month_prices.active .clickable:not(:first-child) span,
.office_table .new_plans_container .month_prices.active_enterprise .clickable:not(:first-child) span {
    font-size: 18px !important;
    font-weight: bold !important;
    color: #000 !important;
}
.office_table .new_plans_container .year_prices.active .clickable:not(:first-child) span,
.office_table .new_plans_container .year_prices.active_enterprise .clickable:not(:first-child) span {
    font-size: 18px !important;
    font-weight: bold !important;
    color: #000000 !important;
}
.new_plans_container .both_prices .clickable {
    width: 20%;
    margin: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
}
.new_plans_container .both_prices .clickable div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.new_plans_container .month_prices .clickable { 
    background-color: #fbfbfb;
}
.new_plans_container .year_prices .clickable {
    background-color: #f5f5f5;
}
.new_plans_container.FT .month_prices .clickable:nth-child(4){
    background-color: #E7F7FD;
}
.new_plans_container.FT .year_prices .clickable:last-child{
    background-color: #E7F7FD;
}
.new_plans_container .both_prices .clickable:first-child {
    background-color: #ffffff;
}
.new_plans_container > .both_prices > .clickable:first-child {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 5px 0;
}
.new_plans_container .both_prices .clickable div:first-child input {
    margin-left: 20px;
    margin-right: 10px;
    align-self: center;
}
.new_plans_container .both_prices .clickable:not(:first-child){
    color: #7e7e7e !important;
}

/*Plans Table v2 -> buy now*/
.new_plans_container > .button_buy_now{
    background-color: none;
}
.new_plans_container > .button_buy_now > div {
    width: 20%;
    margin: 1px;
    padding: 8px 0;
    background-color: #00AEEF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: bold;
    cursor: pointer;
}
.new_plans_container > .button_buy_now > div:first-child {
    background-color: #ffffff;
}
 .new_plans_container > .buy_now_text{
    padding: 0;
    width: 50%
}
.new_plans_container > .button_buy_now > div > img {
    padding-right: 10px;
}
/*Plans Table v2 -> try it for free*/
.new_plans_container > .try_for_free > div {
    width: 20%;
    background-color: #f5f5f5;
    padding: 5px 0;
    margin: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    flex-wrap: wrap;
}
.new_plans_container > .try_for_free.FT > div:nth-child(4){
    background-color: #dbeff7;
}
.new_plans_container > .try_for_free > div:first-child{
    background-color: #ffffff;
}
.new_plans_container > .try_for_free > div > a {
    color: #00AEEF;
}
.new_plans_container > .try_for_free > div > a:hover {
    color: #00406B;
}
.new_plans_container > .supportRow > div {
    width: 20%;
    background-color: #d5f0c2;
    margin: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.new_plans_container > .supportRow.FT > div:last-child{
    background-color: #d5f0c2;
}
.new_plans_container > .supportRow > div:first-child{
    background-color: #d5f0c2;
    justify-content: flex-start;
}
.new_plans_container > .supportRow > div a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: flex-start;
        -ms-flex-pack: flex-start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.new_plans_container > .supportRow .supportName {
    margin-left: 10px;
}
.new_plans_container > .supportRow .supportName span {
    color: #56c30d;
    text-transform: uppercase;
    display: block;
}
.new_plans_container > .supportRow .supportName {
    color: #000;
    font-weight: 700;
    font-size: 11px;
}

/*Plans Table v2 -> table content -> all applications boxes(1st column)*/
.apps_first_col div > .apps_cols{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: left;
        -ms-flex-align: left;
            align-items: left;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
.apps_first_col > div > .apps_cols{
    text-align: left;
}
.apps_first_col > div > .apps_cols > div:first-child{
    padding-top: 5px;
}
.p_text {
    padding-right: 5px !important;
}
.apps_first_col > .apps_cols{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: left;
        -ms-flex-align: left;
            align-items: left;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.apps_cols  .icon_first img {
    padding-top: 10px;
}
.col_padd_left {
    padding-left: 50px
}
.col_padd_right {
    padding-right: 50px
}

/*Plans Table v2 -> table content -> applications*/
.apps_cols > div:first-child {
    width: 20%;
    padding-right: 0;
 }
.apps_cols > div:last-child {
    width: 80%;
 }
.offer_text {
    font-size: 15px;
    font-weight: bold;
    color: #000 !important;
}
.plans-table>div>div>span {
    color: #000 !important;
}
.p_text {
    font-size: 11px !important;
}
.new_plans_container > .office_apps > div{
    width: 20%;
    margin: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #fbfbfb;
    -webkit-flex-wrap: wrap;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: center;
        align-content: center;
}
.new_plans_container > .office_apps.FT > div:last-child{
    background-color: #E7F7FD;
}
.new_plans_container > .office_apps > div:first-child{
    background-color: #ffffff;
}
.new_plans_container > .office_apps > div:not(.'.apps-cols') {
    padding-right: 40px;
    padding-left: 40px;
}
.new_plans_container > .office_apps > div > img{
    margin: 0 5px;
    margin-top: 5px;
}
.icon_hover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
}
.icon_hover > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
}
.icon_hover:not(:last-child) div {
    margin-bottom: 3px;
}
.icon_hover > div > div:first-child {
    width: 5%;
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin-right: 10px;
}
.icon_hover > div > div:last-child {
    width: 95%;
    -ms-flex-item-align: start;
        align-self: flex-start;
}
.icon_hover > div > div:first-child img {
    margin: 0;
    padding: 0;
}
.h4_hover {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
}
.h4_hover.skype {
    color: #00abe8;
}
.h4_hover.word {
    color: #00178f;
}
.h4_hover.excel {
    color: #007133;
}
.h4_hover.outlook {
    color: #0071c5;
}
.h4_hover.onenote {
    color: #682079;
}
.h4_hover.powerpoint {
    color: #dd5800;
}
.h4_hover.publisher {
    color: #008271;
}
.h4_hover.access {
    color: #b9131a;
}
.icon_hover > div > div:last-child p {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
}
.word_icons.box_icon {
    position: relative;
}
.word_icons.box_icon .text {
    position: absolute;
    visibility: hidden;
    background-color: #ffffff;
    width: 320px;
    color: #000000;
    text-align: left;
    padding: 10px;
    box-shadow: 0px 6px 5px -4px rgba(0,0,0,0.57);
    border: 1px solid #ababab;
    z-index: 1;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
}
.word_icons.box_icon .text.first_box {
    top: 55%;
    left: 42%;
}
.word_icons.box_icon .text.third_box {
    top: 55%;
    right: 10%;
}
#enterprise .word_icons.box_icon .text.second_box {
    top: 55%;
    left: 10%;
}
#business .word_icons.box_icon .text.second_box, #business-de2 .word_icons.box_icon .text.second_box, #enterprise-de2 .word_icons.box_icon .text.second_box {
    top: 55% !important;
    left: -25% !important;
}
.word_icons.box_icon:hover .text {
    visibility: visible;
}

/*Plans Table v2 -> table content -> applications Exchange*/
.apps_cols.tooltip_apps {
    position: relative;
}
.apps_cols.tooltip_apps .tooltip_text {
    position: absolute;
    visibility: hidden;
    background-color: #ffffff;
    width: 340px;
    color: #000000;
    text-align: left;
    padding: 5px;
    box-shadow: 0px 6px 5px -4px rgba(0,0,0,0.57);
    border: 1px solid #ababab;
    top: 50%;
    left: 20%; 
    z-index: 1;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
}
.apps_cols.tooltip_apps:hover .tooltip_text {
    visibility: visible;
    position: absolute;
}
.new_plans_container .tooltip_text  h4 {
    margin: 0;
    padding: 0;
    padding-left: 5px;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
}
.new_plans_container .tooltip_text  p {
    margin: 0;
    padding: 0;
    padding-left: 5px;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}
/* Fixing old garbage CSS */
.new_plans_container .office_apps > div {
    width: 20%;
    margin: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
/* Small Firms table */
.new_plans_container .office_apps--three_columns:nth-child(odd) > div:not(:first-child) {
    background-color: #f5f5f5;
}
.new_plans_container .office_apps--three_columns:nth-child(odd) > div:nth-child(4) {
    background-color: #dbeff7;
}

.new_plans_container .office_apps--three_columns:nth-child(even) > div:not(:first-child) {
    background-color: #fbfbfb;
}
.new_plans_container .office_apps--three_columns:nth-child(even) > div:nth-child(4) {
    background-color: #E7F7FD;
}
/* Big Firms table */
.new_plans_container .office_apps--four_columns:nth-child(odd) > div:not(:first-child) {
    background-color: #f5f5f5;
}
.new_plans_container .office_apps--four_columns:nth-child(odd) > div:nth-child(4) {
    background-color: #dbeff7;
}

.new_plans_container .office_apps--four_columns:nth-child(even) > div:not(:first-child) {
    background-color: #fbfbfb;
}
.new_plans_container .office_apps--four_columns:nth-child(even) > div:nth-child(4) {
    background-color: #E7F7FD;
}



/*Plans Table v2 -> arrow below the table*/
.plans_arrow {
    position: relative;
    background: #ffffff;
    border-bottom: 1px solid #eb3c00;
    margin-top: 0;
    margin-bottom: 20px;
}
.plans_arrow:after, .plans_arrow:before {
    position: absolute;
    content: " ";
    bottom: -6px;
    left: 50%;
    border-width: 6px 6px 0;
    border-style: solid;
    border-color: #eb3c00 transparent;
}
.plans_arrow:after {
    bottom: -5px;
    border-color: #fff transparent;
}

/*All plans O365*/
.all_plans_header {
    color: #eb3c00;
    text-align: center;
    font-weight: bold;
    margin-bottom: 50px;
    font-size: 18px !important;
    font-weight: bold;
    display: block !important;
}
.all_plans {
    margin: 60px 0 40px 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.all_plans > div {
    width: 25%;
}
.all_plans > div > p {
    font-size: 12px;
    padding-right: 22px;
    line-height: 16px;
    padding-top: 0;
}
.all_plans > div > h5 {
    margin: 10px 0;
    font-size: 14px;
    font-weight: 600;
}

/*Plans Table v2 -> line below the all plans*/
.plans_border_bottom{
    margin-top: 40px;
    border-bottom: 1px solid #c2c2c2;
}

/* SECOND TABLE ( .ST )*/
.new_plans_container .ST .most_popular > div {
    width: 20%;
}
.new_plans_container .ST .new_plans_header > a {
    background-color: #f5f5f5;
    width: 20%;
}
.new_plans_container .ST .both_prices > .clickable {
    width: 20%;
}
.new_plans_container .ST .button_buy_now > div {
    width: 20%;
}
.new_plans_container .ST .try_for_free > div {
    width: 20%;
}
.new_plans_container .ST .supportRow > div {
    width: 20%;
}
.new_plans_container .ST .office_apps > div{
    width: 20%;
}
.col_padd_left_ST {
    padding-left: 20px !important;
}
.col_padd_right_ST {
    padding-right: 20px !important;
}
.new_plans_container .ST > .office_apps > div {
    width: 20%;
}
.ST_most_popular {
    background-color: #E7F7FD !important;
}
.ST_most_popular_dark {
    background-color: #dbeff7 !important;
}
.month_prices.both_prices .monthlyPrices.ST,
.year_prices.both_prices .yearlyPrices.ST {
    font-size: 12px !important;
}
.new_plans_container {
    position: relative !important;
}

/* Switcher on bottom of page + animation*/
.plansTitle > h1 {
    font-size: 21px !important;
    padding-bottom: 0;
    font-weight: 300;
    margin-bottom: 5px;
}
.table_v2_switcher, .table_v3_switcher {
    font-family: 'Segoe UI', 'Trebuchet MS', 'Lucida Sans Unicode', Arial;
    font-weight: 400;
    padding-right: 0px;
    padding-bottom: 15px;
}
.table_v2_switcher .promo.switcher span span, .table_v3_switcher .promo.switcher span span{
    font-size: 18px;
}
.table_v2_switcher .promo.switcher .small_companies, .table_v3_switcher .promo.switcher .small_companies-de2{
    float: left;
    margin-right: 20px;
}
.table_v2_switcher .promo.switcher .big_companies, .table_v3_switcher .promo.switcher .big_companies-de2{
    float: right;
    margin-left: 20px;
}


.table_v2_switcher .promo.switcher span span, .table_v3_switcher .promo.switcher span span{
    font-size: 14px;
    font-weight: normal;
    float: right;
}

.table_v2_switcher .onoffswitch, .table_v3_switcher .onoffswitch-de2 {
    cursor: pointer !important;
}
.promo.switcher .small_companies,
.promo.switcher .big_companies,
.promo.switcher .onoffswitch {
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
}
.promo.switcher .small_companies-de2,
.promo.switcher .big_companies-de2,
.promo.switcher .onoffswitch-de2{
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
}

.table_v2_switcher .onoffswitch, .table_v3_switcher .onoffswitch-de2  {
    margin-bottom: 10px;
}
.all_plans.not_active {
    display: none;
}
.office_apps:hover > div {
    background-color: #f9ffe8 !important;
}
.office_table {
    position: relative;
}
#tables, #tables-de2 {
    overflow: hidden;
    margin: 0 auto;
    white-space: nowrap;
}
#business {
    /*height: 540px*/
}
#enterprise, #business, #enterprise-de2, #business-de2  {
    position: relative;
    display: inline-block;
    max-width: 100%;
    white-space: normal;
    vertical-align: top;
    /*height: 1200px;*/
}
#enterprise, #enterprise-de2 {
    display: none;
}
#enterprise.activeTab, #enterprise-de2.activeTab {
    display: inline-block;
} 
.plans_arrow {
    padding-bottom: 20px;
}
@media all and (max-width: 768px) {
    body {
        width: 1100px;
    }
}
.enterprise_mobility_security-circle, .device-app-data, .footer-source{
    margin: 20px auto 20px auto;
    text-align: center;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
}
.device-app-data{
    margin: 55px 0 55px 0;

}
.device-app-data p{
    font-size: 19px !important;
    color: #6f6f6f;
    line-height: 26px;
}
.footer-source div{
    text-align: left;
    font-size: 10px;
    width: 50%;

}
.enterprise_mobility_security-circle div, .device-app-data div{
    flex-basis: auto;
    width: 33%;
    text-align: center;
}
.enterprise_mobility_security-circle div img, .device-app-data div img{
    margin: auto !important;
    display: block;

}
#device-app-data .head, #device-app-data .foot{
    position: relative;
    text-align: center;
    padding: 28px;
    font-size: 19px;
    background: #f2f2f2;
    color: #6f6f6f;
    line-height: 26px;

}
.enterprise_mobility_security-circle p{

padding: 0 40px 0 40px !important;
text-align: left;

}
#device-app-data .head:after, #device-app-data .foot:after{
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(242, 242, 242, 0);
    border-width: 27px;
    margin-left: -27px;
}
#device-app-data{
    margin-top: 20px;

}
#device-app-data .head:after{
    top: 100%;
    border-top-color: #f2f2f2;
}
#device-app-data .foot:after{
    bottom: 100%;
    border-bottom-color: #f2f2f2;
}

/*Office 365 Trial (wyprobuj-za-darmo-office-365)*/
.try_for_free .trial_version { 
    background-color: #EB3C00 !important;
    padding: 10px 0 !important;
    font-size: 14px !important;
}

.try_for_free .trial_version a {
    color: #FFFFFF !important;
    font-weight: bold !important;
}

.office_table .button_buy_now .trial_buy_now {
    background-color: #FBFBFB !important;
}

.office_table .button_buy_now .trial_buy_now span{
        color: #000000 !important;
        font-weight: 400;
}

.office_table .button_buy_now .trial_buy_now span:hover {
    color: #eb3c00 !important;
}
/* switcher na DE duży */
.switcher-de {
  cursor: pointer;
  justify-content: space-between;
  display: flex;
  margin-bottom: 20px;
}

.switcher-de div {
    -webkit-box-shadow: 10px 10px 21px -12px rgba(230,230,230,1);
    -moz-box-shadow: 10px 10px 21px -12px rgba(230,230,230,1);
    box-shadow: 10px 10px 21px -12px rgba(230,230,230,1);

    position: relative;
    padding: 25px 20px;
    width: 43%;
    background: #ffffff;
    border: 1px solid #00406B;
}

.switcher-de div:after, .switcher-de div:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.switcher-de div.de-not-active {
    -webkit-box-shadow: 10px 10px 21px -12px rgba(230,230,230,0);
    -moz-box-shadow: 10px 10px 21px -12px rgba(230,230,230,0);
    box-shadow: 10px 10px 21px -12px rgba(230,230,230,0);
    opacity: 0.5;
    border: 1px solid #d4d4d4;
}
.switcher-de div.de-active:after {
  border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 15px;
	margin-left: -15px;
}
.switcher-de div.de-not-active:after {
  border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 15px;
	margin-left: -15px;
}
.switcher-de div.de-active:before {
  border-color: rgba(235, 60, 0, 0);
  	border-top-color: #00406b;
  	border-width: 16px;
  	margin-left: -16px;
}
.switcher-de div.de-not-active:before {
  border-color: rgba(212, 212, 212, 0);
	border-top-color: #d4d4d4;
  border-width: 16px;
  margin-left: -16px;
}


.switcher-de div.de-not-active:hover {
    -webkit-box-shadow: 10px 10px 21px -12px rgba(230,230,230,1);
    -moz-box-shadow: 10px 10px 21px -12px rgba(230,230,230,1);
    box-shadow: 10px 10px 21px -12px rgba(230,230,230,1);
    -moz-opacity: 1;
    opacity: 1;
}

.switcher-de div h2 {
  margin: 0 0 10px 0;
  padding: 0;
  color: #dc3c00;
  font-weight: bolder;
  font-size: 20px;
}

.switcher-de .arrow-de {
  margin: 0 auto -41px auto;
  background: url("/office365/assets/images/de/arrow_de.png");
  width: 22px;
  display: block;
  height: 13px;
}

.switcher-de div p {
  margin-bottom: 5px;
  font-size: 13px;
  display: block;
  color: #000;
}

.switcher-de div p:first-child {
  font-size: 12px;
  margin: 0 0 0px 0;
  color: #000;
}

.switcher-de div img {
  margin-right: 10px;
}

.switcher-de div ul {
  margin-top: 25px;
}

.switcher-de div ul li {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 12px;
}

.switcher-de div ul li:last-child {
  margin-bottom: 0px;
}

#slides{
  position:relative;
  overflow:hidden;
  margin:0 auto;
  width:1000px;
  white-space:nowrap;
}
#slides .cont1, #slides .cont2{
  position:relative;
  display:inline-block;
  margin-right:-4px;
  white-space:normal;
  vertical-align:top;
  
  display:inline;

}

.hidden {
    display: none;
}

#plans-de{
    display: flex;
    justify-content: space-around;
    box-sizing: border-box;
}
#plans-de.single{
    justify-content: flex-start;
}
#plans-de .col{
    width: 43%;
}
#plans-de.single .col{
    width: 100%;
}
#plans-de h1{
    font-size: 24px;
}
#plans-de h1 span{
    font-size: 18px;
}
#plans-de h1.flag span{
    margin-left: 25px;
}
#plans-de .price-block{
    width: 100%;
    max-width: inherit;
}
#plans-de .col.flag .plans-price-block-de{
   margin-left: 25px;
}
#plans-de.single .col.not-flag .plans-price-block-de{
    margin-right: 0px;
    display: flex;
}
#plans-de .col.not-flag .plans-price-block-de{
    margin-right: 25px;
}
#plans-de.single .col.not-flag .plans-price-block-de .single{
    width: 392px;
    margin-right: 20px;

}
#plans-de .plans-price-block-de{
    box-sizing: border-box;
    /*padding: 0 40px;*/
}
#plans-de .price-block-de{
    width: 100%;
    background: #f5f5f5;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content:stretch;
    align-items: stretch;
}
#plans-de .text-price-de{
    padding: 15px 40px 15px 40px;
}
#plans-de .text-price-de span{
    font-size: 13px;
    display: block;
}
#plans-de .text-price-de span.net{
    font-size: 15px;
    font-weight: 500;
}
#plans-de .add-cart-de{
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    margin: 10px 10px 10px 0 ;
    background: #00aeef;
    flex-basis: 126px;
    padding: 10px 0 10px 0;
    font-weight: 500;
}
#plans-de .add-cart-de:hover{
    color: #fff;
    background: rgba(0, 174, 239, 0.7);
}
#plans-de .trial-box{
    display: flex;
    justify-content: flex-end;
    background: #f5f5f5;
    margin-bottom: 20px;
}
#plans-de.single .trial-box{
    height: 20px;
}
#plans-de .trial-de{
    font-size: 12px;
    /*margin: 3px 0 25px 0;*/
    padding: 0 10px 0 0;
    width: 126px;
    margin: 0px 0 10px 0;
    color: #00aeef;
}
#plans-de .trial-de:hover{
    color: #00406b;
    text-decoration: underline;
}
/* support - webinar */
.office_header--partnerroku{
    background: #00406b url(../images/o365_header1_new.jpg) center no-repeat;
    height: 296px;
    text-align: left;
}

.office_header--partnerroku.renewals_header{
    background: #00406b url(../images/o365_header1_jakub.jpg) center no-repeat;
}

.office_header--partnerroku.webinars {
    background: #00406b url("/gfx/partner-roku/support_webinar.jpg") center no-repeat;
}

.office_header--partnerroku .webinarBox {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-top: 60px;
    height: 170px;
    padding-left: 50px;
    font-size: 17px;
    color: #ffffff;
}

.office_header--partnerroku .webinarBox .yourTime {
    font-weight: bold;
    font-size: 27px;
}

.office_header--partnerroku .webinarBox .signUpNow {
    color: #80a3b5;
    background: #56c30d;
    width: 190px;
    height: 45px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    cursor: pointer;
}

.generic-o365-header {
    width: 100%;
    height: 297px;
    background-size: cover;
}

.generic-o365-header * {
    box-sizing: border-box;
}

.generic-o365-header__content {
    width: 100%;
    max-width: 970px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: #fff;
}
.generic-o365-header.ms-teams-promo {
    height: auto;
}
.generic-o365-header.ms-teams-promo a{
    width: 100%;
    max-width: 100%;
    display: block;
    text-decoration: none;
}
.generic-o365-header.ms-teams-promo a img {
    width: auto;
    max-width: 100%;
    margin: auto;
    display: block;
}

.header-mspartner2k19 {
    background: #00406b url(../images/mspartner-2019-o365-header.jpg) center no-repeat;
}
.header-mspartner2k19 .generic-o365-header__content {
    height: 100%;
    justify-content: center;
}
.header-mspartner2k19__sprite--logo {
    background: url(../images/mspartner-2019-o365-header-logos.png) center no-repeat transparent;
    margin-bottom: 20px;
    height: 44px;
    width: 294px;
}
.header-mspartner2k19__title {
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 34px;
}

/* MS Partner 2k19 Plans row  */
.plans-mspartner2k19-row {
    padding-top: 25px;
    padding-bottom: 25px;
    border-top: 1px solid #d3d3d3;
}

.plans-mspartner2k19-row * {
    box-sizing: border-box;
}

.plans-mspartner2k19-cell {
    height: 60px;
    background: #00406b;
}

.plans-mspartner2k19-cell--first {
    position: relative;
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 60px;
    border-right: 1px solid #FFF;
}

.plans-mspartner2k19-cell--enterprise {
    width: 20%;
}

.plans-mspartner2k19-scewed-box {
    position: absolute;
    left: 0;
    top: -5px;
    width: 60px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 15px;
    text-align: center;
    font-weight: 700;
    background-image: url('../images/mspartner-2019-cell-bg.png');
    background-repeat: no-repeat;
}

.plans-mspartner2k19-scewed-box a,
.plans-mspartner2k19-scewed-box a:hover {
    color: #fff;
}

.plans-mspartner2k19-logo {
    width: 152px;
    height: 31px;
    background-image: url('../images/mspartner-2019-logo-table-row.png');
    background-repeat: no-repeat;
    margin-right: 30px;
}
.plans-mspartner2k19-logo-portal {
    width: 59px;
    height: 35px;
    background-image: url('../images/mspartner-2019-logo-portal-table-row.png');
    background-repeat: no-repeat;
}

.plans-mspartner2k19-cell--second {
    text-align: center;
    line-height: 60px;
    font-size: 18px;
    font-weight: 700;
    flex-grow: 1;
    background: #00406b url('../images/mspartner-2019-second-cell-bg.png') left center no-repeat;
}
.plans-mspartner2k19-cell--second a,
.plans-mspartner2k19-cell--second a:hover {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-ms365 {
    background: #00406b url(../images/office-ms365-header.jpg) center no-repeat;
}
.header-ms365__title {
    color: #00406b;
    font-size: 35px;
    font-weight: 600;
    margin-top: 60px;
}
.header-ms365__sub-title {
    color: #00406b;
    font-size: 30px;
    margin-top: 25px;
}
.header-ms365 .generic-o365-btn {
    margin-top: 40px;
}

.header-bcentral {
    background: #00406b url(../images/office-business-central-header.jpg) center no-repeat;
}
.header-bcentral__title {
    padding-top: 140px;
    font-size: 34px;
    font-weight: 600;
}
.header-bcentral .generic-o365-btn {
    margin-top: 40px;
}

.header-itewo {
    background: #00406b url(../images/office-itewolucja-header.jpg) center no-repeat;
}
.header-itewo * {
    box-sizing: border-box;
}
.header-itewo__sub-title {
    font-size: 28px;
    padding-top: 25px;
}
.header-itewo__title {
    font-size: 45px;
    font-weight: 600;
    padding-top: 50px;
}
.header-itewo__date {
    font-size: 20px;
    padding-top: 30px;
    color: #bababa;
}
.header-itewo__link.generic-o365-btn {
    margin-top: 40px;
    padding: 10px 30px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    background: #56c40d;
    border: 1px solid #fff;
}
.header-itewo__link.generic-o365-btn:hover {
    background: #fff;
    border-color: #56c40d;
    color: #56c40d;
}

.header-azure {
    width: 100%;
    height: 297px;
    background: #00406b url(../images/office-azure-header.png) center no-repeat;
    background-size: cover;
}

.header-azure * {
    box-sizing: border-box;
}

.header-azure__content {
    width: 1000px;
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.header-azure__logo {
    width: 121px;
    height: 37px;
    margin: 35px 0;
    background: url(../images/office-azure-header-icon.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.header-azure__title {
    font-size: 35px;
    line-height: 42px;
    color: #FFF;
    font-weight: 700;
}

.header-azure__title--marked {
    text-transform: uppercase;
    color: #56c30d;
}

.header-azure__link {
    display: block;
    margin: 20px 0 40px 0;
    padding: 0 25px;
    color: #FFF;
    font-size: 18px;
    line-height: 42px;
    background: #00aeef;
    cursor: pointer;
    transition-duration: .3s;
}

.header-azure__link:hover {
    color: #FFF;
    background: #008cbf;
}

.header-azure__info {
    font-size: 12px;
    color: #808080;
}

.office_header--partnerroku .webinarBox .signUpNow:hover {
    opacity: 0.85;
}

.office_header--partnerroku .webinarBox .signUpNow.signUpBlue {
    background: #00aeef;
}

.office_header--partnerroku .webinarBox .signUpNow a {
    color: #ffffff;
    font-weight: bold;
}

.office365-bg-menu{
    background: #fafafa;
}
.office365-bg-menu .office_main_menu{
    display: flex;
    padding-top: 10px;
    margin-top: 0;
    align-items: center;
}
/* .partnerroku--bg--menu .office_main_menu a:last-child.active{
    font-size: 18px;
    color: #f86131;
} */
/* .partnerroku--bg--menu .office_main_menu a:last-child span{
    padding-left: 30px;
    display: block;
    height: 22px;
    background: url("/gfx/partner-roku/puchar.png") left no-repeat;
} */
.main.partner-roku p{
    font-weight: lighter;
    font-size: 20px;
    line-height: 20px;
}
.main.partner-roku img{
    margin: 20px 0 20px 0;
}
.main.partner-roku p.small{
    font-size: 14px;
    line-height: 23px;
}
div.office_content p.o365--netto{
    padding-bottom: 0;
    color: #727272;
    font-size: 12px;
    text-align: right;
    width: 100%;
}

.visual-studio-yearly li {
    display: flex !important;
}

.visualstudio {
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 20px;
    margin-bottom: 40px;
    width: 675px;
}

.visualstudio .newh2 {
    margin: 20px 0px 20px;
    width: 100%;
}

.visualstudio p {
    margin: 0px 0px 20px;
}

.visualstudio .toplogo {
    display: block;
    margin-top: 20px;
}

.visualstudio .visual-table {
    margin-bottom: 20px;
}

.visualstudio .visual-table .adnotation {
    font-size: 11px;
    margin-top: 20px;
}

.visualstudio .visual-table .table-row {
    display: flex;
    flex-flow: row nowrap;
}

.visualstudio .visual-table .table-row:nth-child(even) > div {
    background: #f5f5f5;
}

.visualstudio .visual-table .table-row:nth-child(even) > .popular-col {
    background: #e8e3ef;
}

.visualstudio .visual-table .table-row:nth-child(odd) > div {
    background: #fbfbfb;
}

.visualstudio .visual-table .table-row:nth-child(odd) > .popular-col {
    background: #efecf4;
}

.visualstudio .visual-table .table-row.popular-title div {
    font-size: 11px;
    background: #fff;
    color: #000;
}

.visualstudio .visual-table .table-row.popular-title .popular-col {
    background: #efecf4;
}

.visualstudio .visual-table .table-row.product > div,
.visualstudio .visual-table .table-row.pricing > div {
    font-weight: 700;
    color: #000;
}

.visualstudio .visual-table .table-row > div {
    width: 20%;
    margin: 1px;
    padding: 10px;
    text-align: center;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    color: #727272;
    font-weight: 600;
}

.visualstudio .visual-table .table-row > div.label {
    justify-content: flex-start;
    background: #fff !important;
    color: #000;
    font-weight: 300;
}

.visualstudio .visual-table .table-row.buy-row > div:not(.label) {
    font-size: 15px;
    font-weight: 700;
    background: #663f90 !important;
    cursor: pointer;
}

.visualstudio .visual-table .table-row.buy-row > div a {
    color: #fff;
}

.visualstudio .advantages {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    margin: 20px 0px;
}

.visualstudio .advantage {
    text-align: center;
    width: 33%;
    padding: 0px 10px;
}

.visualstudio .advantage img {
    display: block;
    margin: 0px auto 20px;
}
.visualstudio .interested {
    margin-top: 20px;
    text-align: center;
}
.visualstudio .interested a {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    background: #663f90;
    padding: 15px 50px;
    display: inline-block;
    cursor: pointer;
}
.o365-faq .ask:hover {
    background: #f0f0f0;
}
.o365-faq .answer {
    padding: 0 20px 25px;
    color: #727272;
}
.o365-faq .ask {
    font-size: 16px;
    border: 1px solid #d3d3d3;
    padding: 20px;
    margin-bottom: 20px;
    position: relative;
    outline: none;
    cursor: pointer;
}
.o365-faq .ask .plus-ico,
.o365-faq .ask .minus-ico {
    width: 19px;
    height: 19px;
    position: absolute;
    right: 15px;
}
.o365-faq .ask .plus-ico {
    background: url(/office365/assets/images/categories/visualstudio/o365plus.png) center center no-repeat;
}
.o365-faq .ask .minus-ico {
    background: url(/office365/assets/images/categories/visualstudio/o365minus.png) center center no-repeat;
}


.visualstudio *{
    box-sizing: border-box;
}
div.office_content .visualstudio h2 {
    margin-top: 20px;
}
.visualstudio .visualstudio__imagefront{
    margin: 20px 0 20px 0;
    position: relative;
    width: 675px;
    height: 374px;
    background: url("/office365/assets/images/categories/visualstudio/imagefront.jpg");
}
.visualstudio .visualstudio__imagefront--text{
    position: absolute;
    bottom: 38px;
    padding-left: 10px;
    left: 0;
    border-left: 14px solid #562b85;
    color: white;
    font-weight: 500;
    font-size: 20px;
}
.visualstudio .visualstudio__list{
    margin-left: 10px;
    padding: 0;
}
.visualstudio .visualstudio__list li{
    padding-left: 50px;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 16px;
    font-weight: 600;
    background: url("/office365/assets/images/categories/visualstudio/tick.png") no-repeat left;
}
.visualstudio_subs{
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    max-width: 675px;
}
.visualstudio_subs--calendar{
    width: 49%;
}
div.office_content .visualstudio_subs--calendar p{
    font-size: 13px;
}
.visualstudio_subs--calendar__item{
    padding: 10px 20px 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    background: #f0f0f0;
}
.visualstudio__year{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    width: 100%;
    max-width: 675px;
}
.visualstudio__options{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    max-width: 675px;
}
.visualstudio__options--item{
    padding: 10px;
    border: 1px solid #d3d3d3;
    width: 31%;
    text-align: center;
}
.visualstudio__options--item__imagebox{
    height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.visualstudio__options--item img{
    margin-top: 20px;
 }
div.office_content .visualstudio .visualstudio_subs--calendar h2{
    margin: 0;
}
.visualstudio__options--item p.last{
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.visualstudio__options--item__head{
    font-size: 14px;
    margin-top: 15px;
    color: #000000;
    font-weight: 600;
}

.disabledBtn {
    opacity: 0.3;
}

.new_plans_container .office_apps {
    height: 40px;
}

.new_plans_container .apps_first_col {
    height: 110px;
}


/* Webinarium */
.webinarContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    font-size: 17px;
    margin: 20px 0 40px 0;
    width: 100%;
}

.webinarContainer > div {
    flex: 1;
}

.webinarContainer .webinarInto {
    margin-bottom: 45px;
    line-height: 22px;
}

.webinarContainer .webinarStartDate {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #f0f0f0;
    width: 90%;
}

.webinarContainer .webinarStartDate span {
    margin-left: 10px;
    font-weight: bold;
}

.webinarContainer .webinarLeaders {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    margin-top: 25px;
}

.webinarContainer .webinarLeaders div:first-child {
    margin-right: 50px;
}

.webinarContainer .webinarLeaders .leaderName {
    font-weight: 500;
    margin: 15px 0;
}

.webinarContainer .webinarLeaders .leaderPosition {
    font-size: 12px;
    color: #727272;
}

.webinarContainer .webinarContainerRight {
    background: #f0f0f0;
    padding: 20px 25px;
}

.webinarContainerRight .form-row input {
    height: 40px;
    width: calc(100% - 20px);
    padding-left: 20px;
    border: none;
    margin: 10px 0;
}

.webinarContainerRight .form-row.checkbox {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start;
    margin-bottom: 20px;
}

.webinarContainerRight .form-row.checkbox input {
    width: unset;
    height: unset;
    margin: 0 5px 0 0;
}

.webinarContainerRight .form-row.checkbox label {
    font-size: 11px;
    line-height: 14px;
    color: #727272;
}

.webinarContainerRight .joinUs {
    width: 220px;
    height: 50px;
    color: #ffffff;
    background: #56c30d;
    display: block;
    margin: 0 auto;
    font-weight: bold;
    outline: none;
    border: none;
    font-size: 17px;
    cursor: pointer;
}

/* Support Page */
.support-page,
.renewals-page {
    width: 100%;
}
.support-page.top,
.renewals-page.top {
    display: flex;
    flex-flow: row nowrap;
}
.support-page.top h1,
.renewals-page.top h1 {
    font-family: 'Segoe UI', 'Trebuchet MS', 'Lucida Sans Unicode', Arial;
    font-size: 20px;
    font-weight: 700;
}
.support-page.top .supportDesc {
    font-weight: 300;
}
.support-page.top .intro {
    width: 66%;
}
.support-page.top .support-phone {
    margin-left: auto;
    text-align: center;
    width: 33%;
}
.support-page.top .support-phone span {
    display: block;
    margin: 20px 0px 10px;
}
.support-page.top .support-phone a {
    font-size: 24px;
    font-weight: 700;
    color: #000;
}
.featuresBG {
    background: #fafafa;
}
.support-page .features,
.renewals-page .features {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: center;
    padding: 25px 0px;
}
.support-page .feature,
.renewals-page .feature {
    text-align: center;
    width: 33%;
    padding: 0px 50px;
}
.support-page .feature span {
    display: block;
    margin-top: 20px;
}
.support-page .supportInfo {
    font-weight: 700;
    margin: 0px 0px 20px;
}
.support-page .supportTable {
    width: 100%;
    margin: 20px 0px 40px;
}
.support-page .supportTable .tabRow {
    display: flex;
    flex-flow: row nowrap;
}
.support-page .supportTable .tabRow > div {
    font-weight: 300;
    width: 37%;
    padding: 15px;
    margin-left: 2px;
}
.support-page .supportTable .tabRow .label {
    font-size: 18px;
    font-weight: 700;
    width: 26%;
}
.support-page .supportTable .tabRow.heading div {
    background: #00406b;
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    text-align: center;
}
.support-page .supportTable .tabRow.heading .label {
    background: #fff;
}
.support-page .supportTable .tabRow.who div {
    background: #e2f3d8;
}
.support-page .supportTable .tabRow.what div {
    background: #fbfbfb;
}
.support-page .supportTable .tabRow.why div {
    background: #e2f3d8;
}
.support-page .supportTable .tabRow li {
    text-align: left;
    padding-left: 25px;
    margin: 0px 0px 15px;
    line-height: 18px;
}
.support-page .supportTable .tabRow li:before {
    content: '';
    width: 14px;
    height: 11px;
    background: url('/office365/assets/images/supports/tick-green.png') no-repeat;
    display: inline-block;
    margin-left: -25px;
    padding-right: 10px;
}
.support-page .supportTable .tabRow.pricing div {
    background: #fbfbfb;
}
.support-page .supportTable .tabRow.pricing div div {
    margin-bottom: 10px;
    font-size: 16px;
}
.support-page .supportTable .tabRow.pricing div span {
    font-size: 25px;
    font-weight: 700;
}

/* RENEWALS PAGE */
.renewalsBG {
    background: url(/office365/assets/images/renewals/renewals-bg.png) bottom 50px center no-repeat;
}
.renewalsBG .office_content {
    margin-bottom: 0;
}
.renewals-page .intro {
    width: 60%;
}
.renewals-page .renewal-title {
    font-size: 21px;
    font-weight: 300;
    line-height: 35px;
    margin-bottom: 20px;
}
.renewals-page .renewal-desc {
    line-height: 22px;
    margin-bottom: 20px;
}
.renewals-page .renewal-phone {
    font-size: 16px;
    font-weight: 300;
    color: #000;
}
.renewals-page .renewal-mail {
    font-size: 16px;
    font-weight: 300;
    color: #00aeef;
    line-height: 20px;
}
.renewals-page .renewal-phone:hover,
.renewals-page .renewal-mail:hover {
    text-decoration: underline;
}
.renewals-page .renewal-person {
    position: relative;
    text-align: right;
    width: 40%;
}
.renewals-page .renewal-person img {
    margin-bottom: -3px;
}
.renewals-page .renewal-person .data {
    position: absolute;
    left: 30px;
    top: 80px;
    width: 110px;
}
.renewals-page .renewal-person .name {
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
}
.renewals-page .renewal-person .position {
    font-size: 11px;
    line-height: 12px;
    display: block;
    margin-top: 5px;
    color: #727272;
}
.featuresBG .renewals-page {
    padding-top: 20px;
}
.featuresBG .renewals-page h2 {
    display: block;
    text-align: center;
}
.renewals-page .feature strong {
    display: block;
    margin-top: 20px;
}
.renewals-page .faq-info {
    margin-top: 0;
    margin-bottom: 40px;
}

.office_header--partnerroku .webinarBoxMain {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 100px;
    height: 195px;
}

.webinarBoxMain .revolutionStarts {
    font-size: 39px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 50px;
    margin-top: 20px;
    margin-left: 25px;
}

.webinarBoxMain .timerToWebinar {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    width: 420px;
    margin-left: 25px;
}

.webinarBoxMain .partiTime {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.webinarBoxMain .eachPart {
    font-size: 58px;
    font-weight: bold;
    color: #56c30d;
}
.webinarBoxMain .partiTime div {
    font-size: 16px;
    color: #688ea4;
    margin-top: 20px;
}

/* New Plans pages 2018 */
.plan-page-2018-top {
    display: flex;
    flex-flow: row wrap;
}
.plan-page-2018-top * {
    box-sizing: border-box;
}
.plan-page-2018-top .plan-img {
    width: 31%;
}
.plan-page-2018-top .plan-options {
    width: 69%;
    padding-left: 90px;
}
.plan-page-2018-top .plan-options > .name {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 5px;
}
.plan-page-2018-top .plan-options .pn {
    font-size: 13px;
    color: #727272;
    padding-bottom: 20px;
}
.plan-page-2018-top .plan-options .heading {
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 10px;
}
.plan-page-2018-top .plan-options .heading .name {
    width: 50%;
    font-size: 17px;
}
.plan-page-2018-top .plan-options .heading .price {
    width: 50%;
    font-size: 12px;
    color: #727272;
    text-align: right;
    padding-right: 10px;
}
.plan-page-2018-top .plan-options .types {
    margin-bottom: 10px;
}
.plan-page-2018-top .plan-options .types .active {
    background: #e5f7fd;
}
.plan-page-2018-top .plan-options .types label {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    padding: 15px 10px;
    cursor: pointer;
}
.plan-page-2018-top .plan-options .types input {
    margin: 0px 10px 0px 0px;
}
.plan-page-2018-top .plan-options .types .price {
    margin-left: auto;
    text-align: right;
    font-weight: 700;
}
.plan-page-2018-top .plan-options .actions {
    background: #fafafa;
    padding: 15px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
.plan-page-2018-top .plan-options .actions .buy-plan-btn {
    margin-left: auto;
    padding: 10px 40px;
    font-size: 17px;
    font-weight: 700;
    background: #00AEEF;
    color: #fff;
}
.plan-page-2018-top .plan-options .actions .buy-plan-btn:hover {
    opacity: 0.8;
}
.plan-page-2018-top .plan-options .actions .trial {
    color: #00AEEF;
}
.plan-page-2018-top .plan-options .actions .trial:hover {
    text-decoration: underline;
}
.plan-page-2018-top .plan-options .actions .monthly-plan-buy {
    display: none;
}
.plan-page-2018-top .plan-support {
    background: #00406b;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    padding: 10px 20px;
    margin-top: 55px;
    width: 100%;
}
.plan-page-2018-top .plan-support img {
    margin-right: 20px;
}
.plan-page-2018-top .plan-support span {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}
.plan-page-2018-top .plan-support a {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-left: auto;
    padding: 10px 40px;
    background: rgba(86, 195, 13, 1);
}
.plan-page-2018-top .plan-support a:hover {
    background: rgba(86, 195, 13, 0.7);
}
.plan-page-2018-content * {
    box-sizing: border-box;
}
.plan-page-2018-content .plan-section-heading {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 20px;
}
.plan-page-2018-content .plan-full-apps {
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 20px;
}
.plan-page-2018-content .plan-full-apps > div {
    width: 50%;
}
.plan-page-2018-content .plan-full-apps .apps-icons {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.plan-page-2018-content .plan-full-apps img {
    max-width: 32px;
    /* margin-right: 15px; */
}
.plan-page-2018-content .plan-full-apps > div:first-child {
    margin-right: 20px;
    text-align: right;
}
.plan-page-2018-content .plan-full-apps > div:last-child {
    margin-left: 20px;
}
.plan-page-2018-content .plan-basic {
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 20px;
}
.plan-page-2018-content .adv-column {
    width: 50%;
}
.plan-page-2018-content .adv-column:first-child {
    margin-right: 20px;
}
.plan-page-2018-content .adv-column:last-child {
    margin-left: 20px;
}
.plan-page-2018-content .adv-item {
    height: 50px;
    margin-bottom: 1px;
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    justify-content: center;
}
.plan-page-2018-content .adv-item > div {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
.plan-page-2018-content .adv-item:nth-child(odd) {
    background: #f7f7f7;
}
.plan-page-2018-content .adv-item:nth-child(even) {
    background: #fdfdfd;
}
.plan-page-2018-content .adv-item .name {
    width: 100%;
    padding: 0px 15px;
}
.plan-page-2018-content .adv-item .name img {
    margin-right: 20px;
}
.plan-page-2018-content .adv-item .info {
    width: 75px;
    border-left: 2px solid #fff;
    justify-content: center;
}
.plan-page-2018-content .plan-features {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 20px;
}
.plan-page-2018-content .feature-item {
    width: 50%;
}
.plan-page-2018-content .feature-item:nth-child(odd) {
    padding-right: 20px;
}
.plan-page-2018-content .feature-item:nth-child(even) {
    padding-left: 20px;
}
.plan-page-2018-content .feature-item .feature-desc {
    padding: 0 10px 15px;
    color: #727272;
    font-size: 14px;
}
.plan-page-2018-content .feature-item .feature-name {
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #d3d3d3;
    padding: 5px 10px;
    margin-bottom: 10px;
    position: relative;
    outline: none;
    cursor: pointer;
}
.plan-page-2018-content .feature-item .feature-name i,
.plan-page-2018-content .feature-item .feature-name img {
    color: #007ae0;
    margin-right: 10px;
    font-size: 20px;
    vertical-align: middle;
    margin-top: -3px;
}
.plan-page-2018-content .feature-item .feature-name.ui-accordion-header-active {
    font-weight: 700;
}
.plan-page-2018-content .feature-item .feature-name:hover {
    background: #f0f0f0;
}
.plan-page-2018-content .feature-item .feature-name .plus-ico,
.plan-page-2018-content .feature-item .feature-name .minus-ico {
    width: 19px;
    height: 22px;
    position: absolute;
    right: 15px;
}
.plan-page-2018-content .feature-item .feature-name .plus-ico {
    background: url(/office365/assets/images/categories/visualstudio/o365plus.png) center center no-repeat;
}
.plan-page-2018-content .feature-item .feature-name .minus-ico {
    background: url(/office365/assets/images/categories/visualstudio/o365minus.png) center center no-repeat;
}
.plan-bar {
    width: 100%;
    background: #fafafa;
    border-bottom: 1px solid #d3d3d3;
    position: fixed;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease;
}
.plan-bar .office_center {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
.plan-bar .office_center ul {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
.plan-bar .office_center ul li {
    /* padding: 10px 0px; */
}
.plan-bar .office_center ul li a {
    font-size: 17px;
    font-weight: 400;
    margin-right: 40px;
    color: #000;
    border-bottom: 2px solid transparent;
    margin-bottom: -4px;
    padding: 10px 0px;
    display: block;    
}
.plan-bar .office_center ul li:hover a,
.plan-bar .office_center ul li a.active {
    border-bottom: 2px solid #00aeef;
}
.plan-bar .buy-bar {
    margin-left: auto;
    background: #00aeef;
    color: #fff;
    font-weight: 700;
    padding: 5px 15px;
}
.plan-bar .buy-bar:hover {
    background: rgba(0, 174, 239, 0.7);
}
.plan-bar .monthly-plan-buy {
    display: none;
}

.office-header-rodo {
    background: #00406b url("/office365/assets/images/rodo/rodo-header.png") top center no-repeat;
    height: 298px;
}
.office-header-rodo .wrapper {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    padding: 20px 0px 0px;
}
.office-header-rodo .logotypes {
    margin-bottom: 20px;
}
.office-header-rodo .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    color: #fff;
    width: 530px;
    margin-bottom: 20px;
}
.office-header-rodo .title span {
    font-size: 16px;
    color: #00aeef;
    display: block;
}
.office-header-rodo .subtitle {
    font-size: 16px;
    color: #fff;
    width: 530px;
}
.office-header-rodo .subtitle span {
    font-weight: 700;
    display: block;
}
.rodoContent {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    max-width: 970px;
    margin: 0px auto;
}
.rodoContent .sectionTitle {
    font-size: 20px;
    font-weight: 700;
}
.rodoContent .info {
    width: 47%;
    margin-right: 1%;
}
.rodoContent .info .date,
.rodoContent .info .place {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    padding-bottom: 10px;
}
.rodoContent .info .date i,
.rodoContent .info .place i {
    font-size: 16px;
    color: #00aeef;
    margin-right: 10px;
    margin-top: 5px;
    width: 16px;
}
.rodoContent .info .date span,
.rodoContent .info .place span {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
}
.rodoContent .info .place {
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 25px;
    margin-bottom: 15px;
}
.rodoContent .info .about {
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 50px;
}
.rodoContent .info .about-more {
    font-size: 14px;
    line-height: 23px;
    margin: 45px 0px 40px;
}
.rodoContent .info ul li {
    padding-left: 20px;
    margin-bottom: 20px;
    margin-left: 10px;
}
.rodoContent .info ul li:before {
    content: "";
    background: #00aeef;;
    width: 5px;
    height: 5px;
    display: inline-block;
    margin-right: 15px;
    margin-left: -20px;
}
.rodoContent .form {
    width: 50%;
    margin-left: 2%;
    margin-top: 5px;
}
.rodoContent form {
    background: #e5ecf0;
    padding: 25px 60px;
    margin-bottom: 3px;
}
.rodoContent form .inputBox {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
}
.rodoContent form .inputBox.submit {
    justify-content: center;
}
.rodoContent form input[type="text"] {
    padding: 12px 20px;
    margin-bottom: 15px;
    width: 100%;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
}
.rodoContent form .marketingAccept {
    margin: 20px 0px 15px;
}
.rodoContent form .salesAccept {
    margin-bottom: 35px;
}
.rodoContent form input[type="checkbox"] {
    margin-right: 10px;
}
.rodoContent form label {
    font-size: 12px;
    line-height: 12px;
    font-weight: 300;
    cursor: pointer;
}
.rodoContent form input[type="submit"] {
    font-size: 16px;
    font-weight: 700;
    padding: 12px 20px;
    color: #fff;
    background: #00aeef;
    border: 0px;
    cursor: pointer;
}
.rodoContent form input[type="submit"]:hover {
    background: rgba(0, 174, 239, 0.7);
}
.rodoContent .form .speakers {
    background: #f2f5f7;
    padding: 15px;
    text-align: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
.rodoContent .speakers .sectionTitle {
    width: 100%;
}
.rodoContent .speakers .speaker {
    margin: 20px 20px 0px;
}
.rodoContent .speakers .name {
    font-size: 17px;
    margin: 5px 0px;
}
.rodoContent .speakers .position {
    font-size: 12px;
    line-height: 18px;
    color: #727272;
}
.rodoContent .sectionTitle.agendaTitle {
    margin: 45px 0px 20px;
}
.rodoContent .rodoAgenda {
    width: 100%;
}
.rodoContent .agendaRow {
    display: flex;
    flex-flow: row nowrap;
}
.rodoContent .agendaRow > div {
    padding: 8px 25px;
    border-bottom: 1px solid #fff;
}
.rodoContent .agendaRow:nth-child(odd) > div {
    background: #fafbfc;
}
.rodoContent .agendaRow:nth-child(even) > div {
    background: #ebf0f3;
}
.rodoContent .agendaRow.headerRow > div {
    background: #00406b;
    color: #fff;
    font-weight: 700;
}
.rodoContent .agendaRow .time {
    width: 20%;
    border-right: 1px solid #fff;
}
.rodoContent .agendaRow .course {
    width: 75%;
}
.rodoContent .agendaRow .desc {
    color: #727272;
}
.rodoContent .formScroll {
    margin: 70px 0px;
    text-align: center;
    width: 100%;
}
.rodoContent .formScroll a {
    font-size: 16px;
    font-weight: 700;
    padding: 12px 20px;
    color: #fff;
    background: #00aeef;
    border: 0px;
}
.rodoContent .formScroll a:hover {
    background: rgba(0, 174, 239, 0.7);
}
.rodoContent .rodo-form-error {
    margin-top: 20px;
    padding: 20px;
    background: red;
    color: #fff;
}
.rodoContent .rodo-form-success {
    font-size: 17px;
    font-weight: 700;
    color: #00406b;
}
.rodoContent .rodo-form-success i {
    margin-right: 10px;
    /* color: #56c30d; */
    font-size: 17px;
}



.office-header-teams {
    background: #00406b url("/office365/assets/images/webinarium/teams-header.jpg?v=1.1") top center no-repeat;
    height: 298px;
}
.office-header-teams .wrapper {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    padding: 20px 0px 0px;
}
.office-header-teams .logotypes {
    margin-bottom: 20px;
}
.office-header-teams .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    color: #fff;
    width: 530px;
    margin-bottom: 20px;
}
.office-header-teams .title span {
    font-size: 16px;
    color: #00aeef;
    display: block;
}
.office-header-teams .subtitle {
    font-size: 16px;
    color: #fff;
    width: 530px;
}
.office-header-teams .subtitle span {
    font-weight: 700;
    display: block;
}
.teamsContent {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    max-width: 970px;
    margin: 0px auto 20px;
}
.teamsContent .sectionTitle {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}
.teamsContent .info {
    width: 47%;
    margin-right: 1%;
}
.teamsContent .info .date,
.teamsContent .info .place {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    padding-bottom: 10px;
}
.teamsContent .info .date i,
.teamsContent .info .place i {
    font-size: 16px;
    color: #00aeef;
    margin-right: 10px;
    margin-top: 5px;
    width: 16px;
}
.teamsContent .info .date span,
.teamsContent .info .place span {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
}
.teamsContent .info .place {
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 25px;
    margin-bottom: 15px;
}
.teamsContent .info .about {
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 50px;
}
.teamsContent .info .about-more {
    font-size: 14px;
    line-height: 23px;
    margin: 45px 0px 40px;
}
.teamsContent .info ul li {
    padding-left: 20px;
    margin-bottom: 20px;
    margin-left: 10px;
}
.teamsContent .info ul li:before {
    content: "";
    background: #00aeef;;
    width: 5px;
    height: 5px;
    display: inline-block;
    margin-right: 15px;
    margin-left: -20px;
}
.teamsContent .form {
    width: 50%;
    margin-left: 2%;
    margin-top: 5px;
}
.teamsContent form {
    background: #e5ecf0;
    padding: 25px 60px;
    margin-bottom: 3px;
}
.teamsContent form .inputBox {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
}
.teamsContent form .inputBox.agreement {
    color: #727272;
    display: block;
    font-size: 11px;
    margin-bottom: 20px;
}
.teamsContent form .inputBox.submit {
    justify-content: center;
}
.teamsContent form input[type="text"],
.teamsContent form select {
    padding: 12px 20px;
    margin-bottom: 15px;
    width: 100%;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
}
.teamsContent form .marketingAccept {
    margin: 20px 0px 15px;
}
.teamsContent form .salesAccept {
    margin-bottom: 35px;
}
.teamsContent form input[type="checkbox"] {
    margin-right: 10px;
}
.teamsContent form label {
    font-size: 12px;
    line-height: 18px;
    font-weight: 300;
    cursor: pointer;
}
.teamsContent form input[type="submit"] {
    font-size: 16px;
    font-weight: 700;
    padding: 12px 20px;
    color: #fff;
    background: #00aeef;
    border: 0px;
    cursor: pointer;
}
.teamsContent form input[type="submit"]:hover {
    background: rgba(0, 174, 239, 0.7);
}
.teamsContent .form .speakers {
    background: #f2f5f7;
    padding: 15px;
    text-align: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
.teamsContent .speakers .sectionTitle {
    width: 100%;
}
.teamsContent .speakers .speaker {
    margin: 20px 20px 0px;
    display: flex;
    align-items: center;
}
.teamsContent .speakers .data {
    text-align: left;
    margin-left: 10px;
}
.teamsContent .speakers .name {
    font-size: 20px;
    margin: 5px 0px;
}
.teamsContent .speakers .position {
    font-size: 14px;
    line-height: 18px;
    color: #727272;
}
.teamsContent .formScroll {
    margin: 70px 0px;
    text-align: center;
    width: 100%;
}
.teamsContent .formScroll a {
    font-size: 16px;
    font-weight: 700;
    padding: 12px 20px;
    color: #fff;
    background: #00aeef;
    border: 0px;
}
.teamsContent .formScroll a:hover {
    background: rgba(0, 174, 239, 0.7);
}
.teamsContent .teams-form-error {
    margin-top: 20px;
    padding: 20px;
    background: red;
    color: #fff;
}
.teamsContent .teams-form-success {
    font-size: 17px;
    font-weight: 700;
    color: #00406b;
}
.teamsContent .teams-form-success i {
    margin-right: 10px;
    font-size: 17px;
}

.teamsContent #teams-form label {
    font-size: 12px;
    line-height: 15px;
    font-weight: 300;
    cursor: pointer;
}

.teamsContent #teams-form .agreement span{
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #000;
}


.supportContent {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    max-width: 970px;
    margin: 0px auto 20px;
}
.supportContent .sectionTitle {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}
.supportContent .info {
    width: 47%;
    margin-right: 1%;
}
.supportContent .info .details {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
.supportContent .info .details img {
    margin-left: auto;
}
.supportContent .info .date,
.supportContent .info .place,
.supportContent .info .person {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    padding-bottom: 20px;
}
.supportContent .info .date i,
.supportContent .info .place i,
.supportContent .info .person i {
    font-size: 16px;
    color: #00aeef;
    margin-right: 10px;
    margin-top: 5px;
    width: 16px;
}
.supportContent .info .date span,
.supportContent .info .place span,
.supportContent .info .person span {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
}
.supportContent .info .person .position {
    display: block;
    font-size: 14px;
    font-weight: 400;
}
.supportContent .info .person {
    /* border-bottom: 1px solid #d3d3d3; */
    padding-bottom: 0;
    /* margin-bottom: 15px; */
}
.supportContent .info .about {
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 50px;
}
.supportContent .info .about-more {
    font-size: 14px;
    line-height: 23px;
    margin: 25px 0px;
}
.supportContent .info ul li {
    padding-left: 20px;
    margin-bottom: 10px;
    margin-left: 10px;
}
.supportContent .info ul li:before {
    content: "";
    background: #00aeef;;
    width: 5px;
    height: 5px;
    display: inline-block;
    margin-right: 15px;
    margin-left: -20px;
}
.supportContent .form {
    width: 50%;
    margin-left: 2%;
    margin-top: 5px;
}
.supportContent form {
    background: #e5ecf0;
    padding: 25px 60px;
    margin-bottom: 3px;
}
.supportContent form .inputBox {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
}
.supportContent form .inputBox.agreement {
    color: #727272;
    display: block;
    font-size: 11px;
    margin-bottom: 20px;
}
.supportContent form .inputBox.submit {
    justify-content: center;
}
.supportContent form input[type="text"],
.supportContent form select {
    padding: 12px 20px;
    margin-bottom: 15px;
    width: 100%;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
}
.supportContent form .marketingAccept {
    margin: 20px 0px 15px;
}
.supportContent form .salesAccept {
    margin-bottom: 35px;
}
.supportContent form input[type="checkbox"] {
    margin-right: 10px;
}
.supportContent form label {
    font-size: 12px;
    line-height: 12px;
    font-weight: 300;
    cursor: pointer;
}
.supportContent form input[type="submit"] {
    font-size: 16px;
    font-weight: 700;
    padding: 12px 20px;
    color: #fff;
    background: #00aeef;
    border: 0px;
    cursor: pointer;
}
.supportContent form input[type="submit"]:hover {
    background: rgba(0, 174, 239, 0.7);
}
.supportContent .form .speakers {
    background: #f2f5f7;
    padding: 15px;
    text-align: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
.supportContent .speakers .sectionTitle {
    width: 100%;
}
.supportContent .speakers .speaker {
    margin: 20px 20px 0px;
    display: flex;
    align-items: center;
}
.supportContent .speakers .data {
    text-align: left;
    margin-left: 10px;
}
.supportContent .speakers .name {
    font-size: 20px;
    margin: 5px 0px;
}
.supportContent .speakers .position {
    font-size: 14px;
    line-height: 18px;
    color: #727272;
}
.supportContent .formScroll {
    margin: 70px 0px;
    text-align: center;
    width: 100%;
}
.supportContent .formScroll a {
    font-size: 16px;
    font-weight: 700;
    padding: 12px 20px;
    color: #fff;
    background: #00aeef;
    border: 0px;
}
.supportContent .formScroll a:hover {
    background: rgba(0, 174, 239, 0.7);
}
.supportContent .support-form-error {
    margin-top: 20px;
    padding: 20px;
    background: red;
    color: #fff;
}
.supportContent .support-form-success {
    font-size: 17px;
    font-weight: 700;
    color: #00406b;
}
.supportContent .support-form-success i {
    margin-right: 10px;
    /* color: #56c30d; */
    font-size: 17px;
}


.rodo365Content {
    width: 100%;
}
.rodo365Content p {
    margin-bottom: 20px;
}
.rodo365Content .intro {
    display: flex;
    margin-bottom: 20px;
}
.rodo365Content .intro .desc {
    max-width: 500px;
}
.rodo365Content .intro .desc a {
    padding: 10px 20px;
    font-size: 17px;
    font-weight: 700;
}
.rodo365Content .intro .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 20px;
}
.rodo365Content .intro img {
    margin: 0px auto;
}

.rodo365Content .mainPoints li {
    padding-left: 15px;
    position: relative;
    margin-bottom: 20px;
    line-height: 22px;
}

.rodo365Content .mainPoints li:before {
    content: '';
    width: 5px;
    height: 5px;
    background: #00aeef;
    position: absolute;
    left: 0px;
    top: 12px;
}
.r365Rules {
    background: #fafafa;
    padding: 20px 0px;
    margin-bottom: 20px;
}
.r365Rules .rodo365Content .rules {
    display: flex;
}
.r365Rules .rodo365Content .rule {
    width: 20%;
    text-align: center;
}
.r365Rules .rodo365Content .rule i {
    font-size: 25px;
    color: #00406b;
    margin-bottom: 20px;
}
.r365Rules .rodo365Content .rule .name {
    font-weight: 700;
    margin-bottom: 10px;
}
.r365tableHeading {
    background: #fafafa;
    padding: 50px 0px 80px;
}
.r365tableHeading .rodo365Content {
    text-align: center;
}
.rodo365Table {
    display: flex;
    width: 100%;
}
.rodo365Table .plan {
    width: 32%;
    text-align: center;
    margin-top: -60px;
    background: #fafafa;
}
.rodo365Table .plan.advanced {
    margin: -90px 2% 0;
}
.rodo365Table .plan > div {
    background: #fafafa;
    padding: 10px 20px;
}
.rodo365Table .plan .heading {
    padding: 20px;
    background: #00406b;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}
.rodo365Table .plan .heading span {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    color: #f1ae0d;
}
.rodo365Table .plan .price {
    padding: 10px 0px;
    font-size: 18px;
    font-weight: 300;
}
.rodo365Table .plan .price span {
    font-size: 28px;
    font-weight: 700;
}
.rodo365Table .plan .cta {
    padding: 5px 0px;
}
.rodo365Table .plan .cta a {
    padding: 10px 20px;
    font-size: 17px;
    font-weight: 700;
    cursor: pointer;
}
.btn-o365.secondary {
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 700;
    background: #fff;
    border: 2px solid #00aeef;
    color: #00aeef;
}
.btn-o365.secondary:hover {
    background: rgba(0, 174, 239, 0.1);
    color: #00aeef !important;
}
.rodo365Table .plan .apps {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #c6c6c6;
}
.rodo365Table .plan .apps img {
    margin: 0px auto;
}
.rodo365Table .plan .elements {
    display: flex;
    align-items: center;
    padding: 10px 20px;
}
.rodo365Table .plan .elements img {
    margin-left: auto;
}
.rodo365Table .plan .options {
    padding: 0;
}
.rodo365Table .plan .option {
    background: #e5f7fd;
    margin: 2px 0px;
    text-align: left;
    cursor: pointer;
}
.rodo365Table .plan .option-name {
    padding: 10px 20px;
    position: relative;
}
.rodo365Table .plan .option-name .fa-caret-right,
.rodo365Table .plan .option-name .fa-caret-down {
    position: absolute;
    right: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #00aeef;
}
.rodo365Table .plan .option-name .fa-caret-down {
    color: #fff;
}
.rodo365Table .plan .option-name.ui-state-active {
    background: #00aeef;
    color: #fff;
}
.rodo365Table .plan .content {
    padding: 5px 20px;
}
.rodo365Table .plan .content.ui-accordion-content-active {
    background: #fafafa;
    border: 1px solid #d3d3d3;
    border-top: 0;
}
.rodo365Table .plan .profit {
    margin-bottom: 20px;
}
.rodo365Table .plan .profit a {
    cursor: pointer;
}
.profitList li {
    text-align: left;
    position: relative;
    padding: 5px 0px 5px 15px;
    line-height: 22px;
}
.profitList li:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: 8px;
    content: '\f00c';
    color: #56c30d;
    position: absolute;
    left: 0px;
    top: 7px;
}
.profitList li a {
    text-decoration: underline;
}

/* NEW OFFICE SUBPAGES CONTENT */
/* HEADERS */
.office-top-header {
    height: 298px;
}
.office-top-header .headerTitle {
    font-size: 20px;
    font-weight: 700;
    line-height: 34px;
    color: #fff;
    margin: 130px 0px 10px;
}
.office-top-header .headerSubtitle {
    font-size: 20px;
    line-height: 34px;
    color: #fff;
}
.office-top-header.rodo365 {
    background: #00406b url("/office365/assets/images/rodo365/rodo365-header.jpg") top center no-repeat;
}
.office-top-header.sage {
    background: #00406b url("/office365/assets/images/sage/sage-header.jpg") top center no-repeat;
}
.office-top-header.sage .officeSectionWrap {
    flex-flow: column wrap;
}
.office-top-header.supports-webinar {
    background: #00406b url("/office365/assets/images/supports/support-header.jpg") top center no-repeat;
}
.office-top-header.supports-webinar .officeSectionWrap {
    flex-flow: column wrap;
}
.office-top-header.supports-webinar .headerTitle {
    font-size: 25px;
    margin-bottom: 0px;
}
.office-top-header.supports-webinar .headerSubtitle {
    font-size: 25px;
    font-weight: 300;
    margin-bottom: 20px;
}

/* MODALS */
.o365ModalBG {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100000;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
}
.o365Modal {
    width: 570px;
    padding: 50px 55px;
    position: fixed;
    top: 20%;
    left: 50%;
    margin-left: -285px;
    background: #fff;
    z-index: 100001;
    position: relative;
}
.o365ModalClose {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 15px;
    color: #727272;
    cursor: pointer;
}
.o365ModalContent .title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}
.o365ModalContent .subtitle {
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: -10px;
}
.o365ModalContent form .inputBox {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
}
.o365ModalContent form .inputBox.rodo {
    color: #727272;
    display: block;
    font-size: 10px;
    line-height: 14px;
    margin-bottom: 20px;
}
.o365ModalContent form .inputBox.rodo a {
    color: #00aeef;
    text-decoration: none;
}
.o365ModalContent form .inputBox.rodo a:hover {
    text-decoration: underline;
}
.o365ModalContent form .inputBox.submit {
    justify-content: center;
}
.o365ModalContent form input[type="text"],
.o365ModalContent form select {
    padding: 12px 20px;
    margin-bottom: 15px;
    width: 100%;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
}
.o365ModalContent form .marketingAccept {
    margin: 0px 0px 15px;
}
.o365ModalContent form input[type="checkbox"] {
    margin-right: 10px;
}
.o365ModalContent form label {
    font-size: 13px;
    line-height: 17px;
    cursor: pointer;
}
.o365ModalContent form input[type="submit"] {
    font-size: 16px;
    font-weight: 700;
    padding: 12px 20px;
    color: #fff;
    background: #00aeef;
    border: 0px;
    cursor: pointer;
}
.o365ModalContent form input[type="submit"]:hover {
    background: rgba(0, 174, 239, 0.7);
}

.supportWebinarModal {
    padding: 0;
    display: flex;
    align-items: flex-start;
    background: #f0f0f0;
    width: 900px;
    margin-left: -450px;
}
.supportWebinarModal .photo {
    min-width: 330px;
}
.supportWebinarModal .content {
    padding: 45px;
}
.supportWebinarModal .title {
    font-size: 30px;
    font-weight: 700;
}
.supportWebinarModal .subtitle {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 20px;
}
.supportWebinarModal .date {
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
    color: #00aeef;
    margin-bottom: 20px;
}
.supportWebinarModal form {
    display: flex;
    flex-flow: row wrap;
}
.supportWebinarModal form .inputBox {
    width: 48%;
}
.supportWebinarModal form .inputBox input {
    margin-bottom: 5px;
}
.supportWebinarModal form .inputBox.toRight {
    margin-left: auto;
}
.supportWebinarModal form .inputBox.fullBox {
    width: 100%;
}
.supportWebinarModal .inputBox.marketingAccept label {
    font-size: 11px;
}
.supportWebinarModal .inputBox.agreement {
    font-size: 11px;
    color: #727272;
    display: block;
    width: 100%;
    line-height: 1.4;
    margin-bottom: 25px;
}
.supportWebinarModal .inputBox.submit {
    width: 100%;
}
.supportWebinarModal .support-form-success {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 20px;
}
.supportWebinarModal .support-form-success i {
    color: #56c30d;
    line-height: 20px;
    margin-right: 10px;
}

/* FORMS STYLES */
.o365-form-success {
    display: flex;
    align-items: center;
}
.o365-form-success .fa-check-circle {
    font-size: 20px;
    color: #56c30d;
}

.o365-form-success span {
    font-size: 16px;
    line-height: 20px;
    margin-left: 10px;
}

.officeSection {
    font-family: 'Segoe UI', 'Trebuchet MS', 'Lucida Sans Unicode', Arial;
    box-sizing: border-box;
}
.officeSection * {
    box-sizing: border-box;
}
.officeSection p {
    margin-bottom: 20px;
}
.officeSection.grayBgSection {
    background: #fafafa;
    padding: 20px 0px;
}
.officeSectionWrap {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    width: 1000px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 20px;
}
.officeSection .sectionHeading {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 20px;
}
.officeSection .headingBold {
    font-size: 20px;
    font-weight: 700;
}
.officeSection .headingLight {
    font-size: 20px;
    font-weight: 300;
}
.officeSection.textImage .officeSectionWrap,
.officeSection.imageText .officeSectionWrap {
    flex-flow: row nowrap;
}
.officeSection.imageText .text {
    font-size: 16px;
    font-weight: 300;
    margin-left: 50px;
}
.officeSection.optionSection {
    margin: 20px 0px;
}
.officeSection.optionSection .optionBlock {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
}
.officeSection.optionSection .optionBox {
    width: 32%;
    margin-bottom: 20px;
}
.officeSection.optionSection .optionBox:nth-child(3n+2) {
    margin: 0 2% 20px;
}
.officeSection.optionSection .optionBox:nth-last-child(-n+3) {
    margin-bottom: 0;
}
.officeSection.optionSection .optionBox i {
    color: #00406b;
    margin-right: 10px;
    font-size: 24px;
}
.officeSection.optionSection .optionBox .name {
    font-size: 14px;
    font-weight: 700;
    display: flex;
    margin-bottom: 15px;
}
.officeSection.optionSection .optionBox .desc {
    font-size: 14px;
    line-height: 20px;
    color: #727272;
}

/* TABLE SECTION - 3COLS */
.officeSection.table3col .officeSectionWrap {
    font-size: 14px;
}
.officeSection.table3col .officeRow {
    display: flex;
    flex-flow: row nowrap;
    border-bottom: 2px solid #fff;
}
.officeSection.table3col .officeRow > div {
    text-align: center;
    width: 35%;
    max-width: 430px;
    padding: 10px;
    border-left: 2px solid #fff;
}
.officeSection.table3col .officeRow:nth-child(odd) > div {
    background: #fbfbfb;
}
.officeSection.table3col .officeRow:nth-child(even) > div {
    background: #f5f5f5;
}
.officeSection.table3col .officeRow > div.infoCol {
    text-align: left;
    width: 30%;
    max-width: 300px;
    padding: 10px 0px;
    background: #fff;
    border-left: 0px;
}
.officeSection.table3col .officeRow > .infoCol i {
    color: #00aeef;
    margin-right: 10px;
}
.officeSection.table3col .fa-check,
.officeSection.table3col .fa-minus {
    color: #727272;
    font-size: 12px;
}
.officeSection.table3col .fa-minus {
    opacity: .3;
}

.cta-btn.primary {
    font-size: 17px;
    padding: 10px 20px;
    background: #00aeef;
    color: #fff;
    display: inline-block;
    cursor: pointer;
}
.cta-btn.primary:hover {
    background: rgba(0, 174, 239, 0.7);
}
.cta-btn.green {
    font-size: 17px;
    padding: 10px 20px;
    background: #56c30d;
    color: #fff;
    display: inline-block;
    cursor: pointer;
}
.cta-btn.green:hover {
    background: rgba(86, 195, 13, 0.7);
}

/* SAGE PAGE */
.sageIntro .officeSectionWrap {
    background: #fafafa;
    align-items: center;
}
.sageIntro img {
    min-width: 492px;
}
.sageIntro .introText {
    padding: 20px 45px 20px 25px;
}
.sageIntro .introText .text {
    padding: 20px 0px;
}
.sageAccInfo {
    margin-bottom: 50px;
}
.sageAccInfo .officeSectionWrap {
    background: #fafafa;
    align-items: center;
    padding: 20px 20px;
}
.sageAccInfo img {
    min-width: 276px;
}
.officeSection.sageTable .headingRow > div {
    text-align: left;
}
.officeSection.sageTable .headingRow > div img {
    display: block;
    margin-bottom: 10px;
}
.officeSection.sageTable .priceRow span {
    display: block;
}
.officeSection.sageTable .priceRow.firstUser > div:not(.infoCol) {
    background: #d7f9d7;
    font-size: 17px;
}
.officeSection.sageTable .priceRow.nextUser > div:not(.infoCol) {
    background: #f2fdf2;
}officeSection.sageTable .priceRow span {
    display: block;
}
.officeSection.sageTable .priceRow.firstUser > div:not(.infoCol) {
    background: #d7f9d7;
    font-size: 17px;
}
.officeSection.sageTable .priceRow.nextUser > div:not(.infoCol) {
    background: #f2fdf2;
}

/* ERP PAGE */
.erpIntro .text {
    margin-bottom: 20px;
}
.erpIntro .headingBold {
    margin-bottom: 5px;
}
.erpIntro img {
    min-width: 286px;
    margin-left: 70px;
}
.erpCtaBar {
    margin-bottom: 20px;
}
.erpCtaBar .officeSectionWrap {
    background: #fafafa;
    align-items: center;
    padding: 20px 50px;
    text-align: center;
}
.erpCtaBar span {
    font-weight: 700;
}
.erpCtaBar span.red {
    color: #ed1c24;
}
.erpCtaBar a {
    margin-left: auto;
    cursor: pointer;
}
.erpShowcase .showcaseBlock {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    margin-top: 20px;
}
.erpShowcase .showcaseBox {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    width: 20%;
    border: 1px solid #d3d3d3;
    padding: 25px 0px;
    margin: 0px 5px;
}
.erpShowcase .showcaseBox:first-child {
    margin-left: 0;
}
.erpShowcase .showcaseBox:last-child {
    margin-right: 0;
}
.erpShowcase .showcaseBox a {
    text-decoration: underline;
    cursor: pointer;
}

.replaceProducts .replaceHeading {
    font-weight: 700;
    padding: 0px 10px 5px;
}
.replaceProducts .replaceRow {
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 1px;
    width: 100%;
}
.replaceProducts .replaceRow.lastRow {
    margin-bottom: 20px;
}
.replaceProducts .replaceRow.rowOdd > div {
    background: #f5f5f5;
}
.replaceProducts .replaceRow.rowEven > div {
    background: #fbfbfb;
}
.replaceProducts .replaceRow .replaceName {
    padding: 10px 10px;
    width: 85%;
}
.replaceProducts .replaceRow .replacePN {
    width: 15%;
    margin-left: 1px;
    text-align: center;
    color: #727272;
}
.replaceProducts .replaceRow .replacePN:before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}
.office-header--dynamics365 {
    background: url(/office365/assets/images/dynamics365/header-background.png) center center no-repeat;
    height: 298px;
}
.office-header--dynamics365 .office_content{
    display: flex;
    flex-direction: column;
}
.dynamics-logo {
    background: url(/office365/assets/images/dynamics365/dynamics365-logo.png) center center no-repeat;
    height: 87px;
    width: 278px;
    margin: 70px 0 35px;
}
.dynamics-header-title {
    color: #ffffff;
    font-size: 20px;
}
.office_content.dynamics365-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.office_content.dynamics365-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 0;
}
.office_content.dynamics365-flex.dynamics365-top {
    margin-top: 40px;
    align-items: flex-start;
}
.dynamics365-flex.dynamic365-columns-wrapper {
    align-items: flex-start;
    padding: 60px 0;
    border-bottom: 1px solid #bfbfbf;
}
.dynamics365-column {
    width: 23%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.dynamics365-column img {
    width: 123px;
    height: 40px;
}
.dynamics365-column span {
    max-width: 100%;
    margin-top: 30px;
}
.dynamics365-half {
    width: 49%;
}
.office_content .dynamics365-half.about-column {
    display: flex;
    flex-direction: column;
    margin-bottom: 70px;
}
.office_content .dynamics365-half.about-column h3{
    color: #000;
    font-weight: bold;
    margin-top: 10px;
    font-size: 30px;
}
.office_content .dynamics365-half.about-column img {
    margin: 35px 0 50px;
}
.office_content .dynamics365-half.about-column span{
    font-family: 'Segoe UI';
    font-size: 16px;
}
.office_content.dynamics365-center h4 {
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 40px;
}
.office_content.dynamics365-center{
    padding-top: 20px;
}
.dynamics365-chart {
    position: relative;
    background: url(/office365/assets/images/dynamics365/dynamics365-chart.png) center center no-repeat;
    width: 428px;
    height: 368px;
    margin: 50px 0;
}
.dynamics365-chart>section {
    position: absolute;
}
.dynamics365-chart-logo {
    background: url(/office365/assets/images/dynamics365/dynamics365-chart-logo.png) center center no-repeat;
    width: 157px;
    height: 117px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.dynamics365-chart .chart-left, .dynamics365-chart .chart-right {
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.dynamics365-chart .chart-left span {
    text-align: right;
}
.dynamics365-chart .chart-left {
    left: -230px;
    top: 36px;
    width: 200px;
}
.dynamics365-chart .chart-right {
    right: -230px;
    top: 36px;
    width: 200px;
}
.dynamics365-chart .chart-top {
    top: -50px;
    left: 50%;
    transform: translate(-50%, 0);
}
.dynamics365-chart .chart-bottom {
    bottom: -50px;
    left: 50%;
    transform: translate(-50%, 0);
}
.dynamics365-chart>section>span {
    font-size: 16px;
    color: #00406b;
}
.office_content.dynamics365-flex i {
    color: #00406b;
    font-size: 40px;
}
.dynamics365-flex.dynamics365-info {
    flex-direction: column;
    align-items: center;
    margin-bottom: 60px;
}
.dynamics365-flex.dynamics365-info span {
    margin: 40px 0;
    text-align: center;
    font-size: 14px;
}
.dynamics365-flex.dynamics365-info #dynamics365ScrollTo {
    display: block;
    margin-left: 10px;
    background: #00aeef;
    border: 1px solid #00aeef;
    font-size: 18px;
    font-weight: 700;
    padding: 10px 20px;
    color: #fff;
    transition: all .2s ease;
    text-align: center;
}
.dynamics365-flex.dynamics365-info #dynamics365ScrollTo:hover {
    background: #fff;
    color: #00aeef;
}
.dynamics365-half .form {
    width: 100%;
}
.dynamics365-half form {
    background: #fafafa;
    padding: 25px 60px;
    margin-bottom: 3px;
}
.dynamics365-half form strong {
    display: block;
    margin-bottom: 20px;
    font-size: 20px;
    width: 100%;
    text-align: center;
}
.dynamics365-half form .inputBox {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
}
.dynamics365-half form .inputBox.agreement {
    display: block;
    font-size: 10px;
    line-height: 12px;
    color: #000;
    margin-bottom: 20px;
}
.dynamics365-half form .inputBox.submit {
    justify-content: center;
}
.dynamics365-half form input[type="text"],
.dynamics365-half form select {
    padding: 12px 20px;
    margin-bottom: 15px;
    width: 100%;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
}
.dynamics365-half form .marketingAccept {
    margin: 0px 0px 15px;
}
.dynamics365-half form input[type="checkbox"] {
    margin-right: 10px;
}
.dynamics365-half form label {
    font-size: 12px;
    line-height: 18px;
    font-weight: 300;
    cursor: pointer;
}
.dynamics365-half form input[type="submit"] {
    font-size: 16px;
    font-weight: 700;
    padding: 12px 20px;
    color: #fff;
    background: #00aeef;
    border: 0px;
    cursor: pointer;
}
.dynamics365-half form input[type="submit"]:hover {
    background: rgba(0, 174, 239, 0.7);
}
.dynamics365-half .dynamics365-form-error {
    margin-top: 20px;
    padding: 20px;
    background: red;
    color: #fff;
}
.dynamics365-half .dynamics365-form-success {
    font-size: 17px;
    font-weight: 700;
    color: #00406b;
}
.dynamics365-half .dynamics365-form-success i {
    margin-right: 10px;
    /* color: #56c30d; */
    font-size: 17px;
}

.erp-webinar-wrapper {
    width: 100%;
    position: relative;
    top: -20px;
    z-index: 100;
}

.erp-webinar-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    background: url(/office365/assets/images/erp-webinarium/background.jpg) center -80px;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.erp-webinar-wrapper:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(1, 54, 107, 0.808);
    z-index: 30;
}
.erp-grey-wrapper {
    width: 100%;
    padding: 20px 0;
    position: relative;
    top: -20px;
    background-color: #f0f0f0;
}
.erp-webinar-center {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    z-index: 300;
    color: #fff;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.erp-webinar-center.erp-outside {
    position: relative;
    top: -20px;
    color: #000;
}

.erp-webinar-center .erp-2-columns {
    width: 49%;
    margin: 50px 0;
}

.erp-webinar-center .erp-2-columns h3 {
    font-size: 25px;
    font-weight: bold;
    margin: 0 0 50px;
    line-height: 32px;
    text-align: left;
}

.erp-webinar-center .erp-2-columns h3>span{
    font-weight: normal;
}

.erp-webinar-center .erp-2-columns .short-description {
    font-size: 20px;
    margin-bottom: 90px;
    display: inline-block;
    line-height: 25px;
}

.erp-webinar-center .erp-2-columns .about-author {
    width: 180px;
    font-size: 15px;
    line-height: 20px;
    margin-top: 80px;
}

.erp-webinar-center .erp-2-columns .date,  .erp-webinar-center .erp-2-columns .place {
    visibility: hidden;
    margin: 0;
}

.erp-webinar-wrapper .erp-webinar-center .erp-2-columns > div {
    font-size: 20px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.erp-webinar-wrapper .erp-webinar-center .erp-2-columns div i {
    margin-right: 10px;
}

.erp-webinar-center .form {
    width: 50%;
    margin-left: 2%;
    margin-top: 5px;
}
.erp-webinar-center form {
    background: #e5ecf0;
    padding: 25px 60px;
    margin-bottom: 3px;
    color: #000;
}
.erp-webinar-center form .inputBox {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
}
.erp-webinar-center form .inputBox.agreement {
    color: #727272;
    display: block;
    font-size: 11px;
    margin-bottom: 20px;
}
.erp-webinar-center form .inputBox.submit {
    justify-content: center;
}
.erp-webinar-center form input[type="text"],
.erp-webinar-center form select {
    padding: 12px 20px;
    margin-bottom: 15px;
    width: 100%;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
}
.erp-webinar-center form .marketingAccept {
    margin: 20px 0px 15px;
}
.erp-webinar-center form .salesAccept {
    margin-bottom: 35px;
}
.erp-webinar-center form input[type="checkbox"] {
    margin-right: 10px;
}
.erp-webinar-center form label {
    font-size: 12px;
    line-height: 15px;  
    font-weight: 300;
    cursor: pointer;
}
.erp-webinar-center form input[type="submit"] {
    font-size: 16px;
    font-weight: 700;
    padding: 12px 20px;
    color: #fff;
    background: #00aeef;
    border: 0px;
    cursor: pointer;
}
.erp-webinar-center form input[type="submit"]:hover {
    background: rgba(0, 174, 239, 0.7);
}
.erp-webinar-center form .inputAgreement {
    margin: 20px 0;
    font-size: 14px;
    line-height: 18px;  
    font-weight: 400;
}
.erp-webinar-center .form .speakers {
    background: #f2f5f7;
    padding: 15px;
    text-align: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
.erp-webinar-center h3 {
    text-align: center;
    flex-grow: 1;
    width: 100%;
    font-size: 25px;
    line-height: 25px;
    margin: 20px 0;
    font-weight: bold;
}
.erp-webinar-center .erp-icons, .erp-webinar-center .erp-numbers {
    width: 20%;
    display: flex;
    box-sizing: border-box;
    padding: 30px;
    flex-direction: column;
    align-items: center;
}
.erp-webinar-center .erp-icons .fas {
    font-size: 100px;
    margin-bottom: 12px;
    color: #00aeef;
}

.erp-webinar-center .erp-icons span {
    display: inline-block;
    font-size: 15px;
}

.erp-webinar-center .erp-numbers{
    width: 20%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 50px;
}
.erp-webinar-center .erp-numbers .erp-number-text {
    display: inline-block;
    text-align: center;
}
.erp-webinar-center .erp-numbers .erp-number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 140px;
    color: rgba(0, 174, 239, 0.3);
}
#erp-form-webinar .inputBox select {
    padding: 12px 20px;
    margin-bottom: 15px;
    width: 100%;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
}
#erp-form-webinar .inputBox option {
    font-weight: normal;
    font-size: 12px;
    display: block;
    white-space: pre;
    line-height: 18px;
    height: 18px;
    padding: 0px 2px 1px;
}

/* Office365 for Branches */
.generic-content {
    width: 1000px;
    max-width: 1000px;
    margin: 0 auto;
    box-sizing: border-box;
}

.generic-content--flex-centered {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.generic-content * {
    box-sizing: border-box;
}

.generic-fullwidth {
    width: 100%;
}

.generic-fullwidth--grey {
    padding: 45px 0;
    background: #f7f7f7;
}

.generic-fullwidth--extra-space {
    margin: 40px 0;
}

.generic-fullwidth--blue {
    padding: 45px 0;
    background: #12406e;
}


.branches-header {
    margin-top: 30px;
    font-family: 'Segoe UI', 'Trebuchet MS', 'Lucida Sans Unicode', Arial;
    font-size: 22px;
    font-weight: 600;
    color: #202020;
    text-transform: uppercase;
}

.branches-description {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 50px 0;
}

.branches-description__column--left {
    width: 640px;
    max-width: 640px;
    display: flex;
    flex-direction: column;
    color: #202020;
}

.branches-description__column--right {
    width: 270px;
    position: relative;
}

.branches-description__top-text {
    padding-bottom: 25px;
    font-size: 16px;
    line-height: 28px;
    border-bottom: 1px solid #d3d3d3;
}

.branches-description__bottom-text {
    padding-top: 35px;
    font-size: 14px;
    line-height: 22px;
}

.branches__office-logo{
    width: 202px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(/office365/assets/images/branches/office365-text-logo.png) no-repeat 0px 0px;
}

.branches-tiles {
    width: 100%;
    margin: 20px 0 50px;
    display: flex;
    justify-content: space-between;
    padding: 20px 20px;
}

.branches-tiles__tile {
    width: 297px;
    height: 233px;
    box-shadow: 0 0 20px 4px rgba(0, 0, 0, 0.2);
    transition-duration: .3s;
}

.branch-tile__name {
    width: 100%;
    padding-top: 18px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    background: #FFF;
}

.branch-banner {
    width: 985px;
    height: 204px;
    margin: 30px 0 45px;
    display: flex;
    align-items: center;
}

.branch-banner__building {
    background: url(/office365/assets/images/branches/building-branch-banner.png) no-repeat 0px 0px;
}

.branch-banner__production {
    background: url(/office365/assets/images/branches/production-branch-banner.png) no-repeat 0px 0px;
}

.branch-banner__services {
    background: url(/office365/assets/images/branches/services-branch-banner.png) no-repeat 0px 0px;
}

.branch-banner__text {
    width: 490px;
    margin-left: 25px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
    color: #fff;
}

.branch-description {
    font-size: 16px;
    line-height: 23px;
    font-weight: 300;
}

.branch-points__row {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.branch-points__column--left {
    width: 320px;
}

.branch-points__column--right {
    width: 670px;
    padding: 0 0 40px 30px;
    position: relative;
    font-size: 14px;
    line-height: 22px;
    color: #202020;
    border-left: 1px solid #dbdbdb;
}

.branch-points__column--last {
    padding-bottom: 0;
}

.branch-points__column--last:after {
    content: '';
    position: absolute;
    left: -3px;
    bottom: 0;
    width: 5px;
    height: 5px;
    background: #dbdbdb;
    border-radius: 5px;
}

.branch-points__point {
    position: absolute;
    top: 1px;
    left: -7.5px;
    width: 14px;
    height: 14px;
    background: #00aeef;
    border: 3px solid #FFF;
    border-radius: 10px;
}

.branch-points__point:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 14px;
    height: 14px;
    border: 1px solid #00aeef;
    border-radius: 11px;
}

.branches-medium-header {
    font-family: 'Segoe UI', 'Trebuchet MS', 'Lucida Sans Unicode', Arial;
    font-size: 15px;
    font-weight: 600;
    color: #202020;
}

.branches-links__wrapper {
    display: flex;
    margin: 22px 0 50px;
}

.branches-inner-link {
    margin-right: 30px;
    width: 298px;
    height: 73px;
    color: #FFF;
    padding-left: 25px;
    line-height: 73px;
    font-size: 18px;
    font-weight: 600;
}


.branches-inner-link:hover {
    color: #FFF;
    box-shadow: 0 0 20px 4px rgba(0, 0, 0, 0.2);
}

.branches-inner-link--building {
    background: url(/office365/assets/images/branches/building-small.png) no-repeat 0px 0px;
}

.branches-inner-link--production {
    background: url(/office365/assets/images/branches/production-small.png) no-repeat 0px 0px;
}

.branches-inner-link--services {
    background: url(/office365/assets/images/branches/services-small.png) no-repeat 0px 0px;
}

.office_header--branches {
    width: 100%;
    height: 194px;
    background-size: cover;
}

.office_header--building-branch {
    background: url(/office365/assets/images/branches/building-header.png) no-repeat;
}

.office_header--production-branch {
    background: url(/office365/assets/images/branches/production-header.png) no-repeat;
}

.office_header--services-branch {
    background: url(/office365/assets/images/branches/services-header.png) no-repeat;
}

.generic-content--branches-modal {
    margin-bottom: 30px;
    padding: 0 0 40px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom: 1px solid #D3D3D3;
}

.generic-content--branches-modal > h2 {
    font-size: 20px;
    font-weight: 600;
    color: #202020;
}

.generic-content--branches-modal > span {
    font-size: 15px;
}

.generic-content--branches-modal-home {
    margin-bottom: 0;
    border: none;
}

.branch-modal__cta {
    width: 200px;
    height: 40px;
    padding: 0;
    margin-top: 15px;
    background: #00aeef;
    border: 2px solid #00aeef;
    outline: none;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    color: #FFF;
    transition-duration: .3s;
    cursor: pointer;
}

.branch-modal__cta:hover {
    background: #FFF;
    color: #00aeef;
}

.branch-modal__close {
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    cursor: pointer;
    background-position: -28px -376px !important;
}

.branch-modal__overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
    background: rgba(0, 0, 0, 0.5);
}

.branch-modal {
    width: 570px;
    padding: 50px 55px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
}

.branch-modal__form {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.branch-modal__title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}

.branch-modal__form .inputBox {
    width: 100%;
}

.branch-modal__form .inputBox:not(.marketingAccept) input{
    padding: 12px 20px;
    margin-bottom: 15px;
    width: 100%;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
}

.branch-modal__form .marketingAccept {
    display: flex;
    align-items: center;
}

.branch-modal__form .marketingAccept input {
    cursor: pointer;
    margin-right: 10px;
}

.branch-modal__form .marketingAccept label {
    font-size: 13px;
    line-height: 17px;
    cursor: pointer;
}

.branch-modal__rodo {
    display: block;
    margin: 20px 0;
    color: #727272;
    font-size: 10px;
    line-height: 14px;
}

.branch-modal__submit {
    width: 120px !important;
    margin: 0 auto;
}

.branch-modal__submit-btn {
    margin-bottom: 0 !important;
    background: #00aeef;
    color: #FFF;
    font-weight: 600;
    border: 2px solid #00aeef !important;
    transition-duration: .3s;
    cursor: pointer;
    outline: none;
}

.branch-modal__submit-btn:hover {
    background: #FFF;
    color: #00aeef;
}

/* Office365 for Branches End */

/* Products Promo Pages */
.main--fullwidth {
    max-width: 100% !important;
}

.products-content__wrapper {
    width: 100%;
    padding: 30px 0;
    background: #fafafa;
}

.products-content {
    width: 675px;
}

.products-content--promo div ul.products-list li {
    border-bottom: none;
}
.product-desc {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.o365--align-left {
    text-align: left !important;
}

.products-promo * {
    box-sizing: border-box;
}

.office_content--promo {
    display: flex;
    flex-direction: column !important;
}

div.products-promo h2 {
    margin: 30px 0 15px;
}

.products-columns {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.products-single-column {
    width: 475px;
    background: #f0f0f0;
}

.products-column__top {
    padding: 15px 20px;
    background: #00406b;
    color: #FFF;
    font-weight: 300;
}

.products-column__bottom {
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.products-column--striped {
    padding: 0;
}

.column__text-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

.column__text-wrapper span {
    width: 100%;
}

.column__image-wrapper {
    width: 70px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.products-column__bottom .column__text-wrapper {
    min-height: 160px;
}

.products-column--striped > div {
    padding: 15px 20px;
    display: flex;
    align-items: center;
}

.products-column--striped > div:nth-child(odd){
    background: #f0f0f0;
}

.products-column--striped > div:nth-child(even){
    background: #f5f5f5;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}

.products-span--uppercase {
    text-transform: uppercase;
}

.products-span--bold {
    font-weight: 600;
}

.h-extra-info:after {
    content: ' *';
    color: #ff4242;
}

.h-extra-info-before {
    margin-top: 10px;
}

.h-extra-info-before:before {
    content: '* ';
    color: #ff4242;
}

.list-squares {
    margin-top: 20px !important;
}

.list-squares--less-margin {
    margin-top: 5px !important;
}

.list-squares li {
     position: relative;
     padding-left: 0 !important;
     margin-left: 16px;
     line-height: 20px !important;
     list-style-type: none;
}

.list-squares li:before {
    content: '';
    position: absolute;
    top: 11px;
    left: -15px;
    width: 6px;
    height: 6px;
    background: #00aeef;
}

.sql-diagrams-wrapper {
    width: 100%;
    height: 425px;
    position: relative;
    border-bottom: 1px solid #bebebe;
}

.sql-diagram {
    position: absolute;
    top: 40px;
}

.sql-diagram--left {
    left: 130px;
}

.sql-diagram--right {
    right: 220px;
}

.sql-diagram--left-text {
    width: 145px;
    left: 260px;
}

.sql-diagram--right-text {
    width: 140px;
    right: 50px;
}

.server-list {
    width: 650px;
    margin: 20px 0 40px;
    display: flex;
    flex-direction: column;
}

.server-list--faq {
    margin-bottom: 0;
}

.server-list__row {
    width: 100%;
    height: 31px;
    margin-bottom: 8px;
    display: flex;
    padding-left: 35px;
    background: #fafafa;
    line-height: 31px;
    color: #000 !important;
}

.server-list__row:nth-child(even) {
    background: #f0f0f0;
}

.server-list__name {
    width: 55px;
}

.server-list__blued {
    width: 72px;
    margin-right: 6px;
    padding-left: 12px;
    font-weight: bold;
    background: rgba(0,174,239, 0.15);
}

.server-list__sql-sprite {
    width: 85px;
    height: 25px;
    margin-top: 3px;
    background: url(/office365/assets/images/promo_products/sql-sprite.png);
}

.server-list__sql-sprite--twice-wide {
    width: 170px;
}

.server-list__sql-sprite--thrice-wide {
    width: 260px;
}

.server-list__sql-sprite--four-times-wide {
    width: 350px;
}

.server-list__win-sprite {
    width: 145px;
    height: 25px;
    margin-top: 3px;
    background: url(/office365/assets/images/promo_products/win-sprite.png);
}

.server-list__win-sprite--twice-wide {
    width: 285px;
}

.products-fullwidth {
    width: 100%;
    padding: 30px 0 0 0;
}

.products-fullwidth--blue {
    background: #00406b;
    color: #FFF !important;
}

.products-single-column--blued {
    padding-left: 10px;
    background: none;
}

.list-squares--blued {
    margin-top: 0 !important;
}

.list-squares--space {
    margin-bottom: 20px !important;
}

.products-text--with-space {
    margin: 25px 0;
}

.products-table {
    width: 100%;
    margin: 20px 0 30px !important;
}

.products-table-row--blued td {
    width: 40%;
}

.products-table-row--blued th {
    background: #00406b;
    color: #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    border-collapse: collapse;
}

.products-table-row--light {
    background: #fafafa;
}

.products-table-row--dark {
    background: #f0f0f0;
}

.products-table-row td,
.products-table-row th {
    padding: 0 40px 0 0 !important;
    text-align: right !important;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    border-collapse: collapse;
}

.products-table-row td:after,
.products-table-row th:after {
    display: none !important;
}

.products-table-row th:first-child,
.products-table-row td:first-child {
    padding-left: 40px !important;
    text-align: left !important;
}

.products-table-row td.-less-padding:first-child,
.products-table-row th:first-child  {
    padding-left: 25px !important;
}

.products-table-row .-extra-top {
    padding-top: 15px !important;
}

.products-table-row .-extra-bottom {
    padding-bottom: 15px !important;
}

.products-links {
    width: 100%;
    display: flex;
    margin: 10px 0 25px;
}

.products-link-item {
    display: block;
    box-sizing: border-box;
    width: 160px;
    height: 58px;
    margin-right: 15px;
    padding: 10px;
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
    text-decoration: none;
    border: 2px solid #00aeef;
    background: #00aeef;
    cursor: pointer;
    transition-duration: .3s;
}

.products-link-item:hover {
    background: #FFF;
    color: #00aeef;
}

.products-prices {
    width: 330px;
    height: 95px;
    margin-right: 15px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: #00406b;
    color: #FFF;
    box-sizing: border-box;
}

.products-prices strong {
    font-size: 33px;
    line-height: 33px;
    font-weight: bold;
    color: #00aeef;
}

.products-answer {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: flex-start;
}

.products-answer span {
    display: block;
}


.bcentral-section__welcome {
    padding: 20px 0px;
}
.generic-photo-text {
    display: flex;
    flex-flow: row nowrap;
}
.generic-photo-text__left {
    width: 35%;
    margin-right: 25px;
}
.generic-photo-text__right {
    width: 65%;
    margin-left: 25px;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
}
.generic-photo-text__title {
    font-size: 26px;
    font-weight: 700;
    line-height: 30px;
}
.generic-photo-text__subtitle {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 30px;
}
.generic-photo-text__text {
    max-width: 100%;
    margin-bottom: 20px;
}
.generic-photo-text__text p {
    max-width: 100%;
    font-size: 14px;
    margin-bottom: 20px;
}
.generic-text-photo__text {
    max-width: 100%;
}
.generic-text-photo__text p {
    max-width: 100%;
}
.generic-o365-btn {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    padding: 15px 40px;
    background: #00aeef;
    border: 2px solid #00aeef;
    transition: all .2s ease-in;
    display: inline-block;
    cursor: pointer;
}
.generic-o365-btn:hover {
    background: #fff;
    color: #00aeef;
}
.generic-o365-btn.generic-o365-btn--big {
    font-size: 22px;
    padding: 20px 40px;
}
.generic-o365-btn.generic-o365-btn--green {
    background: #56c30d;
    border: 2px solid #56c30d;
}
.generic-o365-btn.generic-o365-btn--green:hover {
    background: #fff;
    color: #56c30d;
}
.text--bold {
    font-weight: 700;
}
.text--green {
    color: #56c30d;
}
.text--yellow {
    color: #f1ae0d;
}
.generic-content.generic-content__column {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
}
.generic-content .generic-section-header {
    font-size: 26px;
    line-height: 34px;
    font-weight: 400;
    text-align: center;
}
.bcentral-slider {
    width: 100%;
    max-width: 1000px;
    margin: 0px 30px;
}
.bcentral-slider .slick-arrow {
    position: absolute;
    top: 50%;
    font-size: 30px;
    margin-top: -15px;
    color: #00aeef;
    cursor: pointer;
}
.bcentral-slider .slick-prev {
    left: -30px;
}
.bcentral-slider .slick-next {
    right: -30px;
}
.bcentral-slider .slick-arrow.slick-disabled {
    color: rgba(0, 0, 0, 0.1);
}
.bcentral-flipbox {
    perspective: 1000px;
    margin: 30px;
}
.bcentral-flipbox__inner {
    position: relative;
    min-height: 370px;
    text-align: center;
    transition: transform .8s;
    transform-style: preserve-3d;
}

@supports not (-ms-high-contrast: none) {
    .bcentral-flipbox:hover .bcentral-flipbox__inner {
        transform: rotateY(180deg);
    }
}
.bcentral-flipbox__front,
.bcentral-flipbox__back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: flex-start;
    padding: 40px 20px;
    box-sizing: border-box;
    background: #fff;
    color: #727272;
}
.bcentral-flipbox__front {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    transform-style: preserve-3d;
}

.bcentral-flipbox__back {
    transform: rotateY(180deg);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    transform-style: preserve-3d;
    justify-content: center;
}

.bcentral-flipbox__front > div,
.bcentral-flipbox__back > div {
    transform: translateZ(50px) scale(.95);
    -webkit-transform: translateZ(50px) scale(.95);
}
.bcentral-flipbox__icon {
    margin-bottom: 40px;
}
.bcentral-flipbox__title {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    margin-bottom: 20px;
}
.bcentral-flipbox__desc {
    font-weight: 14px;
}
.bcentral-flipbox__desc p {
    margin-bottom: 20px;
}
.generic-fullwidth--navy {
    padding: 45px 0;
    background: #00406b;
}
.generic-fullwidth--navy .generic-section-header {
    color: #fff;
}
.generic-fullwidth--gradient-navy {
    position: relative;
    overflow: hidden;
}
.generic-fullwidth--gradient-navy:after {
    content: '';
    background: radial-gradient(#00aeef 0%, transparent 70%);
    position: absolute;
    bottom: -700px;
    left: 0;
    width: 100%;
    height: 1000px;
    z-index: 5;
}
.generic-fullwidth--gradient-navy > .office_center {
    position: relative;
    z-index: 10;
}
.bcentral-premium-content-info {
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
}
.generic-fullwidth--cta {
    margin: 50px 0px;
}
.generic-fullwidth--cta .generic-section-header {
    margin-bottom: 40px;
}
.bcentral-table table {
    margin-bottom: -10px !important;
}
.bcentral-table table tbody tr > td {
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    padding: 20px;
}
.bcentral-table table tbody tr > td:first-child {
    text-align: left;
}
.bcentral-table table tbody tr:nth-of-type(2n+2) > td {
    background: #efefef;
}
.bcentral-table table tbody tr:last-of-type > td {
    font-size: 22px;
    font-weight: 700;
}
.bcentral-table table tbody tr:last-of-type > td:first-child {
    font-size: 18px;
}
.contact-bcentral .generic-photo-text__right {
    justify-content: center;
}
.generic-photo-text__title--small {
    font-size: 18px;
    font-weight: 700px;
    margin-bottom: 20px;
}
.generic-modal__close {
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    cursor: pointer;
    background-position: -28px -376px !important;
    z-index: 90;
}

.generic-modal__overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
    background: rgba(0, 0, 0, 0.5);
}

.generic-modal__form {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 100%;
    overflow: hidden;
}

.generic-modal__title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}

.generic-modal__form .inputBox {
    width: 100%;
}

.generic-modal__form .inputBox:not(.marketingAccept) input {
    padding: 12px 20px;
    margin-bottom: 15px;
    width: 100%;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
}

.generic-modal__form .marketingAccept {
    display: flex;
    align-items: flex-start;
}

.generic-modal__form .marketingAccept input {
    cursor: pointer;
    margin-right: 10px;
}

.generic-modal__form .marketingAccept label {
    font-size: 13px;
    line-height: 17px;
    cursor: pointer;
}
.generic-modal__form .marketingAccept a {
    color: #fff;
}
.generic-modal__form .marketingAccept a:hover {
    text-decoration: underline;
}

.generic-modal__rodo {
    display: block;
    margin: 20px 0;
    color: #727272;
    font-size: 10px;
    line-height: 14px;
}

.generic-modal__submit {
    width: 120px !important;
    margin: 0 auto;
}

.generic-modal__submit-btn {
    margin-bottom: 0 !important;
    background: #00aeef;
    color: #FFF;
    font-weight: 600;
    border: 2px solid #00aeef !important;
    transition-duration: .3s;
    cursor: pointer;
    outline: none;
}

.generic-modal__submit-btn:hover {
    background: #FFF;
    color: #00aeef;
}
.contact-bcentral {
    padding: 30px 0px;
}
.bcentral-modal__open {
    cursor: pointer;
}


.header-teamsTrial {
    background: #333ca5 url(/office365/assets/images/teams-trial/teams-trial-bg.png) center no-repeat;
}
.header-teamsTrial .header-teamsTrial__title {
    font-size: 32px;
    font-weight: 600;
    padding-top: 30px;
    padding-bottom: 30px;
}
.header-teamsTrial .header-teamsTrial__sub-title {
    font-size: 22px;
    margin-bottom: 25px;
    line-height: 28px;
}
.header-teamsTrial .header-teamsTrial__sub-title span {
    color: #56c30d;
    font-weight: 700;
}
.header-teamsTrial .header-teamsTrial__info {
    margin-top: 20px;
    opacity: 0.7;
    font-size: 11px;
    line-height: 16px;
}
.teamsTrial-section__welcome .teamsTrial-top-info {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    margin-bottom: 30px;
}
.teamsTrial-section__welcome .teamsTrial-top-info img {
  margin-right: 30px;
  min-width: 46px;
  width: 46px !important;
  height: 46px !important;
}
.teamsTrial-section__welcome .teamsTrial-top-title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 46px;
}
.teamsTrial-section__welcome .teamsTrial-top-quote {
    margin: 50px 0px;
    background: #575fc1;
    padding: 45px 65px;
    color: #fff;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-end;
    box-shadow: 0 5px 15px 0px rgba(155,158,203,.4);
    position: relative;
}
.teamsTrial-section__welcome .teamsTrial-top-quote:after {
    content: '“';
    font-size: 300px;
    color: #fff;
    opacity: .1;
    position: absolute;
    top: 190px;
    left: 0;
    font-weight: 700;
}
.teamsTrial-section__welcome .teamsTrial-top-quote-content {
    margin-right: 60px;
}
.teamsTrial-section__welcome .teamsTrial-top-quote-title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 20px;
}
.teamsTrial-section__welcome .teamsTrial-top-quote-person {
    text-align: center;
}
.teamsTrial-section__welcome .teamsTrial-top-quote-person span {
    font-size: 11px;
    display: block;
    white-space: nowrap;
}
.teamsTrial-section__restrictions {
    padding: 70px 0px 50px;
    background: #7b83eb;
    color: #fff;
    margin-top: 50px;
}
.teamsTrial-section__restrictions .generic-photo-text__title {
    margin-bottom: 50px;
}
.teamsTrial-section__heading .generic-section-header {
    display: flex;
    align-items: center;
}
.teamsTrial-section__heading .generic-section-header img {
    margin-left: 20px;
}
.teamsTrial-section__heading .generic-content {
    padding: 0 50px;
    margin: 40px 0 0;
}
.teamsTrial-section__boxes {
    margin-bottom: -100px;
}
.teamsTrial-section__boxes .generic-content {
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 30px 50px 0;
    margin-bottom: 0;
}
.teamsTrial-box {
    width: 100%;
    max-width: 429px;
    height: 340px;
    position: relative;
    margin-bottom: 40px;
    display: flex;
    align-items: flex-end;
    padding: 0 40px 70px;
}
.teamsTrial-box-desc {
    position: relative;
}
.teamsTrial-box__title {
    color: #fff;
    font-size: 34px;
    font-weight: 700;
    line-height: 38px;
    margin-bottom: 20px;
}
.teamsTrial-box__excerpt {
    color: #fff;
    font-size: 14px;
}
.teamsTrial-box__full {
    color: #fff;
    font-size: 14px;
    max-height: 0;
    opacity: 0;
    transition: all .6s ease;
}
.teamsTrial-box:hover .teamsTrial-box__full {
    max-height: 200px;
    opacity: 1;
    transition: all .6s ease;
}
.teamsTrial-box:before {
    background: linear-gradient(0deg, rgba(34, 5, 117, 0.73) 65%, rgba(255,255,255,0) 100%);
    background: linear-gradient(0deg, rgba(61, 47, 132,.85) 65%, rgba(255,255,255,0) 100%);
    width: 100%;
    height: 100%;
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.5s all ease;
    background-size: 100% 200%;
}
.teamsTrial-box:hover:before {
    background-position: top -300px center;
    transition: 0.3s all ease;
}
.teamsTrial-box__chat {
    background: #333ca5 url(/office365/assets/images/teams-trial/teams-trial-chat.png) center no-repeat;
}
.teamsTrial-box__meet {
    background: #333ca5 url(/office365/assets/images/teams-trial/teams-trial-meet.png) center no-repeat;
}
.teamsTrial-box__files {
    background: #333ca5 url(/office365/assets/images/teams-trial/teams-trial-files.png) center no-repeat;
}
.teamsTrial-box__safety {
    background: #333ca5 url(/office365/assets/images/teams-trial/teams-trial-safety.png) center no-repeat;
}
.teamsTrial-section__cta {
    background: #e5e6fb;
    margin-top: 0px;
    padding: 110px 0 40px;
}
.teamsTrial-section__academy .office_content {
    padding: 20px 50px;
}
.teamsTrial-section__academy .generic-photo-text__left {
    box-shadow: 0 0 15px 0 rgba(155,158,203,.2);
    display: flex;
    align-items: center;
    justify-content: center;
}
.teamsTrial-section__academy .generic-photo-text__text {
    margin-bottom: 0;
}
.teamsTrial-section__video {
    padding: 40px 0 0;
}
.teamsTrial-section__video p {
    margin-bottom: 20px;
}
.teamsTrial-academy-btn {
    background: #fff;
    border: 1px solid #00aeef;
    color: #00aeef;
    margin-top: 40px;
}
.teamsTrial-section__contact {
    margin: 50px 0 80px;
}
.teamsTrial-section__contact .office_content {
    background: #464db6;
    color: #fff;
    padding: 50px 40px;
    box-shadow: 0 5px 15px 0px rgba(155,158,203,.4);
}
.teamsTrial-section__contact .teamsTrial-contact-info {
    width: 45%;
}
.teamsTrial-section__contact .teamsTrial-contact-form {
    width: 45%;
    margin-left: auto;
}
.teamsTrial-section__contact .teamsTrial-contact-title {
    font-size: 23px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 50px;
}
.teamsTrial-section__contact .generic-modal__rodo {
    margin-top: 10px !important;
    color: #fff;
    opacity: .5;
}
.teamsTrial-section__contact .generic-modal__rodo a {
    color: #fff;
}
.teamsTrial-section__contact .generic-modal__rodo a:hover {
    text-decoration: underline;
}
.teamsTrial-section__contact .generic-modal__submit {
    text-align: right;
    width: 100% !important;
}
.teamsTrial-section__contact .generic-modal__submit .generic-modal__submit-btn {
    border-color: #56c30d !important;
    width: auto !important;
}

.ms365b-section__welcome {
    padding: 20px 0px;
}
.ms365b-section__welcome .generic-photo-text__title {
    margin-bottom: 50px;
}
.generic-text-photo {
    display: flex;
    flex-flow: row nowrap;
}
.generic-text-photo__left {
    width: 65%;
    margin-left: 25px;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
}
.generic-text-photo__title--small {
    font-size: 18px;
    font-weight: 700px;
    margin-bottom: 20px;
}
.generic-text-photo__right {
    width: 35%;
    margin-right: 25px;
}
.ms365-webinar-intro {
    color: #98c0da;
    text-align: center;
    margin-bottom: 20px;
}
.ms365-webinar-details {
    display: flex;
    width: 100%;
    color: #fff;
    margin: 20px 0;
}
.ms365-webinar__speakers {
    width: 35%;
    margin-right: 25px;
}
.ms365-webinar__agenda {
    width: 65%;
    margin-left: 25px;
}
.ms365-webinar-details__title {
    text-transform: uppercase;
    font-weight: 700;
    color: #98c0da;
    display: inline-block;
    margin-bottom: 35px;
}
.ms365-webinar-details__title:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #00aeef;
    display: block;
    margin-top: 5px;
    position: relative;
}
.ms365-webinar__speaker {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
.ms365-webinar__speaker .info {
    margin-left: 20px;
}
.ms365-webinar__speaker .name {
    font-weight: 700;
}
.ms365-webinar__agenda-list li {
    font-size: 16px !important;
    padding: 0 0 25px !important;
    line-height: 16px !important;
}
.ms365b-section__advantage {
    padding: 30px 0px;
}
.ms365b-section__advantage .office_content {
    margin-bottom: 0;
}
.ms365b-section__advantage .generic-photo-text,
.ms365b-section__advantage .generic-text-photo {
    align-items: center;
}
.ms365b-section__table {
    margin: 50px 0px;
}
.ms365b-section__table .office_content {
    display: block;
}
.ms365b-section__table .office_content h2 {
    font-size: 26px;
    margin-bottom: 50px;
}
.ms365b-section__table .table-row__parent .expand {
    display: initial;
}
.ms365b-section__table .table-row__parent .fold,
.ms365b-section__table .table-row__parent .expand {
    cursor: pointer;
}
.ms365b-section__table .table-row__parent .fold {
    display: none;
}
.ms365b-section__table .table-row__parent .fold span,
.ms365b-section__table .table-row__parent .expand span {
    color: #00aeef;
    text-decoration: underline;
}
.ms365b-section__table .table-row__parent .fold i,
.ms365b-section__table .table-row__parent .expand i {
    color: #00aeef;
    padding-left: 10px;
}
.ms365b-section__table .table-row__parent.table-row__parent--opened .fold {
    display: initial;
}
.ms365b-section__table .table-row__parent.table-row__parent--opened .expand {
    display: none;
}
.ms365b-section__table .table-row__parent.table-row__parent--opened ~ .table-row__child {
    display: table-row;
}
.ms365b-section__table .table-row__child {
    display: none;
}
.ms365b-section__table .table-outer td {
    padding: 0; 
}
.ms365b-section__table .table-outer td:after {
    display: none !important;
}
.ms365b-section__table .table-inner {
    margin: 0;
}
.ms365b-section__table .table-row td {
    width: 20%;
    box-sizing: border-box;
}
.ms365b-section__table .table-row td:not([colspan]) {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 10px 15px;
}
.ms365b-section__table .table-row:nth-child(odd) td {
    background: #fbfbfb;
}
.ms365b-section__table .table-row:nth-child(even) td {
    background: #f7f7f7;
}
.ms365b-section__table .table-row:nth-child(odd) td:last-child {
    background: #edf9fe;
}
.ms365b-section__table .table-row:nth-child(even) td:last-child {
    background: #dbf4fd;
}
.ms365b-section__table .table-row td:first-child {
    text-align: left;
    width: 40%;
}
.ms365b-section__table .table-row.table-row__heading td:nth-child(n+2) {
    background: #00406b;
    color: #fff;
    padding: 30px;
    font-size: 16px;
    font-weight: 700;
}
.ms365b-section__table .table-row__heading td:first-child,
.ms365b-section__table .table-row__pricing td:first-child,
.ms365b-section__table .table-row__parent td:first-child {
    background: #fff;
}
.ms365b-section__table .table-row__child:nth-child(2) td:not(:first-child) {
    box-shadow: inset 0px 10px 5px -8px rgba(0, 0, 0, .1);
}
.ms365b-section__table .table-row__parent i {
    color: #57c40f;
}
.ms365b-section__table .table-row__child td:first-child {
    padding-left: 25px;
    position: relative;
}
.ms365b-section__table .table-row__child td:first-child::before {
    content: '';
    width: 4px;
    height: 4px;
    background: black;
    display: block;
    position: absolute;
    top: 18px;
    left: 15px;
}
.ms365b-section__table .table-row__child i {
    color: #bfbfbf;
}
.ms365b-section__table .table-row__pricing td:not(:first-child) {
    padding: 30px;
}
.ms365b-section__table .table-row__pricing .price {
    font-size: 20px;
    font-weight: 700;
}
.ms365b-section__table .table-row__pricing .ms365-buy-btn {
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 30px;
}
.ms365b-section__faq {
    margin-bottom: 50px;
}
.ms365b-section__faq .office_content {
    display: block;
}
.ms365b-section__faq .office_content h2 {
    font-size: 26px;
}
.ms365b-section__contact .office_content {
    display: block;
}
.ms365b-section__contact .office_content h2 {
    font-size: 26px;
}
.ms365b-section__contact .generic-photo-text__right {
    justify-content: center;
}
.ms365business-webinar-modal .marketingAccept {
    margin-bottom: 20px;
}
.ms365business-webinar-modal .disclaimer {
    color: #727272;
    display: block;
    font-size: 11px;
    margin-bottom: 20px;
}

/* Veronym v2.0 */
.header-veronym {
    background: #1a4e9d url('../images/veronym/veronym-top-banner-bg.png') center no-repeat;
}

.header-veronym__content {
    width: 100%;
    max-width: 970px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    color: #fff;
}
.header-veronym__content:hover .veronym-anchor-link--top-banner {
    background: #fff;
    color: #ffab00;
}

.header-veronym__column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.header-veronym__title {
    margin-top: 20px;
    font-size: 22px;
    font-weight: 700;
    color: #FFF;
    line-height: 28px;
}

.header-veronym__sub-title {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
}

.header-veronym__sub-title span {
    text-transform: uppercase;
    color: #ffab00;
}

.header-veronym__sprite {
    background-image: url('../images/veronym/veronym-top-banner-sprite.png');
    background-repeat: no-repeat;
}

.header-veronym__sprite--logo {
    width: 240px;
    height: 30px;
    background-position: -50px 2px;
}

.header-veronym__sprite--graphics {
    width: 310px;
    height: 297px;
    background-position: 0 -40px;
}

/* Veronym Plans row  */
.plans-veronym-row {
    padding-top: 25px;
    padding-bottom: 25px;
    border-top: 1px solid #d3d3d3;
}

.plans-veronym-row * {
    box-sizing: border-box;
}

.plans-veronym-cell {
    height: 60px;
    background: #004396;
}

.plans-veronym-cell--first {
    position: relative;
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 60px;
    border-right: 1px solid #FFF;
}

.plans-veronym-cell--enterprise {
    width: 20%;
}

.plans-veronym-scewed-box {
    position: absolute;
    left: 0;
    top: -5px;
    width: 60px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 15px;
    text-align: center;
    font-weight: 700;
    background-image: url('../images/veronym/veronym-cell-bg.png');
    background-repeat: no-repeat;
}

.plans-veronym-scewed-box a,
.plans-veronym-scewed-box a:hover {
    color: #fff;
}

.plans-veronym-logo {
    width: 108px;
    height: 25px;
    background-image: url('../images/veronym/veronym-table-logo.png');
    background-repeat: no-repeat;
}

.plans-veronym-cell--second {
    text-align: center;
    line-height: 60px;
    font-size: 18px;
    font-weight: 700;
    flex-grow: 1;
}
.plans-veronym-cell--second a,
.plans-veronym-cell--second a:hover {
    color: #fff;
}

.plans-veronym-cell__highlighted-text {
    color: #ffab00;
}
/* Veronym Promo page  */
.veronym-top-section {
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 22px;
}

.veronym-top-section img {
    margin-left: 70px;
    flex-shrink: 0;
}

.veronym-flip-boxes {
    max-width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap !important;
    margin-bottom: 20px;
}

.veronym-flip-box {
    background-color: transparent;
    width: 430px;
    height: 300px;
    margin: 10px;
    perspective: 1000px;
    cursor: pointer;
}

.veronym-flip-box * {
    box-sizing: border-box;
}

.veronym-flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

@supports not (-ms-high-contrast: none) {
   .veronym-flip-box:hover .veronym-flip-box-inner {
        transform: rotateY(180deg);
    }
}

.veronym-flip-box-front, .veronym-flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

.veronym-flip-box-front {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 40px 20px 30px 20px;
    background-color: #FFF;
    box-shadow: 0 0 25px 5px rgba(0,0,0,0.1);
}

.veronym-flip-box-back {
    display: flex;
    flex-direction: column;
    padding: 25px 30px;
    background-color: #FFF;
    transform: rotateY(180deg);
    box-shadow: 0 0 25px 5px rgba(0,0,0,0.1);
    outline: 1px solid #00aeef;
}

.veronym-flip-box-front h4 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
}

.veronym-flip-box-front span {
    max-width: 100%;
    font-size: 14px;
    line-height: 22px;
}

.veronym-flip-box-front div {
    width: 220px;
    font-size: 16px;
    line-height: 46px;
    text-align: center;
    color: #00aeef;
    border: 1px solid #00aeef;
}

.veronym-flip-box-back h5 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
}

.veronym-flip-box-back span {
    font-size: 13px;
    line-height: 22px;
    text-align: left;
}

.veronym-anchor-link {
    display: block;
    min-width: 220px;
    padding: 0 50px;
    font-size: 16px;
    line-height: 44px;
    font-weight: 700;
    text-align: center;
    transition-duration: .3s;
}

.veronym-anchor-link--blue {
    border: 2px solid #00aeef;
    background: #00aeef;
    color: #fff;
}

.veronym-anchor-link--blue:hover {
    background: #fff;
    color: #00aeef;
}

.veronym-anchor-link--orange {
    border: 2px solid #ffab00;
    background: #ffab00;
    color: #fff;
}

.veronym-anchor-link--orange:hover {
    background: #fff;
    color: #ffab00;
}

.veronym-anchor-link--top-banner {
    min-width: 160px;
    padding: 0 25px;
    font-size: 18px;
    line-height: 38px;
}

.veronym-webinar {
    position: relative;
    z-index: 10;
}

.veronym-webinar__top-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 740px;
    text-align: center;
}

.veronym-webinar__text {
    max-width: 100%;
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    color: #98c0da;
}

.veronym-webinar__heading {
    max-width: 100%;
    margin-top: 20px;
    font-size: 26px;
    color: #fff;
    line-height: 30px;
}

.veronym-webinar__bottom-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 990px;
    max-width: 100%;
}

.veronym-webinar-info {
    display: flex;
    flex-direction: column;
    width: 360px;
}

.veronym-webinar-info__title {
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    color: #98c0da;
}

.veronym-webinar-info__title:after {
    content: '';
    position: relative;
    display: block;
    width: 100px;
    height: 2px;
    margin-top: 5px;
    background: #00aeef;
}

.veronym-webinar-agenda {
    margin: 0 0 25px 0 !important;
    padding: 0;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    list-style-type: none;
}

.veronym-webinar-agenda li {
    display: flex;
    margin: 0;
    padding: 0;
}

.veronym-webinar-agenda li span {
    margin-right: 5px;
}

.veronym-webinar-speakers {
    display: flex;
    flex-direction: column;
}

.veronym-speaker {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

/*      !ACHTUNG!    */
/*    VERONYM TABLE  */
.veronym-table {
    margin-top: 50px;
    border-collapse: collapse;
}

.veronym-table .fa-check {
    color: #56c30d;
}

.veronym-table thead td:nth-child(4) {
    background: #ededed;
    font-weight: 600;
}

/* cell sizes */
.veronym-table tr td:first-child {
    width: 35% !important;
}

.veronym-table thead th {
    padding: 12px 25px;
    background: #00406b;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    border-collapse: collapse;
    border: 1px solid #fff;
}

.veronym-table td {
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    color: #000;
    width: 13%;
}

.veronym-table tr td {
    border: 1px solid #fff;
}

.veronym-table tbody tr {
    height: 54px;
}

.veronym-table .veronym-table__promo-row {
    height: 72px;
}

/* cell colors */
.veronym-table tbody tr:nth-child(odd) td {
    background: #f7f7f7;
}

.veronym-table tbody tr:nth-child(odd) td:nth-child(4) {
    background: #ededed;
}

.veronym-table tbody tr:nth-child(even) td {
    background: #fbfbfb;
}

.veronym-table tbody tr:nth-child(even) td:nth-child(4) {
    background: #f4f4f4;
}

.veronym-table tbody tr td:first-child {
    text-align: left;
    background: #fff !important;
}

.veronym-table__promo-row td {
    background: #fff6e5 !important;
}

.veronym-table__promo-row td:nth-child(4) {
    background: #ffeecc !important;
}

.veronym-table__promo-row strong {
    color: #ffab00;
}

.veronym-table tbody tr:hover > td {
    background: #cceffc !important;
}

.veronym-table tbody .veronym-table__toggable:hover > td {
    background: #1a4e9d !important;
}

/* cell paddings */

.veronym-table .veronym-table__td-padding-head td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.veronym-table tbody tr td:first-child {
    padding-left: 18px
}

.veronym-table .veronym-table__td-padding td:first-child {
    padding-left: 6px;
}

/* Main table cell styles */

.veronym-table__promo-link {
    display: inline-block;
    padding: 5px 10px;
    color: #fff;;
    background: #ffab00;
    border: 1px solid #ffab00;
    transition-duration: .3s;
}

.veronym-table__promo-link:hover {
    color: #ffab00;
    background: #fff;
}

/* Inner tables styles */
.veronym-table__toggable-child {
    display: none;
}

.veronym-table__toggable-child.js-is-active {
    display: table-row;
}

.veronym-table tbody .veronym-table__toggable-parent .veronym-table__toggable-parent-cell {
    background: #1a4e9d !important;
    color: #fff;
    cursor: pointer;
}
.veronym-table tbody .veronym-table__toggable-child > td {
    padding: 0 !important;
}

.veronym-table__toggable-child table {
    width: 100%;
    border-collapse: collapse;
}

.veronym-table__toggable-child table tr td:first-child {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 40px;
    width: 35% !important;
}

.veronym-table__toggable-child table tr td {
    width: 13% !important;
}

.veronym-table__toggable-title {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.veronym-table__toggable-parent-cell .veronym-table__toggable-title:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 5px;
    right: -20px;
    width: 1px;
    height: 1px;
    border-left: 8px solid #fff;
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    
}

.veronym-table__toggable-parent.js-is-active .veronym-table__toggable-title:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
    right: -20px;
    width: 1px;
    height: 1px;
    border-left: 4px solid transparent;
    border-top: 8px solid #fff;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

/* ^^ VERONYM TABLE END ^^ */

.veronym-speaker__info {
    display: flex;
    flex-direction: column;
    margin-left: 15px;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
}

.veronym-speaker__info strong {
    font-size: 16px;
}

.veronym-bottom-banner {
    display: block;
    position: relative;
    width: 983px;
    height: 152px;
    margin-top: 30px;
    margin-bottom: 30px;
    background: url('../images/veronym/veronym-bottom-banner.png') no-repeat;
}
/* Veronym v2.0 end */

/* Black Friday */
.black-friday-header {
    background: #13181F url(https://senetic2.azureedge.net/gfx/promotions/black-friday/bf-o365-header-bg.png) top center no-repeat;
    color: #fff;
    height: 350px;
}
.black-friday-header-content {
    width: 100%;
    max-width: 970px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    color: #fff;
    padding-top: 25px;
}
.black-friday-title {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    position: relative;
    align-items: flex-start;
    width: 100%;
}
.black-friday-title img {
    margin-top: 5px;
    margin-left: auto;
}
.black-friday-title .name {
    font-size: 50px;
    line-height: 46px;
    text-transform: uppercase;
    font-weight: 700;
    text-shadow: 3px 0px 5px rgba(0, 0, 0, .5);
}
.black-friday-title .name span {
    letter-spacing: 3px;
}
.black-friday-title .sale {
    font-size: 115px;
    line-height: 90px;
    text-transform: uppercase;
    font-weight: 200;
    color: #ff4242;
    margin-left: 10px;
    margin-top: -4px;
}
.black-friday-subtitle {
    font-size: 21px;
    font-weight: 300;
    margin: 20px 0 15px;
}
.black-friday-info {
    margin: 0 0 15px;
}
.black-friday-info span {
    color: #ff4242;
    font-weight: 700;
}
.black-friday-info .info-name {
    font-size: 12px;
    font-weight: 400;
}
.black-friday-info .info-code {
    font-size: 15px;
    font-weight: 700;
}
.black-friday-foreign {
    background: rgba(0, 0, 0, .3);
    padding-bottom: 30px;
    max-width: 100%;
}
.black-friday-foreign .black-friday-title {
    max-width: 500px;
    margin: 0 auto;
}
.black-friday-foreign .black-friday-subtitle {
    width: 100%;
    text-align: center;
    max-width: 970px;
    margin: 20px auto 20px;
}
.black-friday-foreign .black-friday-info {
    width: 100%;
    text-align: center;
    max-width: 970px;
    margin: 0 auto 15px;
}
.black-friday-foreign .black-friday-ps {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    max-width: 970px;
}
.promotion-veeam-box,
.promotion-red-box {
    background-color: #fe0000;
    color: white;
    text-align: center;
    padding: 12px;
}
.promotion-veeam-box:before {
    content: "";
    width: 100%;
    height: 3px;
    background: white;
    position: absolute;
    display: block;
    left: 0px;
    top: 0;
}
.promotion-veeam-box {
    text-align: center;
    background-color: #004550;
    padding-top: 3px;
    position: relative;
    margin-bottom: -5px;
}
.promotion-veeam-box span.color {
    color: #89dd1b;
    font-weight: 600;
}

div.office_content .promotion-veeam-box p {
    font-weight: 400;
    color:white;
    line-height: 18px;
}
.promotion-red-box p {
    font-weight: bold;
    margin-bottom: 8px;
}

span.new-price {
    font-size: 20px;
    font-weight: bold;
}

a.plan-btn {
    display: inline-block;
    background: white;
    padding: 7px 31px;
    margin-top: 10px;
    color: #00416b;
    cursor: pointer;
}
a.plan-btn.plan-btn-veeam {
    background: #89dd1b;
    color:#004550;
    border: 1px solid #89dd1b;
}
a.plan-btn.plan-btn-veeam:hover {
    background: white;
    color:#004550;
}
span.old-price {
    text-decoration: line-through;
}
div.office_content p.more-info-about-promotion {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 20px;
}
.package-desc-wrap img {
    margin-bottom: 8px;
    margin-top: 0px;
}
#promotion-office365-form.generic-modal__form .marketingAccept a {
    color: #00aeef!important;
}

.generic-modal.veeam-modal {
    max-width: 1000px;
    width: 100%;
    box-sizing: border-box;
    padding: 0px;
    
}

.veeam-modal-row {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}

.veeam-modal-column {
    width: 100%;
    max-width: 50%;
    padding: 10px 20px;
    box-sizing: border-box;
    position: relative;
}

.veeam-modal-column.veeam-modal-left-column {
    padding: 0px;
    background: url(https://senetic2.azureedge.net/gfx/promo/veeam/background-modal-veeam.png), linear-gradient(#004651,#044c58);
    color: white;
    font-size: 16px;
    background-position-x: right;
    background-position-y: bottom;
    background-repeat: no-repeat;
}

.veeam-modal-column.veeam-modal-right-column {
    padding: 35px 45px 15px;
}


.veeam-modal-container .inputBox {
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
    color: #4a4a4a;
}

.veeam-modal-container .inputBox.input-with-prefix {
    display: flex;
    flex-wrap: nowrap;
}


.veeam-modal-container .inputBox {
    margin-bottom: 15px;
    position: relative;
}
.veeam-modal-container .inputBox input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 0 !important;
    padding: 10px 15px !important;
    border: 1px solid #dbdbdb;
    max-width: 100% !important;
    position: relative;
    margin-bottom: 0 !important;
    outline: 0;
    position: relative;
}
.veeam-modal-container .inputBox select {
     -webkit-box-sizing: border-box;
     font-size: 12px;
     border: 1px solid #dbdbdb;
     background-color: white;
     cursor: pointer;
     padding: 12px 10px 12px 10px;
     height: auto;
     top: 0;
     position: relative;
     display: block;
     margin-right: 8px;
     width: 100%;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-appearance: none;
     -moz-appearance: none;
     background-image: linear-gradient(45deg,transparent 50%,#00aeef 50%),linear-gradient(135deg,#00aeef 50%,transparent 50%);
     background-position: calc(100% - 15px) 1.3em,calc(100% - 10px) 1.3em,calc(100% - 2.5em) .5em;
     background-size: 5px 5px,5px 5px,1px 1.5em;
     background-repeat: no-repeat;
}
.veeam-modal-container .inputBox.input-with-prefix  select {
   
    width: 97px;
    text-align: left;
    outline: none !important;
}
.veeam-modal-container .inputBox input:focus,
.veeam-modal-container .inputBox input:active,
.veeam-modal-container .inputBox select:focus,
.veeam-modal-container .inputBox select:active {
    border-color: rgba(0,174,239,0.4);
    box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(82,168,236,0.6);
    outline: 0 none;

}

.inputBox.marketingAccept {
    display: flex;
    width: 100%;
    align-items: flex-start;
    margin-bottom: 10px;
}

input#marketing_agree_newsletter {
    display: inline-block;
    width: auto;
    margin: 5px 7px 0 0;
}

.generic-modal__form .marketingAccept a {
    color: #00aeef;
}

input.veeam-btn {
    color: #FFF;
    font-family: "Segoe UI";
    font-size: 17px;
    line-height: 23px;
    background: #00aeef;
    border: 1px solid #00aeef;
    font-weight: 600;
    padding: 13px 30px;
    margin-top: 8px;
    transition: all .3s;
}

input.veeam-btn:hover,
input.veeam-btn:active {
    color: #00aeef;
    background: white;
}

.generic-modal__form .marketingAccept label {
    display: block;
    position: relative;
    color: #4a4a4a;
    font-family: "Segoe UI";
    font-size: 12px;
    line-height: 18px;
}

.veeam-modal-container {
    position: relative;
    width: 100%;
    max-width: 100%;
}
img.label_50_absolute {
    position: absolute;
    right: 0;
    width: auto;
    max-width: 100%;
}

.veeam-content {
    padding: 70px 50px 30px;
}

img.veeam-logo-modal {
    width: 100%;
    max-width: 200px!important;
}

h3.color {
    font-size: 18px;
    color: #93ea20;
    font-weight: bold!important;
    margin-top: 30px;
    letter-spacing: 0.2px;
    line-height: 26px;
}

p.desc_1 {
    font-size: 16px;
    color: white;
    margin-top: 20px;
}

p.title_lsit {margin-top: 30px;color: #93ea20;font-size: 16px;}

.veeam-content ul li {
    padding-left: 20px;
    position: relative;
    font-size: 14px;
}

.veeam-content ul li:before {content: " ";width: 7px;height: 7px;top: 10px;background: #93ea20;border-radius: 100%;display: block;position: absolute;left: 0;}

span.small-info {
    margin-top: 60px;
    display: block;
    font-size: 12px;
}
@media all and (max-width: 768px) {
    .veeam-modal-column {
        max-width: 100%;
    }
    img.label_50_absolute {
        display: none;
    }
    .veeam-content {
        padding: 30px;
    }
    .veeam-modal-column.veeam-modal-right-column {
        padding: 30px;
    }
}

.generic-modal.veeam-modal {
    max-height: 90vh;
    overflow-y: auto;
}


form#veeam-modal-form .form-success span {
    color: #56c30d;
    font-size: 16px;
    text-align: left;
    display: block;
}
.plans-table .try-buttons .featured-plan a {
    position: relative!important;
}

.promotion-veeam-box img {
    width: auto;
    max-width: 100%;
}

.office_center_container {
    width: 100%;
    max-width: 1230px;
    margin: 0px auto;
    padding: 0px 15px;
    box-sizing: border-box;
}

section#o365_plans_redesign #slides {
    width: 100%;
    overflow: initial;
}
section#o365_plans_redesign #tables {
    padding-bottom: 60px;
}


section#o365_plans_redesign #slides .cont1, 
section#o365_plans_redesign #slides .cont2 {
    width: 100%;
}

section#o365_plans_redesign #enterprise, 
section#o365_plans_redesign #business, 
section#o365_plans_redesign #enterprise-de2, 
section#o365_plans_redesign #business-de2 {
    width: 100%;
}

section#o365_plans_redesign .left-static-column {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    max-width: 225px;
}

section#o365_plans_redesign .o365-row {
    width: 100%;
    padding: 10px;
    border: 1px solid #fff;
    position: relative;
    box-sizing: border-box!important;
    align-items: center;
    display: flex;
    justify-content: center;
    transition: height 0.3s;
    height: auto;
}
section#o365_plans_redesign .left-static-column .o365-row {
     justify-content: left!important;
     font-weight: 600;
}
section#o365_plans_redesign .left-static-column .o365-row b {
    font-weight: 700;
}

section#o365_plans_redesign .single-table {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

.plans_wrapper {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 100%;
    align-items: flex-start;
}


.image-with-tooltip img {max-width: 30px;max-height: 30px;height: auto;width: 100%;object-fit: contain;}

.image-with-tooltip .tooltip {
    visibility: hidden;
    height: 0px;
    width: 0px;
    display: none;
    position: absolute;
}
section#o365_plans_redesign .single-table div.image-with-tooltip .image-with-title:hover + .tooltip {
    display: block!important;
    height: auto;
    opacity: 1;
    visibility: visible;
    width: 100%;
    max-width: calc(100% - 8px );
    background: #fff;
    border: none!important;
    padding: 9px!important;
    box-shadow: 0px 1px 8px 0px rgb(0 0 0 / 31%);
    left: 0;
    text-align: left;
    box-sizing: border-box;
    bottom: 100%;
    border-radius: 5px;
}

section#o365_plans_redesign .single-table div.image-with-tooltip .image-with-title:hover + .tooltip:after {
    content: "";
    width: 10px;
    height: 10px;
    background: white;
    transform: rotate(45deg);
    position: absolute;
    left: calc(50% - 3px);
    bottom: -5px;
    right: auto;
    display: block;
    margin: auto;
}

.tooltip span {
    color: #0178D6;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    font-family: 'Segoe UI', 'Trebuchet MS', 'Lucida Sans Unicode', Arial;
    justify-content: flex-start;
}

.tooltip span img {
    margin-right: 3px;
    max-height: 20px;
}

.image-with-tooltip .tooltip p {
    font-size: 12px;
    line-height: 16px;
    color: #000;
    font-weight: 400;
    padding-left: 33px;
    font-family: 'Segoe UI', 'Trebuchet MS', 'Lucida Sans Unicode', Arial;
}
.image-with-tooltip {
    min-width: 25%;
    margin-bottom: 12px;
    max-width: 25%;
    width: 100%;
}
section#o365_plans_redesign .single-table div.image-with-tooltip .image-with-title {
    display: block!important;
    width: 100%;
}

.image-with-tooltip .image-with-title img {
    width: 100%;
}

.image-with-tooltip .image-with-title span {
    width: 100%;
    display: block;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0.1px;
}
div#m365-business-standard.most-popular {
    margin-top: -42px;
}

.new_plans_container {
    padding-top: 60px;
    margin-top: 0px;
}

.o365-row[data-row="title"] {
    background: #00406b;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.o365-row[data-row="title"] h2 {
    margin: 0px;
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
}

.o365-row[data-row="most_popular"] {
    font-weight: 600;
    text-transform: uppercase;
    font-family: "Segoe UI";
}

.left-static-column .o365-row[data-row="title"] {
    background: white;
}
section#o365_plans_redesign .o365-row[data-row="clouds"],
section#o365_plans_redesign .o365-row[data-row="applications"],
section#o365_plans_redesign .o365-row[data-row="security"] {
    display: flex;
    width: 100%;
    justify-content: left;
    align-items: flex-start;
    flex-wrap: wrap;
    align-content: flex-start;
}
section#o365_plans_redesign .o365-row[data-row="try_free"],
section#o365_plans_redesign .o365-row[data-row="applications"],
section#o365_plans_redesign .o365-row[data-row="security"] {
    background: #F5F5F5;
}
section#o365_plans_redesign .left-static-column .o365-row[data-row="try_free"]{
    background-color: white;
}

.single-table .o365-row[data-row="price_month"],
.single-table .o365-row[data-row="price_year"] {
    font-size: 15px;
    font-weight: 700;
    color: #7e7e7e;
    line-height: 20px;
}
.single-table .o365-row[data-row="price_month"] div,
.single-table .o365-row[data-row="price_year"] div {
    background:none;
}


.single-table .o365-row.active {
    color: black;
    font-size: 18px;
}
.o365-row[data-row="try_free"],
.o365-row[data-row="buy_cta"] {
    padding: 0px!important;
}
.single-table .o365-row[data-row="buy_cta"] div {
    background-color: #00aeef;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    cursor: pointer;
    transition: all 0.2s;
    padding: 13px 10px;
    box-sizing: border-box;
}

.single-table .o365-row[data-row="buy_cta"] div img {
    margin-right: 3px;
}

.single-table .o365-row[data-row="buy_cta"] div:hover {
    background: #00406b;
}

.single-table span.buy_now_text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}
.single-table .o365-row[data-row="most_popular"],
.single-table .o365-row[data-row="learn_more"] {
    background: #dbeff7;
}

.o365-row.active {
    background: #e7f7fd;
}

section#o365_plans_redesign .clickable {
    background: none!important;
}
section#o365_plans_redesign .left-static-column .o365-row[data-row="price_year"] label,
section#o365_plans_redesign .left-static-column .o365-row[data-row="price_month"] label {
    margin-left: 3px;
    line-height: 16px;
}
section#o365_plans_redesign .left-static-column .o365-row[data-row="price_year"] label span,
section#o365_plans_redesign .left-static-column .o365-row[data-row="price_month"] label span {
    color: #727272;
    position: relative;
    font-size: 11px;
    font-weight: 400;
}
section#o365_plans_redesign .left-static-column .o365-row[data-row="price_month"] .clickable>div,
section#o365_plans_redesign .left-static-column .o365-row[data-row="price_year"] .clickable>div {
    display: flex;
    align-items: center;
}

section#o365_plans_redesign .o365-row[data-row="try_free"] a {
    width: 100%;
    background: #dbeff7;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 10px;
    box-sizing: border-box;
}
.single-table .o365-row[data-row="try_free"] a,
.single-table .o365-row[data-row="learn_more"] a {
    font-size: 14px;
    font-weight: 600;
    color: #00aeef;
    transition: all 0.2s;
}
.single-table .o365-row[data-row="try_free"] a:hover,
.single-table .o365-row[data-row="learn_more"] a:hover {
    color: #00406b;
}
.o365-row.show_row_mobile {
    text-align: left;
}


section#o365_plans_redesign div#tables,
section#o365_plans_redesign div#business,
section#o365_plans_redesign .office_table:before, 
section#o365_plans_redesign .office_table:after,
section#o365_plans_redesign #tables:before, 
section#o365_plans_redesign #tables-de2:before, 
section#o365_plans_redesign #tables:after, 
section#o365_plans_redesign #tables-de2:after {
    box-shadow: none!important;
}
@media screen and (max-width: 1200px) {
    .image-with-tooltip {
        max-width: 33%;
    }
}
@media screen and (min-width: 768px) {
    .o365-row.show_row_mobile {
        display: none!important;
    }
}

span.price-info {
    width: 100%;
    max-width: 100%;
    text-align: center;
    font-size: 13px;
    display: none;
    line-height: 16px;
    color: #7E7E7E;
    font-weight: 400;
}
.new_plans_container  .plans_switcher {
    display: none;
}
@media screen and (max-width: 768px) {
    .image-with-tooltip {
        width: 100%;
        max-width: 50%;
    }
    section#o365_plans_redesign .left-static-column,
    .o365-row.show_row_desktop {
        display: none!important;
    }
    section#o365_plans_redesign .o365-row[data-row="applications"],
    section#o365_plans_redesign .o365-row[data-row="clouds"],
    section#o365_plans_redesign .o365-row[data-row="security"] {
        max-width: calc(100% - 150px);
        box-sizing: border-box;
    }
    section#o365_plans_redesign .single-table {
        width: 100%;
        max-width: 100%;
    }
    section#o365_plans_redesign .single-table {
        width: 100%;
        max-width: 100%;
        transition: all 0.5s!important;
        opacity: 0;
        height: 0px;
        position: relative;
    }
    section#o365_plans_redesign .single-table div {
        display: none!important;
        height: 0px!important;
       
    }
     section#o365_plans_redesign .single-table.active div {
        display: flex!important;
        height: initial!important;
    }
     section#o365_plans_redesign .single-table div[data-row="title"] {
        display: flex!important;
        height: auto!important;
       
    }
    section#o365_plans_redesign .plans_wrapper {
        flex-wrap: wrap;
    }
    section#o365_plans_redesign div#m365-business-standard {
        margin-top: 0px;
    }
    section#o365_plans_redesign #enterprise, 
    section#o365_plans_redesign #business, 
    section#o365_plans_redesign #enterprise-de2, 
    section#o365_plans_redesign #business-de2 {
        overflow: hidden;
        padding: 0px;
    }
    .image-with-tooltip .tooltip p {
        padding-left: 0px;
    }

    .tooltip span img {
        max-width: 20px;
        margin-left: 0px;
    }
    section#o365_plans_redesign #enterprise>div, 
    section#o365_plans_redesign #business>div,
    section#o365_plans_redesign  #enterprise-de2>div, 
    section#o365_plans_redesign#business-de2>div
    {
        max-width: 100%!important;
    }

    .plans_switcher {
        display: flex!important;
        width: 100%;
        flex-wrap: nowrap;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    #slides .cont1, #slides .cont2 {
        max-width: 100%;
    }

    .plans_switcher a {
        background: #f5f5f5;
        width: 100%;
        text-align: center;
        padding: 10px 15px;
        font-size: 18px;
        line-height: 24px;
        font-weight: 600;
        color: #7E7E7E;
    }

    .plans_switcher a.active {
        color: #00aeef;
        background: #DBEFF7;
    }

    section#o365_plans_redesign {
        padding: 0px 15px;
        box-sizing: border-box;
    }

    .o365-row {}

    section#o365_plans_redesign .single-table .o365-row[data-row="most_popular"] {
        display: none!important;
    }


   
    section#o365_plans_redesign .single-table .o365-row.month_prices:not(.active) {
        display: none!important;
    }
    section#o365_plans_redesign .single-table .o365-row.year_prices:not(.active) {
        display: none!important;
    }


    .o365-row.month_prices {}

    .o365-row.year_prices.active {
        background: white;
    }

    .single-table .o365-row[data-row="price_month"], .single-table .o365-row[data-row="price_year"] {
        font-size: 28px;
        line-height: 36px;
        font-weight: 700;
        color: #56c30D;
    }

    .single-table .o365-row[data-row="buy_cta"] div img {
        margin: 0 3px 0 0px!important;
    }

    .o365-row.show_row_mobile {
        max-width: 150px!important;
        font-weight: 600;
        font-size: 12px;
        line-height: 16px;
    }

    span.price-info {
        display: block;
    }

    section#o365_plans_redesign .single-table .month_prices, 
    section#o365_plans_redesign .single-table .year_prices {
        flex-wrap: wrap;
    }

    .o365-row.month_prices {
        background: white;
    }

    .o365-row.only-mobile.switch-subscription label:not(.switch) span {
        display: none;
    }
    input[name="planPrices"] {
    display: none;
}

.o365-row.switch-subscription label, .o365-row.switch-subscription * {
    outline: none!important;
}

.o365-row.only-mobile.switch-subscription {
    display: flex;
    width: 100%!important;
    justify-content: space-between!important;
}

section#o365_plans_redesign .clickable {}

.o365-row.only-mobile.switch-subscription label.clickable {
    width: 33%;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #7e7e7e;
}

.o365-row.only-mobile.switch-subscription label.clickable label {
    text-align: center;
}

input[name="planPrices"]:checked + label {
    color: #00aeef;
}

.switch-subscription .slider, .switch-subscription .slider * {
    outline: none!important;
}

div#m365-business-basic {}

section#o365_plans_redesign .single-table.active {
    display: flex;
    right: 0px;
    opacity: 1;
    height: auto;
    margin: auto;
    padding-bottom: 10px;
}


}
.switch-subscription .switch {
    position: relative;
    display: inline-block;
    width: 36px;
    max-width: 36px;
    height: 20px;
    margin: 0px 10px;
  }
  
.switch-subscription .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
.switch-subscription .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #00aeef;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
.switch-subscription .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
.switch-subscription input:checked + .slider {
    background-color: #00aeef;
  }
  
.switch-subscription input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
.switch-subscription .checked .slider:before,
.switch-subscription input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(16px);
    transform: translateX(15px);
  }
  
  /* Rounded sliders */
.switch-subscription .slider.round {
    border-radius: 16px;
  }
  
.switch-subscription .slider.round:before {
    border-radius: 50%;
  }
  
.o365-row.only-mobile.switch-subscription label.clickable label.checked {
    color: #00aeef;
}
input.switch_prices {
    display: none;
}

#o365_contact_with_us {
    background: radial-gradient(circle at 50%, #006698, #00436f 50%);
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0px 0px 60px;
}
#o365_contact_with_us.only-one-column {
    background-image: url('https://senetic2.azureedge.net/gfx/product-description/product_description_bg_contact.png');
    background-position: center;
    background-size: cover;
    width: 100%;
}
#o365_contact_with_us div[class*="description_footer__contact__column"] {
    max-width: 50%;
    width: 100%;
    padding: 30px 25px 30px 50px;
    box-sizing: border-box;
}
#o365_contact_with_us.only-one-column div[class*="description_footer__contact__column"] {
    max-width: 100%;
    text-align: center;
}

#o365_contact_with_us .description_footer__contact__column_right {
    padding-right: 50px;
}

#o365_contact_with_us h3 {
    font-size: 16px;
    font-family: 'Segoe UI';
    line-height: 20px;
    margin-top: 0px;
    margin-bottom: 8px;
    font-weight: 600;
}

#o365_contact_with_us p {
    font-size: 12px;
    line-height: 20px;
}
#o365_contact_with_us.only-one-column div[class*="description_footer__contact__column"] p {
    max-width: 455px;
    margin-left: auto;
    margin-right: auto;
}


#o365_contact_with_us a.btn {
    background: #00aeef;
    border: 1px solid #00aeef;
    color: white;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    padding: 8px 20px;
    display: inline-block;
    max-width: max-content;
    margin-top: 15px;
    transition: all 0.3s;
}
#o365_contact_with_us a.btn:hover,
#o365_contact_with_us a.btn:focus {
    background-color: #00406b;
    border-color: #ffffff;
    box-shadow: 0px 8px 24px 0px rgb(0, 0, 0, 0.15);
}
.description_footer__contact__column_right {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#o365_contact_with_us .person-image-wrap {
    width: 100%;
    max-width: 128px;
    max-height: 128px;
    object-fit: contain;
    margin-right: 30px;
}

#o365_contact_with_us .person-image-wrap img {
    width: auto;
    max-width: 100%;
    margin: auto;
}

#o365_contact_with_us .person-information {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

#o365_contact_with_us span.person-name {
    width: 100%;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
}

#o365_contact_with_us .person-information span {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
}

#o365_contact_with_us .person-information span a {
    width: 100%;
    display: block;
    font-size: 14px;
    transition: all 0.2s;
}

#o365_contact_with_us span.person-subtitle {
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 13px;
}

#o365_contact_with_us .person-information span a:hover {
    color: white;
}
@media screen and (max-width: 1200px ) {
    #o365_contact_with_us div[class*="description_footer__contact__column"] {
        padding: 30px 15px 30px 30px;
    }
    #o365_contact_with_us div.description_footer__contact__column_right {
        padding-right: 30px!important;
    }
}
@media screen and (max-width: 1000px ) {

    #o365_contact_with_us {
        flex-wrap: wrap;
        flex-flow: column-reverse;
        margin: auto;
        text-align: center;
        justify-content: center;
        align-items: center;
    }

    #o365_contact_with_us div[class*="description_footer__contact__column"] {
        max-width: 100%;
        width: 100%;
        padding: 30px;
    }
    #o365_contact_with_us .description_footer__contact__column_right {
        justify-content: center;
        align-items: center;
        margin: auto;
        display: flex;

    }
    #o365_contact_with_us .person-information {
        max-width: min-content;
    }

    #o365_contact_with_us .description_footer__contact__column_right {
        padding-bottom: 0px!important;
    }
}
#descriptionModal-form .generic-modal__title {
    width: 100%;
    text-align: center;
    margin-top: 0px;
}

#descriptionModal-form .generic-modal__title h3 {
    margin-top: 0px;
}
#o365_contact_with_us .person-information {
    text-align: left;
}
#descriptionModal-form h3#generic-success {
    text-align: center;
    color: #56c30d;
    font-size: 18px;
    line-height: 26px;
    width: 100%;
    padding: 0px;
    font-weight: 600;
}

#descriptionModal-form h2#generic-fail {
    text-align: center;
    color: #ff4242;
    padding: 0px!important;
    font-size: 18px!important;
    line-height: 26px!important;
    font-weight: 600;
    width: 100%;
}
@media screen and (max-width: 500px) {
    #o365_contact_with_us .person-image-wrap {
        max-width: 100%;
        width: 100%;
        display: block;
        margin-bottom: 15px;
    }

    #o365_contact_with_us div.description_footer__contact__column_right {
        display: block;
        text-align: center;
        justify-content: center;
    }

    #o365_contact_with_us .person-information, #o365_contact_with_us .person-information span {
        text-align: center;
        width: 100%;
        max-width: 100%;
        align-items: center;
        justify-content: center;

    }
}

.office_footer_redesign .office_center {
    width: 100%;
    max-width: 1230px;
    padding: 0px 15px;
    box-sizing: border-box;
}
.landingModal-form h3#generic-success {
    color: #56c30d;
}
.landingModal-form h2#generic-fail {
    color: #ff4242;

}
.landingModal-form h2#generic-fail,
.landingModal-form h3#generic-success{
    line-height: 36px;
    width: 100%;
    text-align: center;
    font-size: 20px;
}

nav.c-csp-menu.c-csp-menu-redesign ul.l-menu.l-menu__first-lvl {
    width: 100%;
    max-width: 1230px;
}

.m365-section {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding: 0px;
    margin: 15px 0px;
    font-family: "Segoe UI","Lucida Sans Unicode","Trebuchet MS",arial,sans-serif;
}

.m365-section__container {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: 100%;
    max-width: 1230px;
    margin: 0px auto;
    padding: 0px;
}

.m365-section__header,
.m365-section__body {
    display: flex;
    flex-wrap: wrap;
    width:100%;
    max-width: 100%;
    padding: 0px 15px;
    justify-content: space-between;
}

.m365-section__header {
    margin-bottom: 24px;
}

.m365-section__header h3 {
    font-size: 21px;
    width: 100%;
    max-width: 100%;
}

.m365-services__box {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: baseline;
    box-sizing:border-box;
    width: 100%;
    max-width: calc(25% - 18px);
    padding: 24px;
    margin-bottom: 24px;
    border: 1px solid #DBEFF7;
    border-radius: 5px;
}
.m365-services__box img {
    width: auto;
    max-width: 34px;
    height: auto;
    margin: 0px auto 8px 0px;
    max-height: 34px;
}
.m365-services__box p {
    display: block;
    width: 100%;
    color: #000;
    font-family: "Segoe UI","Lucida Sans Unicode","Trebuchet MS",arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
}
.m365-services__box p strong {
    font-weight: 600;
}
.m365-services__box--cta {
    align-content: center;
}
.m365-services__box--cta p{
    text-align: center;
    padding: 0px 0px;
}
.m365-services__box--cta a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    padding: 14px;
    margin-top: 20px;
    color: #00aeef;
    background-color: #DBEFF7;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
}
.m365-services__box--cta a:hover {
    background: #00aeef;
    color: white;
}

.m365-services__box--noframe {
    border: none;
}
.m365-services__box--noframe img{
    display: block;
    width: auto;
    max-width: 100%;
    max-height: initial;
    margin: 5px auto;
    object-fit: contain;
}
@media screen and (max-width: 769px) {
    .m365-services__box {
        max-width: calc(50% - 12px);
    }
}
@media screen and (max-width: 420px) {
    .m365-services__box {
        flex-wrap: nowrap;
        max-width: 100%;
        padding: 15px;
    }
    .m365-services__box img {
        margin-top: 3px;
        margin-right: 8px;
    }
    .m365-services__box--cta {
        flex-wrap: wrap;
    }
    .m365-services__box--noframe {
        flex-wrap: wrap;
    }
    .m365-services__box--noframe img {
        margin: 5px auto;
    }
}