/*
Theme Name: Sparkling Child
Theme URI: https://colorlib.com/wp/themes/sparkling
Author: Colorlib
Author URI: http://colorlib.com/
Description: This is a custom child theme from sparkling that I have created.
Version: 2.0.0
Template: sparkling
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sparkling
Domain Path: /languages/
Tags: green, light, white, gray, black, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, photoblogging, left-sidebar, translation-ready, custom-background, custom-colors, custom-menu, featured-images, full-width-template, post-formats, theme-options, threaded-comments


This theme, like WordPress, is licensed under the GPL.

sparkling is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
*/
:root {
  --mypurple:#5c2983;
}
@import url('https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i|Montserrat:400,400i,500,500i,600,600i,700&display=swap');

@font-face {
  font-family: "CarlitoBold";
  src: url("./fonts/carlito/Carlito-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "CarlitoBoldItalic";
  src: url("./fonts/carlito/Carlito-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "CarlitoItalic";
  src: url("./fonts/carlito/Carlito-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "CarlitoRegular";
  src: url("./fonts/carlito/Carlito-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "MontserratBold";
  src: url("./fonts/Montserrat/Montserrat-Bold.ttf") format("truetype");
  font-weight: bold;
}

/* ----------------------- FONTS */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
font-family: "MontserratBold", sans-serif!important;
}

a.btn-default.btn-sm {
  font-family: "MontserratBold", sans-serif!important;
}

/* ---------------------------- NAV */
#menu-revamp-menu ul.dropdown-menu {
  background-color: var(--mypurple);
  box-shadow:1px 1px 5px rgba(0, 0, 0);
}

/* OTHER */
.no-child-radius * {
  border-radius: 0 !important;
}

.entry-content i,
.entry-content em {
  font-family: "CarlitoItalic";
}

.entry-content, .entry-content div {
  font-family: "CarlitoRegular", sans-serif;
}

.entry-content i a:hover,
.entry-content em a:hover {
  text-decoration:underline;
  font-family: "CarlitoItalic", sans-serif;
}

.entry-content strong,
.entry-content b {
  font-family: "CarlitoBold", sans-serif;
}

.post-inner-content article a:not(.block_button, .block_text_clear) {
  color: #5C2983;
  font-family:"CarlitoRegular", sans-serif;
}

.post-inner-content article a:hover:not(.block_button, .block_text_clear), .btn-default{
  color: #5C2983 !important;
  font-family:"CarlitoRegular", sans-serif;
}

.cn-button-co {
  background: white !important;
  color: #5C2983 !important;
  height: 100%;
  border: 3px solid #5C2983;
  border-radius: 5px;
}

.text-note {
  margin-left: -2% !important;
  background-color: #f3ffeb;
  padding-left: 2% !important;
/*  border-left: 2px #40ba2f solid;*/
  border-left: 2px solid #5c2983;
}

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  text-decoration: none !important;
}

.dropdown.open .dropdown-toggle {
  text-decoration: underline;
}

.post-grid .item .layer-media a {
  width: auto !important;
}

.mailpoet_submit.btn-default {
  width: auto;
  min-height: 52px;
  text-transform: capitalize;
  padding: 3px 20px !important;
}

.mailpoet_message {
  max-width: 339px !important;
}

.mailpoet_text {
  height: 32px;
}

@media screen and (max-width: 702px) {
  #Collabora-Online-and-Office-feature-table-btns div {
    display: block;
  }

  #Collabora-Online-and-Office-feature-table-tr-btns {
    display: none;
  }
}

@media screen and (min-width: 703px) {
  #Collabora-Online-and-Office-feature-table-btns {
    display: none;
  }
}

.post-grid .item .layer-media img {
  object-fit: cover !important;
  height: 100% !important;
}

@keyframes animatedAboutClouds {
  from {
    background-position-x: 120px;
  }

  to {
    background-position-x: 100%;
  }
}

#about-team-clouds {
  background-image: url('https://www.collaboraoffice.com/wp-content/uploads/2019/08/Team-clouds-v2.png');
  background-position-y: center;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position-x: 120px;
  animation: animatedAboutClouds 40s linear infinite;
}

.list-border-styled {
  list-style: none;
/*  border-left: #40ba2f solid 1px;*/
  border-left: #5c2983 solid 1px;
  padding-left: 20px;
  margin-left: 7px;
}

.fa {
  /*FIX TO AVOID USING THE LATEST VERSIONS OF FONTAWESOME USED BY pOSTGRID PLUGIN THAT CAUSES PROBLEM*/
  display: inline-block !important;
  font: normal normal normal 14px/1 FontAwesome !important;
  font-size: 14px;
  font-size: inherit !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}


.form-well-cool {
  background-color: #ffffff !important;
}

.screenshot-top-round-corners {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

#post-1834 {
  padding-left: 8px;
  padding-right: 8px;
}

.em-collabora {
  background-color: #ebeaff;
  color: #4f5983;
  border-radius: 2px;
}

.security-onion-hover-effect img:last-child {
  display: none;
}

.security-onion-hover-effect:hover img:first-child {
  display: none;
}

.security-onion-hover-effect:hover img:last-child {
  display: inline-block;
}

.mejs-controls .mejs-button button {
  background-image: url("/wp-includes/js/mediaelement/mejs-controls.png") !important;
}

.mejs-controls .mejs-fullscreen-button button {
  background-position: -82px -1px !important;
}

.mejs-controls .mejs-mute button {
  background-position: -64px -1px !important;
}

h4.offset-anchor:target::before {
  content: "";
  display: block;
  height: 140px;
  margin: -140px 0 0;
}

.offset-anchor:focus {
  outline: none;
  box-shadow: 0 1px 0 0 #5C2983;
}

#online_offline_2ndsection>.block_two_columns>div>div>h2 {
  color: white !important;
}

#online_offline_2ndsection {
  background-image: url('https://www.collaboraoffice.com/wp-content/uploads/2019/05/Collabora-onlineoffline-2ndsection.png');
}

.news_tab_list li span,
.news_tab_list li a {
  border-bottom: 4px solid #ccc !important;
}

.news_tab_list li span,
.news_tab_list li a:hover {
  text-decoration: none !important;
border-bottom-color: #5c2983 !important;
}

.news_tab_list li .current_news_category {
border-bottom: 4px solid #5c2983 !important;
}

.post-grid .grid-nav-top .nav-search .search {
  background-size: 22px !important;
  background-position: auto 20px !important;
}

.post-grid .pagination .page-numbers:hover,
.post-grid .pagination .pager.active {
  background: #fff !important;
/*  border: 1px solid #623fcc !important;
  color: #623fcc !important;*/
  border:1px solid #5c2983 !important;
  color: #5c2983 !important;
}

.post-grid .pagination .page-numbers,
.pagination .pager,
.paginate.next-previous a {
  font-size: 16px;
/*  color: #623fcc;*/
  color:#5c2983;
  border: 1px solid #f3f3f300 !important;
  /*background-image: linear-gradient(#3180AB -60%, #623FCC) !important;*/
  background-image: linear-gradient(#5c2983 -60%, #5c2983)!important;
  border-radius: 50px;
}

.post-grid .pagination .current {
  background: #40ba2f none repeat scroll 0 0 !important;
  border: 1px solid #40ba2f !important;
  color: #fff !important;
  opacity: 1;
  font-weight: bold;
}

.post-grid .pagination .current:hover {
  background: #40ba2f none repeat scroll 0 0 !important;
  border: 1px solid #40ba2f !important;
  color: #fff !important;
  opacity: 1;
}

.becomepartner-benefits-txt {
  padding: 0 !important;

}

/* -----------------------Laptop 1400*/
@media screen and (max-width: 1410px) {
  .block_with_bg_title.block_title.block_text_clear {
    margin-top: 90px;
    margin-bottom: 60px !important;
    font-size: 58px !important;
  }

  .block_with_bg>.block_with_bg_front>.block_with_bg_front_text>.block_with_bg_button {
    padding-top: 14px;
  }

  #about-us-heading {
    margin-top: 0px !important;
  }

  .benefits {
    font-size: 16px !important;
    width: 50% !important;
    padding-top: 0px !important;
    margin-top: -40px;
    /*ugly fix*/
  }
}

/* -----------------------End--- Laptop 1400*/

/* -----------------------Laptop MDPI screen */
@media screen and (max-width: 1280px) {
  .block_with_bg_title.block_title.block_text_clear {
    margin-bottom: 0px !important;
  }

  #about-us-heading {
    margin-top: 0px !important;
  }

  .wp-image-3443 {
    padding-top: 118px !important;
  }

}

/* -----------------------END---Laptop MDPI screen */


/* -----------------------Laptop 1198px */
@media screen and (max-width: 1198px) {
  .block_with_bg_title.block_title.block_text_clear {
    margin-top: 0px;
    margin-bottom: 80px !important;
    font-size: 48px !important;
  }

  .block_with_bg>.block_with_bg_front>.block_with_bg_front_text>.block_with_bg_button {
    padding-top: 5px;
  }

  .block_with_bg_back.generic_featured_img {
    height: 432px;
  }

  .block_button {
    line-height: 1.5 !important;
    padding: 3px 12px !important;
  }

  .block_text_purple {
    font-size: 13px;
  }

  .block_with_bg_back2 {
    height: 400px;
  }
}

/* -----------------------END---Laptop 1198px */

@media screen and (min-width: 1024px) {
  #partner-leads-block:hover #ic-partner-leads-circle {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
  }

  #partner-leads-block:hover #ic-partner-leads-signal {
    animation-delay: 0.5s;
    -webkit-animation-name: flash;
    animation-name: flash;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
  }

  @-webkit-keyframes bounce {

    from,
    20%,
    53%,
    80%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -30px, 0);
      transform: translate3d(0, -30px, 0);
    }

    70% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -15px, 0);
      transform: translate3d(0, -15px, 0);
    }

    90% {
      -webkit-transform: translate3d(0, -4px, 0);
      transform: translate3d(0, -4px, 0);
    }
  }

  @keyframes bounce {

    from,
    20%,
    53%,
    80%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -30px, 0);
      transform: translate3d(0, -30px, 0);
    }

    70% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -15px, 0);
      transform: translate3d(0, -15px, 0);
    }

    90% {
      -webkit-transform: translate3d(0, -4px, 0);
      transform: translate3d(0, -4px, 0);
    }
  }

  @-webkit-keyframes flash {

    from,
    50%,
    to {
      opacity: 1;
    }

    25%,
    75% {
      opacity: 0;
    }
  }

  @keyframes flash {

    from,
    50%,
    to {
      opacity: 1;
    }

    25%,
    75% {
      opacity: 0;
    }
  }

  #partner-roadmap-block:hover #ic-partner-roadmap-dash-line {
    -webkit-animation-name: svg-customizable-path-purple-anim;
    animation-name: svg-collab-editing-img-anim;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: 2;
    -webkit-animation-direction: alternate-reverse;
    animation-direction: alternate-reverse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
  }

  #partner-roadmap-block:hover #ic-partner-roadmap-circle-green {
    -webkit-animation-name: partner-roadmap-circle-green-anim;
    animation-name: partner-roadmap-circle-green-anim;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: 2;
    -webkit-animation-direction: alternate-reverse;
    animation-direction: alternate-reverse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
  }

  @keyframes partner-roadmap-circle-green-anim {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  @-webkit-keyframes partner-roadmap-circle-green-anim {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  #partner-roadmap-block:hover #ic-partner-roadmap-circle-green-1st {
    -webkit-animation-name: partner-roadmap-circle-green-1st-anim;
    animation-name: partner-roadmap-circle-green-1st-anim;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: 2;
    -webkit-animation-direction: alternate-reverse;
    animation-direction: alternate-reverse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
  }

  @keyframes partner-roadmap-circle-green-1st-anim {
    0% {
      opacity: 1;
    }
  }

  @-webkit-keyframes partner-roadmap-circle-green-1st-anim {
    0% {
      opacity: 1;
    }
  }

  #partner-roadmap-block:hover #ic-partner-roadmap-circle-green-2nd {
    -webkit-animation-name: partner-roadmap-circle-green-2nd-anim;
    animation-name: partner-roadmap-circle-green-2nd-anim;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: 2;
    -webkit-animation-direction: alternate-reverse;
    animation-direction: alternate-reverse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
  }

  @keyframes partner-roadmap-circle-green-2nd-anim {
    0% {}

    25% {
      opacity: 1;
    }
  }

  @-webkit-keyframes partner-roadmap-circle-green-2nd-anim {
    0% {}

    25% {
      opacity: 1;
    }
  }

  #partner-roadmap-block:hover #ic-partner-roadmap-circle-green-3rd {
    -webkit-animation-name: partner-roadmap-circle-green-3rd-anim;
    animation-name: partner-roadmap-circle-green-3rd-anim;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: 2;
    -webkit-animation-direction: alternate-reverse;
    animation-direction: alternate-reverse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
  }

  @keyframes partner-roadmap-circle-green-3rd-anim {
    0% {}

    25% {}

    50% {
      opacity: 1;
    }

    100% {}
  }

  @-webkit-keyframes partner-roadmap-circle-green-3rd-anim {
    0% {}

    25% {}

    50% {
      opacity: 1;
    }

    100% {}
  }

  #partner-communication-block:hover #ic-partner-communication-word-ballon-ellipsis-mouth {
    -webkit-animation-name: ballon-ellipsis-mouth;
    animation-name: ballon-ellipsis-mouth;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    animation-fill-mode: forwards;
  }

  @keyframes ballon-ellipsis-mouth {
    0% {}

    100% {
      opacity: 1;
    }
  }

  @-webkit-keyframes ballon-ellipsis-mouth {
    0% {}

    100% {
      opacity: 1;
    }
  }

  #partner-communication-block:hover #pathic-partner-communication-word-ballon-ellipsis-1st,
  #partner-communication-block:hover #ic-partner-communication-word-ballon-ellipsis-3rd {
    -webkit-animation-name: ballon-ellipsis-eye;
    animation-name: ballon-ellipsis-eye;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    animation-fill-mode: forwards;
  }

  @keyframes ballon-ellipsis-eye {
    0% {}

    100% {
      transform: translateY(-2px);
    }
  }

  @-webkit-keyframes ballon-ellipsis-eye {
    0% {}

    100% {
      transform: translateY(-2px);
    }
  }

  #partner-communication-block:hover #ic-partner-communication-word-ballon-purple {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
  }

  @-webkit-keyframes pulse {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }

    50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }

  @keyframes pulse {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }

    50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }

  #partner-support-block:hover #ic-partner-support-group {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
  }

  @-webkit-keyframes zoomInDown {
    from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }

  @keyframes zoomInDown {
    from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }

  #partner-support-block:hover #ic-partner-support-info-group {
    animation-direction: alternate-reverse;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    animation-delay: 0.4s;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
  }

  @-webkit-keyframes flipInX {
    from {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
    }

    40% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }

    60% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      opacity: 1;
    }

    80% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
    }
  }

  @keyframes flipInX {
    from {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
    }

    40% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }

    60% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      opacity: 1;
    }

    80% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
    }
  }


  #ic-partner-margins-heart-group {
    -webkit-animation-name: tada;
    animation-name: tada;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-iteration-count: 2;
  }

  #partner-margins-heart-block:hover #ic-partner-margins-heart-group {
    -webkit-animation-name: tada;
    animation-name: tada;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    /* Safari 4.0 - 8.0 */
    animation-play-state: running;
  }

  @-webkit-keyframes tada {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }

  @keyframes tada {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }

  #ic-partner-repository-zoom-group {
    -webkit-animation-name: headShake;
    animation-name: headShake;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
  }

  #partner-repository-block:hover #ic-partner-repository-zoom-group {
    -webkit-animation-name: headShake;
    animation-name: headShake;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    /* Safari 4.0 - 8.0 */
    animation-play-state: running;
  }

  @-webkit-keyframes headShake {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }

    6.5% {
      -webkit-transform: translateX(-6px) rotateY(-9deg);
      transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
      -webkit-transform: translateX(5px) rotateY(7deg);
      transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
      -webkit-transform: translateX(-3px) rotateY(-5deg);
      transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
      -webkit-transform: translateX(2px) rotateY(3deg);
      transform: translateX(2px) rotateY(3deg);
    }

    50% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  }

  @keyframes headShake {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }

    6.5% {
      -webkit-transform: translateX(-6px) rotateY(-9deg);
      transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
      -webkit-transform: translateX(5px) rotateY(7deg);
      transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
      -webkit-transform: translateX(-3px) rotateY(-5deg);
      transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
      -webkit-transform: translateX(2px) rotateY(3deg);
      transform: translateX(2px) rotateY(3deg);
    }

    50% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  }

  #ic-partner-repository-zoom-bits {
    -webkit-animation-name: ic-partner-no-initial-investment-stars-group-anim;
    animation-name: ic-partner-no-initial-investment-stars-group-anim;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;

  }

  #partner-repository-block:hover #ic-partner-repository-zoom-bits {
    -webkit-animation-name: ic-partner-no-initial-investment-stars-group-anim;
    animation-name: ic-partner-no-initial-investment-stars-group-anim;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;


  }

  #ic-partner-no-initial-investment-dollar-sign-group {
    -webkit-animation-name: svg-easy-deployment-box-anim;
    animation-name: svg-easy-deployment-box-anim;
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
  }

  #partner-no-initial-investment-block:hover #ic-partner-no-initial-investment-dollar-sign-group {
    -webkit-animation-name: svg-easy-deployment-box-anim;
    animation-name: svg-easy-deployment-box-anim;
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    /* Safari 4.0 - 8.0 */
    animation-play-state: running;
  }

  #ic-partner-no-initial-investment-stars-group {
    -webkit-animation-name: ic-partner-no-initial-investment-stars-group-anim;
    animation-name: ic-partner-no-initial-investment-stars-group-anim;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
  }

  #partner-no-initial-investment-block:hover #ic-partner-no-initial-investment-stars-group {
    -webkit-animation-name: ic-partner-no-initial-investment-stars-group-anim;
    animation-name: ic-partner-no-initial-investment-stars-group-anim;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    /* Safari 4.0 - 8.0 */
    animation-play-state: running;
  }


  @keyframes ic-partner-no-initial-investment-stars-group-anim {
    0% {
      opacity: 0;
      transform: translate(0px, 0px);
    }

    52% {
      opacity: 0;
      transform: translate(0px, 0px);
    }

    70% {
      opacity: 100;
      transform: translate(0px, -8px);
    }

    94% {
      opacity: 100;
      transform: translate(0px, 0px);
    }

    100% {
      transform: translate(0px, -5px);
      opacity: 0;
    }

  }

  @-webkit-keyframes ic-partner-no-initial-investment-stars-group-anim {
    0% {
      opacity: 0;
      transform: translate(0px, 0px);
    }

    52% {
      opacity: 0;
      transform: translate(0px, 0px);
    }

    70% {
      opacity: 100;
      transform: translate(0px, -8px);
    }

    94% {
      opacity: 100;
      transform: translate(0px, 0px);
    }

    100% {
      transform: translate(0px, -5px);
      opacity: 0;
    }

  }

  /*Benefits SVG animations------------------------------*/
  /*Easy-Deployment---------------------------*/
  #benefits-easy-deployment-block:hover * {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    /* Safari 4.0 - 8.0 */
    animation-play-state: running;
    animation-direction: normal;
  }

  #svg-easy-deployment-box,
  #svg-easy-deployment-arrow,
  #svg-easy-deployment-effect-1st,
  #svg-easy-deployment-effect-2nd {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    animation-direction: reverse;
    -webkit-animation-play-state: paused;
    /* Safari 4.0 - 8.0 */
    animation-play-state: paused;
    -webkit-animation-name: svg-easy-deployment-box-anim;
    animation-name: svg-easy-deployment-box-anim;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  #svg-easy-deployment-effect-1st,
  #svg-easy-deployment-effect-2nd {
    animation-delay: 0.05s;
  }

  @keyframes svg-easy-deployment-box-anim {
    0% {
      transform: translateY(-80px);
      opacity: 0;
    }

    50% {
      transform: translateY(-40px);
    }

    60% {
      transform: translateY(10px);
      opacity: 1;
    }

    65% {
      transform: translateY(-5px);
      opacity: 1;
    }

    70% {
      transform: translateY(0px);
      opacity: 1;
    }

    75% {
      transform: translateY(-2px);
      opacity: 1;
    }

    80% {
      transform: translateY(0px);
      opacity: 1;
    }

    100% {
      transform: translateY(0px);
      opacity: 1;
    }
  }

  @-webkit-keyframes svg-easy-deployment-box-anim {
    0% {
      transform: translateY(-80px);
      opacity: 0;
    }

    50% {
      transform: translateY(-40px);
    }

    60% {
      transform: translateY(10px);
      opacity: 1;
    }

    65% {
      transform: translateY(-5px);
      opacity: 1;
    }

    70% {
      transform: translateY(0px);
      opacity: 1;
    }

    75% {
      transform: translateY(-2px);
      opacity: 1;
    }

    80% {
      transform: translateY(0px);
      opacity: 1;
    }

    100% {
      transform: translateY(0px);
      opacity: 1;
    }
  }

  /*END-of-Easy-Deployment---------------------------*/

  /*Customizable---------------------------*/
  #benefits-customizable-interface-block:hover * {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    /* Safari 4.0 - 8.0 */
    animation-play-state: running;
  }

  #svg-customizable-path-purple {
    animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-play-state: paused;
    /* Safari 4.0 - 8.0 */
    animation-play-state: paused;
    -webkit-animation-name: svg-customizable-path-purple-anim;
    animation-name: svg-customizable-path-purple-anim;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  #svg-customizable-path-green {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-play-state: paused;
    /* Safari 4.0 - 8.0 */
    animation-play-state: paused;
    -webkit-animation-name: svg-customizable-path-green-anim;
    animation-name: svg-customizable-path-green-anim;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  @keyframes svg-customizable-path-purple-anim {
    0% {}

    50% {
      stroke-width: 10;
      stroke-dashoffset: 74;
      stroke-dasharray: 60;
    }

    100% {
      stroke-dasharray: 2;
    }
  }

  @-webkit-keyframes svg-customizable-path-purple-anim {
    0% {}

    50% {
      stroke-width: 10;
      stroke-dashoffset: 74;
      stroke-dasharray: 60;
    }

    100% {
      stroke-dasharray: 2;
    }
  }

  @keyframes svg-customizable-path-green-anim {
    0% {
      stroke-width: 1;
      stroke-dashoffset: 0;
      stroke-dasharray: 0;
    }

    50% {
      stroke-width: 20;
      stroke-dashoffset: 100;
      stroke-dasharray: 100;
    }

    100% {
      stroke-width: 1;
      stroke-dashoffset: 0;
      stroke-dasharray: 0;
    }
  }

  @-webkit-keyframes svg-customizable-path-green-anim {
    0% {
      stroke-width: 1;
      stroke-dashoffset: 0;
      stroke-dasharray: 0;
    }

    50% {
      stroke-width: 20;
      stroke-dashoffset: 100;
      stroke-dasharray: 100;
    }

    100% {
      stroke-width: 1;
      stroke-dashoffset: 0;
      stroke-dasharray: 0;
    }
  }

  /*END of Customizable---------------------------*/

  /*Scriptable---------------------------*/
  #benefits-scriptable-block:hover * {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    /* Safari 4.0 - 8.0 */
    animation-play-state: running;
  }

  #benefits-scriptable-block:hover #svg-scriptable-text-initial {
    opacity: 0;
  }

  #svg-scriptable-text-anim-mask * {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-play-state: paused;
    /* Safari 4.0 - 8.0 */
    animation-play-state: paused;
    -webkit-animation-name: svg-scriptable-text-anim-mask-anim;
    animation-name: svg-scriptable-text-anim-mask-anim;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    opacity: 0;
    -webkit-animation-timing-function: steps(4);
    animation-timing-function: steps(4);
  }

  @keyframes svg-scriptable-text-anim-mask-anim {
    0% {
      opacity: 1;
    }

    90% {
      transform: translateX(-80px);
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
  }

  @-webkit-keyframes svg-scriptable-text-anim-mask-anim {
    0% {
      opacity: 1;
    }

    90% {
      transform: translateX(-80px);
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
  }

  /*END-of-Scriptable--------------------*/

  /*Integrate-----------------------------*/
  #benefits-integrate-block:hover * {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    /* Safari 4.0 - 8.0 */
    animation-play-state: running;
  }

  #benefits-integrate-block:hover #svg-integrate-mask {
    display: block !important;
  }

  #benefits-integrate-block * {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-play-state: running;
    /* Safari 4.0 - 8.0 */
    animation-play-state: running;
  }

  /*
  #svg-integrate-group{
  -webkit-animation-name: svg-integrate-group-anim;
  animation-name: svg-integrate-group-anim;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  stroke-opacity: 1;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  transform-origin: bottom right;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
@keyframes svg-integrate-group-anim {
0% {}
100%{transform: translate(10, 10) rotate(-45deg);}
}
*/

  #svg-integrate-mask {
    -webkit-animation-name: svg-integrate-mask-anim;
    animation-name: svg-integrate-mask-anim;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    stroke-opacity: 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  @keyframes svg-integrate-mask-anim {
    0% {
      opacity: 1;
    }

    90% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  @-webkit-keyframes svg-integrate-mask-anim {
    0% {
      opacity: 1;
    }

    90% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  #svg-integrate-line-middle,
  #svg-integrate-line-bottom {
    -webkit-animation-name: svg-integrate-line-middle-anim;
    animation-name: svg-integrate-line-middle-anim;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    stroke-opacity: 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  @keyframes svg-integrate-line-middle-anim {
    0% {
      stroke-dashoffset: 200;
      stroke-dasharray: 10;
    }

    50% {
      stroke-dashoffset: 0;
      stroke-dasharray: 0;
    }
  }

  @-webkit-keyframes svg-integrate-line-middle-anim {
    0% {
      stroke-dashoffset: 200;
      stroke-dasharray: 10;
    }

    50% {
      stroke-dashoffset: 0;
      stroke-dasharray: 0;
    }
  }

  #svg-integrate-line-top {
    -webkit-animation-name: svg-integrate-line-top-anim;
    animation-name: svg-integrate-line-top-anim;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    stroke-opacity: 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  @keyframes svg-integrate-line-top-anim {
    0% {
      stroke-dashoffset: 0;
      stroke-dasharray: 0;
    }

    20% {
      stroke-dashoffset: 120;
      stroke-dasharray: 10;
    }
  }

  @-webkit-keyframes svg-integrate-line-top-anim {
    0% {
      stroke-dashoffset: 0;
      stroke-dasharray: 0;
    }

    20% {
      stroke-dashoffset: 120;
      stroke-dasharray: 10;
    }
  }

  /*END of Integrate-----------------------------*/

  /*Compatibility-----------------------------*/
  #benefits-compatibility:hover * {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    /* Safari 4.0 - 8.0 */
    animation-play-state: running
  }

  #benefits-compatibility * {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-play-state: running;
    /* Safari 4.0 - 8.0 */
    animation-play-state: running;
  }

  #shock-green {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
    -webkit-animation-name: shock-green-anim;
    animation-name: shock-green-anim;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    stroke-opacity: 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  #shock-purple-L {
    -webkit-animation-name: shock-purple-L-anim;
    animation-name: shock-purple-L-anim;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    stroke-opacity: 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  #shock-purple-R {
    -webkit-animation-name: shock-purple-R-anim;
    animation-name: shock-purple-R-anim;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    stroke-opacity: 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  #sqr-green {
    -webkit-animation-name: sqr-green-anim;
    animation-name: sqr-green-anim;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    stroke-opacity: 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  #sqr-purple {
    -webkit-animation-name: sqr-purple-anim;
    animation-name: sqr-purple-anim;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    stroke-opacity: 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  @keyframes shock-green-anim {
    0% {
      transform: translate(0px, 0px) rotate(-45deg);
      opacity: 0;
    }

    5% {
      opacity: 1;
    }

    10% {
      transform: translate(-20px, -20px) rotate(-45deg);
    }

    25% {
      opacity: 1;
    }

    65% {
      opacity: 0;
    }

    100% {
      transform: translate(-15px, -15px) rotate(-45deg);
      opacity: 0;
    }
  }

  @-webkit-keyframes shock-green-anim {
    0% {
      transform: translate(0px, 0px) rotate(-45deg);
      opacity: 0;
    }

    5% {
      opacity: 1;
    }

    10% {
      transform: translate(-20px, -20px) rotate(-45deg);
    }

    25% {
      opacity: 1;
    }

    65% {
      opacity: 0;
    }

    100% {
      transform: translate(-15px, -15px) rotate(-45deg);
      opacity: 0;
    }
  }

  @keyframes shock-purple-L-anim {
    0% {
      transform: translate(70px, 95px) rotate(75deg);
      opacity: 0;
    }

    5% {
      transform: translate(60px, 92px) rotate(75deg);
      opacity: 1;
    }

    15% {
      opacity: 1;
    }

    65% {
      opacity: 0;
    }

    100% {
      transform: translate(65px, 95px) rotate(75deg);
      opacity: 0;
    }
  }

  @-webkit-keyframes shock-purple-L-anim {
    0% {
      transform: translate(70px, 95px) rotate(75deg);
      opacity: 0;
    }

    5% {
      transform: translate(60px, 92px) rotate(75deg);
      opacity: 1;
    }

    15% {
      opacity: 1;
    }

    65% {
      opacity: 0;
    }

    100% {
      transform: translate(65px, 95px) rotate(75deg);
      opacity: 0;
    }
  }

  @keyframes shock-purple-R-anim {
    5% {
      transform: translate(118px, -2px) rotate(0deg);
      opacity: 0;
    }

    10% {
      transform: translate(118px, -20px) rotate(0deg);
      opacity: 1;
    }

    15% {
      opacity: 1;
    }

    65% {
      opacity: 0;
    }

    100% {
      transform: translate(118px, -20px) rotate(0deg);
      opacity: 0;
    }
  }

  @-webkit-keyframes shock-purple-R-anim {
    5% {
      transform: translate(118px, -2px) rotate(0deg);
      opacity: 0;
    }

    10% {
      transform: translate(118px, -20px) rotate(0deg);
      opacity: 1;
    }

    15% {
      opacity: 1;
    }

    65% {
      opacity: 0;
    }

    100% {
      transform: translate(118px, -20px) rotate(0deg);
      opacity: 0;
    }
  }

  @keyframes sqr-green-anim {
    0% {
      transform: translate(0px, -18px) rotate(0deg);
      opacity: 0;
    }

    5% {
      transform: translate(0px, -2px) rotate(0deg);
      opacity: 1;
    }

    15% {
      opacity: 1;
    }

    65% {
      opacity: 1;
    }

    100% {
      transform: translate(0px, -2px) rotate(0deg);
      opacity: 1;
    }
  }

  @-webkit-keyframes sqr-green-anim {
    0% {
      transform: translate(0px, -18px) rotate(0deg);
      opacity: 0;
    }

    5% {
      transform: translate(0px, -2px) rotate(0deg);
      opacity: 1;
    }

    15% {
      opacity: 1;
    }

    65% {
      opacity: 1;
    }

    100% {
      transform: translate(0px, -2px) rotate(0deg);
      opacity: 1;
    }
  }

  @keyframes sqr-purple-anim {
    0% {
      transform: translate(0px, 2px) rotate(0deg);
      opacity: 1;
    }

    5% {
      transform: translate(0px, -2px) rotate(0deg);
      opacity: 1;
    }

    15% {
      opacity: 1;
    }

    65% {
      opacity: 1;
    }

    100% {
      transform: translate(0px, -2px) rotate(0deg);
      opacity: 1;
    }
  }

  @-webkit-keyframes sqr-purple-anim {
    0% {
      transform: translate(0px, 2px) rotate(0deg);
      opacity: 1;
    }

    5% {
      transform: translate(0px, -2px) rotate(0deg);
      opacity: 1;
    }

    15% {
      opacity: 1;
    }

    65% {
      opacity: 1;
    }

    100% {
      transform: translate(0px, -2px) rotate(0deg);
      opacity: 1;
    }
  }

  /*END of Compatibility-----------------------------*/
  /*Collab Editing----------------------------------*/
  #benefits-collab-editing:hover * {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    /* Safari 4.0 - 8.0 */
    animation-play-state: running
  }

  #svg-collab-editing {
    -webkit-animation-name: svg-collab-editing-anim;
    animation-name: svg-collab-editing-anim;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    stroke-opacity: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    transform-origin: bottom left;
    -webkit-animation-play-state: running;
    /* Safari 4.0 - 8.0 */
    animation-play-state: running;
  }

  #benefits-collab-editing-textandcursor {
    -webkit-animation-name: svg-collab-editing-anim;
    animation-name: svg-collab-editing-anim;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    stroke-opacity: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    transform-origin: top right;
    -webkit-animation-play-state: running;
    /* Safari 4.0 - 8.0 */
    animation-play-state: running;
  }

  #benefits-collab-editing-img {
    -webkit-animation-name: svg-collab-editing-img-anim;
    animation-name: svg-collab-editing-img-anim;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    stroke-opacity: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-play-state: running;
    /* Safari 4.0 - 8.0 */
    animation-play-state: running;
  }

  @keyframes svg-collab-editing-img-anim {
    0% {
      stroke-dashoffset: 200;
      stroke-dasharray: 188;
    }

    100% {}
  }

  @-webkit-keyframes svg-collab-editing-img-anim {
    0% {
      stroke-dashoffset: 200;
      stroke-dasharray: 188;
    }

    100% {}
  }

  @keyframes svg-collab-editing-anim {
    0% {
      transform: translate(0px, 0px) rotate(-45deg);
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  @-webkit-keyframes svg-collab-editing-anim {
    0% {
      transform: translate(0px, 0px) rotate(-45deg);
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  /*END of Collab Editing----------------------------------*/

  /*SLA----------------------------------------------*/
  .shirt-button {
    -webkit-animation-name: shirt-btn-anim;
    animation-name: shirt-btn-anim;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    stroke-opacity: 1;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-direction: reverse;
    stroke-dashoffset: 5;
    stroke-dasharray: 500;
    -webkit-animation-play-state: paused;
    /* Safari 4.0 - 8.0 */
    animation-play-state: paused;
  }

  #benefits-sla-block:hover #svg-sla>.shirt-button {
    -webkit-animation-play-state: running;
    /* Safari 4.0 - 8.0 */
    animation-play-state: running;
  }

  @keyframes shirt-btn-anim {
    to {
      stroke-dashoffset: 1000;
    }
  }

  @-webkit-keyframes shirt-btn-anim {
    to {
      stroke-dashoffset: 1000;
    }
  }

  .underlined-outline {
    -webkit-animation-name: underlined-outline-animate;
    animation-name: underlined-outline-animate;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    stroke-dashoffset: 100;
    stroke-dasharray: 50;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Safari 4.0 - 8.0 */
    animation-play-state: running;
  }

  #benefits-sla-block:hover #svg-sla>.underlined-outline {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    /* Safari 4.0 - 8.0 */
    animation-play-state: running;
  }

  @keyframes underlined-outline-animate {
    to {
      stroke-dashoffset: 0;
    }
  }


  @-webkit-keyframes underlined-outline-animate {
    to {
      stroke-dashoffset: 0;
    }
  }

  /*END of SLA----------------------------------------------*/

  /*On Premise Locker----------------------------------------------*/
  #svg-on-premise-locker-spinning {
    -webkit-animation-name: on-premise-locker-spinning-anim;
    animation-name: on-premise-locker-spinning-anim;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Safari 4.0 - 8.0 */
    animation-play-state: running;
  }

  #benefits-on-premise-block:hover #svg-on-premise-locker-spinning {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    /* Safari 4.0 - 8.0 */
    animation-play-state: running;
  }

  @keyframes on-premise-locker-spinning-anim {
    to {
      stroke-dashoffset: 1000;
      stroke-dasharray: 188;
    }
  }

  @-webkit-keyframes on-premise-locker-spinning-anim {
    to {
      stroke-dashoffset: 1000;
      stroke-dasharray: 188;
    }
  }

  /*END of On Premise Locker----------------------------------------------*/

  /*Cloud apps----------------------------------------------*/
  #svg-on-cloud-apps-data-outline {
    -webkit-animation-name: on-cloud-apps-data-outline-anim;
    animation-name: on-cloud-apps-data-outline-anim;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-out;
    animation-direction: normal;
    -webkit-animation-play-state: running;
    /* Safari 4.0 - 8.0 */
    animation-play-state: running;
  }

  #benefits-cloud-block:hover #svg-on-cloud-apps>#svg-on-cloud-apps-data-outline {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    /* Safari 4.0 - 8.0 */
    animation-play-state: running;
  }

  @keyframes on-cloud-apps-data-outline-anim {
    0% {
      stroke-opacity: 0;
      stroke-dasharray: 4, 16;
      stroke-dashoffset: 28.44924545;
    }

    35% {
      stroke-opacity: 1;
    }

    90% {
      stroke-dashoffset: 20;
      stroke-dasharray: 2, 0;
      stroke-opacity: initial;
    }

    100% {
      stroke-opacity: 0;
      stroke-dashoffset: 20;
      stroke-dasharray: 3, 0;
    }
  }

  @-webkit-keyframes on-cloud-apps-data-outline-anim {
    0% {
      stroke-opacity: 0;
      stroke-dasharray: 4, 16;
      stroke-dashoffset: 28.44924545;
    }

    35% {
      stroke-opacity: 1;
    }

    90% {
      stroke-dashoffset: 20;
      stroke-dasharray: 2, 0;
      stroke-opacity: initial;
    }

    100% {
      stroke-opacity: 0;
      stroke-dashoffset: 20;
      stroke-dasharray: 3, 0;
    }
  }

  /*END of Cloud apps----------------------------------------------*/
  /*END of Benefits SVG animations------------------------------*/

  .benefits-iconandtext-block:hover>p>span {
    background: rgb(67, 194, 0);
    padding: 0px;
    border-radius: 3px;
    display: inline-block;
    color: #2c2c2c;
  }

  .subscribe-box>.well {
    animation-name: anim-subscribe-box;
    animation-duration: 1s;
    animation-timing-function: ease-out;
    animation-direction: alternate;
    animation-iteration-count: 4;
  }

  @keyframes anim-subscribe-box {
    from {
      background-color: rgba(250, 250, 250, 0.7);
      border-color: #DADADA;
    }

    to {
      background-color: white;
      border-color: #5C2983;
      transform: translate(0, -40px);
    }
  }

  @-webkit-keyframes anim-subscribe-box {
    from {
      background-color: rgba(250, 250, 250, 0.7);
      border-color: #DADADA;
    }

    to {
      background-color: white;
      border-color: #5C2983;
      transform: translate(0, -40px);
    }
  }

  .animated-glow {
    animation-name: anim-primary-button;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    animation-iteration-count: infinite;
  }

  @keyframes anim-primary-button {
    from {
      box-shadow: 0px 1px 8px 2px #0006;
    }

    to {
      box-shadow: 0px 0px 4px 2px #5E3DCC;
      transform: scale(0.99)
    }
  }

  @-webkit-keyframes anim-primary-button {
    from {
      box-shadow: 0px 1px 8px 2px #0006;
    }

    to {
      box-shadow: 0px 0px 4px 2px #5E3DCC;
      transform: scale(0.99)
    }
  }

  /*END of SVG animations------------------------------*/
}

/* -----------------------Laptop 1024px */
@media screen and (max-width: 1024px) {

  .block_with_bg_back.generic_featured_img {
    height: 432px;
  }

  .navbar-nav .menu-item {
    padding-right: 20px !important;
  }

  .navbar-default .navbar-nav>#menu-item-5474>a,
  .navbar-default .navbar-nav>#menu-item-14293>a,
  navbar-default .navbar-nav>#menu-item-11257>a,
  .navbar-default .navbar-nav>#menu-item-11569>a,
  .navbar-default .navbar-nav>#menu-item-11884>a,
  .navbar-default .navbar-nav>#menu-item-12209>a,
  .navbar-default .navbar-nav>#menu-item-13394 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .navbar-default .navbar-nav>#menu-item-5474,
  .navbar-default .navbar-nav>#menu-item-14293,
  .navbar-default .navbar-nav>#menu-item-11257,
  .navbar-default .navbar-nav>#menu-item-11569,
  navbar-default .navbar-nav>#menu-item-11884,
  navbar-default .navbar-nav>#menu-item-12209,
  navbar-default .navbar-nav>#menu-item-13394 {
    padding-right: 0px !important;
  }

  .block_with_bg_back2 {
    height: 300px;
  }
}

/* -----------------------END---Laptop 1024px */

/* -----------------------Laptop 991px */
@media screen and (max-width: 991px) {

  #home-banner h1,
  #home-banner .block_with_bg_subtitle,
  #pricing-banner h1 {
    color: #fff !important;
  }

  .block_with_bg_back.generic_featured_img {
    height: 300px;
  }

  #footer-area>.footer-inner {
    width: auto;
  }

  .container.main-content-area {
    width: auto;
  }

  .block_with_bg_front {
    width: 57% !important;
    padding: 0 0 0 8% !important;
    position: absolute !important;
    top: 0;
    color: #fff !important;
  }

  .block_with_bg_front>.block_with_bg_front_text>* {
    color: #fff !important;
  }
}

/* -----------------------END---991px */

/* -----------------------Laptop 988px */
@media screen and (max-width: 988px) {
  .container.main-content-area {
    width: auto;
  }

  .benefits {
    font-size: 14px !important;
  }
}

/* -----------------------END---Laptop 988px */


/* -----------------------Laptop 967px */
@media screen and (max-width: 967px) {
  .block_with_bg_title.block_title.block_text_clear {
    font-size: 47px !important;
  }
}

/* -----------------------END---Laptop 967px */

/* -----------------------Laptop 958px */
@media screen and (max-width: 958px) {
  .block_with_bg_title.block_title.block_text_clear {
    font-size: 46px !important;
  }

  .block_two_columns .block_column_1,
  .block_two_columns .block_column_2 {
    width: 49% !important;
  }

  .block_button {
    line-height: 2 !important;
  }

}

/* -----------------------END---Laptop 952px */

/* -----------------------Nexus10 and 934px */
@media screen and (max-width: 934px) {
  .navbar-header {
    width: 48px !important;
    margin: auto !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .navbar-nav {
    width: 95.3% !important;
    float: left !important;
  }

  .container.main-content-area {
    width: auto !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .navbar-nav .menu-item {
    padding-right: 0px !important;
  }

  .block_with_bg_back.generic_featured_img {
    height: 400px;
  }

  .block_with_bg_title.block_title.block_text_clear {
    font-size: 38px !important;
  }

  .benefits {
    width: 100% !important;
    margin-top: -20px !important;
    text-align: left;
    padding-left: 28% !important;
  }

  .block_text_paragraph_highlighted>p>a {
    font-size: 15px !important;
  }

  .block_with_bg_back2 {
    height: 200px;
  }

  .block_with_bg_back2 h1.block_with_bg_title.block_title.block_text_clear {
    padding-top: 1em;
  }
}

/* -----------------------END---Nexus10 and 934px *

/* -----------------------785px */
@media screen and (max-width: 785px) {
  .site-navigation-inner {
    padding: 0px !important;
  }

  .block_with_bg_title.block_title.block_text_clear {
    font-size: 36px !important;
    margin-bottom: 86px !important;
  }
}

/* -----------------------END---785px *

/* -----------------------iPad and 768 */
@media screen and (max-width: 768px) {
  .navbar-header {
    width: 48px !important;
    margin: auto !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .navbar-nav {
    width: 95.3% !important;
    float: left !important;
  }

  #logo {
    margin: 10px !important;
  }

  .site-navigation-inner {
    padding: 0px !important;
  }

  .container.main-content-area {
    width: auto !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .navbar-nav .menu-item {
    padding-right: 0px !important;
  }

  #home-banner {
    width: auto !important;
  }

  /*#home-banner .block_title{display: none;}*/

  .block_with_bg_front_text>.one.spacing {
    display: none !important;
  }

  .block_title,
  .block_with_bg_title,
  .block_with_bg_subtitle {
    color: #fff !important;
  }

  .block_with_bg_title.block_title.block_text_clear {
    font-size: 37px !important;
  }

  .block_with_bg_front_text>h1 {
    margin: 0px;
  }

  .block_with_bg_front>.block_with_bg_front_text>.block_with_bg_button {
    margin-top: 20px !important;
  }

  /*||||||||||Buttons*/
  .btn-default,
  .block_button.block_button {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  .block_button {
    width: auto !important;
  }

  .btn-default,
  .block_button {
    line-height: 48px !important;
  }

  .block_interior_with_bg_button {
    margin-top: 20px;
    width: auto !important;
  }

  .block_interior_low_margin_with_bg_button {
    margin-top: 9px;
    width: auto !important;
  }

  /*|||END |||||||Buttons*/
  /*+++add shadow to dropdown menus and increase height*/
  #menu-new-menu>li>.dropdown-menu,
  #menu-new-menu-es>li>.dropdown-menu,
  #menu-new-menu-de>li>.dropdown-menu,
  #menu-new-menu-pt-br>li>.dropdown-menu,
  #menu-new-menu-it>li>.dropdown-menu,
  #menu-new-menu-tr>li>.dropdown-menu {
    top: 80%;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
  }

  #menu-new-menu>li>.dropdown-menu>li>a,
  #menu-new-menu-es>li>.dropdown-menu>li>a,
  #menu-new-menu-de>li>.dropdown-menu>li>a,
  #menu-new-menu-pt-br>li>.dropdown-menu>li>a,
  #menu-new-menu-it>li>.dropdown-menu>li>a,
  #menu-new-menu-tr>li>.dropdown-menu>li>a {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  /*+++ END +++ add shadow to dropdown menus and increase height*/

  /*+++taken and adjusted from additional css*/
  .block_with_bg_front {
    /*width:auto !important;*/
    height: 300px !important;
    padding: 20px !important;
    /*! display: flex !important; */
    align-content: center !important;
    justify-content: center !important;
    /*position:relative !important;*/
    float: left;
    color: #4a4a4a
  }

  .block_with_bg_front_text {
    /* Turn on to center horizontally
    max-width: 50% !important;
    */
    align-self: center !important;
  }

  .block_title,
  .block_with_bg_title {
    /*color:#4a4a4a !important*/
  }

  .block_subtitle,
  .block_with_bg_subtitle {
    /*color:#4a4a4a !important*/
  }

  .block_plain_text,
  .block_with_bg_plain_text {
    display: block;
    /*color:#4a4a4a !important*/
  }

  /*++++++++++++++++*/
  .block_two_columns .block_column_1,
  .block_two_columns .block_column_2 {
    width: 49% !important;
  }

  .benefits {
    max-width: 100% !important;
    margin-top: -20px !important;
    text-align: left;
  }

  .block_text_paragraph_highlighted>p>a {
    font-size: 14px !important;
  }
}

/* -----------------------END---iPad and 768*/

/* -----------------------767px */
@media screen and (max-width: 767px) {
  .navbar-toggle {
    display: none;
  }

  .navbar-header {
    float: left;
  }

  .navbar-nav {
    width: auto !important;
    float: none !important;
  }

  .navbar-collapse.navbar-ex1-collapse.collapse.in {
    padding-right: 0px;
  }

  #logo {
    margin: 10px !important;
  }

  .site-navigation-inner {
    padding: 0px !important;
  }

  .block_lang_selector {
    visibility: hidden;
  }

  .block_with_bg_title.block_title.block_text_clear {
    margin-bottom: 30px !important;
  }

  .block_with_bg_front>.block_with_bg_front_text>.block_with_bg_button {
    margin-top: 0px !important;
  }

  .block_text_purple.interested_pricing {
    display: none !important;
  }

  .block_with_bg_subtitle.block_subtitle.block_text_purple>strong {
    font-size: 12px;
  }

  .collapse {
    /*display: block;*/
  }

  .navbar-nav>#menu-item-5474,
  .navbar-nav>#menu-item-14293,
  .navbar-nav>#menu-item-11257,
  .navbar-nav>#menu-item-11569,
  .navbar-nav>#menu-item-11884,
  .navbar-nav>#menu-item-12209,
  .navbar-nav>#menu-item-13394 {
    padding-top: 10px !important;
    margin-right: 10px !important;
  }

}

/* -----------------------END---767px */

/* -----------------------728px */
@media screen and (max-width: 728px) {

  #menu-new-menu>li>.dropdown-menu,
  #menu-new-menu-es>li>.dropdown-menu,
  #menu-new-menu-de>li>.dropdown-menu,
  #menu-new-menu-pt-br>li>.dropdown-menu {
    position: absolute;
    float: none;
  }

  #menu-new-menu>li,
  #menu-new-menu-es>li,
  #menu-new-menu-de>li {}

  #menu-new-menu>li>a,
  #menu-new-menu-es>li>a,
  #menu-new-menu-de>li>a,
  #menu-new-menu-pt-br>li>a {
    font-size: 16px !important;
    padding-right: 20px !important;
  }

  .block_with_bg_title.block_title.block_text_clear {
    font-size: 32px !important;
    margin-bottom: 46px !important;
  }

}

/* -----------------------END---728px */

/* -----------------------716px */
@media screen and (max-width: 716px) {

  #menu-new-menu>li>.dropdown-menu,
  #menu-new-menu-es>li>.dropdown-menu,
  #menu-new-menu-de>li>.dropdown-menu,
  #menu-new-menu-pt-br>li>.dropdown-menu {
    position: absolute;
    float: none;
  }

  #menu-new-menu>li,
  #menu-new-menu-es>li,
  #menu-new-menu-de>li {}

  #menu-new-menu>li>a,
  #menu-new-menu-es>li>a,
  #menu-new-menu-de>li>a,
  #menu-new-menu-pt-br>li>a {
    font-size: 14px !important;
    padding-right: 20px !important;
  }

  .block_with_bg_title.block_title.block_text_clear {
    font-size: 32px !important;
    margin-bottom: 46px !important;
  }

}

/* -----------------------END---716px */

/* -----------------------600px */
@media screen and (max-width: 600px) {

  #menu-new-menu>li>a,
  #menu-new-menu-es>li>a,
  #menu-new-menu-de>li>a,
  #menu-new-menu-pt-br>li>a {
    font-size: 14px !important;
    padding-right: 8px !important;
  }

  .block_with_bg_back.generic_featured_img {
    height: 380px;
  }

  .block_with_bg_back2 {
    height: 300px;
  }

  .block_with_bg_back.generic_featured_img>img {
    bottom: 0;
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: right;
    position: absolute !important;
    right: 0;
    top: 0;
    width: 100%;
  }
}

@media screen and (max-width: 516px) {
  #home-banner h1 {
    font-size: 150% !important;
    margin-bottom: 0px !important;
  }

  #home-pricing-txt {
    visibility: hidden;
  }
}


/* -----------------------Pixel */
@media screen and (max-width: 411px) {

  #menu-new-menu>li>.dropdown-menu,
  #menu-new-menu-es>li>.dropdown-menu,
  #menu-new-menu-de>li>.dropdown-menu,
  #menu-new-menu-pt-br>li>.dropdown-menu {
    position: static;
    float: none;
  }

  #libreoffice-from-collabora-banner {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    display: flex !important;
    justify-self: center !important;
    flex-direction: column !important;
    text-align: center !important;
  }

  #libreoffice-from-collabora-banner h1 {
    margin-top: 0px !important;
  }

  #menu-new-menu>li>a,
  #menu-new-menu-es>li>a,
  #menu-new-menu-de>li>a,
  #menu-new-menu-pt-br>li>a {
    padding-right: 40px !important;
  }

  #menu-new-menu>li:last-of-type,
  #menu-new-menu-es>li:last-of-type,
  #menu-new-menu-de>li:last-of-type,
  #menu-new-menu-pt-br>li:last-of-type {
    float: left !important;
  }

  .navbar-toggle {
    display: block !important;
    margin: 10px !important;
    float: left !important;
  }

  .navbar-header {
    margin-left: 8px !important;
    margin-right: 12px !important;
    float: left !important;
    width: 100% !important;
  }

  .navbar-nav>li {
    float: none !important;
  }

  #logo {
    float: right !important;
  }

  .navbar-nav>#menu-item-5474,
  .navbar-nav>#menu-item-14293,
  .navbar-nav>#menu-item-11257,
  .navbar-nav>#menu-item-11569,
  .navbar-nav>#menu-item-11884,
  .navbar-nav>#menu-item-12209,
  .navbar-nav>#menu-item-13151,
  .navbar-nav>#menu-item-13394 {
    float: none !important;
  }

  .navbar-nav {
    width: 100% !important;
  }

  #menu-item-5474>a:nth-child(1) {
    /*! padding: 0px !important; */
    width: 100% !important;
    text-align: center !important;
  }

  .block_with_bg>.block_with_bg_front {
    width: 100% !important;
  }

  .block_with_bg_back.generic_featured_img>img {
    opacity: 0.5;
    filter: alpha(opacity=50);
    /* For IE8 and earlier */
  }

  .block_with_bg_back.generic_featured_img {
    background-color: black;
    background-image: radial-gradient(#100d77 30%, #177e7a);
  }

  .block_with_bg_front {
    padding-top: 80px !important;
  }

  .block_with_bg_title.block_title.block_text_clear {
    margin-bottom: 0px !important;
  }

  .btn-default,
  .block_button.block_button_brand_color.block_text_clear,
  .block_button.block_button_clear.block_text_brand_color.animated-glow {
    font-size: 12px !important;
  }

  .block_interior_white_reduced_top_padding,
  .block_interior_grey_reduced_top_padding,
  .block_interior_purple_reduced_top_padding {
    padding-left: 4% !important;
    padding-right: 4% !important;
  }

  #pricing-banner {
    background: none !important;
  }

  #pricing-banner h1.block_title {
    color: #4a4a4a !important;
  }

  #pricing-banner h3.bar_text_center,
  h1#education_institution_or_ngo,
  h1#multi_year_discounts {
    color: #4a4a4a !important;
    box-shadow: none !important;
  }

  .pricing-card h4 {
    width: 70%;
  }

  .pricing-card .block_button {
    width: 100% !important;
  }

  .block_text_paragraph_highlighted>h1 {
    font-size: 16px;
  }

  .block_text_paragraph_highlighted>p {
    font-size: 13px !important;
  }

  .benefits {
    padding-left: 0px !important;
  }

  .block_interior_white>h1 {
    margin-top: 60px;
  }

  .block_interior_with_bg_button {
    padding: 20px 0 20px !important;
  }

  #menu-item-5472>ul {
    right: 0px !important;
    left: auto;
  }

  .block_with_bg_front_text_faq {
    margin-top: auto;
    position: absolute;
    top: 0 !important;
  }

  #post-5349>div>.block_with_bg>.block_with_bg_back>img {
    height: 356px;
    object-fit: cover;
    object-position: center;
  }

  #post-5280>div>.block_with_bg>.block_with_bg_back>img,
  #post-5280>div>.block_with_bg>.block_with_bg_back2>img,
    {
    height: 356px;
    object-fit: cover;
    object-position: center;
    opacity: 0.5;
    filter: alpha(opacity=50);
    /* For IE8 and earlier */
  }

  #post-5280>div>.block_with_bg>.block_with_bg_back,
  #post-5280>div>.block_with_bg>.block_with_bg_back2 {
    background-color: black;
    background-image: radial-gradient(#100d77 30%, #177e7a) !important;
  }

  #post-5518>div>.block_with_bg>.block_with_bg_back>img,
  #post-5518>div>.block_with_bg>.block_with_bg_back2>img {
    height: 356px;
    object-fit: cover;
    object-position: center;
    opacity: 0.5;
    filter: alpha(opacity=50);
    /* For IE8 and earlier */
  }

  #post-5518>div>.block_with_bg>.block_with_bg_back,
  #post-5518>div>.block_with_bg>.block_with_bg_back2 {
    background-color: black;
    background-image: radial-gradient(#100d77 30%, #177e7a) !important;
  }

  #post-3999>div>.block_with_bg>.block_with_bg_back>img,
  #post-3999>div>.block_with_bg>.block_with_bg_back2>img {
    height: 298px;
    object-fit: cover;
    object-position: center;
    opacity: 0.5;
    filter: alpha(opacity=50);
    /* For IE8 and earlier */
  }

  #post-3999>div>.block_with_bg>.block_with_bg_back,
  #post-3999>div>.block_with_bg>.block_with_bg_back2 {
    background-color: black;
    background-image: radial-gradient(#100d77 30%, #177e7a) !important;
  }

  #post-3999 .partner_portal_login_form {
    width: auto !important;
  }

  .block_with_bg_front>.block_with_bg_front_text_faq>h1 {
    color: white !important;
  }

  .faq-section>label {
    height: auto !important;
  }

  .wp-image-3453 {
    height: 356px;
    object-fit: cover;
    object-position: center;
  }

  .block_news_and_events {
    padding-left: 3% !important;
    padding-right: 3% !important;
  }

  .block_news_and_events>.block_news {
    border: none !important;
  }

  .main-content-area {
    padding-top: 50px;
  }

  .subscribe-box {
    left: 0px !important;
  }

}

/* -----------------------iphone */
@media screen and (max-width:375px) {
  .footer-inner {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .footer-widget-area>div {
    margin-left: 8% !important;
  }

  .site-info {
    padding: 0px !important;
  }

  .site-info .copyright {
    padding: 0 8% !important;
  }

  /*Become a partner subtitle*/
  #post-5518 .block_with_bg_subtitle.block_subtitle.block_text_clear {
    color: white !important;
  }

  /*Pricing image at the top*/
  #post-5280 .block_with_bg_back,
  #post-5280 .block_with_bg_back2 {
    display: none !important;
  }


  .block_interior_white>h1,
  .block_with_bg h1:nth-child(1) {
    margin-top: 0px !important;
  }

  #post-5209>.entry-content>.block_with_bg>.block_with_bg_front {
    padding-top: 0px !important;
  }

  .wp-image-2573 {
    padding-top: 0px !important;
  }

  #footer-area .footer-widget-area {
    padding-left: 0px !important;
  }

  #nav_menu-2,
  #nav_menu-3 {
    padding-left: 15px;
  }

  .dropdown-menu {
    font-size: 12px !important;
  }

  #menu-item-5457 .dropdown-menu {
    left: auto !important;
    right: 0px !important;
  }

  #menu-new-menu>li>a,
  #menu-new-menu-es>li>a,
  #menu-new-menu-de>li>a,
  #menu-new-menu-pt-br>li>a {
    padding-right: 24px !important;
    padding-left: 0px !important;
  }

  #masthead {
    padding: 0px;
    position: relative !important;
  }

  #page .main-content-area {
    margin-top: 0px !important;
  }

  #home-banner {
    padding-top: 0px !important;
  }


  #content>.container {
    padding: 0px;
  }

  #menu-new-menu>#menu-item-5474,
  #menu-new-menu-es>#menu-item-11257,
  #menu-new-menu-de>#menu-item-11569,
  #menu-new-menu-zh-tw>#menu-item-11884,
  #menu-new-menu-fr>#menu-item-12209,
  #menu-new-menu-it>#menu-item-13151,
  #menu-new-menu-tr>#menu-item-14293,
  #menu-new-menu-pt-br>#menu-item-13394 {
    padding: 0px;
    width: 80px;
    padding-bottom: 10px;
    padding-top: 10px;
    float: right !important;
    margin-right: 36px !important;
  }

  #menu-new-menu>#menu-item-5474>a,
  #menu-new-menu-es>#menu-item-11257>a,
  #menu-new-menu-de>#menu-item-11569>a,
  #menu-new-menu-zh-tw>#menu-item-11884>a,
  #menu-new-menu-fr>#menu-item-12209>a,
  #menu-new-menu-it>#menu-item-13151>a,
  #menu-new-menu-tr>#menu-item-14293>a,
  #menu-new-menu-pt-br>#menu-item-13394>a {
    padding-right: 1.2em !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
  }

  #footer-area {
    overflow-x: auto;
  }

  .navbar-nav>#menu-item-5474>a,
  .navbar-default .navbar-nav>#menu-item-14293>a,
  .navbar-nav>#menu-item-11257>a,
  .navbar-nav>#menu-item-11569>a,
  .navbar-nav>#menu-item-11884>a,
  .navbar-nav>#menu-item-12209>a,
  .navbar-nav>#menu-item-13151>a,
  .navbar-nav>#menu-item-13394>a {
    float: left;
    padding: 0px !important;
    display: block;
  }


  .block_with_bg_front {
    width: auto !important;
    display: block !important;
  }


  .wp-image-2573 {
    padding-top: 64px;
    background-color: #22174B;
  }

  .block_with_bg_front_text>h1 {
    margin-top: 100px !important;
  }

  .block_with_bg_subtitle.block_subtitle.block_text_clear {
    /*padding-top: 40px;*/
    color: #474187 !important;
  }
}

/* -----------------------END iphone */

.footer-widget-area>div:first-child,
.footer-widget-area>div:last-child {
  padding-left: 0px !important;
}

#nav_menu-2 {
  width: 54% !important;
}

#nav_menu-3 {
  width: 46% !important;
}

#mailpoet_form_1 .mailpoet_text,
#mailpoet_form_1 .mailpoet_textarea {
  width: 100% !important;
}

.mailpoet_text {
  border: 1px solid #E8E8E8 !important;
}

/* subscribe form placed on the footer*/
.footer-widget .mailpoet_form {
  padding: 0;
}

.footer-widget .mailpoet_form .mailpoet_submit {
  min-height: 32px;
  background-color: white !important;
  padding: 0 14px !important;
  box-sizing: border-box;
  border-radius: 3px !important;
  color: #5C2983 !important;
  width: auto !important;
  margin: 6px 0 !important;
}

.footer-widget .mailpoet_form input[type="email"] {
  color: white;
}

.footer-widget .mailpoet_form form {
  padding: 0 !important;
}

.footer-widget .mailpoet_message p {
  text-align: left !important;
  width: 100%;
}

.current-menu-parent {
  text-decoration-color:#5c2983;
/*  text-decoration-line: underline !important;
  text-decoration-style: double;*/
  border-bottom:2px solid var(--mypurple);
}

#post-5280>div>div>.block_with_bg_front {
  padding: 0px !important;
  display: flex;
  align-items: center;
  padding: 0px;
  flex-direction: column;
}



.block_lang_selector {
  visibility: hidden;
}



.navbar.navbar-default {
  border-radius: 10px 10px 0px 0px;
}

.block_with_bg_back.generic_featured_img {
  position: relative;
  max-height: 564px;
}

.block_with_bg_back2.generic_featured_img {
  position: relative;
  max-height: 564px;
}

.block_button {
  border-radius: 3px !important;
  line-height: 2;
}

.block_button.block_button {
  padding: 3px 20px;
}

.block_button.block_button_brand_color.block_text_clear {
  box-shadow: 0px 1px 4px 2px #0000001a;
  background-color: #5C2983;
  border: 0.5px inset rgb(170, 50, 220, 0);
  color: #fff;
}

.block_button.block_button_brand_color.block_text_clear:hover {
  color: #5C2983;
  background-color: white;
  box-shadow: 0px 1px 4px 2px #5C29831a;
  border: 0.5px inset #5C2983;
}

.block_button.block_button_green_color.block_text_clear {
  box-shadow: 0px 1px 4px 2px #0000001a;
  background-color: #40ba2f;
  border: 0.5px inset rgb(170, 50, 220, 0);
  color: #fff;
}

.block_button.block_button_green_color.block_text_clear:hover {
  color: #40ba2f;
  background-color: white;
  box-shadow: 0px 1px 4px 2px #5C29831a;
  border: 0.5px inset #40ba2f;
}

.block_button.block_button_red_color.block_text_clear {
  box-shadow: 0px 1px 4px 2px #0000001a;
  background-color: #b72333;
  border: 0.5px inset rgb(170, 50, 220, 0);
  color: #fff;
}

.block_button.block_button_red_color.block_text_clear:hover {
  color: #b72333;
  background-color: white;
  box-shadow: 0px 1px 4px 2px #5C29831a;
  border: 0.5px inset #b72333;
}

.block_button.block_button_clear.block_text_brand_color,
.block_button.block_button_clear.block_text_lo_color {
  box-shadow: 0px 1px 8px 2px #0006;
  border-bottom: none;
}

.block_button.block_button_clear.block_text_brand_color:active {
  color: #5C2983 !important;
}

.block_button.block_button_clear.block_text_brand_color:visited {
  color: #5C2983 !important;
}

.block_button.block_button_clear.block_text_brand_color:link {
  color: #5C2983 !important;
}

.block_button.block_button_clear.block_text_brand_color:hover {
  color: white !important;
  background-color: #5C2983;
}

.block_button.block_button_clear.block_text_lo_color:active {
  color: #10a500 !important;
}

.block_button.block_button_clear.block_text_lo_color:visited {
  color: #10a500 !important;
}

.block_button.block_button_clear.block_text_lo_color:link {
  color: #10a500 !important;
}

.block_button.block_button_clear.block_text_lo_color:hover {
  color: white !important;
  background-color: #10a500;
}

#masthead {
/*  background-color: #ddd;*/
background-color:white;
  padding-top: 10px;
}

/* ----------------------- Footer */
.footer-widget .widget_nav_menu h3,
#footer-area .widgettitle {
  color: #e0e1ff !important;
  font-family: "CarlitoRegular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.25;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 0 14px;
}

.footer-widget .widget_polylang * {
  color: white;
}

#footer-area a {

  color: #fafafa;

}

#footer-area .widget ul li a:hover {

  text-decoration-color: white;
  color: white;

}

#footer-area .widget ul li a {

  text-decoration: underline solid #3D3A6B;
  padding-bottom: 10px;

}

#footer-area .footer-widget-area {
  /*  background-image: linear-gradient(#3180AB -10%, #623FCC) !important;*/
background-color: #5C2983 !important;
}

div.copyright {
  border-bottom-width: 2px !important;
  background: #5C2983 !important;
}

/* -----------------------END---Footer */

/* ----------------------- Links and text-decoration effect on title links */
.block_news {
  border-right: 1px solid #47427a !important;
}

.block_news_and_events {
/*  background-color: #5C2983;*/
  background-color: #F3F3F3;
}

.block_event_header h1 a,
.block_news_header h1 a {
/*  color: #E0E1FF !important;*/
}

.block_event_title h2 a,
.block_news_title h2 a,
.block_news_item h2 a {
/*  color: #FFFFFF !important;*/
color:var(--mypurple);
}

.block_event_title p,
.block_news_title p {
/*  color: #E0E1FF !important;*/
}

.block_event_title h2 a,
.block_news_title h2 a {
/*  text-decoration: underline solid #fff !important;*/
}


.block_event_title h2 a:visited,
.block_news_title h2 a:visited {
/*  text-decoration: underline solid #fff !important;*/
}

.block_event_title h2 a:hover,
.block_news_title h2 a:hover {
/*  text-decoration: underline solid #ffffff !important;*/
}

/*
div.block_news_item > div > h2 > a {
	color: #FFF;
}
*/
/* -----------------------END---Links and text-decoration effect on title links */


/* -----------------------Fix links inside posts and pages */
.post-inner-content > .entry-content > p > a {
  .post-inner-content>.entry-content a {
          color: #5C2983;
  }

  article>.entry-content>p>a {
    color: #5C2983;
  }
}
/* -----------------------END---Fix links inside posts and pages */

/* -----------------------Nav bar and logo */
.navbar-default .navbar-nav>li>a {
  color: #5C2983 !important;
}

.navbar-default .navbar-nav>li>a:hover {
  color: var(--mypurple) !important;
  text-decoration: underline;
}

.navbar-nav>.menu-item:last-child {
  padding-top: 18px;
  float: right !important;
}

.navbar-nav>.menu-item:last-child>a {
  background-color: var(--mypurple) !important;
  border-radius: 3px !important;
  font-weight: normal !important;
  box-shadow: 0px 0px 4px 0px #6544d432 !important;
  border: 1px solid var(--mypurple) !important;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 8px;
  padding-bottom: 8px;
  color:white!important;
}


.navbar-nav>.menu-item:last-child>a:hover {
  color:white!important;
}

.navbar-nav>#menu-item-5474>a:hover,
.navbar-nav>#menu-item-14293>a:hover,
.navbar-nav>#menu-item-11257>a:hover,
.navbar-nav>#menu-item-11569>a:hover,
.navbar-nav>#menu-item-13394>a:hover,
.navbar-nav>#menu-item-11884>a:hover,
.navbar-nav>#menu-item-12209>a:hover,
.navbar-nav>#menu-item-13151>a:hover,
.navbar-nav>#menu-item-13394>a:hover {
  /*background-color: #5e3dcc !important;*/
  background-color: var(--mypurple)!important;
  color: white !important;
  text-decoration: none;
}

.navbar-nav>li {
  float: left;
}

.navbar-nav>li:hover {
  background: none !important;
}


.navbar-header {
  width: 72px;
}

.navbar-nav {
  float: none !important;
}

#logo {
  width: 38px !important;
  float: left;
}

input[type=password] {
  border: 1px solid var(--mypurple) !important;
  background: #5c3de203 !important;
  height: 33px !important;
}

#searchsubmit {
  font-size: 19px;
}

/* -----------------------END---Nav bar and logo */
/* erasing aditional paragraph element created by .style-svg plugin */
.style-svg+p {
  display: none;
}

/* ------------ */

.navbar .pll-parent-menu-item {
  text-decoration: none !important;
}

.navbar .pll-parent-menu-item .dropdown-toggle>span {
  display: none !important;
}

.navbar .pll-parent-menu-item .dropdown-toggle>span.caret {
  display: inline-block !important;
}

.social-icons a {
  line-height: 24px;
  height: 24px;
  width: 24px;
}

.widget.sparkling-social {
  float: left !important;
}

.restrict .gallery-item {
  display: none;
}

.restrict .gallery-item:first-child {
  display: block;
}

.wp-caption {
  padding: 0 0 4px 0px;
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}

.circle-img-caption {
  border-radius: 130px;
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15);
  border: 1px solid #ccc;
}

.wp-caption img {
  margin: 0px !important;
  width: 100%;
}

.wp-caption>.wpls-logo-showcase {
  padding: 0px !important;
}

.text-footnote,
.text-footnote * {
  color: #696969;
}

.text-author {
  font-size: 14px;
  border-radius: 2px;
  font-weight: bold;
}

.text-footnote ul {
  padding-left: 0px;
}

.side-note {
  padding: 8px !important;
  border-radius: 3px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.04);
  border-left: 1px dashed #5C2983ad;
  border-right: 1px dashed #5C2983ad;
  max-width: 100%;
  margin-bottom: 1.5em;
  background: #fafbff;
  color: #38257a;
}

.margin-auto {
  margin: auto;
}

.side-note-large {
  background-color: aliceblue;
  font-weight: normal !important;
}

.side-note-large h3 {
  font-weight: normal !important;
}

.button-note {
  font-size: small;
  float: none;
  clear: both;
}

.btn-default {
  color: #fff !important;
  text-transform: none;
  box-shadow: 0px 1px 4px 2px #0000001a;
  background-color: #5C2983 !important;
  border: 0.5px inset rgb(170, 50, 220, 0) !important;
}

.btn-default:hover {
  color: #5C2983 !important;
  background-color: white !important;
  box-shadow: 0px 1px 4px 2px #5C29831a;
  border: 0.5px inset #5C2983 !important;
}

.faq-section-full-width,
.faq-section-full-width * {
  cursor: pointer;
}

.faq-section-full-width {
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
  background-color: #fff;
  border: 1px solid #5C2983;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.faq-section-full-width input {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
  display: none;
  margin: 0;
  width: 100%;
  height: 36px;
}

.faq-section-full-width label {
  font-size: 1.125em;
  color: #5C2983;
  background: #fff;
  display: block;
  position: relative;
  min-height: 40px;
  height: auto;
  padding: 5px 10px;
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
  transition: all .15s ease-out;
  margin-left: 1%;
  margin-right: 1%;
  margin-top: 14px;
}

.faq-section-full-width input[type="checkbox"]:checked~label {}

.faq-section-full-width p,
.faq-section-full-width ul,
.faq-section-full-width .table-responsive {
  display: none;
}

.faq-section-full-width label+p,
.faq-section-full-width label+ul {
  display: block;
  color: #fff;
  font-size: .85em;
  transition: all .15s ease-out;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.faq-section-full-width input[type="checkbox"]:checked~p,
.faq-section-full-width input[type="checkbox"]:checked~ul,
.faq-section-full-width input[type="checkbox"]:checked~.table-responsive {
  cursor: default;
  display: block;
  color: #000;
  font-size: 0.95em;
  text-overflow: clip;
  white-space: normal;
  overflow: visible;
  margin-left: 1%;
  margin-right: 1%;
}

.faq-section-full-width input[type="checkbox"]:checked~label::before {
  border: 6px solid transparent;
  border-top-color: inherit;
  margin-top: -3px;
  right: 10px;
}

.faq-section-full-width label::before {
  content: '';
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -6px;
  border: 6px solid transparent;
  border-left-color: inherit;
}

.leaflet-popup-tip-container {
  position: relative !important;
}

.center-cropped {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

/**
 * Custom CSS import from DB
 */
body {
  background: #fff;
}

body,
.entry-content {
  font-family: "CarlitoRegular", Carlito, sans-serif;
  color: #4a4a4a
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family:"MontserratBold", Montserrat, sans-serif;
  color: #4a4a4a
}

.site-main {
  border: none;
  padding: 0 !important;
  margin-top:1em;
}

.well_code {
  padding: 6px 10px
}

.hr_before_title {
  margin: 36px 0 30px
}

.hr_after_title {
  margin: 30px 0 40px
}

.hr_between_rows {
  margin: 40px 0
}

.plus_cloudsuite {
  color: #777;
  font-size: 30px;
  padding: 28px 0 0
}

.img_separator {
  padding: 22px 0 29px
}

.panel-default>.panel-heading {
  margin: 0;
  padding: 2% 10% 2% 2%;
  background: #fff
}

.table_core_reseller_logo {
  max-height: 40px;
  max-width: 100px
}

.panel-default>.panel-heading .panel_heading_image_left {
  float: left;
  width: 60px
}

.panel-default>.panel-heading .panel_heading_text_right {
  float: left
}

.panel {
  float: left;
  margin-top: 20px
}

.cat_type_row {
  float: left;
  width: 100%
}

.cat_type_row_left {
  float: left;
  width: 100%
}

.cat_type_row_right {
  float: left;
  width: 100%
}

.cat_type_icon {
  float: left;
  width: 68px
}

.cat_type_icon a {
  display: block;
  float: left;
  width: 100%;
  padding: 10px
}

.cat_type_label {
  float: left
}

.cat_type_label a {
  display: block;
  float: left;
  font-size: 1.4em;
  font-weight: 700;
  padding: 27px 5px 10px 10px;
  text-decoration: none !important;
  width: 100%
}

.cookie-notice-container {
  border-top: 1px solid #dadada;
  padding: 1px 10px
}

h2,
.h2 {
  font-size: 1.4em
}

.main-content-inner a,
.main-content-inner a:hover {
  text-decoration: underline
}

a.btn,
a.btn:hover,
a.btn-default,
a.btn-default:hover,
.grid-items .element.element_1.title_link a
 {
  text-decoration: none
}

.btn.btn-info,
.btn.btn-success {
  border-bottom: 2px solid #ccc;
  border-radius: 2px;
  display: inline-block;
  font-family: "MontserratBold", Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 700;
  padding: 3px 12px;
  text-align: center;
  text-decoration: none;
  background: #5C2983 none repeat scroll 0 0;
  margin-bottom: 5px;
  border-top: none;
  border-left: none;
  border-right: none
}

.entry-title a {
  text-decoration: none
}

.entry-title a:hover {
  color: #444
}

.form-control.newsletter_input_field {
  background: #fff none repeat scroll 0 0;
  border-radius: 4px 0 0 4px
}

.mauticform-errormsg.newsletter_input_field_error {
  font-size: 1em;
  left: 0;
  top: -67px
}

.home .site-main .page-header {
  display: none
}

.entry-content {
  margin-top: 0;
  font-size: 16px !important;
}

div.copyright {
  padding: 0 2.4em;
  text-align: left;
  width: 100%
}

.navbar-nav .menu-item:hover {
  background: #f2f2f2
}

.carousel-caption {
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0;
  left: 0;
  padding: 10px;
  right: 0;
  width: 100%
}

#oscitas-slider-1 .carousel-caption .ebs-caption {
  font-size: 1em !important;
  line-height: 1.5;
  padding: 0 0 10px
}

.carousel-indicators {
  bottom: 6px
}

.carousel-caption h3 {
  font-weight: 400
}

.btn.btn-lg {
  white-space: normal
}

.custom_h1_home {
  font-size: 1.3em;
  font-weight: 400;
  color: #6b6b6b
}

.custom_h1_home a {
  color: #6b6b6b
}

.custom_home_2_block {
  background: #5C3DCC;
  color: #fff;
  content: " ";
  display: table;
  margin: 2.5rem 1.5rem 1.5rem;
  position: relative;
  overflow: hidden
}

.custom_home_2_1_block {
  font-size: 1.3em
}

.custom_home_h2 {
  color: #fff;
  font-size: 1.6em;
  font-weight: 400
}

.custom_home_2_block a {
  color: #fff
}

.custom_home_2_block a:hover {
  color: #fff
}

.custom_home_subtitle {
  color: #fff;
  font-size: 1.2em;
  margin: 10px 0;
  font-weight: 400
}

.custom_home_2_2_block,
.custom_home_2_3_block {
  background: #fff
}

.custom_home_2_2_block .caption-text,
.custom_home_2_3_block .caption-text {
  background: #dad9d9 none repeat scroll 0 0;
  color: #000;
  font-size: .9em;
  padding: .4em .2em;
  text-align: center
}

.custom_home_3_1_block h2,
.custom_home_3_2_block h2 {
  margin-top: 0;
  font-weight: 400
}

.custom_home_3_3_block h2 {
  color: #000;
  margin-top: 0;
  font-weight: 400
}

.custom_home_3_1_block {
  background: #40ba2f;
  color: #fff;
  min-height: 24rem;
  padding: 2rem;
  margin: 0 0 2.5rem
}

.custom_home_3_2_block {
  background: #8B8B89;
  color: #fff;
  min-height: 24rem;
  padding: 2rem;
  margin: 0 0 2.5rem
}

.custom_home_3_3_block {
  background: #DAD9D9;
  color: #000;
  min-height: 24rem;
  padding: 2rem;
  margin: 0 0 2.5rem
}

.btn-default {
  background-color: #5C2983;
  border: medium none;
  border-radius: 2px;
  font-family: "MontserratBold", Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 700;
  padding: 3px 12px;
  text-align: center;
  text-decoration: none;
  text-shadow: unset;
  width: 100%
}

.btn-default:hover {
  background-color: #321b81
}

.btn.btn-default {
  color: #fff;
  text-transform: none box-shadow: 0px 1px 4px 2px #0000001a;
  background-color: #5C2983;
  border: 0.5px inset rgb(170, 50, 220, 0);

}

.cta-well {
  border-radius: 3px;
  padding: 9px;
  background: #F2F2F2;
  font-weight: 700;
  text-align: center;
  line-height: 1.9em
}

.cta-well .btn-default {
  background-color: #3EB500;
  border: #256E00;
  font-weight: 700;
  text-shadow: unset
}

.cta-well .btn-default:hover {
  background-color: #256E00;
  border: #256E00
}

.panel-heading {
  padding: 0
}

.accordion-toggle {
  display: block;
  color: #fff;
  padding: 10px 15px;
  background: #40ba2f
}

.panel-title .accordion-toggle {
  color: #fff;
  text-decoration: underline
}

.accordion-toggle:hover {
  background: #256E00
}

.accordion-toggle:focus,
.accordion-toggle:hover {
  color: #fff
}

.list-group-item h3 {
  padding: 0;
  margin: 0;
  color: #fff
}

.list-group li {
  background-color: #e6e6e6
}

.list-group-item:first-child {
  background: #5c3dcc none repeat scroll 0 0
}

.list-group li:nth-child(2n) {
  background-color: #fff
}

.form-well {
  border-radius: 3px;
  padding: 9px;
  background: #F2F2F2;
  font-weight: 700;
  text-align: left;
  line-height: 1.9em
}

.form-well .btn-default {
  background-color: #5C2983;
  border: medium none;
  border-radius: 2px;
  font-family: "MontserratBold", Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 700;
  padding: 3px 12px;
  text-align: center;
  text-decoration: none;
  text-shadow: unset;
  width: 100%
}

.form-well h2 {
  margin-bottom: 16px;
  margin-top: 11px
}

.form-well-demo {
  border-radius: 3px;
  padding: 9px;
  background: #DFF2D7;
  font-weight: 700;
  text-align: left;
  line-height: 1.9em
}

.form-well-demo .btn-default {
  background-color: #5C2983;
  border: medium none;
  border-radius: 2px;
  font-family: "MontserratBold", Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 700;
  padding: 3px 12px;
  text-align: center;
  text-decoration: none;
  text-shadow: unset;
  width: 100%
}

.form-well-demo .btn-default:hover {
  background-color: #256E00;
  border: #256E00
}

.form-well-demo h2 {
  margin-bottom: 16px;
  margin-top: 11px
}

.mauticform-row {
  background-color: #fff;
  /*border-top:2px solid #F2F2F2;*/
  position: relative;
  float: left;
  width: 100%
}

.mauticform_wrapper br {
  line-height: 0;
  margin: 0;
  padding: 0;
  display: none
}

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

.mauticform-selectbox {
  padding: 1px 0 5px 3px
}

.mauticform-row.border {
  border: 1px solid #F2F2F2 !important
}

.mauticform-row.focus {
  background-color: #fff;
  box-shadow: 0 0 1px 1px #555 inset
}

.mauticform-label {
  color: #333;
  display: block;
  font-size: .9em;
  margin: 0;
  padding: 2px 7px 0;
  text-align: left
}

mauticform-message {
  background: #d9edf7 none repeat scroll 0 0;
  border: 1px solid #aaa;
  margin: 0 0 3px;
  padding: 1px 0;
  text-align: center
}

input[type="password"],
input[type="text"],
input[type="number"],
input[type="email"],
input[type="search"],
input[type="file"],
input[type="url"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select,
.no-editable {
  background-color: transparent;
  border: 1px solid #E8E8E8;
  border-radius: 3px;
  box-sizing: border-box;
  color: #666;
  display: block;
  font-size: 1em;
  font-weight: 700;
  margin: 0;
  padding: 0 3px;
  width: 100%
}

.mauticform-errormsg {
  color: #d94426;
  font-size: .8em;
  margin: 0;
  position: absolute;
  right: 5px;
  top: 2px
}

.mauticform-row.mauticform-button-wrapper {
  background-color: transparent;
  border-top: none;
  position: relative;
  margin: 4px 0
}

.form_two_fields_one_line {
  content: " ";
  display: table;
  position: relative;
  width: 100%
}

.form_two_fields_one_line .mauticform-row {
  width: 50%;
  float: left;
  border-left: 2px solid #F2F2F2
}

.form_two_fields_one_line .mauticform-row:first-child {
  border-left: medium none
}

.form_row_seperator {
  margin-top: 6px
}

.mauticform-button {
  margin: auto;
  font-size: 16px !important;
}

.circle {
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  width: 100%;
  position: relative
}

.panel.purple,
.circle.purple {
  background-color: #5c3dcc
}

.panel.purple,
button.purple,
.button.purple,
.circle.purple {
  background-color: #5c3dcc
}

button.purple:hover,
.button.purple:hover {
  background-color: #321b81
}

.panel.green,
button.green,
.button.green,
.circle.green {
  background-color: #40ba2f
}

button.green,
.button.green {
  border-color: #256e00
}

button.green:hover,
.button.green:hover {
  background-color: #256e00
}

.panel.light-grey,
.circle.light-grey {
  background-color: #dad9d9
}

.panel.light-grey a h3,
.panel.light-grey a p,
.panel.light-grey a ul li {
  color: #000
}

.panel.dark-grey,
.circle.dark-grey {
  background-color: #8b8b89
}

.panel.circle {
  border-radius: 50%
}

.panel.circle.circle-wrapper {
  display: block;
  height: 0;
  margin: 0 0 1.25rem;
  padding: 0 0 100%;
  position: relative
}

.panel.circle.circle-content {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0
}

.panel.circle span {
  font-size: 1.6em;
  line-height: 1.25;
  padding: 3.6em .6em 0;
  text-align: center;
  margin-bottom: .625rem;
  color: #fff;
  font-size: 1.6em;
  float: left;
  font-weight: 700
}

.partner {
  margin-bottom: 2em
}

.partner-img {
  border: 1px solid #ccc;
  border-radius: 3px;
  display: table-cell;
  height: 200px;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
  width: 30%
}

.partner-name {
  display: block;
  font-size: 14px;
  font-weight: 700;
  margin: 10px 0;
  text-align: left
}

.partner-description {
  display: block;
  font-size: 12px;
  overflow: auto
}

.partner-email {
  display: block;
  font-size: 12px
}

.partner-country {
  display: block;
  font-size: 12px
}

.corner-ribbon {
  background: #e43 none repeat scroll 0 0;
  color: #f0f0f0;
  font-family: "CarlitoRegular", ""liberation sans"", sans-serif;
  left: auto;
  letter-spacing: 1px;
  line-height: 50px;
  text-align: center;
  top: 25px;
  right: -50px;
  transform: rotate(45deg);
  width: 200px;
  z-index: 500;
  position: fixed;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3)
}

.corner-ribbon-container {
  float: right;
  height: 0;
  position: relative;
  width: 100%
}

.custom_home_2_block .corner-ribbon {
  position: relative;
  float: right
}

.widget.sparkling-social {
  float: right
}

.comment-form-comment {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #dadada
}

.partnerportal .nav-tabs {
  margin: 0;
  padding: 0;
  border: 0
}

.partnerportal .nav-tabs>li>a {
  background: #5C3DCC;
  color: #fff;
  border-radius: 0;
  text-decoration: none;
  text-transform: none !important;
}

.partnerportal .nav-tabs>li.active>a,
.partnerportal .nav-tabs>li.active>a:hover {
  background: #fff;
  color: #333;
}

.partnerportal .tab-pane {
  background: #fff;
  padding: 10px
}

.partnerportal ul li {
  list-style-type: circle
}

.download-well {
  border-radius: 3px;
  padding: 9px;
  background: #F2F2F2;
  font-weight: 700;
  text-align: center;
  line-height: 1.9em
}

.download-well .btn-default {
  background-color: #BA2323;
  border: #BA2323;
  font-weight: 700;
  text-shadow: unset;
  font-size: 2em
}

.download-well .btn-default:hover {
  background-color: #BA2323;
  border: #BA2323
}

.subtitle_download_well {
  display: block;
  font-weight: 400;
  padding: 4px 0 0
}

.mauticform_codecontactusform_message {
  color: green;
  padding: 0 0 16px
}

.whitepaper-well {
  border-radius: 3px;
  padding: 9px;
  background: #F2F2F2;
  font-weight: 700;
  text-align: left;
  line-height: 1.9em
}

.whitepaper-well .btn-default {
  background-color: #3EB500;
  border: #256E00;
  font-weight: 700;
  text-shadow: unset
}

.whitepaper-well .btn-default:hover {
  background-color: #256E00;
  border: #256E00
}

.whitepaper-well h3 {
  font-size: 1.3em;
  margin: 0 0 7px;
  text-align: center;
  width: 100%
}

.whitepaper-well-left {
  width: 30%;
  float: left
}

.whitepaper-well-right {
  width: 65%;
  float: right
}

.whitepaper-well-text {
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.1em;
  padding: 5px 0 0;
  font-style: italic
}

.frontpage-code-well {
  background: #eee none repeat scroll 0 0;
  border: 1px solid #aaa;
  border-radius: 0;
  color: #333;
  font-size: 18px;
  line-height: 1.5em;
  margin: 25px 0 0;
  padding: 11px;
  text-align: left
}

table.plan td.feature_row {
  background: #785cd4;
  text-align: left;
  color: #fff
}

table.plan td {
  text-align: center
}

table.plan tr:first-child {
  text-align: left
}

.table_online_editor_line {
  background: #785CD4;
  border-right: #fff;
  color: #fff
}

.table_mobile_editor_line {
  background: #785CD4;
  border-right: #fff;
  color: #fff
}

.table_desktop_editor_line {
  background: #785CD4;
  color: #fff
}

.table_online_editor_line_check {
  background: #BAE159
}

.table_mobile_editor_line_check {
  background: #80CD60
}

.table_desktop_editor_line_check {
  background: #4DD0A4
}

table.plan button.osc_tooltip {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-bottom: 1px dashed;
  border-radius: 0;
  border-top: 0 none;
  color: #333;
  height: 20px;
  margin: 0;
  padding: 0;
  text-transform: none
}

.panel.circle {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0
}

.circle-content {
  font-size: 1.6em;
  line-height: 1.25;
  padding: 3.6em .6em 0;
  text-align: center;
  margin-bottom: .625rem;
  color: #fff;
  font-size: 1.6em;
  float: left;
  font-weight: 700
}

.radio_field {
  background: #FCFCFC none repeat scroll 0 0;
  float: left;
  position: relative;
  width: 100%
}

.radio_field label {
  font-weight: 400;
  cursor: pointer
}

.radio_field label:hover {
  background-color: #B9DEFC;
  cursor: pointer
}

.radio_field input:hover {
  cursor: pointer
}

.radio_short_left {
  float: left;
  margin: 0 0 0 10px
}

.radio_short_right {
  float: left;
  margin: 0 0 0 20px
}

.radio_short_left label,
.radio_short_right label {
  padding: 5px;
  cursor: pointer;
  margin: 0
}

.radio_field_row {
  float: left;
  position: relative;
  width: 100%
}

.radio_medium_left {
  float: left;
  margin: 0 0 0 10px;
  width: 60%
}

.radio_medium_right {
  float: left;
  margin: 0 0 0 20px
}

.form-well-cool {
  border-radius: 3px;
  padding: 9px;
  background: #CCCFD1;
  font-weight: 700;
  text-align: left;
  line-height: 1.9em
}

.form-well-cool .mauticform-row {
  background-color: #FCFCFC;
  border-top: 2px solid #F2F2F2
}

.form-well-cool .btn-default {
  background-color: #5C2983;
  font-weight: 700;
  text-shadow: unset;
  border-radius: 2px;
  border: none;
  font-family: "MontserratBold", Montserrat, sans-serif;
  font-size: 22px;
  padding: 3px 12px;
  text-align: center;
  text-decoration: none;
  width: 100%
}

.form-well-cool .btn-default:hover {
  background-color: #321B81
}

.form-well-cool h2 {
  margin-bottom: 12px;
  margin-top: 9px;
  color: #444;
  font-size: 2em;
  text-align: center
}

.home_form_toggle .panel-heading {
  background-color: #b9defc;
  padding: 0
}

.home_form_toggle .accordion-toggle {
  background: #b9defc none repeat scroll 0 0;
  color: #444;
  display: block;
  font-size: 1.4em;
  padding: 15px 20px;
  text-align: center;
  text-shadow: 1px 1px #fff
}

.home_form_toggle .accordion-toggle:hover {
  background: #59b1fc;
  color: #fff;
  text-shadow: none
}

.home_form_toggle .panel-body {
  padding: 0
}

.home_form_toggle .panel-body .form-well-cool {
  background: #b9defc none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  font-weight: 700;
  line-height: 1.9em;
  padding: 0;
  text-align: left
}

.home_form_toggle .collapse.in {
  background: #b9defc none repeat scroll 0 0;
  display: block;
  margin: 0;
  padding: 0
}

.corner-ribbon-container-home {
  height: 139px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 139px
}

.corner-ribbon-container-home .corner-ribbon {
  position: absolute
}

.leaflet-popup-content-wrapper {
  float: left
}

.leaflet-popup-content {
  float: left
}

.partner_map_row {
  display: block
}

.partner_map_row_left {
  width: 60%;
  float: left
}

.partner_map_row_right {
  width: 40%;
  float: left
}

.leaflet-popup-content .partner_map_logo {
  max-width: 100% !important;
  text-align: right;
  max-height: 55px
}

.partner_map_title {
  width: 100%;
  float: left;
  font-weight: 700
}

.partner_map_partner_type {
  width: 100%;
  float: left
}

.partner_map_more_info {
  width: 100%;
  float: left
}

#masthead {
  left: 0;
  margin: 0 auto;
  position: fixed;
  right: 0;
  z-index: 2002
}

.navbar {
  /* border-bottom: 1px solid #40ba2f ;*/
/*  border-bottom: 1px solid #ddd;*/
  background-color:white;
}

.main-content-area {
  margin-top: 81px !important
}

.single-post .main-content-area {
  background: #fff;
  width: 1370px
}

.btn-default,
.label-default,
.site-header a {
  transition: none
}

.block_lang_selector {
  background: #fafafa url("https://www.collaboraoffice.com/wp-content/uploads/2016/12/carret.png") no-repeat scroll 90% 50%;
  border: 1px solid #ccc;
  border-radius: 12px;
  float: right;
  margin: 16px 48px 0 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  width: 120px;
  z-index: 2001
}

.block_lang_selector p {
  display: none
}

.block_lang_selector select {
  padding: 1px 8px;
  width: 130%;
  border: none;
  box-shadow: none;
  background: transparent;
  background-image: none;
  -webkit-appearance: none
}

.block_lang_selector select:focus {
  outline: none
}

.navbar-default .navbar-nav>li>a {
  font-family: "CarlitoRegular", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.44;
  color: #5c3de2;
  text-transform: none !important
}

.main-content-area {
  margin: 0 auto
}

.site-header {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}

/*
.navbar.navbar-default,
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
  background-color: #fff
}*/

.dropdown-menu {
  border: none;
  border-radius: 0;
  box-shadow: none
}

.site-header #logo {
  width: 252px;
  margin: 10px 15px 15px
}

.navbar .container {
  width: auto
}

.navbar-nav .menu-item {
  padding: 10px 0
}

.navbar-nav .menu-item .menu-item {
  padding: 0
}

.navbar-nav .menu-item .menu-item a:hover {
/*  background: #DBDBDB;*/
background:white;
}

.navbar-nav>li:last-child a {
  font-weight: 700
}

.caret {
  border: none;
  display: inline-block;
  margin-left: 2px;
  vertical-align: middle;
  background: rgba(0, 0, 0, 0) url("https://www.collaboraoffice.com/wp-content/uploads/2016/12/carret.png") repeat scroll 0 0;
  width: 13px;
  height: 8px
}

.block_with_bg {
  width: 100%;
  position: relative;
  float: left;
/*  margin: 0 0 -10px*/
}

.block_with_bg_back {
  width: 100%;
  position: relative
}

/* .block_with_bg_back2 {
	width:100%;
	position:relative
} */
.block_with_bg_front {
  width: 57%;
  padding: 0 0 0 8%;
  position: absolute;
  top: 0;
  color: #fff
}

.block_with_bg_front_wider {
  width: 64%
}

.block_with_bg_front_full_width {
  width: 100%;
  padding: 7% 8% 0;
  text-align: center
}

.block_with_bg_front_full_width .block_three_columns {
  padding: 3% 0 0
}

.block_with_bg_front_full_width .block_column_2 {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff
}

.block_with_bg_front_full_width .block_three_columns .block_column_1,
.block_with_bg_front_full_width .block_three_columns .block_column_2,
.block_with_bg_front_full_width .block_three_columns .block_column_3 {
  padding: 0 3%
}

.block_with_bg_title {
  float: left;
  width: 100%
}

.block_subtitle,
.block_with_bg_subtitle {
  float: left;
  width: 100%
}

.block_with_bg_button {
  float: left;
  position: relative;
  padding: 42px 0
}

.block_plain_text,
.block_with_bg_plain_text {
  float: left;
  width: 100%
}

.block_link,
.block_with_bg_link {
  float: left;
  padding: 20px 0 0;
  width: 100%
}

.block_news_and_events {
  width: 100%;
  float: left;
  padding: 42px 8%
}

.block_events {
  width: 30%;
  float: left;
  padding: 0 0 0 4%
}

.block_news {
  width: 70%;
  float: left;
  border-right: 1px solid #40ba2f
}

.block_event_header,
.block_news_header {
  width: 100%;
  padding: 0
}

.block_event_header h1 a,
.block_news_header h1 a {
  font-size: 20px;
  font-weight: 700;
/*  color: #5c3de2;*/
  color:#333;
  text-decoration: none;
  text-transform: uppercase
}

.block_event_items {
  float: left;
  width: 100%
}

.block_news_items {
  float: left;
  width: 100%
}

.block_news_item {
  float: left;
  padding: 0 3% 0 0;
  width: 31%
}

.block_event_item {
  width: 100%;
  float: left;
}

.block_event_title h2 a {
  font-size: 20px;
}

.block_news_title h2 a {
  font-size: 18px;
}

.block_event_title h2 a,
.block_news_title h2 a {
  font-family: "CarlitoRegular", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
/*  color: #4a4a4a;*/
color:var(--mypurple);
  text-decoration: none
}

.block_event_title p,
.block_news_title p {
  font-family: "CarlitoRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.43;
  text-align: left;
  color: #4a4a4a
}

.bar_title {
  width: 100%;
  float: left
}

.bar_text {
  width: 100%;
  float: left
}

.bar_text p {
  font-family: "CarlitoRegular", Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1.44;
  color: #4a4a4a
}

.bar_text p a {
  font-weight: 700;
  color: #5239b5;
  text-decoration: none
}

.bar_logos_slider {
  padding: 30px 0 0
}

.bar_title_center {
  width: 100%;
  float: left;
  text-align: center
}

.bar_text_center {
  text-align: center;
  width: 100%;
  float: left
}

.bar_text_center_images {
  margin: 0 auto;
  width: 100%;
  padding: 10px 0
}

.bar_text_center_images img {
  margin: 0 2% 10px
}

.bar_extra_top_padding {
  padding-top: 6% !important
}

#footer-area {
/*  background: #623FCC*/
background-color:white;
}

#footer-area .footer-widget-area {
 /* background: #623FCC;*/
 background-color:#5C2983;
  padding: 42px 8% 0
}

#footer-area .footer-widget {
  padding-right: 0
}

.footer-widget .widget_nav_menu {
  width: 50%;
  float: left
}

#nav_menu-2 {
  width: 62%
}

#nav_menu-3 {
  width: 38%
}

#nav_menu-4 {
  width: 28%
}

#nav_menu-5 {
  width: 72%
}

.footer-widget .widget_nav_menu h3 {
  font-family: "CarlitoRegular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.25;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 0 14px
}

.footer-widget .widget_nav_menu h3 a {
  font-family: "CarlitoRegular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.25;
  color: #fff;
  text-decoration: none
}

.widget ul li {
  margin: 4px 0
}

#footer-area ul li {
  border-bottom: none
}

#footer-area .btn-default {
  background-color: #f3f3f3;
  border-color: #fff;
  border-radius: 0 6px 6px 0;
  box-shadow: none;
  color: #777;
  font-family: "CarlitoRegular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  padding: 5px 8px 6px;
  text-shadow: none;
  width: auto
}

#colophon {
  padding: 0;
  width: 100%;
  border-top: none;
/*  background: #DDD*/
background-color: #fff;
}

.site-info {
/*  background: #f2f2f2*/
}

.site-info,
#footer-area {
/*  background: #DDD*/
/*background-color: white;*/
}

.site-info,
.footer-inner {
  padding: 0 30px
}

.footer-inner {
  position: relative;
  z-index: 100
}

.site-info .col-md-6 {
  display: none
}

div.copyright {
  display: block !important;
  background: #623FCC;
/*  border-bottom: 8px solid #40ba2f;*/
border-bottom: 8px solid #5c2983;
  margin: 0;
  text-align: center;
  padding: 20px 0
}

.block_interior_grey,
.block_interior_white,
.block_interior_purple,
.block_interior_red {
  padding: 2% 7%;
  position: relative;
  width: 100%;
  float: left;
  z-index: 1001
}

.block_interior_red {
  background-color: #b72333;
}

.block_interior_grey {
  background: #F3F3F3
}

.block_interior_white {
  background: #fff
}

.block_interior_purple {
/*  background: #5c3dcc;*/
  background:#5C2983;
  color: #fff
}

.block_interior_white_reduced_top_padding,
.block_interior_grey_reduced_top_padding,
.block_interior_purple_reduced_top_padding {
  padding-top: 1%
}

.block_interior_white_reduced_bottom_padding,
.block_interior_grey_reduced_bottom_padding,
.block_interior_purple_reduced_bottom_padding {
  padding-bottom: 1%
}

.block_interior_top_bar {
  border-top: 2px solid #D3D3D3
}

.block_interior_bottom_bar {
  border-bottom: 2px solid #D3D3D3
}

.block_interior_with_bg {
  width: 100%;
  position: relative;
  float: left;
  margin-top:3%;
  margin-bottom:6px;
  margin-left:0;
  margin-right:0;
/*  margin: 0 0 6px*/
}

.block_interior_map {
  width: 100%;
  height: 400px
}

.block_interior_map a,
.block_interior_map a:hover {
  text-decoration: none !important
}

.block_interior_no_padding_top {
  padding-top: 0
}

.block_interior_no_padding_bottom {
  padding-bottom: 0
}

.block_interior_with_bg_back {
  width: 100%;
  position: absolute;
  overflow: hidden
}

.block_interior_with_bg_front {
  width: 67%;
  padding: 6% 8% 0;
  position: relative;
  top: 0;
  float: left
}

.block_interior_with_bg_front_narrow_column {
  width: 73%;
  padding: 0
}

.block_interior_with_bg_front_medium_narrow_column {
  width: 92%;
  padding: 0
}

.block_interior_title,
.block_interior_with_bg_title {
  float: left;
  width: 100%
}

.block_interior_title_2,
.block_interior_with_bg_title_2 {
  float: left;
  width: 100%;
  margin: 10px 0 0
}

.block_interior_subtitle,
.block_interior_with_bg_subtitle {
  float: left;
  width: 100%;
  padding: 22px 0 2px
}

.block_interior_paragraph_title,
.block_interior_with_bg_paragraph_title {
  float: left;
  width: 100%;
  padding: 22px 0 0
}

.block_interior_paragraph,
.block_interior_with_bg_paragraph {
  float: left;
  width: 100%;
  padding: 16px 0 2px
}

.block_interior_button,
.block_interior_with_bg_button {
  float: left;
  position: relative;
  padding: 42px 0 6px
}

.block_interior_plain_text,
.block_interior_with_bg_plain_text {
  float: left;
  width: 100%
}

.block_interior_link,
.block_interior_with_bg_link {
  float: left;
  padding: 20px 0 0;
  width: 100%
}

.img_half_visible {
  position: relative;
  right: -43%;
  width: 57%;
  margin: 4% 0 0
}

.form_popup h1 {
  padding: 0 0 8px
}

.block_text_clear {
  color: #fff
}

a.block_text_clear:hover {
  color: #fff
}

.block_with_bg_front_text .block_text_clear a {
  color: #fff
}

.block_with_bg_front_text block_text_clear a:hover {
  color: #fff
}

a.block_text_purple:hover {
  color: #5c3de2
}

.block_with_bg_front_text .block_text_purple a {
  color: #5c3de2
}

.block_with_bg_front_text block_text_purple a:hover {
  color: #5c3de2
}

.block_text_dark {
  color: #4a4a4a
}

.block_text_purple {
  color: #5c3de2
}

.block_text_brand_color {
  color: #5c3de2
}

.block_title {
  font-family: "MontserratBold", Montserrat, sans-serif;
  font-size: 55px;
  font-weight: 700
}

.block_title_2 {
  font-family: "MontserratBold", Montserrat, sans-serif;
  font-size: 30px;
  line-height: 1.33;
  font-weight: 700
}

.block_subtitle {
  font-family: "MontserratBold", Montserrat, sans-serif;
  font-size: 22px;
  line-height: 1.33;
  font-weight: 400
}

.block_text_intro_paragraph {
  opacity: .8;
  font-family: "CarlitoRegular", Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #fff;
  line-height: 1.7;
  font-weight: 400
}

.block_text_intro_paragraph strong {
  font-family: "CarlitoBold", Arial, Helvetica, sans-serif;
}

.block_link_medium {
  font-family: "MontserratBold", Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.83;
  text-decoration: none
}

.block_link_big {
  font-family: "MontserratBold", Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.83;
  text-decoration: none
}

.list_highlighted ul {
  padding: 4px 0;
  list-style: outside none none
}

.list_highlighted ul li {
  padding: 2px 0
}

.block_title_paragraph {
  font-family: "MontserratBold", Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.33
}

.block_big_title_paragraph {
  font-family: "MontserratBold", Montserrat, sans-serif;
  font-size: 28px;
  font-weight: 700;
  float: left;
  padding: 20px 0 0;
  width: 100%
}

.block_text_paragraph {
  float: left;
  padding: 12px 0 0;
  width: 100%;
  font-weight: 400
}

.block_text_paragraph,
.block_text_paragraph p {
  font-family: "CarlitoRegular", Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1.44;
  font-weight: 400
}

.block_text_paragraph,
.block_text_paragraph p strong {
  font-family: "CarlitoBold", Arial, Helvetica, sans-serif;
}

.block_text_paragraph,
.block_text_paragraph p i,
.block_text_paragraph,
.block_text_paragraph p em {
  font-family: "CarlitoItalic", Arial, Helvetica, sans-serif;
}

.block_text_paragraph_highlighted {
  float: left;
  width: 100%;
/*  padding: 22px 0 2px;*/
padding-top:0;
  font-weight: 400
}

.block_text_vertical_highlighted_list {
  padding: 1% 0 !important
}

.block_text_paragraph_highlighted,
.block_text_paragraph_highlighted p {
  font-family: "CarlitoRegular", Arial, Helvetica, sans-serif;
  font-size: 22px;
  line-height: 1.33;
  font-weight: 400
}

.block_text_paragraph_highlighted,
.block_text_paragraph_highlighted p strong,
.block_text_paragraph_highlighted,
.block_text_paragraph_highlighted p b {
  font-family: "CarlitoBold", Arial, Helvetica, sans-serif;
}

.block_text_paragraph_highlighted,
.block_text_paragraph_highlighted p em,
.block_text_paragraph_highlighted,
.block_text_paragraph_highlighted p i {
  font-family: "CarlitoItalic", Arial, Helvetica, sans-serif;
}

.block_text_paragraph_title a,
.block_text_paragraph_title_big a,
.block_text_paragraph_highlighted a,
.block_text_paragraph a,
.block_interior_white a {
  color: #5c3de2;
  text-decoration: none
}

.block_text_paragraph_title {
  float: left;
  padding: 35px 0 0;
  width: 100%;
  font-weight: 400
}

.block_interior_white .block_text_paragraph_title,
.block_interior_grey .block_text_paragraph_title {
  padding: 0
}

.block_text_paragraph_title,
.block_text_paragraph_title p {
  font-family: "CarlitoRegular", Arial, Helvetica, sans-serif;
  font-size: 22px;
  line-height: 1.33;
  font-weight: 400
}

.block_text_paragraph p .block_text_paragraph_title p {
  margin: 0 0 2%
}

.block_text_paragraph_title_big,
.block_text_paragraph_title_big p,
.block_text_paragraph_title_big h1,
.block_text_paragraph_title_big h2,
.block_text_paragraph_title_big h3 {
  font-family: "CarlitoRegular", Arial, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 1.33;
  font-weight: 700
}

.block_text_paragraph_list {
  float: left;
  width: 100%
}

.block_text_paragraph_list ul {
  padding: 10px 0 0 9%;
  list-style: outside none disc
}

.block_text_paragraph_list ul li {
  font-family: "CarlitoRegular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1;
  padding: 5px 0
}

.block_text_paragraph p {
  font-family: "CarlitoRegular", Arial, Helvetica, sans-serif;
}

.block_text_paragraph p em,
.block_text_paragraph p i {
  font-family: "CarlitoItalic", Arial, Helvetica, sans-serif;
}

.block_text_paragraph p strong,
.block_text_paragraph p b {
  font-family: "CarlitoBold", Arial, Helvetica, sans-serif;
}

.full-width-button {
  width: 100%
}

.block_button {
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  font-family: Montserrat, "liberation sans", sans;
  display: inline-block;
  padding: 3px 40px;
  border-radius: 2px;
  text-decoration: none !important;
  border-bottom: 4px solid #ccc
}

.form_popup .block_button {
  border-radius: 3px;
  border-bottom: none
}

.block_button_clear {
  background: #fff
}

.block_white_button_clear {
  background: #fff
}

.block_button_brand_color {
  background: #5c3de2
}

.block_button_white_color {
  background: #fff;
  color: #5c3de2
}

.block_three_columns,
.block_two_columns {
  position: relative;
  width: 100%;
  float: left
}

.block_two_columns .block_column_1,
.block_two_columns .block_column_2 {
  width: 49%;
  float: left
}

.block_two_columns .block_column_1_thin,
.block_two_columns .block_column_2_thin {
  width: 45%;
  float: left
}

.block_two_columns .block_column_1 {
  margin-right: 2%
}

.block_two_columns .block_column_1_thin {
  margin-right: 10%
}

.block_three_columns .block_column_1,
.block_three_columns .block_column_2,
.block_three_columns .block_column_3 {
  width: 32%;
  float: left;
  padding-bottom: 0 0 2%
}

.block_three_columns .block_column_1,
.block_three_columns .block_column_2 {
  padding-right: 2%
}

.block_interior_reduced_bottom_padding {
  padding-bottom: 0
}

.block-interior-table {
  width: 100%
}

.block-interior-table .table_header {
  background: #fff none repeat scroll 0 0;
  text-align: center;
  vertical-align: bottom
}

.block-interior-table .table_header_first {
  text-align: left
}

.block-interior-table .table_header_first .block_interior_title_2 {
  margin: 10px 0
}

.block-interior-table .feature_row,
.block-interior-table .table_online_editor_line,
.block-interior-table .table_desktop_editor_line {
  background: #F3F3F3
}

.block-interior-table th,
.block-interior-table td {
  border-bottom: 1px solid #e4e4e4;
  padding: 5px 0 5px 17px
}

.block-interior-table td.text-center {
  color: #9a9a9a;
  font-size: 14px
}

.block-interior-table button.osc_tooltip {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-bottom: 1px dashed;
  border-radius: 0;
  border-top: 0 none;
  height: 20px;
  margin: 0;
  padding: 0;
  text-transform: none;
  font-size: 16px
}

.list_with_increased_paddings ul {
  padding: 0 0 12px 20px
}

.list_with_increased_paddings ul li {
  padding: 10px 0 0
}

.block_text_small_subtitle_light {
  color: #CCCBCB;
  text-transform: uppercase;
  padding: 4px 0 0;
  margin: 0
}

.block_text_small_subtitle_light a {
  color: #CCCBCB;
  text-transform: uppercase;
  text-decoration: none
}

pre {
  background-color: #f4f6f6;
  border: none;
  border-radius: 4px;
  color: #333;
  display: block;
  font-size: 13px;
  line-height: 1.42857;
  margin: 0 0 10px;
  padding: 2%
}

.text_light_with_shadow {
  color: #fff;
  text-shadow: 1px 1px 3px #000
}

.title_increased_size {
  display: inline-block;
  font-size: 34px;
  padding: 10px 0
}

.block_interior_with_bg_front_blue_overlay {
  background: rgba(0, 0, 0, 0) url("https://www.collaboraoffice.com/wp-content/uploads/2017/02/patrner_map_overlay.png") no-repeat scroll right top;
  opacity: .8;
  width: 50%
}

.post-grid {
  background: #f3f3f3 !important;
  padding: 0 !important
}

.post-grid .nav-search {
  padding: 0 0 3% !important
}

.post-grid .item {
  border: 1px solid #ced0d2
}

.post-grid .layer-media {
/*  border-bottom: 1px solid #73cc3d*/
border-bottom:1px solid #5c2983;
}

.post-grid .item .layer-media a {
  display: block;
  height: 145px;
  position: relative;
  width: 280px
}

.post-grid .item .layer-media img {
  border-radius: 0;
  bottom: 0;
  box-shadow: none;
  height: auto;
  left: 0;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  padding: 6px 7px 6px 5px;
  position: absolute;
  right: 0;
  top: 0;
  width: auto
}

.post-grid .item .post_date {
  font-family: "CarlitoRegular", Arial, Helvetica, sans-serif;
  font-size: 18px !important;
  line-height: 1.44;
  color: #4a4a4a;
  padding: 16px 10px 0 !important;
  text-align: left
}

.post-grid .item .title_link {
  font-family: Montserrat, "liberation sans", sans-serif;
  font-size: 20px !important;
  color: #4a4a4a;
  padding: 16px 10px 0 !important;
  text-decoration: none;
  display: block;
  text-align: left
}

.post-grid .item .excerpt {
  font-family: "CarlitoRegular", Arial, Helvetica, sans-serif;
  color: #4a4a4a;
  padding: 16px 10px 0 !important;
  font-size: 18px !important;
  line-height: 1.44;
  color: #4a4a4a
}

.post-grid .item .read_more {
  font-family: "CarlitoRegular", Arial, Helvetica, sans-serif;
  color: #4a4a4a;
  font-size: 18px !important;
  line-height: 1.44;
  color: #4a4a4a;
  padding: 16px 10px 5px !important;
  text-decoration: none
}

.post-grid .item a:hover {
  text-decoration: underline !important
}

.grid-nav-bottom {
  text-align: center
}

.post-grid .pagination.lite .page-numbers {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #623fcc !important;
  color: #4a4a4a;
  cursor: pointer;
  font-size: 16px;
  line-height: normal;
  padding: 3px 10px;
  text-decoration: none
}

.post-grid .grid-nav-top .nav-search {
  width: 65%
}

.post-grid .grid-nav-top .nav-search .search {
  background: #fff url("https://www.collaboraoffice.com/wp-content/uploads/2017/02/SEARCH.jpg") no-repeat scroll 99% center;
  border: 1px solid #ddd;
  border-radius: 0;
  display: inline-block;
  height: 46px;
  padding: 0 35px 0 10px;
  vertical-align: top;
  width: 100% !important
}

.block_interior_news_tabs {
  text-align: center
}

/**
 * Partner portal
 */
/* Remove the WP top menu */
.collabora_page_partner_portal_news .site-header, 
.collabora_page_partner_portal_collabora_online .site-header, 
.collabora_page_partner_portal_collabora_office .site-header {
  display: none;
}
/* Remove the small vertical white gap we have before the table */
.collabora_page_partner_portal_news .site-main, 
.collabora_page_partner_portal_collabora_online .site-main, 
.collabora_page_partner_portal_collabora_office .site-main {
  margin-top: 0
}
/* To hide Mautic Focus Item */
.collabora_page_partner_portal_news .mf-bar-iframe,
.collabora_page_partner_portal_news .mf-bar-collapser,
.collabora_page_partner_portal_news .mf-bar-spacer,
.collabora_page_partner_portal_collabora_online .mf-bar-iframe,
.collabora_page_partner_portal_collabora_online .mf-bar-collapser,
.collabora_page_partner_portal_collabora_online .mf-bar-spacer,
.collabora_page_partner_portal_collabora_office .mf-bar-iframe,
.collabora_page_partner_portal_collabora_office .mf-bar-collapser,
.collabora_page_partner_portal_collabora_office .mf-bar-spacer {
  display: none;
}
/* Ensure the table takes the whole screen width */
.collabora_page_partner_portal_news .container.main-content-area,
.collabora_page_partner_portal_collabora_online .container.main-content-area,
.collabora_page_partner_portal_collabora_office .container.main-content-area {
  margin: 0 !important;
  width: auto;
}
.collabora_page_partner_portal_news .main-content-inner,
.collabora_page_partner_portal_collabora_online .main-content-inner,
.collabora_page_partner_portal_collabora_office .main-content-inner {
  padding: 0;
  width: 100%;
}

.news_tab_list {
  list-style-type: none;
  margin: 0;
  padding: 0
}

.news_tab_list li {
  display: inline
}

.news_tab_list li span,
.news_tab_list li a {
  font-family: "CarlitoRegular", Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #4a4a4a;
  text-decoration: none;
  text-transform: uppercase;
  margin: 0 .4%;
  padding: 0 .2%;
  border-bottom: 4px solid #fff
}

.news_tab_list li .current_news_category {
  border-bottom: 4px solid #5c3dcc
}

.block_map_text {
  padding-bottom: 20px;
  color: #fff !important
}

table.CustomerOverview {
  clear: both;
  position: relative;
  width: 100%;
}

.CustomerOverview thead th {
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  padding: 6px 8px 3px;
  cursor: pointer;
}

.CustomerOverview tbody tr:first-child {
  border-top: medium none
}

.CustomerOverview tbody td {
  border: 0 solid;
  padding: 6px 8px 3px;
  white-space: nowrap
}

.CustomerOverview table a:hover {
  color: #000
}

.CustomerOverview tbody tr td {
  background-color: #fbfbfb;
  text-align: left
}

.CustomerOverview tbody tr.Even td {
  background-color: #f2f2f2
}

.CustomerOverview tbody tr:nth-child(2n) td {
  background-color: #f2f2f2
}

.CustomerOverview .partner_table_arrow {
  float: right
}

.partner_pack_tabs {
  background: #fff;
}

.partner_pack_tabs .nav-tabs>li {
  margin-bottom: 0
}

.partner_pack_tabs .nav-tabs>li>a {
  padding: 8px;
  background: #5C2983;
  color: #fff;
  text-decoration: none;
  text-transform: none;
  font-size: 14px
}

.partner_pack_tabs .nav-tabs>li>a:hover {
  text-decoration: underline
}

.partner_pack_tabs .nav-tabs>li.active>a {
  color: #4a4a4a !important;
}

.partner_pack_tabs .nav-tabs>li.active>a,
.partner_pack_tabs .nav-tabs>li.active>a:hover {
  background: #fff;
}

.tab-pane {
  background: #fff;
  text-align: left;
  height: 233px;
  overflow-y: scroll
}

.tab-content .partner_pack_simple_list {
  padding: 0
}

.tab-content .partner_pack_simple_list li {
  list-style: outside none disc;
  margin: 0 0 0 24px
}

.partner_portal_news_table th {
  background: #5C2983 none repeat scroll 0 0;
  border-right: 12px solid #f3f3f3;
  color: #fff;
  font-size: 18px;
  padding: 3px 6px !important;
  width: 49%
}

.partner_portal_img_text {
  margin: 46px 0
}

.partner_portal_login_form {
  width: 50%;
  margin: 0 auto
}

@media (max-width:991px) {
  .site-header #logo {
    max-width: 76%
  }

  .single-post .main-content-area {
    width: auto;
    background: #ddd
  }

  .block_interior_with_bg_front_blue_overlay {
    width: 100%;
    background-color: #623FCC
  }

  .entry-content {
    font-size: 14px
  }

  .block_title {
    font-size: 20px
  }

  .title_increased_size {
    font-size: 20px
  }

  .block_title_2 {
    font-size: 18px
  }

  .block_subtitle {
    font-size: 14px
  }

  .block_link_medium,
  .block_link_big {
    font-size: 14px;
    line-height: 1.63
  }

  .block_text_intro_paragraph {
    font-size: 14px
  }

  .block_lang_selector {
    margin: 3px 48px 0 0
  }

  .block_title_paragraph {
    font-size: 16px;
    line-height: 1.13
  }

  .block_big_title_paragraph {
    font-size: 20px
  }

  .block_with_bg_button {
    padding: 0
  }

  .block_news {
    width: 100%;
    border-right: none;
/*    border-bottom: 1px solid #40ba2f*/
border-bottom: 1px solid #5c2983;
  }

  .block_events,
  .block_news_item {
    padding: 0;
    width: 100%
  }

  .block_event_title h2,
  .block_news_title h2 {
    margin: 0
  }

  .block_with_bg_back {
    display: none
  }

  .block_with_bg_back2 {
    display: none
  }

  .block_with_bg_front {
    width: auto;
    padding: 10px;
    position: relative;
    float: left;
    color: #4a4a4a
  }

  .block_title,
  .block_with_bg_title {
    color: #4a4a4a !important
  }

  .block_subtitle,
  .block_with_bg_subtitle {
    color: #4a4a4a !important
  }

  .block_plain_text,
  .block_with_bg_plain_text {
    display: block;
    color: #4a4a4a !important
  }

  .block_button {
    font-size: 16px;
    padding: 3px 20px;
    float: left;
    width: 100%
  }

  .block_link,
  .block_with_bg_link {
    padding: 10px 0;
    float: left;
    width: 100%
  }

  .block_subtitle,
  .block_with_bg_subtitle {
    padding: 5px 0 0
  }

  .block_link a,
  .block_with_bg_link a {
    color: #4a4a4a !important
  }

  #nav_menu-2 {
    width: 100%
  }

  #nav_menu-3 {
    width: 100%
  }

  #nav_menu-4 {
    width: 100%
  }

  #nav_menu-5 {
    width: 100%
  }

  #logo img {
    width: 80%
  }

  .block_interior_with_bg_back {
    display: none
  }

  .block_interior_front,
  .block_interior_with_bg_front {
    width: auto;
    padding: 10px;
    position: relative;
    float: left
  }

  .block_interior_subtitle,
  .block_interior_with_bg_subtitle {
    padding: 6px 0 2px;
    width: 100%
  }

  .block_interior_paragraph_title,
  .block_interior_with_bg_paragraph_title {
    padding: 6px 0 0;
    width: 100%
  }

  .block_interior_paragraph,
  .block_interior_with_bg_paragraph {
    padding: 6px 0 2px;
    width: 100%
  }

  .block_interior_button a,
  .block_interior_with_bg_button a {
    width: 100%;
    float: left
  }

  .block_interior_plain_text,
  .block_interior_with_bg_plain_text {
    display: block
  }

  .block_interior_link a,
  .block_interior_with_bg_link a {
    width: 100%;
    float: left
  }

  .block_interior_button,
  .block_interior_with_bg_button {
    padding: 20px 0 2px;
    float: left;
    width: 100%
  }

  .block_interior_link,
  .block_interior_with_bg_link {
    padding: 10px 0;
    float: left;
    width: 100%
  }

  .block_text_paragraph,
  .block_text_paragraph p,
  .block-interior-table button.osc_tooltip {
    font-size: 14px;
    line-height: 1.44
  }

  .block_text_paragraph_highlighted,
  .block_text_paragraph_highlighted p {
    font-size: 16px;
    line-height: 1.33
  }

  .block_text_paragraph_title,
  .block_text_paragraph_title p {
    font-size: 14px;
    line-height: 1.33;
    width: 100%;
    padding: 10px 0 0
  }

  .block_text_paragraph_title_big,
  .block_text_paragraph_title_big p,
  .block_text_paragraph_title_big h1,
  .block_text_paragraph_title_big h2,
  .block_text_paragraph_title_big h3 {
    font-size: 16px;
    line-height: 1.33
  }

  .block_text_paragraph_list ul li {
    font-family: "CarlitoRegular", Arial, Helvetica, sans-serif;
    font-size: 14px
  }

  .block_interior_front,
  .block_interior_with_bg_front {
    width: 100%;
    padding: 4% 8% 0;
    position: relative;
    top: auto;
    width: 100%
  }

  .block_interior_with_bg_front_medium_narrow_column .block_interior_front_narrow_column,
  .block_interior_with_bg_front_narrow_column {
    width: 100%;
    padding: 0
  }

  .block_two_columns .block_column_1,
  .block_two_columns .block_column_2,
  .block_two_columns .block_column_1_thin,
  .block_two_columns .block_column_2_thin {
    width: 100%;
    padding: 0
  }

  .block_three_columns .block_column_1,
  .block_three_columns .block_column_2,
  .block_three_columns .block_column_3 {
    width: 100%;
    float: left;
    padding-bottom: 0 0 2%
  }

  .block_three_columns .block_column_1,
  .block_three_columns .block_column_2 {
    padding-right: 0
  }

  .block-interior-table .table_header img {
    display: none
  }

  .text_light_with_shadow {
    color: #4a4a4a;
    text-shadow: none
  }
}

@media (min-width:768px) {
  .navbar-default .navbar-nav>li>a {
    font-size: calc(11px + 0.3vw);
    padding: 18px 0px;
  }
}

@media (min-width:992px) {
  .navbar-header {
    display: none
  }

  .site-info,
  .footer-inner,
  .site-header {
    width: 970px
  }

  .single-post .main-content-area {
    width: 940px;
    background: #fff
  }

  .block_interior_with_bg_front_blue_overlay {
    width: 62%
  }

  .entry-content {
    font-size: 16px
  }

  .block_title {
    font-size: 48px
  }

  .title_increased_size {
    font-size: 30px
  }

  .block_title_2 {
    font-size: 30px
  }

  .block_subtitle {
    font-size: 16px;
    line-height: 1.3
  }

  .block_link_medium,
  .block_link_big {
    font-size: 16px;
    line-height: 1.63
  }

  .block_with_bg_plain_text {
    display: block
  }

  .block_text_intro_paragraph {
    font-size: 16px;
    line-height: 1.4
  }

  .block_title_paragraph {
    font-size: 20px;
    line-height: 1.33
  }

  .block_big_title_paragraph {
    font-size: 28px
  }

  .block_button {
    font-size: 22px;
    padding: 3px 40px
  }

  .block_with_bg_button {
    padding: 22px 0
  }

  .block_with_bg_link {
    padding: 16px 0 0
  }

  .block_with_bg_subtitle {
    padding: 16px 0 0
  }

  #nav_menu-2 {
    width: 62%
  }

  #nav_menu-3 {
    width: 38%
  }

  #nav_menu-4 {
    width: 28%
  }

  #nav_menu-5 {
    width: 72%
  }

  .navbar-default .navbar-nav>li>a {
    padding-left: 6px;
    padding-right: 6px
  }

  .site-header #logo {
    margin: 16px 0 15px 15px;
    width: 221px
  }

  .block_interior_subtitle,
  .block_interior_with_bg_subtitle {
    padding: 12px 0 2px
  }

  .block_interiorg_paragraph_title,
  .block_interior_with_bg_paragraph_title {
    padding: 12px 0 0
  }

  .block_interior_paragraph,
  .block_interior_with_bg_paragraph {
    padding: 10px 0 2px
  }

  .block_interior_plain_text,
  .block_interior_with_bg_plain_text {
    display: block
  }

  .block_interior_button,
  .block_interior_with_bg_button {
    padding: 22px 0 4px
  }

  .block_interior_link,
  .block_interior_with_bg_link {
    padding: 16px
  }

  .block_text_paragraph,
  .block_text_paragraph p {
    font-size: 14px;
    line-height: 1.44
  }

  .block_text_paragraph_highlighted,
  .block_text_paragraph_highlighted p {
    font-size: 18px;
    line-height: 1.33;
    font-family: "CarlitoRegular", Carlito, sans-serif;
  }

  .block_text_paragraph_title,
  .block_text_paragraph_title p {
    padding: 16px 0 0;
    font-size: 16px;
    line-height: 1.33
  }

  .block_text_paragraph_title_big,
  .block_text_paragraph_title_big p,
  .block_text_paragraph_title_big h1,
  .block_text_paragraph_title_big h2,
  .block_text_paragraph_title_big h3 {
    font-size: 18px;
    line-height: 1.33
  }

  .block_text_paragraph_list ul li {
    font-family: "CarlitoRegular", Arial, Helvetica, sans-serif;
    font-size: 16px
  }

  .block_three_columns .block_column_1,
  .block_three_columns .block_column_2,
  .block_three_columns .block_column_3 {
    width: 32%;
    float: left;
    padding-bottom: 0 0 2%
  }

  .block_three_columns .block_column_1,
  .block_three_columns .block_column_2 {
    padding-right: 2%
  }

  .text_light_with_shadow {
    color: #fff;
    text-shadow: 1px 1px 3px #000
  }
}

@media (min-width:1200px) {

  .site-info,
  .footer-inner,
  .site-header {
    width: 1170px
  }

  .navbar-header {
    display: block
  }

  .single-post .main-content-area {
    width: 1140px
  }

  .block_interior_with_bg_front_blue_overlay {
    width: 54%
  }

  .block_title {
    font-size: 55px
  }

  .title_increased_size {
    font-size: 30px
  }

  .block_title_2 {
    font-size: 30px
  }

  .block_subtitle {
    font-size: 19px;
    line-height: 1.33
  }

  .block_link_medium,
  .block_link_big {
    font-size: 18px;
    line-height: 1.83
  }

  .block_text_intro_paragraph {
    font-size: 18px;
    line-height: 1.7
  }

  .block_title_paragraph {
    font-size: 20px;
    line-height: 1.33
  }

  .block_big_title_paragraph {
    font-size: 28px
  }

  .block_button {
    font-size: 22px;
    padding: 3px 40px
  }

  .block_with_bg_button {
    padding: 42px 0
  }

  .block_with_bg_link {
    padding: 20px 0 0
  }

  .block_with_bg_subtitle {
    padding: 20px 0 2px
  }

  .block_news {
    width: 70%;
    float: left;
/*    border-right: 1px solid #40ba2f;*/
    border-right: 1px solid #5c2983;
    border-bottom: none
  }

  .block_events {
    width: 30%;
    padding: 0 0 0 4%
  }

  .block_news_item {
    float: left;
    padding: 0 3% 0 0;
    width: 31%
  }

  .block_event_item {
    width: 100%;
    float: left
  }

  .block_event_title h2,
  .block_news_title h2 {
    margin: 10px 0 6px
  }

  .navbar-default .navbar-nav>li>a {
    padding-left: 15px;
    padding-right: 15px
  }

  .site-header #logo {
    margin: 10px 15px 15px;
    width: 252px
  }

  .block_interior_subtitle,
  .block_interior_with_bg_subtitle {
    padding: 18px 0 2px
  }

  .block_interior_paragraph_title,
  .block_interior_with_bg_paragraph_title {
    padding: 18px 0 0
  }

  .block_interior_paragraph,
  .block_interior_with_bg_paragraph {
    padding: 12px 0 2px
  }

  .block_interior_plain_text,
  .block_interior_with_bg_plain_text {
    display: block
  }

  .block_interior_button,
  .block_interior_with_bg_button {
    padding: 22px 0 6px
  }

  .block_interior_link,
  .block_interior_with_bg_link {
    padding: 20px 0 0
  }

  .block_text_paragraph,
  .block_text_paragraph p {
    font-size: 16px;
    line-height: 1.44
  }

  .block_text_paragraph_highlighted,
  .block_text_paragraph_highlighted p {
    font-size: 20px;
    line-height: 1.33
  }

  .block_text_paragraph_title,
  .block_text_paragraph_title p {
    padding: 35px 0 0;
    font-size: 18px;
    line-height: 1.33
  }

  .block_text_paragraph_title_big,
  .block_text_paragraph_title_big p,
  .block_text_paragraph_title_big h1,
  .block_text_paragraph_title_big h2,
  .block_text_paragraph_title_big h3 {
    font-size: 20px;
    line-height: 1.33
  }

  .block_three_columns .block_column_1,
  .block_three_columns .block_column_2,
  .block_three_columns .block_column_3 {
    width: 32%;
    float: left;
    padding-bottom: 0 0 2%
  }

  .block_three_columns .block_column_1,
  .block_three_columns .block_column_2 {
    padding-right: 2%
  }
}

@media (min-width:1430px) {

  .site-info,
  .footer-inner,
  .site-header {
    width: 1400px
  }

  .single-post .main-content-area {
    width: 1370px
  }

  .container {
    width: 1400px
  }

  .block_interior_with_bg_front_blue_overlay {
    width: 50%
  }

  .block_title {
    font-size: 55px
  }

  .title_increased_size {
    font-size: 34px
  }

  .block_subtitle {
    font-size: 22px;
    line-height: 1.33
  }

  .block_link_medium,
  .block_link_big {
    font-size: 18px;
    line-height: 1.83
  }

  .block_text_intro_paragraph {
    font-size: 18px;
    line-height: 1.33
  }

  .block_title_paragraph {
    font-size: 20px;
    line-height: 1.33
  }

  .block_big_title_paragraph {
    font-size: 28px
  }

  .block_button {
    font-size: 22px;
    padding: 3px 40px
  }

  .block_with_bg_front {
    padding: 0 0 0 8%
  }

  .block_with_bg_subtitle {
    padding: 22px 0 2px
  }

  .block_with_bg_link {
    padding: 29px 0 0
  }

  .block_interior_front,
  .block_interior_with_bg_front {
    padding: 2% 8% 0
  }

  .block_interior_subtitle,
  .block_interior_with_bg_subtitle {
    padding: 22px 0 2px
  }

  .block_interior_paragraph_title,
  .block_interior_with_bg_paragraph_title {
    padding: 20px 0 0
  }

  .block_interior_paragraph,
  .block_interior_with_bg_paragraph {
    padding: 14px 0 2px
  }

  .block_interior_link,
  .block_interior_with_bg_link {
    padding: 29px 0 0
  }

  .block_text_paragraph,
  .block_text_paragraph p {
    font-size: 18px;
    line-height: 1.44;
    font-family: "CarlitoRegular", sans-serif;
  }

  .block_text_paragraph_highlighted,
  .block_text_paragraph_highlighted p {
    font-size: 22px;
    line-height: 1.33;
    font-family: "CarlitoRegular", Carlito, sans-serif;
  }

  .block_text_paragraph_title,
  .block_text_paragraph_title p {
    padding: 35px 0 0;
    font-size: 22px;
    line-height: 1.33;
    font-family: "CarlitoRegular", sans-serif;
  }

  .block_text_paragraph_title_big,
  .block_text_paragraph_title_big p,
  .block_text_paragraph_title_big h1,
  .block_text_paragraph_title_big h2,
  .block_text_paragraph_title_big h3 {
    font-size: 24px;
    line-height: 1.33
  }

  .block_three_columns .block_column_1,
  .block_three_columns .block_column_2,
  .block_three_columns .block_column_3 {
    width: 32%;
    float: left;
    padding-bottom: 0 0 2%
  }

  .block_three_columns .block_column_1,
  .block_three_columns .block_column_2 {
    padding-right: 2%
  }
}

.block_with_bg_title.block_title.block_text_clear.case {
  margin-top: 90px;
}

.one.spacing {
  height: 20px;
}


/*Add some spacing*/
.faq-section {
  margin: 10px 0px -30px 0px;
  position: relative;
}

/*Hide the paragraphs*/
.faq-section p {
  display: none;
}

/*Hide the checkboxes */
.faq-section input {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
  display: none\9;
  /* IE8 and below */
  margin: 0;
  width: 100%;
  height: 36px;
}

.faq-section,
.faq-section * {
  cursor: pointer;
}

.faq-section {
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
  background-color: #fff;
  border: 1px solid #5C2983;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  margin-left: 5%;
  margin-right: 5%
}

/*Hide the paragraphs*/
.faq-section p {
  display: none;
}

/*Hide the checkboxes */
.faq-section input {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
  display: none;
  margin: 0;
  width: 100%;
  height: 36px;
}

/*Show only the clipped intro */
.faq-section label+p {
  display: block;
  color: #fff;
  font-size: .85em;
  transition: all .15s ease-out;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/*If the checkbox is checked, show all paragraphs*/
.faq-section input[type="checkbox"]:checked~p {
  cursor: default;
  display: block;
  color: #000;
  font-size: 0.95em;
  /* restore clipping defaults */
  text-overflow: clip;
  white-space: normal;
  overflow: visible;
  margin-left: 1%;
  margin-right: 1%;
}

/*Style the label*/
.faq-section label {
  font-size: 1.125em;
  color: #5C2983;
  background: #fff;
  display: block;
  position: relative;
  height: 40px;
  padding: 5px 10px;
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
  transition: all .15s ease-out;
  margin-left: 1%;
  margin-right: 1%;
  margin-top: 14px;
}

/*Remove text selection when toggle-ing*/
.faq-section label::selection {
  background: none;
}

.faq-section:hover {
  /*change border color*/
  box-shadow: 0 0 4px 1px #e3e3e3;
}

/*If the checkbox is checked, style the label accordingly*/
.faq-section input[type="checkbox"]:checked~label {}

/*Label's arrow - default state */
.faq-section label::before {
  content: '';
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -6px;
  border: 6px solid transparent;
  border-left-color: inherit;
}

/*Update the right arrow*/
.faq-section input[type="checkbox"]:checked~label::before {
  border: 6px solid transparent;
  border-top-color: inherit;
  margin-top: -3px;
  right: 10px;
}

.block_with_bg_front_text_faq {
  margin-top: 10%;
  margin-left: 24%;
}

.two.spacing {
  height: 40px;
}

.btn-secondary {
  color: #fff !important;
  text-transform: none;
  box-shadow: 0px 1px 4px 2px #0000001a;
  background-color: #4a4a4a !important;
  border: 0.5px inset rgb(74, 74, 74, 0) !important;
  border-radius: 2px;
  font-family: Montserrat, "liberation sans", sans-serif;
  font-size: 22px;
  font-weight: 700;
  padding: 3px 12px;
  text-align: center;
  text-decoration: none;
  text-shadow: unset;
  width: 100%;
}

.btn-secondary:hover {
  color: #4a4a4a !important;
  background-color: white !important;
  box-shadow: 0px 1px 4px 2px #5C29831a;
  border: 0.5px inset #4a4a4a !important;
}

a.btn-secondary:hover {
  text-decoration: none;
}

@media (min-width:756px) {
  .mt-2 {
    margin-top: 2em;
  }

  .mt-1 {
    margin-top: 1em;
  }

  .mt-3 {
    margin-top: 3em;
  }
}

.mb-20 {
  margin-bottom: 20px;
}

.pt-2 {
  padding-top: 2em;
}

.pt-1 {
  padding-top:1em;
}

.lead2 {
  font-size: 20px;
}

.txt_white {
  color:#fff !important;
}

.txt-center {
  text-align: center;
}

.txt-right {
  text-align: right;
}

.site-navigation-inner {
  background-color:white;
}

.block_text_paragraph, .bar_txt {
  font-size: 16px;
  font-family: Carlito, "CarlitoRegular", sans-serif;
}

.txt-grey {
  color:#333;
}

.my-primary-color {
  color:var(--mypurple);
}

#footer-area {
  background-color: white;
}
.block_with_bg {
  margin-top:2em;
}
.f18 {
  font-size:18px;
  font-family: "CarlitoRegular", Carlito, sans-serif;
}
.f16 {
  font-size:16px;
}

.f15 {
font-size:15px;
font-family: "CarlitoRegular", sans-serif;
}

.f2em {
  font-size:2em;
  font-family: "CarlitoRegular", sans-serif;
}

.pt0 {
  padding-top:0;
}
.ptl0 {
  padding-left:0;
}

.hpfloat {
  float:left;
  font-size:14px; 
  text-align:center;
  color:white!important;
}

.hpfloat a {
  color:white;
  text-decoration:none;
}
.fff {
  color:white;
}

header ul#menu-languages-only.dropdown-menu {
  position:absolute;
  top:100%;
  left:auto!important;
  z-index: 1000;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
}

.navbar.navbar-default {
  background-color:white!important;
}

.navbar.navbar-default.topnav{
min-height:30px!important;
}

/* #menu-revamp-menu ul.dropdown-menu {
  background-color: var(--mypurple);
  box-shadow:1px 1px 5px rgba(0, 0, 0);
} */

#menu-revamp-menu ul.dropdown-menu li a {
  color: white;
}

#menu-revamp-menu ul.dropdown-menu li:hover a {
  color: black;
}

.site-header.nav.topnav.text-right.list-inline li a.dropdown-toggle {
  color:var(--mypurple);
}

.site-header.nav.topnav.text-right.list-inline li a.dropdown-toggle:hover,
.site-header.nav.topnav.text-right.list-inline li a.dropdown-toggle:active {
  color:var(--mypurple);
  text-decoration:underline;
}

ul#menu-languages-only.dropdown-menu {
  background-color:var(--mypurple);
}

ul#menu-languages-only.dropdown-menu li a {
  color:white;
}

ul#menu-languages-only.dropdown-menu li:hover a {
  color:black;
}

ul#menu-revamp-menu.nav.navbar-nav li.active a {
color: black!important;;
}

header#masthead {
  border-bottom:1px solid var(--mypurple);
  padding-top:O;
}

#menu-revamp-menu a {
  text-decoration:none;
  border-bottom:1px solid transparent;
}

#menu-revamp-menu a:hover {
  text-decoration:none;
  border-bottom:1px solid var(--mypurple);
}

.pb-1 {
  padding-bottom:1em;
}

.mb-1 {
  margin-bottom:1em;
}

.mt-0 {
  margin-top:0;
}

.table.vertical-align td{
  vertical-align:middle;
}

.pb-1-5 {
  padding-bottom:1.5em;
}

.f24 {
  font-size:24px;
}

.f20 {
  font-size:20px;
}

li#menu-item-24977 {
  float:right!important;
}

.entry-content p a, .entry-content em a, .entry-content {
  font-family: "CarlitoRegular", sans-serif;
}

.pt-0 {
padding-top:0;
}
/** task 36287 ------------------ */
.pricing-card.ngo-scroll {
  margin-left: -20px;
  width: max-content;
background-color:#f1fdf1;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
}
.pricing-card {
  background-color: 
white;
border-radius: 5px;
box-shadow: 0px 0px 3px 1px #0000002e;
  padding: 1em;
  margin: 2em;
}
.pricing-card h2 {
  color: #5c2983;
}
#pricing-card-code h2 {
  color: #b72333;
}
.pricing-card-highlighted h2 {
  color: #5c2983;
}
.pricing-card-highlighted {
box-shadow: 0px 0px 18px 8px #fffefe42, 0px 0px 4px 2px #5c298399, 0px 0px 30px 12px #00000008;
border: 1px solid #5c2983d4;
}

.pricing-card-highlighted-red {
  box-shadow: 0px 0px 18px 8px #fffefe42, 0px 0px 4px 2px #5c298399, 0px 0px 30px 12px #00000008;
  border: 1px solid #b72333;
  }

.block_button.block_button_brand_brighter_color.block_text_clear{
	box-shadow: 0px 1px 4px 2px #0000001a;
	background-color: #5c2983;
	border: 0.5px inset rgb(170, 50, 220, 0);
	color: #fff;
}

.block_button.block_button_brand_brighter_color.block_text_clear:hover {
	color: #5c2983;
	background-color: white;
	box-shadow: 0px 1px 4px 2px #5c2983a;
	border: 0.5px inset #5c3dcc;
}
.pricing-card-breakline {
    width: 4em;
    border: 2px solid #e6e6e6;
    display: inline-block;
    margin-top: 34px;
    border-radius: 4px;
}
#pricing-card-code{
background: url('https://www.collaboraoffice.com/wp-content/uploads/2019/09/CODE-logo.svg') no-repeat center right 30px/ 52px white;
}
#pricing-card-smb, #pricing-card-enterprises{
background: url('https://www.collaboraoffice.com/wp-content/uploads/2022/04/collabora-productivity-purple-sqr-centered-without-lettering.svg') no-repeat center right 16px/ 78px white;
}
#pricing-card-smb .pricing-card-price{
background-color: #5c2983;margin-left: -16px;color: white;width: max-content;padding: 4px 6px 4px 16px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;
}
.pricing-card .block_button {
    margin-top: 20px;
}
.pricing-card-bullets{
list-style: none;
clear: both;
}
.pricing-card-bullets li::before{
   content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #ddd; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */ 
}
.pricing-card-bullets > .pricing-card-bullets-emphasis{ background-color: #f1eeff;}
.pricing-card-highlighted + .pricing-card-bullets > .pricing-card-bullets-emphasis::before{color:#5c2983 !important;}
.pricing-card-highlighted + .pricing-card-bullets > .pricing-card-bullets-emphasis{
    background-color: #f1eeff;
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;}
#pricing-card-enterprises + .pricing-card-bullets > .pricing-card-bullets-emphasis::before{color:#5c2983 !important;}


/* Full width native video player */
/* src.: https://wordpress.stackexchange.com/a/245911 */
.wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load {
  width: 100% !important;
  height: 100% !important;
}
.mejs-container {
  padding-top: 56.25%;
}
.wp-video, video.wp-video-shortcode {
  max-width: 100% !important;
}
video.wp-video-shortcode {
  position: relative;
}
.mejs-mediaelement {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.mejs-controls {
  display: none;
}
.mejs-overlay-play {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto !important;
  height: auto !important;
}

a.btn-secondary.btn-sm.btn-block {
  text-decoration:none;
}

/* Temporary patch for broken responsive menu on mobile */
.btn.navbar-toggle {
  display: none !important;
}