@charset "UTF-8";
/******************************************************************
	
Stylesheet: Main Stylesheet

******************************************************************/
/************************************************

Stylesheet: Global Stylesheet

*************************************************/
/*------------------------------------*\
    FONTS
\*------------------------------------*/
@font-face {
  font-family: LouisGeorgeCafe;
  src: local("Louis George Cafe"), local("LouisGeorgeCafe"), url(../fonts/LouisGeorgeCafe.ttf); }
@font-face {
  font-family: LouisGeorgeCafe;
  src: local("Louis George Cafe Italic"), local("LouisGeorgeCafeItalic"), url(../fonts/LouisGeorgeCafe_Italic.ttf);
  font-style: italic; }
@font-face {
  font-family: LouisGeorgeCafe;
  src: local("Louis George Cafe Bold"), local("LouisGeorgeCafeBold"), url(../fonts/LouisGeorgeCafe_Bold.ttf);
  font-weight: 700; }
@font-face {
  font-family: LouisGeorgeCafe;
  src: local("Louis George Cafe Bold Italic"), local("LouisGeorgeCafeBoldItalic"), url(../fonts/LouisGeorgeCafe_BoldItalic.ttf);
  font-weight: 700;
  font-style: italic; }
@font-face {
  font-family: TangoSans;
  src: local("Tango Sans"), local("TangoSans"), url(../fonts/TangoSans.ttf); }
@font-face {
  font-family: TangoSans;
  src: local("Tango Sans Italic"), local("TangoSansItalic"), url(../fonts/TangoSans_Italic.ttf);
  font-style: italic; }
@font-face {
  font-family: TangoSans;
  src: local("Tango Sans Bold"), local("TangoSansBold"), url(../fonts/TangoSans_Bold.ttf);
  font-weight: 700; }
@font-face {
  font-family: TangoSans;
  src: local("Tango Sans Bold Italic"), local("TangoSansBoldItalic"), url(../fonts/TangoSans_BoldItalic.ttf);
  font-weight: 700;
  font-style: italic; }
/*------------------------------------*\
    VARs
\*------------------------------------*/
/*------------------------------------*\
    MISC
\*------------------------------------*/
bold, strong, .bold {
  font-weight: 700; }

italic, .italic {
  font-style: italic; }

del {
  text-decoration: line-through; }
  del * {
    text-decoration: line-through; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-webkit-keyframes scrollMouse {
  0% {
    opacity: 0; }
  10% {
    -webkit-transform: translateX(-50%) translateY(0%);
    -moz-transform: translateX(-50%) translateY(0%);
    -ms-transform: translateX(-50%) translateY(0%);
    transform: translateX(-50%) translateY(0%);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(-50%) translateY(1rem);
    -moz-transform: translateX(-50%) translateY(1rem);
    -ms-transform: translateX(-50%) translateY(1rem);
    transform: translateX(-50%) translateY(1rem);
    opacity: 0; } }
@keyframes scrollMouse {
  0% {
    opacity: 0; }
  10% {
    -webkit-transform: translateX(-50%) translateY(0%);
    -moz-transform: translateX(-50%) translateY(0%);
    -ms-transform: translateX(-50%) translateY(0%);
    transform: translateX(-50%) translateY(0%);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(-50%) translateY(1rem);
    -moz-transform: translateX(-50%) translateY(1rem);
    -ms-transform: translateX(-50%) translateY(1rem);
    transform: translateX(-50%) translateY(1rem);
    opacity: 0; } }
/*------------------------------------*\
    MAIN
\*------------------------------------*/
/** DEFAULT STYLES **/
/* General */
/* global box-sizing */
*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: always;
  text-rendering: optimizelegibility;
  margin: 0;
  padding: 0;
  vertical-align: top;
  white-space: normal;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

/* html element 62.5% font-size for REM use */
html {
  font-size: 62.5%;
  font-weight: 400;
  scroll-behavior: smooth; }

body {
  font-family: LouisGeorgeCafe, Helvetica Neue, Arial, sans-serif;
  font-size: 1.6498rem;
  line-height: 1.6498rem;
  font-weight: 400;
  color: #2f0745;
  /* Track */
  /* Handle */
  /* Handle */
  scrollbar-width: .5rem;
  /* Firefox */ }
  body *:selection {
    background: #808080;
    color: white;
    text-shadow: none; }
  body *:-webkit-selection {
    background: #808080;
    color: white;
    text-shadow: none; }
  body *:-moz-selection {
    background: #808080;
    color: white;
    text-shadow: none; }
  body *::-webkit-scrollbar, body::-webkit-scrollbar {
    width: .5rem; }
  body *::-webkit-scrollbar-track, body::-webkit-scrollbar-track {
    background: white; }
  body *::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb {
    background: #4c0650; }
  body *::-webkit-scrollbar-thumb:hover, body::-webkit-scrollbar-thumb:hover {
    background: #f20354; }
  body ::-moz-selection {
    /* Code for Firefox */
    color: white;
    background: #4c0650; }
  body ::selection {
    color: white;
    background: #4c0650; }

h1 {
  font-family: TangoSans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  font-size: 3.285rem;
  line-height: 3.77775rem;
  margin: 0 0 3rem; }
  h1 a {
    font-weight: 400; }

h2 {
  font-family: TangoSans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  font-size: 3.285rem;
  line-height: 3.77775rem;
  margin: 0 0 2rem; }
  h2 a {
    font-weight: 400; }

h3 {
  font-family: TangoSans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  font-size: 2.5842rem;
  line-height: 2.97183rem;
  margin: 2rem 0 2rem; }
  h3 a {
    font-weight: 400; }

h4 {
  font-family: TangoSans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.752rem;
  line-height: 2.1024rem;
  margin: 1rem 0 1rem; }
  h4 a {
    font-weight: 400; }

p {
  font-size: 1.6498rem;
  font-weight: 400;
  line-height: 2.39221rem;
  margin: 0 0 1.6498rem; }

.list li {
  position: relative;
  font-size: 1.6498rem;
  font-weight: 400;
  line-height: 2.39221rem;
  margin: 0 0 1rem;
  text-indent: 0;
  padding-left: 2.5rem; }
  .list li:last-child {
    margin: 0 0 1.6498rem; }
  .list li::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '>';
    color: #f20354;
    margin-right: 1.2rem;
    font-size: 1.6498rem;
    font-weight: 700;
    vertical-align: middle; }

h1:first-child, h2:first-child, h3:first-child, h4:first-child, p:first-child {
  margin-top: 0; }
h1:last-child, h2:last-child, h3:last-child, h4:last-child, p:last-child {
  margin-bottom: 0; }

blockquote {
  margin: 4.5rem auto;
  width: 75%;
  position: relative; }
  blockquote::before {
    content: '"';
    font-size: 3rem; }
  blockquote p {
    font-size: 2.336rem;
    font-weight: 400;
    font-style: italic;
    margin: 3.212rem 0 1.606rem;
    line-height: 2.92rem; }
    blockquote p:last-of-type {
      margin-bottom: 0; }

hr {
  box-sizing: border-box;
  background-color: white;
  height: .2rem;
  border: 0;
  margin: 3rem auto;
  width: 100%; }

input, textarea, select {
  font-family: LouisGeorgeCafe, Helvetica Neue, Arial, sans-serif;
  font-size: 1.3724rem; }

/* clear */
.clear::before,
.clear::after {
  content: ' ';
  display: table; }

.clear::after {
  clear: both; }

.clear {
  zoom: 1; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: optimizequality; }

a, a:visited, a:focus, a:hover, a:active {
  color: #2f0745;
  text-decoration: none;
  outline: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }

input,
input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=file],
button, input[type="submit"], input[type="reset"]
input[type=search] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0rem;
  -moz-border-radius: 0rem;
  border-radius: 0rem;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: text;
  outline: inherit; }

input:focus, input:hover, input:active,
input[type=file]:focus, input[type=file]:hover, input[type=file]:active,
input[type=text]:focus, input[type=text]:hover, input[type=text]:active,
input[type=email]:focus, input[type=email]:hover, input[type=email]:active,
input[type=tel]:focus, input[type=tel]:hover, input[type=tel]:active,
input[type=url]:focus, input[type=url]:hover, input[type=url]:active,
input[type=search]:focus, input[type=search]:hover, input[type=search]:active {
  outline: 0;
  border: 0px solid #808080; }

select, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
  border: none;
  text-overflow: ellipsis;
  white-space: pre-wrap;
  overflow: auto;
  /*IE 10*/ }
  select option, textarea option {
    outline: none;
    border: none; }
  select::-ms-expand, textarea::-ms-expand {
    display: none; }

input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border-color: #e8fde8;
  -webkit-text-fill-color: #2f0745;
  -webkit-box-shadow: 0 0 0px 1000px #f3fff3  inset;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none; }

::-webkit-input-placeholder {
  color: #808080; }

:-moz-placeholder {
  color: #808080; }

::-moz-placeholder {
  color: #808080; }

:-ms-input-placeholder {
  color: #808080; }

::input-placeholder {
  color: #808080; }

::placeholder {
  color: #808080; }

ul, li {
  list-style: none; }

.yt {
  width: 100%;
  height: 25vw;
  max-width: 100%;
  max-height: 36rem;
  margin-top: 3rem;
  margin-bottom: 3rem; }
  .yt:first-child {
    margin-top: 0; }
  .yt:last-child {
    margin-bottom: 0; }
  .yt iframe {
    width: 100%;
    height: 100%; }

iframe {
  border: none; }

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/
.aligncenter,
div.aligncenter {
  display: block;
  margin: 0 auto; }

.alignright {
  float: right;
  margin: 0 0 0 3rem; }

.alignleft {
  float: left;
  margin: 0 3rem 0 0; }

/*------------------------------------*\
    MAIN WRAPPER Basic
\*------------------------------------*/
.main-canvas-wrapper {
  display: block;
  margin: 0;
  padding: 0;
  min-height: 100vh;
  width: 100%; }

/*------------------------------------*\
    MENU Basic
\*------------------------------------*/
header {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 3rem;
  display: block; }
  header .menu .menu-item {
    display: inline-grid;
    text-align: center;
    margin: 0;
    vertical-align: middle;
    padding: 0; }

#off-canvas {
  position: fixed;
  z-index: 99999; }
  #off-canvas, #off-canvas.visible {
    display: none;
    height: 0;
    overflow: hidden; }
  #off-canvas.position-left {
    right: 100%; }
  #off-canvas.position-right {
    left: 100%; }

/*------------------------------------*\
    Content Basic
\*------------------------------------*/
.main-canvas-content .content a {
  font-weight: 700;
  color: #f20354;
  text-decoration: underline; }
  .main-canvas-content .content a:hover, .main-canvas-content .content a:active, .main-canvas-content .content a:focus {
    color: #f44e66; }

/*------------------------------------*\
    Footer Basic
\*------------------------------------*/
/*footer{

	position: absolute;
	bottom: 0;
	
	width: 100%;
	height: $footer-height;

}*/
/*------------------------------------*\
   Responsive
\*------------------------------------*/
@media (max-width: 920px) {
  /** DEFAULT STYLES **/
  /* General */
  h1 {
    font-family: TangoSans, Helvetica Neue, Arial, sans-serif;
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 3.24rem;
    margin: 0 0 1.5rem; }
    h1 a {
      font-weight: 700; }

  h2 {
    font-family: TangoSans, Helvetica Neue, Arial, sans-serif;
    font-weight: 700;
    font-size: 1.92rem;
    line-height: 2.592rem;
    margin: 0 0 1.5rem; }
    h2 a {
      font-weight: 700; }

  h3 {
    font-family: TangoSans, Helvetica Neue, Arial, sans-serif;
    font-weight: 700;
    font-size: 1.56rem;
    line-height: 2.106rem;
    margin: 0.75rem 0 0.75rem; }
    h3 a {
      font-weight: 700; }

  h4 {
    font-family: TangoSans, Helvetica Neue, Arial, sans-serif;
    font-weight: 700;
    font-size: 1.356rem;
    line-height: 2.1696rem;
    margin: 0.75rem 0 0.75rem; }
    h4 a {
      font-weight: 700; }

  p {
    font-size: 1.356rem;
    font-weight: 400;
    line-height: 2.1696rem;
    margin: 0 0 1.356rem; }

  .list li {
    font-size: 1.356rem;
    font-weight: 400;
    line-height: 2.1696rem; }
    .list li:last-child {
      margin: 0 0 1.356rem; }
    .list li::before {
      font-size: 1.356rem;
      font-weight: 700; }

  .yt {
    height: 55vw;
    max-height: 45rem; }

  body.menu-is-open {
    /* For desktop */
    overflow: hidden; }
    body.menu-is-open .main-canvas-wrapper {
      overflow: visible;
      height: 100%; }

  #off-canvas {
    top: 0;
    width: 100%;
    min-height: calc(100vh - 0);
    -webkit-transition: left 0.4s;
    -moz-transition: left 0.4s;
    -o-transition: left 0.4s;
    transition: left 0.4s; }
    #off-canvas .overflow {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: grid;
      align-items: center;
      align-content: center;
      justify-content: center;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch; }
    #off-canvas.visible {
      display: block;
      height: auto;
      width: 100%; }
      #off-canvas.visible.position-left {
        right: 0px; }
      #off-canvas.visible.position-right {
        left: 0px; }

  .main-canvas-content .content {
    padding-top: 0; }
    .main-canvas-content .content > .hero {
      padding-top: 9rem; } }
/*------------------------------------*\
Wrappers & Common
\*------------------------------------*/
.fadeIn {
  opacity: 0; }
  .fadeIn.visible {
    opacity: 1;
    -webkit-transition: all 0.2s, opacity 0.5s ease-in-out;
    -moz-transition: all 0.2s, opacity 0.5s ease-in-out;
    -o-transition: all 0.2s, opacity 0.5s ease-in-out;
    transition: all 0.2s, opacity 0.5s ease-in-out; }
    .fadeIn.visible:nth-child(n + 0) {
      transition-delay: 0s, calc(.08s * 0); }
    .fadeIn.visible:nth-child(n + 1) {
      transition-delay: 0s, calc(.08s * 1); }
    .fadeIn.visible:nth-child(n + 2) {
      transition-delay: 0s, calc(.08s * 2); }
    .fadeIn.visible:nth-child(n + 3) {
      transition-delay: 0s, calc(.08s * 3); }
    .fadeIn.visible:nth-child(n + 4) {
      transition-delay: 0s, calc(.08s * 4); }
    .fadeIn.visible:nth-child(n + 5) {
      transition-delay: 0s, calc(.08s * 5); }
    .fadeIn.visible:nth-child(n + 6) {
      transition-delay: 0s, calc(.08s * 6); }
    .fadeIn.visible.slow {
      -webkit-transition: opacity 1s ease-in-out;
      -moz-transition: opacity 1s ease-in-out;
      -o-transition: opacity 1s ease-in-out;
      transition: opacity 1s ease-in-out; }
      .fadeIn.visible.slow:nth-child(n + 0) {
        transition-delay: 0s, calc(.2s * 0); }
      .fadeIn.visible.slow:nth-child(n + 1) {
        transition-delay: 0s, calc(.2s * 1); }
      .fadeIn.visible.slow:nth-child(n + 2) {
        transition-delay: 0s, calc(.2s * 2); }
      .fadeIn.visible.slow:nth-child(n + 3) {
        transition-delay: 0s, calc(.2s * 3); }
      .fadeIn.visible.slow:nth-child(n + 4) {
        transition-delay: 0s, calc(.2s * 4); }
      .fadeIn.visible.slow:nth-child(n + 5) {
        transition-delay: 0s, calc(.2s * 5); }
      .fadeIn.visible.slow:nth-child(n + 6) {
        transition-delay: 0s, calc(.2s * 6); }

.center-wrapper {
  width: 100%;
  height: 100%; }
  .center-wrapper .content-wrapper {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 90rem;
    margin: 0 auto;
    padding: 6rem 3rem; }

.full-height {
  min-height: 100vh;
  height: 100%; }
  .full-height .content-wrapper {
    position: relative;
    z-index: 1; }

.full-wrapper {
  width: 100%;
  height: 100%; }
  .full-wrapper .content-wrapper {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 6rem 3rem; }

.center-wrapper-wide {
  width: 100%;
  height: 100%; }
  .center-wrapper-wide .content-wrapper {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
    padding: 6rem 3rem; }

.center-wrapper-narrow {
  width: 100%;
  height: 100%; }
  .center-wrapper-narrow .content-wrapper {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 72rem;
    margin: 0 auto;
    padding: 6rem 3rem; }

.center-text {
  width: 100%;
  max-width: 90rem;
  margin: 0 auto; }

.narrow-text {
  width: 100%;
  max-width: 45rem;
  margin: 0 auto; }

.no-padding-bottom {
  padding-bottom: 0 !important; }

.no-padding-top {
  padding-top: 0 !important; }

.double-padding-bottom {
  padding-bottom: 9rem !important; }

.double-padding-top {
  padding-top: 9rem !important; }

.grey-light-background {
  background-color: #dadae7 !important; }

.centered-text {
  padding: 6rem 0;
  text-align: center;
  width: 100%;
  max-width: 90rem;
  margin: 0 auto; }

.centered-image {
  display: block;
  margin: 0 auto; }
  .centered-image.main-image {
    padding-top: 0 !important; }

.white-text {
  color: white; }

.red-text {
  color: #f20354; }

.lowercase {
  text-transform: lowercase; }

.title-section {
  font-size: 3.285rem;
  line-height: 3.77775rem;
  margin-bottom: 1.5rem;
  color: #f20354; }
  .title-section.black {
    color: #4c0650; }
  .title-section.white {
    color: white; }
  .title-section.center {
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
  .title-section.hero {
    font-size: 4.9275rem;
    line-height: 5.666625rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
    color: #2f0745; }
  .title-section.icon {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    grid-gap: 1.5rem; }
    .title-section.icon .icon-wrapper {
      display: grid;
      background-color: white;
      padding: 1rem;
      -webkit-border-radius: 5rem;
      -moz-border-radius: 5rem;
      border-radius: 5rem; }
      .title-section.icon .icon-wrapper .icon {
        width: 3rem; }

.small-title {
  font-family: LouisGeorgeCafe, Helvetica Neue, Arial, sans-serif;
  font-size: 1.752rem;
  line-height: 2.1024rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #808080;
  margin-top: 3rem;
  margin-bottom: 1.5rem; }
  .small-title.red {
    color: #f20354; }
  .small-title.center {
    text-align: center; }

.p-text {
  font-family: LouisGeorgeCafe, Helvetica Neue, Arial, sans-serif;
  font-size: 1.6498rem;
  line-height: 2.39221rem;
  font-weight: 400; }

.big {
  font-size: 2.5842rem;
  line-height: 2.97183rem;
  text-transform: uppercase;
  color: #f20354;
  font-family: TangoSans, Helvetica Neue, Arial, sans-serif;
  text-align: center;
  margin-top: 3rem; }

/* GRIDS */
.features-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1.5rem; }
  .features-list li {
    display: grid; }
    .features-list li a {
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: auto 1fr;
      grid-gap: 1.5rem;
      justify-items: center;
      background-color: white;
      padding: 3rem;
      text-decoration: none !important;
      color: #2f0745 !important;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      border-radius: 1rem;
      -webkit-box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4), inset 0 0 0 0.2rem white;
      -moz-box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4), inset 0 0 0 0.2rem white;
      box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4), inset 0 0 0 0.2rem white; }
      .features-list li a .icon {
        width: 100%;
        max-width: 3rem; }
      .features-list li a h2 {
        font-family: LouisGeorgeCafe, Helvetica Neue, Arial, sans-serif;
        font-size: 1.752rem;
        line-height: 2.1024rem;
        font-weight: 700; }
      .features-list li a:hover, .features-list li a:active, .features-list li a:focus {
        -webkit-box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4), inset 0 0 0 0.2rem #f20354;
        -moz-box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4), inset 0 0 0 0.2rem #f20354;
        box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4), inset 0 0 0 0.2rem #f20354; }
  .features-list.no-link li {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    grid-gap: 2rem;
    justify-items: center;
    background-color: white;
    color: #4c0650;
    padding: 3rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
    -webkit-box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4), inset 0 0 0 0.2rem white;
    -moz-box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4), inset 0 0 0 0.2rem white;
    box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4), inset 0 0 0 0.2rem white; }
    .features-list.no-link li .icon {
      width: 100%;
      max-width: 3rem; }
    .features-list.no-link li h2 {
      font-family: LouisGeorgeCafe, Helvetica Neue, Arial, sans-serif;
      font-size: 1.752rem;
      line-height: 2.1024rem;
      font-weight: 700; }

/**/
.wpcf7 .screen-reader-response {
  display: none !important; }
.wpcf7 .wpcf7-not-valid-tip {
  display: none !important; }
.wpcf7 .wpcf7-form-control-wrap {
  display: block; }
.wpcf7 .wpcf7-list-item-label {
  vertical-align: middle; }
.wpcf7 .wpcf7-checkbox .wpcf7-list-item label, .wpcf7 .wpcf7-radius .wpcf7-list-item label, .wpcf7 .wpcf7-acceptance .wpcf7-list-item label {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 1rem;
  align-items: center; }
.wpcf7 .wpcf7-form {
  position: relative; }
  .wpcf7 .wpcf7-form .response-background {
    display: none; }
  .wpcf7 .wpcf7-form .wpcf7-response-output:empty {
    padding: 0;
    margin: 0; }
  .wpcf7 .wpcf7-form.resetting .wpcf7-response-output {
    display: none; }
  .wpcf7 .wpcf7-form.invalid .response, .wpcf7 .wpcf7-form.failed .response {
    display: block !important; }
    .wpcf7 .wpcf7-form.invalid .response .wpcf7-response-output, .wpcf7 .wpcf7-form.failed .response .wpcf7-response-output {
      max-width: 30rem;
      color: #f20354;
      font-size: 1.6498rem;
      font-weight: 700;
      padding: 0;
      margin: 1.5rem 0; }
  .wpcf7 .wpcf7-form.sent .response {
    display: block !important; }
    .wpcf7 .wpcf7-form.sent .response .wpcf7-response-output {
      color: #2f0745;
      width: calc(100% - 3rem);
      max-width: 60rem;
      background-color: white;
      position: fixed;
      z-index: 99;
      top: 50%;
      left: 50%;
      padding: 6rem;
      -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      border: 0.1rem solid #f6f6f9;
      -webkit-border-radius: 0.5rem;
      -moz-border-radius: 0.5rem;
      border-radius: 0.5rem;
      -webkit-box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4);
      -moz-box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4);
      box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4); }
    .wpcf7 .wpcf7-form.sent .response .response-background {
      display: block;
      position: fixed;
      z-index: 98;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5); }
  .wpcf7 .wpcf7-form.submitting .wpcf7-response-output {
    font-size: 0; }
  .wpcf7 .wpcf7-form.submitting .link-submit {
    position: relative; }
    .wpcf7 .wpcf7-form.submitting .link-submit .link-button {
      vertical-align: middle; }
      .wpcf7 .wpcf7-form.submitting .link-submit .link-button button {
        background-color: #4c0650;
        color: #4c0650;
        cursor: not-allowed;
        pointer-events: none; }
    .wpcf7 .wpcf7-form.submitting .link-submit .wpcf7-spinner {
      position: absolute;
      top: 50%;
      left: 50%;
      -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      display: inline-block;
      vertical-align: middle;
      width: 5rem;
      height: 5rem;
      cursor: not-allowed; }
      .wpcf7 .wpcf7-form.submitting .link-submit .wpcf7-spinner::before {
        content: url("../images/ajax-loader.svg");
        display: block;
        width: 100%;
        height: 100%; }
.wpcf7 input[type="checkbox"], .wpcf7 input[type="radio"] {
  position: relative;
  cursor: pointer;
  vertical-align: top;
  display: inline-block; }
  .wpcf7 input[type="checkbox"]::before, .wpcf7 input[type="radio"]::before {
    content: '';
    display: inline-block;
    height: 3rem;
    width: 3rem;
    vertical-align: top;
    color: #2f0745;
    background-color: white;
    border: .2rem solid white;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    background-color: white;
    border: .2rem solid white;
    background-image: none;
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat; }
  .wpcf7 input[type="checkbox"]:hover::before, .wpcf7 input[type="radio"]:hover::before {
    border: 0.2rem solid #2f0745; }
  .wpcf7 input[type="checkbox"]:checked::before, .wpcf7 input[type="radio"]:checked::before {
    background-image: url(../images/checked.svg); }
  .wpcf7 input[type="checkbox"]:checked:hover::before, .wpcf7 input[type="radio"]:checked:hover::before {
    border: 0.2rem solid #4c0650 !important;
    color: #2f0745; }
.wpcf7 .wpcf7-not-valid input[type="checkbox"]::before, .wpcf7 .wpcf7-not-valid input[type="radio"]::before {
  border: 0.2rem solid #f20354; }
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"] {
  width: 100%;
  padding: 1rem 1rem;
  line-height: 1;
  color: #2f0745;
  background-color: white;
  border: .2rem solid white;
  font-size: 1.6498rem;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem; }
  .wpcf7 input[type="text"]:hover, .wpcf7 input[type="text"]:focus, .wpcf7 input[type="tel"]:hover, .wpcf7 input[type="tel"]:focus, .wpcf7 input[type="email"]:hover, .wpcf7 input[type="email"]:focus {
    border: 0.2rem solid #4c0650; }
  .wpcf7 input[type="text"].wpcf7-not-valid, .wpcf7 input[type="tel"].wpcf7-not-valid, .wpcf7 input[type="email"].wpcf7-not-valid {
    border: 0.2rem solid #f20354; }
    .wpcf7 input[type="text"].wpcf7-not-valid::placeholder, .wpcf7 input[type="tel"].wpcf7-not-valid::placeholder, .wpcf7 input[type="email"].wpcf7-not-valid::placeholder {
      color: #f20354; }
.wpcf7 textarea {
  width: 100%;
  height: 9rem;
  min-height: 9rem;
  max-height: 30rem;
  padding: 1rem 1rem;
  resize: vertical;
  color: #2f0745;
  background-color: white;
  border: .2rem solid white;
  font-size: 1.6498rem;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem; }
  .wpcf7 textarea:hover, .wpcf7 textarea:focus {
    border: 0.2rem solid #4c0650; }
  .wpcf7 textarea.wpcf7-not-valid {
    border: 0.2rem solid #f20354; }
    .wpcf7 textarea.wpcf7-not-valid::placeholder {
      color: #f20354; }
.wpcf7 .link-acceptance {
  text-align: left;
  max-width: 30rem;
  font-size: 1.3724rem;
  font-weight: 700; }
  .wpcf7 .link-acceptance a {
    color: #2f0745;
    text-decoration: underline; }
    .wpcf7 .link-acceptance a:hover, .wpcf7 .link-acceptance a:focus {
      color: #808080; }
  .wpcf7 .link-acceptance .wpcf7-list-item {
    display: block;
    margin-bottom: 2rem; }

ul.bulletpoints {
  margin-bottom: 3rem; }
  ul.bulletpoints:last-child {
    margin-bottom: 0; }
  ul.bulletpoints li {
    text-indent: -3.2rem;
    padding-left: 3.2rem;
    margin-bottom: 1rem;
    line-height: 2.39221rem; }
    ul.bulletpoints li:last-child {
      margin-bottom: 0; }
    ul.bulletpoints li p::before {
      display: inline-block;
      content: '';
      width: 1.5rem;
      height: 1.5rem;
      margin-right: 1.5rem;
      vertical-align: middle;
      background-image: url(../images/bulletpoint.svg);
      background-position: center right;
      background-size: contain;
      background-repeat: no-repeat; }

ul.spoilers li {
  position: relative;
  /* :checked */ }
  ul.spoilers li input {
    position: absolute;
    opacity: 0;
    z-index: 1;
    height: 100%;
    max-height: 4.4rem;
    width: 100%;
    cursor: pointer; }
  ul.spoilers li .tab-title {
    position: relative;
    display: block;
    padding: 1.5rem 3rem;
    background: #dadae7;
    cursor: text; }
    ul.spoilers li .tab-title::before {
      position: absolute;
      left: 1.5rem;
      top: 50%;
      display: block;
      width: 1.5rem;
      height: 1.5rem;
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-transition: all .35s;
      -o-transition: all .35s;
      transition: all .35s; }
  ul.spoilers li .tab-content {
    max-height: 0;
    overflow: hidden;
    color: #000;
    background: #fff; }
    ul.spoilers li .tab-content p {
      margin: 1em; }
  ul.spoilers li input:checked ~ .tab-content {
    max-height: none; }
  ul.spoilers li input[type=checkbox] + .tab-title::before {
    content: url(../images/spoiler_open.svg);
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block; }
  ul.spoilers li input[type=checkbox]:checked + .tab-title::before {
    content: url(../images/spoiler_close.svg);
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block; }

a.anchor {
  display: block;
  position: relative;
  top: -12rem;
  visibility: hidden; }

/*------------------------------------*\
MENU Style
\*------------------------------------*/
header {
  width: 100%;
  max-width: 90rem;
  position: fixed;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }
  header .header-wrapper {
    position: absolute;
    top: 0;
    left: -1.5rem;
    padding: 1.5rem;
    width: 15rem;
    max-height: 100vh;
    background-color: #4c0650;
    background: linear-gradient(15deg, #64346e -50%, #4c0650 20%, #cb007e 100%);
    overflow: auto;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    -webkit-box-shadow: 0 2rem 2rem -2rem rgba(47, 7, 69, 0.4);
    -moz-box-shadow: 0 2rem 2rem -2rem rgba(47, 7, 69, 0.4);
    box-shadow: 0 2rem 2rem -2rem rgba(47, 7, 69, 0.4);
    -webkit-transition: height 0.2s, background-color 0.2s;
    -moz-transition: height 0.2s, background-color 0.2s;
    -o-transition: height 0.2s, background-color 0.2s;
    transition: height 0.2s, background-color 0.2s; }
    header .header-wrapper .top-bar {
      display: grid;
      width: 100%;
      max-width: 12rem;
      margin: 0 auto; }
      header .header-wrapper .top-bar .logo-header {
        display: block;
        width: 7rem;
        height: 6rem;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url(../images/logo-m2cloud-white.svg); }
    header .header-wrapper .menu-wrapper {
      display: grid;
      justify-items: center;
      position: relative;
      z-index: 3; }
    header .header-wrapper #off-canvas-topmenu {
      cursor: pointer;
      display: block;
      padding: 0.5rem; }
      header .header-wrapper #off-canvas-topmenu::after {
        position: relative;
        content: '';
        text-align: center;
        display: block;
        width: 100%;
        height: 1rem;
        top: 0;
        background-color: #f20354;
        -webkit-mask-image: url(../images/arrow-dropdown.svg);
        mask-image: url(../images/arrow-dropdown.svg);
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: 1.5rem;
        -webkit-mask-position: center;
        mask-repeat: no-repeat;
        mask-size: 1.5rem;
        mask-position: center;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s; }
      header .header-wrapper #off-canvas-topmenu .bar1, header .header-wrapper #off-canvas-topmenu .bar2, header .header-wrapper #off-canvas-topmenu .bar3 {
        width: 3rem;
        height: .2rem;
        background-color: white;
        margin: .6rem 0;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        -webkit-border-radius: 1rem;
        -moz-border-radius: 1rem;
        border-radius: 1rem; }
      header .header-wrapper #off-canvas-topmenu.menu-is-open .bar1 {
        -webkit-transform: rotate(-45deg) translate(-0.6rem, 0.5rem);
        -moz-transform: rotate(-45deg) translate(-0.6rem, 0.5rem);
        -ms-transform: rotate(-45deg) translate(-0.6rem, 0.5rem);
        transform: rotate(-45deg) translate(-0.6rem, 0.5rem); }
      header .header-wrapper #off-canvas-topmenu.menu-is-open .bar2 {
        opacity: 0; }
      header .header-wrapper #off-canvas-topmenu.menu-is-open .bar3 {
        -webkit-transform: rotate(45deg) translate(-0.6rem, -0.6rem);
        -moz-transform: rotate(45deg) translate(-0.6rem, -0.6rem);
        -ms-transform: rotate(45deg) translate(-0.6rem, -0.6rem);
        transform: rotate(45deg) translate(-0.6rem, -0.6rem); }
      header .header-wrapper #off-canvas-topmenu.menu-is-open:after {
        top: 0;
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg); }
      header .header-wrapper #off-canvas-topmenu:hover::after {
        top: 0.5rem; }
      header .header-wrapper #off-canvas-topmenu:hover.menu-is-open::after {
        top: -0.5rem; }
    header .header-wrapper .nav-menu {
      display: grid;
      align-items: start;
      margin-top: -100rem;
      padding-top: 1rem;
      opacity: 0;
      position: relative;
      z-index: 2;
      -webkit-transition: all 0.4s;
      -moz-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s; }
      header .header-wrapper .nav-menu.visible {
        opacity: 1;
        margin-top: 0;
        padding-bottom: 1.5rem;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s; }
    header .header-wrapper .menu {
      display: grid;
      justify-items: stretch;
      grid-gap: 1.5rem; }
      header .header-wrapper .menu .menu-item.has-icon a {
        display: grid;
        justify-items: center; }
        header .header-wrapper .menu .menu-item.has-icon a::before {
          content: '';
          display: grid;
          height: 3.5rem;
          width: 3.5rem;
          margin-bottom: 0.5rem;
          -webkit-mask-repeat: no-repeat;
          -webkit-mask-size: contain;
          -webkit-mask-position: center;
          mask-repeat: no-repeat;
          mask-size: contain;
          mask-position: center;
          background-color: white;
          -webkit-transition: all 0.2s;
          -moz-transition: all 0.2s;
          -o-transition: all 0.2s;
          transition: all 0.2s; }
      header .header-wrapper .menu .menu-item.has-icon.hardware a::before {
        -webkit-mask-image: url(../images/icon-menu-hardware.svg);
        mask-image: url(../images/icon-menu-hardware.svg); }
      header .header-wrapper .menu .menu-item.has-icon.software a::before {
        -webkit-mask-image: url(../images/icon-menu-software.svg);
        mask-image: url(../images/icon-menu-software.svg); }
      header .header-wrapper .menu .menu-item.has-icon.subscriptions a::before {
        -webkit-mask-image: url(../images/icon-menu-subscriptions.svg);
        mask-image: url(../images/icon-menu-subscriptions.svg); }
      header .header-wrapper .menu .menu-item.has-icon.partners a::before {
        -webkit-mask-image: url(../images/icon-menu-partners.svg);
        mask-image: url(../images/icon-menu-partners.svg); }
      header .header-wrapper .menu .menu-item a {
        display: block;
        color: white;
        font-weight: 700;
        font-size: 1.3724rem;
        line-height: 1.89727rem;
        max-width: 15rem; }
        header .header-wrapper .menu .menu-item a:hover, header .header-wrapper .menu .menu-item a:active, header .header-wrapper .menu .menu-item a:focus {
          color: #f20354; }
      header .header-wrapper .menu .menu-item.lang-item {
        font-size: 0;
        cursor: pointer;
        vertical-align: middle; }
        header .header-wrapper .menu .menu-item.lang-item.lang-item-first {
          margin-top: 1.5rem; }
        header .header-wrapper .menu .menu-item.lang-item > a {
          font-size: 0;
          align-self: center;
          display: block; }
          header .header-wrapper .menu .menu-item.lang-item > a::after {
            content: none; }
        header .header-wrapper .menu .menu-item.lang-item img {
          height: 2.5rem;
          width: 2.5rem;
          -webkit-border-radius: 3rem;
          -moz-border-radius: 3rem;
          border-radius: 3rem;
          outline: .2rem solid white;
          vertical-align: middle;
          -webkit-transition: all 0.2s;
          -moz-transition: all 0.2s;
          -o-transition: all 0.2s;
          transition: all 0.2s; }
          header .header-wrapper .menu .menu-item.lang-item img:hover, header .header-wrapper .menu .menu-item.lang-item img:active, header .header-wrapper .menu .menu-item.lang-item img:focus {
            outline: 0.2rem solid #f20354; }
      header .header-wrapper .menu .current-menu-item {
        -webkit-border-radius: 1rem;
        -moz-border-radius: 1rem;
        border-radius: 1rem;
        padding: 1rem;
        background-color: #2f0745; }
        header .header-wrapper .menu .current-menu-item a {
          pointer-events: none; }

/*------------------------------------*\
Blog
\*------------------------------------*/
.articles-grid .content-wrapper .missing-header {
  margin-bottom: 3rem; }
.articles-grid .content-wrapper .articles-header {
  width: 100%;
  max-width: 140rem;
  margin: 0 auto 3rem; }
  .articles-grid .content-wrapper .articles-header h2 {
    text-align: left; }
.articles-grid .content-wrapper .articles-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  width: 100%;
  max-width: 120rem;
  margin: 0 auto 6rem;
  padding: 0;
  font-size: 0; }
  .articles-grid .content-wrapper .articles-wrapper article .article-header h3 {
    font-size: 1.6498rem;
    font-weight: 700;
    line-height: 2.39221rem;
    margin: 0 0 1.6498rem; }
    .articles-grid .content-wrapper .articles-wrapper article .article-header h3 a {
      font-weight: 700;
      color: #2f0745; }
    .articles-grid .content-wrapper .articles-wrapper article .article-header h3 a:hover, .articles-grid .content-wrapper .articles-wrapper article .article-header h3 a:active, .articles-grid .content-wrapper .articles-wrapper article .article-header h3 a:focus {
      color: #808080; }
  .articles-grid .content-wrapper .articles-wrapper article .article-header:last-child {
    margin-bottom: 0; }
  .articles-grid .content-wrapper .articles-wrapper article .entry-content a.see-more-new {
    font-weight: 700;
    color: #2f0745; }
    .articles-grid .content-wrapper .articles-wrapper article .entry-content a.see-more-new:active, .articles-grid .content-wrapper .articles-wrapper article .entry-content a.see-more-new:focus, .articles-grid .content-wrapper .articles-wrapper article .entry-content a.see-more-new:hover {
      color: #808080; }
    .articles-grid .content-wrapper .articles-wrapper article .entry-content a.see-more-new::after {
      content: '∟';
      display: inline-block;
      transform-origin: 100% 100%;
      width: 2rem;
      height: 2rem;
      line-height: 1;
      margin-top: 2rem;
      font-weight: 700;
      transform: rotate(225deg);
      -webkit-transform: rotate(225deg);
      font-size: 1.25rem;
      margin-top: -2.5rem;
      margin-left: -1rem; }
.articles-grid .see-more {
  text-align: center; }

.page-navigation {
  display: block;
  text-align: center;
  margin-top: 6rem; }
  .page-navigation li {
    display: inline-block;
    vertical-align: top; }
  .page-navigation span, .page-navigation a {
    display: block;
    border: 0.1rem solid #f20354;
    background-color: #f20354;
    color: white;
    font-family: TangoSans, Helvetica Neue, Arial, sans-serif;
    font-size: 1.6498rem;
    font-weight: 400;
    padding: 1rem 1.5rem;
    margin-right: 1.5rem;
    vertical-align: top;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }
    .page-navigation span:last-child, .page-navigation a:last-child {
      margin-right: 0; }
    .page-navigation span.page-numbers:not(.next, .prev), .page-navigation a.page-numbers:not(.next, .prev) {
      display: none; }
    .page-navigation span.current, .page-navigation a.current {
      display: none; }
    .page-navigation span.dots, .page-navigation a.dots {
      display: none; }
    .page-navigation span.next, .page-navigation span.prev, .page-navigation a.next, .page-navigation a.prev {
      border: 0.3rem solid #2f0745;
      background-color: transparent;
      color: #2f0745;
      padding: 1.5rem 2rem;
      text-decoration: none; }
      .page-navigation span.next:hover, .page-navigation span.next:active, .page-navigation span.next:focus, .page-navigation span.prev:hover, .page-navigation span.prev:active, .page-navigation span.prev:focus, .page-navigation a.next:hover, .page-navigation a.next:active, .page-navigation a.next:focus, .page-navigation a.prev:hover, .page-navigation a.prev:active, .page-navigation a.prev:focus {
        border: 0.3rem solid #808080;
        background-color: #808080;
        color: white; }

.articles-filters-wrapper {
  background-color: #2f0745; }
  .articles-filters-wrapper .content-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 6rem;
    grid-row-gap: 0;
    justify-content: center;
    align-items: center;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem; }
    .articles-filters-wrapper .content-wrapper .search-wrapper .search-field {
      max-width: 30rem; }
    .articles-filters-wrapper .content-wrapper .categories-wrapper {
      text-align: right; }
      .articles-filters-wrapper .content-wrapper .categories-wrapper h4, .articles-filters-wrapper .content-wrapper .categories-wrapper a, .articles-filters-wrapper .content-wrapper .categories-wrapper span {
        display: inline-block;
        vertical-align: middle;
        margin: 0 1rem 0 0;
        line-height: 2rem; }
        .articles-filters-wrapper .content-wrapper .categories-wrapper h4.active, .articles-filters-wrapper .content-wrapper .categories-wrapper a.active, .articles-filters-wrapper .content-wrapper .categories-wrapper span.active {
          color: #2f0745; }
      .articles-filters-wrapper .content-wrapper .categories-wrapper a:hover:hover, .articles-filters-wrapper .content-wrapper .categories-wrapper a:active:hover, .articles-filters-wrapper .content-wrapper .categories-wrapper a:focus:hover {
        color: #808080; }

.articles-index .hero, .is-404 .hero {
  height: 25vw;
  max-height: 30rem;
  background-color: #2f0745;
  background-image: url();
  background-position: center bottom;
  background-size: auto 100%;
  background-repeat: repeat-x; }
  .articles-index .hero .hero-text, .is-404 .hero .hero-text {
    color: white; }

/*------------------------------------*\
Article
\*------------------------------------*/
.article .single-wrapper {
  display: grid;
  grid-template-columns: 70fr 30fr;
  grid-column-gap: 3rem;
  grid-row-gap: 0;
  padding-top: 6rem; }
  .article .single-wrapper .article-wrapper .article-header {
    font-size: 1.46rem; }
    .article .single-wrapper .article-wrapper .article-header .thumbnail {
      width: 100%;
      height: 30vw;
      max-height: 35rem;
      margin-bottom: 1rem;
      background-position: center center;
      background-size: cover; }
    .article .single-wrapper .article-wrapper .article-header h1 {
      font-weight: 700;
      font-size: 3.285rem;
      line-height: 3.77775rem;
      margin: 0 0 1rem; }
    .article .single-wrapper .article-wrapper .article-header h3 {
      font-weight: 700;
      font-size: 1.6498rem;
      color: #2f0745;
      line-height: 2.39221rem;
      margin: 0 0 1.6498rem; }
    .article .single-wrapper .article-wrapper .article-header .post-info {
      font-size: 1.241rem;
      line-height: 1.89727rem;
      margin: 0 0 1.241rem; }
      .article .single-wrapper .article-wrapper .article-header .post-info .date {
        display: inline-block;
        color: #f20354; }
      .article .single-wrapper .article-wrapper .article-header .post-info span {
        margin: 0 0.5rem; }
      .article .single-wrapper .article-wrapper .article-header .post-info .category {
        display: inline-block;
        font-weight: bold;
        text-transform: uppercase; }
        .article .single-wrapper .article-wrapper .article-header .post-info .category a:hover, .article .single-wrapper .article-wrapper .article-header .post-info .category a:active, .article .single-wrapper .article-wrapper .article-header .post-info .category a:focus {
          color: #808080; }
      .article .single-wrapper .article-wrapper .article-header .post-info hr {
        display: block;
        margin: 1rem 0;
        width: 1.5rem;
        height: .2rem;
        background-color: #f20354; }
  .article .single-wrapper .article-wrapper .entry-content h3 {
    margin: 3rem 0 1rem; }
  .article .single-wrapper .article-wrapper .entry-content a {
    font-weight: 700;
    color: #2f0745; }
    .article .single-wrapper .article-wrapper .entry-content a:hover {
      color: #808080; }
  .article .single-wrapper .article-wrapper .entry-content *:first-child {
    margin-top: 0; }
  .article .single-wrapper .sidebar-wrapper {
    font-size: 1.241rem; }

.search-form {
  position: relative;
  display: inline-block;
  width: 100%; }
  .search-form .search-field {
    display: inline-block;
    vertical-align: middle;
    height: 5rem;
    width: 100%;
    padding: 1rem 1.5rem;
    background-color: white;
    border: 0.1rem solid #f6f6f9;
    font-size: 1.3724rem;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem; }
    .search-form .search-field:hover, .search-form .search-field:active, .search-form .search-field:focus {
      border: 0.1rem solid #808080; }
  .search-form .search-submit {
    display: block;
    font-size: 0;
    height: 0;
    width: 0;
    padding: 0; }

/*------------------------------------*\
General Style
\*------------------------------------*/
.main-canvas-wrapper {
  position: relative; }
  .main-canvas-wrapper .main-canvas-content .content {
    display: grid; }

/*------------------------------------*\
Buttons
\*------------------------------------*/
.link-button {
  margin: 0;
  text-align: left; }
  .link-button.red input[type=submit], .link-button.red a, .link-button.red button {
    color: white !important;
    background-color: #f20354 !important;
    text-decoration: none; }
    .link-button.red input[type=submit]:hover, .link-button.red input[type=submit]:active, .link-button.red input[type=submit]:focus, .link-button.red a:hover, .link-button.red a:active, .link-button.red a:focus, .link-button.red button:hover, .link-button.red button:active, .link-button.red button:focus {
      color: white !important;
      background-color: #f44e66 !important; }
  .link-button input[type=submit], .link-button a, .link-button button {
    text-align: center;
    text-decoration: none !important;
    display: inline-block;
    cursor: pointer;
    font-weight: 700;
    background-color: #4c0650 !important;
    color: white !important;
    padding: 1.5rem 3rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem; }
    .link-button input[type=submit]:hover, .link-button input[type=submit]:active, .link-button input[type=submit]:focus, .link-button a:hover, .link-button a:active, .link-button a:focus, .link-button button:hover, .link-button button:active, .link-button button:focus {
      background-color: #64346e !important;
      color: white !important; }
  .link-button.center {
    margin: 0 auto;
    text-align: center; }

.overlap-next .content-wrapper {
  padding-bottom: 9rem !important; }
.overlap-next + div {
  margin-bottom: 6rem; }
  .overlap-next + div .content-wrapper {
    position: relative;
    margin-top: -6rem;
    margin-bottom: -6rem; }

/*------------------------------------*\
Home
\*------------------------------------*/
.m2cloud-wrapper {
  background-color: #dadae7;
  background: radial-gradient(circle, #f6f6f9 0%, #dadae7 50%);
  padding: 9rem 1.5rem; }
  .m2cloud-wrapper .content-wrapper {
    background-color: white;
    padding: 6rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    grid-gap: 3rem;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    border-radius: 1.5rem;
    -webkit-box-shadow: 0 2rem 2rem -2rem rgba(47, 7, 69, 0.4);
    -moz-box-shadow: 0 2rem 2rem -2rem rgba(47, 7, 69, 0.4);
    box-shadow: 0 2rem 2rem -2rem rgba(47, 7, 69, 0.4); }
    .m2cloud-wrapper .content-wrapper::after {
      content: '';
      display: block;
      width: 12rem;
      height: 12rem;
      position: absolute;
      bottom: -6rem;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      margin: 0 auto;
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-size: contain;
      -webkit-mask-position: center;
      mask-repeat: no-repeat;
      mask-size: contain;
      mask-position: center;
      -webkit-mask-image: url(../images/big-connector.svg);
      mask-image: url(../images/big-connector.svg);
      background-color: #f20354;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s; }

.m2cloud-cases-wrapper {
  background-color: #f6f6f9; }
  .m2cloud-cases-wrapper .content-wrapper {
    text-align: center; }
    .m2cloud-cases-wrapper .content-wrapper .m2cloud-cases {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 0 1rem;
      width: 100%;
      max-width: 60rem;
      margin: 0 auto calc( 6rem + 1.5rem);
      text-align: left; }
      .m2cloud-cases-wrapper .content-wrapper .m2cloud-cases > li {
        background-color: #f20354;
        padding: 1.5rem;
        -webkit-border-radius: 1rem 3rem 1rem 1rem;
        -moz-border-radius: 1rem 3rem 1rem 1rem;
        border-radius: 1rem 3rem 1rem 1rem;
        -webkit-box-shadow: 0 2rem 2rem -2rem rgba(47, 7, 69, 0.4);
        -moz-box-shadow: 0 2rem 2rem -2rem rgba(47, 7, 69, 0.4);
        box-shadow: 0 2rem 2rem -2rem rgba(47, 7, 69, 0.4); }
        .m2cloud-cases-wrapper .content-wrapper .m2cloud-cases > li.asset {
          background-color: #4c0650; }
        .m2cloud-cases-wrapper .content-wrapper .m2cloud-cases > li.oem {
          background-color: #f20354; }
        .m2cloud-cases-wrapper .content-wrapper .m2cloud-cases > li ul {
          display: grid;
          grid-template-columns: 1fr;
          grid-gap: 1rem; }
          .m2cloud-cases-wrapper .content-wrapper .m2cloud-cases > li ul li {
            background: white;
            padding: 1rem;
            min-height: 9rem;
            -webkit-border-radius: 0.5rem;
            -moz-border-radius: 0.5rem;
            border-radius: 0.5rem; }
            .m2cloud-cases-wrapper .content-wrapper .m2cloud-cases > li ul li.title {
              color: white;
              background: transparent;
              min-height: 0;
              padding: 0; }
              .m2cloud-cases-wrapper .content-wrapper .m2cloud-cases > li ul li.title p {
                font-size: 1.752rem;
                line-height: 2.1024rem;
                font-weight: 700;
                text-transform: uppercase;
                text-align: left;
                margin-bottom: 1rem;
                padding-left: 0; }
            .m2cloud-cases-wrapper .content-wrapper .m2cloud-cases > li ul li.common-mobile {
              display: none; }
        .m2cloud-cases-wrapper .content-wrapper .m2cloud-cases > li.common {
          grid-column: 1 / 3;
          min-height: 7rem;
          display: grid;
          align-items: center;
          justify-content: center;
          background: white;
          padding: 1.5rem;
          width: 100%;
          max-width: calc(100% - 3rem);
          margin: 0 auto;
          -webkit-border-radius: 0.5rem;
          -moz-border-radius: 0.5rem;
          border-radius: 0.5rem; }
        .m2cloud-cases-wrapper .content-wrapper .m2cloud-cases > li:not(.common) {
          padding-bottom: 11rem;
          margin-bottom: -10rem; }
      .m2cloud-cases-wrapper .content-wrapper .m2cloud-cases p {
        font-size: 1.3724rem;
        line-height: 1.89727rem;
        font-weight: 700;
        padding-left: 3rem; }
      .m2cloud-cases-wrapper .content-wrapper .m2cloud-cases .arrow {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-gap: 1rem;
        font-family: TangoSans, Helvetica Neue, Arial, sans-serif;
        font-size: 1.6498rem;
        line-height: 2.39221rem;
        font-weight: 400;
        text-transform: uppercase;
        padding-left: 0;
        margin-bottom: 0.5rem; }
        .m2cloud-cases-wrapper .content-wrapper .m2cloud-cases .arrow .up, .m2cloud-cases-wrapper .content-wrapper .m2cloud-cases .arrow .down {
          display: inline-block;
          vertical-align: middle;
          height: 2rem;
          width: 2rem;
          background-size: contain;
          background-repeat: no-repeat; }
        .m2cloud-cases-wrapper .content-wrapper .m2cloud-cases .arrow .up {
          background-image: url(../images/arrow-up.svg); }
        .m2cloud-cases-wrapper .content-wrapper .m2cloud-cases .arrow .down {
          background-image: url(../images/arrow-down.svg); }

.m2cloud-data-wrapper {
  position: relative;
  z-index: 1;
  background-color: #f20354;
  background: linear-gradient(30deg, #4c0650 30%, #64346e 100%); }
  .m2cloud-data-wrapper .content-wrapper {
    color: white; }

.m2cloud-data-list-wrapper {
  background-color: #f6f6f9; }
  .m2cloud-data-list-wrapper .content-wrapper {
    text-align: center; }
    .m2cloud-data-list-wrapper .content-wrapper .data-list {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 1.5rem;
      align-items: start;
      text-align: left; }
      .m2cloud-data-list-wrapper .content-wrapper .data-list > li {
        -webkit-border-radius: 1rem;
        -moz-border-radius: 1rem;
        border-radius: 1rem;
        -webkit-box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4);
        -moz-box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4);
        box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4);
        padding: 6rem;
        background-color: white; }
        .m2cloud-data-list-wrapper .content-wrapper .data-list > li ul {
          display: grid;
          grid-template-columns: 1fr;
          grid-gap: 1rem; }
          .m2cloud-data-list-wrapper .content-wrapper .data-list > li ul li {
            padding: 1.5rem;
            background-color: #f6f6f9;
            -webkit-border-radius: 0.5rem;
            -moz-border-radius: 0.5rem;
            border-radius: 0.5rem; }
            .m2cloud-data-list-wrapper .content-wrapper .data-list > li ul li.title {
              background-color: transparent; }
              .m2cloud-data-list-wrapper .content-wrapper .data-list > li ul li.title .title-wrapper {
                display: grid;
                grid-template-columns: auto 1fr;
                grid-gap: 2rem;
                align-items: center; }
                .m2cloud-data-list-wrapper .content-wrapper .data-list > li ul li.title .title-wrapper .icon {
                  width: 6rem; }
                .m2cloud-data-list-wrapper .content-wrapper .data-list > li ul li.title .title-wrapper h3 {
                  font-family: LouisGeorgeCafe, Helvetica Neue, Arial, sans-serif;
                  font-weight: 700;
                  font-size: 2.5842rem;
                  line-height: 2.97183rem;
                  margin: 0;
                  color: #f20354; }

.m2cloud-mesh-wrapper {
  background-color: #dadae7;
  background: radial-gradient(circle, #f6f6f9 0%, #dadae7 50%); }
  .m2cloud-mesh-wrapper .content-wrapper .mesh-wrapper ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 3rem;
    margin-top: 6rem;
    margin-bottom: 12rem; }
    .m2cloud-mesh-wrapper .content-wrapper .mesh-wrapper ul li .small-title {
      text-align: center; }
  .m2cloud-mesh-wrapper .content-wrapper .m2cloud-secure-wrapper {
    position: relative;
    background-color: white;
    padding: 6rem;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    border-radius: 1.5rem;
    -webkit-box-shadow: 0 2rem 2rem -2rem rgba(47, 7, 69, 0.4);
    -moz-box-shadow: 0 2rem 2rem -2rem rgba(47, 7, 69, 0.4);
    box-shadow: 0 2rem 2rem -2rem rgba(47, 7, 69, 0.4); }
    .m2cloud-mesh-wrapper .content-wrapper .m2cloud-secure-wrapper::before {
      content: '';
      display: block;
      width: 12rem;
      height: 12rem;
      position: absolute;
      top: -6rem;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      margin: 0 auto;
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-size: contain;
      -webkit-mask-position: center;
      mask-repeat: no-repeat;
      mask-size: contain;
      mask-position: center;
      -webkit-mask-image: url(../images/big-connector.svg);
      mask-image: url(../images/big-connector.svg);
      background-color: #f20354;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: translateX(-50%) rotate(-180deg);
      -moz-transform: translateX(-50%) rotate(-180deg);
      -ms-transform: translateX(-50%) rotate(-180deg);
      transform: translateX(-50%) rotate(-180deg); }
    .m2cloud-mesh-wrapper .content-wrapper .m2cloud-secure-wrapper ul {
      display: grid;
      grid-gap: 3rem;
      grid-template-columns: 1fr 1fr;
      grid-gap: 3rem;
      align-items: center;
      margin-top: 0;
      margin-bottom: 0; }

.m2cloud-hardware {
  background-color: #dadae7;
  background: radial-gradient(circle, #f6f6f9 0%, #dadae7 50%);
  padding: 9rem 1.5rem; }
  .m2cloud-hardware .content-wrapper {
    background-color: white;
    padding: 6rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    grid-gap: 3rem;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    border-radius: 1.5rem;
    -webkit-box-shadow: 0 2rem 2rem -2rem rgba(47, 7, 69, 0.4);
    -moz-box-shadow: 0 2rem 2rem -2rem rgba(47, 7, 69, 0.4);
    box-shadow: 0 2rem 2rem -2rem rgba(47, 7, 69, 0.4); }
    .m2cloud-hardware .content-wrapper h2 {
      font-family: LouisGeorgeCafe, Helvetica Neue, Arial, sans-serif;
      font-size: 1.6498rem;
      line-height: 2.39221rem;
      font-weight: 400; }

.m2cloud-hardware-specs {
  background-color: #f6f6f9; }
  .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper {
    display: grid;
    width: 100%;
    margin: 6rem auto 6rem;
    grid-template-columns: auto repeat(4, 1fr);
    align-items: center;
    grid-gap: 1.5rem;
    position: relative; }
    .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col {
      display: grid;
      -webkit-box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4);
      -moz-box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4);
      box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4); }
      .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col.legend-wrapper:not(:first-child) {
        display: none; }
      .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col.recommended {
        position: relative;
        -webkit-box-shadow: 0 2rem 2rem -2rem rgba(47, 7, 69, 0.4);
        -moz-box-shadow: 0 2rem 2rem -2rem rgba(47, 7, 69, 0.4);
        box-shadow: 0 2rem 2rem -2rem rgba(47, 7, 69, 0.4); }
        .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col.recommended::before {
          content: '';
          position: absolute;
          z-index: 2;
          top: -3rem;
          left: 50%;
          display: block;
          height: 4.5rem;
          width: 4.5rem;
          -webkit-mask-repeat: no-repeat;
          -webkit-mask-size: contain;
          -webkit-mask-position: center;
          mask-repeat: no-repeat;
          mask-size: contain;
          mask-position: center;
          -webkit-mask-image: url(../images/icon-star.svg);
          mask-image: url(../images/icon-star.svg);
          background-color: #f9d965;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
        .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col.recommended .row {
          background-color: #4c0650;
          background: linear-gradient(15deg, #64346e -50%, #4c0650 20%, #cb007e 100%);
          color: white;
          -webkit-transform: scale(1.02);
          -moz-transform: scale(1.02);
          -ms-transform: scale(1.02);
          transform: scale(1.02); }
          .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col.recommended .row li.title::after {
            background-color: #f9d965; }
          .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col.recommended .row li .checked::after {
            background-color: #f9d965; }
          .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col.recommended .row li .unchecked::after {
            background-color: #eedee8; }
      .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col .row {
        display: grid;
        grid-template-rows: 10rem repeat(9, minmax(4.5rem, auto));
        align-items: center;
        align-content: center;
        padding: 1.5rem 1.5rem 1.5rem;
        -webkit-border-radius: 1rem 3rem 1rem 1rem;
        -moz-border-radius: 1rem 3rem 1rem 1rem;
        border-radius: 1rem 3rem 1rem 1rem;
        background-color: #dadae7; }
        .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col .row.legend {
          grid-template-rows: auto repeat(9, minmax(4.5rem, auto));
          background-color: #f20354;
          text-align: center;
          padding: 0 1.5rem;
          margin-top: 10rem; }
          .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col .row.legend p {
            font-weight: 700;
            text-transform: uppercase;
            color: white; }
          .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col .row.legend li {
            border-bottom: .1rem dashed white; }
            .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col .row.legend li.title {
              border: none;
              margin-bottom: 2rem; }
              .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col .row.legend li.title::after {
                content: none; }
        .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col .row li {
          padding-bottom: 1.5rem;
          margin-bottom: 1.5rem;
          text-align: center;
          border-bottom: 0.1rem dashed #f6f6f9; }
          .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col .row li:last-child {
            margin-bottom: 0;
            border: none; }
          .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col .row li.title {
            border-bottom: none;
            margin-bottom: 0;
            padding-bottom: 0; }
            .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col .row li.title::after {
              content: '';
              margin: 1rem auto 0;
              display: block;
              height: 3rem;
              width: 1.5rem;
              -webkit-mask-repeat: no-repeat;
              -webkit-mask-size: 2rem;
              -webkit-mask-position: center;
              mask-repeat: no-repeat;
              mask-size: 2rem;
              mask-position: center;
              -webkit-mask-image: url(../images/icon-specs-connector.svg);
              mask-image: url(../images/icon-specs-connector.svg);
              background-color: #cb007e; }
            .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col .row li.title p {
              text-transform: uppercase;
              font-size: 1.752rem;
              line-height: 2.1024rem;
              font-weight: 700; }
          .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col .row li .checked, .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col .row li .unchecked {
            position: relative;
            font-size: 0; }
            .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col .row li .checked::after, .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col .row li .unchecked::after {
              content: '';
              margin: 0 auto;
              display: block;
              height: 1.5rem;
              width: 1.5rem;
              position: absolute;
              top: 50%;
              left: 50%;
              -webkit-transform: translateX(-50%) translateY(-50%);
              -moz-transform: translateX(-50%) translateY(-50%);
              -ms-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%);
              -webkit-mask-repeat: no-repeat;
              -webkit-mask-size: contain;
              -webkit-mask-position: center;
              mask-repeat: no-repeat;
              mask-size: contain;
              mask-position: center; }
          .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col .row li .checked::after {
            height: 1.8rem;
            width: 1.8rem;
            -webkit-mask-image: url(../images/icon-specs-checked.svg);
            mask-image: url(../images/icon-specs-checked.svg);
            background-color: #cb007e; }
          .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col .row li .unchecked::after {
            -webkit-mask-image: url(../images/icon-specs-unchecked.svg);
            mask-image: url(../images/icon-specs-unchecked.svg);
            background-color: #afa7ac; }

.m2cloud-subscriptions {
  background-color: #f6f6f9;
  background: radial-gradient(circle, #f6f6f9 0%, #dadae7 50%);
  padding: 9rem 1.5rem 15rem; }
  .m2cloud-subscriptions .content-wrapper {
    background-color: white;
    padding: 6rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    grid-gap: 3rem;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    border-radius: 1.5rem;
    -webkit-box-shadow: 0 2rem 2rem -2rem rgba(47, 7, 69, 0.4);
    -moz-box-shadow: 0 2rem 2rem -2rem rgba(47, 7, 69, 0.4);
    box-shadow: 0 2rem 2rem -2rem rgba(47, 7, 69, 0.4); }
    .m2cloud-subscriptions .content-wrapper h2 {
      font-family: LouisGeorgeCafe, Helvetica Neue, Arial, sans-serif;
      font-size: 1.6498rem;
      line-height: 2.39221rem;
      font-weight: 400; }

.m2cloud-subscriptions-specs {
  background-color: #4c0650;
  background: linear-gradient(15deg, #64346e -50%, #4c0650 20%, #cb007e 100%); }
  .m2cloud-subscriptions-specs .content-wrapper {
    margin-top: -6rem;
    margin-bottom: -6rem; }
    .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper {
      display: grid;
      grid-gap: 3rem;
      grid-template-columns: repeat(3, 1fr);
      align-items: start; }
      .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list {
        background-color: white;
        padding: 3rem;
        outline: .3rem solid transparent;
        -webkit-border-radius: 1rem 3rem 1rem 1rem;
        -moz-border-radius: 1rem 3rem 1rem 1rem;
        border-radius: 1rem 3rem 1rem 1rem;
        -webkit-box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4);
        -moz-box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4);
        box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4);
        display: grid; }
        .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list:hover {
          -webkit-transform: scale(1.02);
          -moz-transform: scale(1.02);
          -ms-transform: scale(1.02);
          transform: scale(1.02);
          -webkit-box-shadow: 0 2rem 2rem -2rem rgba(47, 7, 69, 0.4);
          -moz-box-shadow: 0 2rem 2rem -2rem rgba(47, 7, 69, 0.4);
          box-shadow: 0 2rem 2rem -2rem rgba(47, 7, 69, 0.4);
          outline: 0.3rem solid #4c0650; }
        .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list.starter, .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list.pro, .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list.enterprise {
          background-color: white;
          background: linear-gradient(30deg, #f6f6f9 0%, white 100%); }
        .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list .title {
          margin-bottom: 3rem;
          text-align: center; }
          .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list .title .icon {
            display: block;
            text-align: center; }
            .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list .title .icon img {
              width: 100%;
              max-width: 21rem;
              object-fit: cover;
              margin-bottom: 1.5rem; }
          .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list .title p {
            font-size: 2.5842rem;
            line-height: 2.97183rem;
            text-transform: uppercase;
            font-weight: 700; }
        .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list .link {
          margin-top: 3rem; }
        .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list li {
          display: grid;
          align-items: center; }
          .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list li:not(.title, .link) {
            padding: 1rem;
            border-bottom: 0.2rem solid #dadae7; }
          .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list li .icon-plus, .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list li .icon-minus, .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list li .icon-arrow-down, .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list li .icon-arrow-up {
            position: relative;
            padding-left: 3rem; }
            .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list li .icon-plus::before, .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list li .icon-minus::before, .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list li .icon-arrow-down::before, .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list li .icon-arrow-up::before {
              content: '';
              margin: 0 auto;
              display: block;
              height: 1.5rem;
              width: 1.5rem;
              position: absolute;
              top: 50%;
              left: 0;
              -webkit-transform: translateY(-50%);
              -moz-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              transform: translateY(-50%);
              -webkit-mask-repeat: no-repeat;
              -webkit-mask-size: contain;
              -webkit-mask-position: center;
              mask-repeat: no-repeat;
              mask-size: contain;
              mask-position: center; }
          .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list li .icon-plus::before {
            -webkit-mask-image: url(../images/icon-specs-checked.svg);
            mask-image: url(../images/icon-specs-checked.svg);
            background-color: #f20354; }
          .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list li .icon-minus::before {
            -webkit-mask-image: url(../images/icon-specs-unchecked.svg);
            mask-image: url(../images/icon-specs-unchecked.svg);
            background-color: #4c0650; }
          .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list li .icon-arrow-down::before {
            -webkit-mask-image: url(../images/arrow-down.svg);
            mask-image: url(../images/arrow-down.svg);
            background-color: #4c0650; }
          .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list li .icon-arrow-up::before {
            -webkit-mask-image: url(../images/arrow-up-double.svg);
            mask-image: url(../images/arrow-up-double.svg);
            background-color: #f20354; }
          .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list li .icon-arrow-up.top::before {
            -webkit-mask-image: url(../images/arrow-up.svg);
            mask-image: url(../images/arrow-up.svg); }
        .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list p {
          font-size: 1.6498rem;
          line-height: 2.39221rem; }

.m2cloud-subscriptions-list {
  background-color: #f6f6f9;
  padding-top: 6rem; }
  .m2cloud-subscriptions-list .content-wrapper .subscriptions-list-wrapper {
    background-color: white;
    padding: 6rem;
    margin-bottom: 6rem;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    border-radius: 1.5rem;
    -webkit-box-shadow: 0 2rem 2rem -2rem rgba(47, 7, 69, 0.4);
    -moz-box-shadow: 0 2rem 2rem -2rem rgba(47, 7, 69, 0.4);
    box-shadow: 0 2rem 2rem -2rem rgba(47, 7, 69, 0.4);
    display: grid;
    grid-template-columns: 1fr 2fr;
    align-items: center;
    grid-gap: 3rem; }
    .m2cloud-subscriptions-list .content-wrapper .subscriptions-list-wrapper img {
      width: 100%; }

.m2cloud-software {
  background-color: #dadae7;
  background: radial-gradient(circle, #f6f6f9 0%, #dadae7 50%);
  padding: 9rem 1.5rem; }
  .m2cloud-software .content-wrapper {
    background-color: white;
    padding: 6rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    grid-gap: 3rem;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    border-radius: 1.5rem;
    -webkit-box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4);
    -moz-box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4);
    box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4); }
    .m2cloud-software .content-wrapper h2 {
      font-family: LouisGeorgeCafe, Helvetica Neue, Arial, sans-serif;
      font-size: 1.6498rem;
      line-height: 2.39221rem;
      font-weight: 400; }

.m2cloud-software-services {
  background-color: #4c0650;
  background: linear-gradient(15deg, #64346e -50%, #4c0650 20%, #cb007e 100%); }
  .m2cloud-software-services .content-wrapper .title-section {
    color: white; }
    .m2cloud-software-services .content-wrapper .title-section .main-logo {
      width: 27rem;
      display: inline-block;
      vertical-align: middle;
      margin-left: 0.5rem; }
  .m2cloud-software-services .content-wrapper .narrow-text {
    text-align: center;
    margin-top: 3rem; }
  .m2cloud-software-services .content-wrapper .services-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: start;
    grid-gap: 3rem;
    margin-top: 6rem; }
    .m2cloud-software-services .content-wrapper .services-wrapper .service-wrapper {
      background-color: white;
      padding: 6rem;
      -webkit-border-radius: 1.5rem;
      -moz-border-radius: 1.5rem;
      border-radius: 1.5rem;
      -webkit-box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4);
      -moz-box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4);
      box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4); }
      .m2cloud-software-services .content-wrapper .services-wrapper .service-wrapper .icon {
        display: block;
        text-align: center; }
        .m2cloud-software-services .content-wrapper .services-wrapper .service-wrapper .icon img {
          width: 100%;
          max-width: 21rem;
          object-fit: cover;
          margin-bottom: 1.5rem; }
      .m2cloud-software-services .content-wrapper .services-wrapper .service-wrapper .title-section {
        text-align: left;
        display: block;
        margin-bottom: 3rem; }
        .m2cloud-software-services .content-wrapper .services-wrapper .service-wrapper .title-section.logo img {
          width: 100%;
          max-width: 21rem; }
        .m2cloud-software-services .content-wrapper .services-wrapper .service-wrapper .title-section.logo.small img {
          max-width: 12rem; }
        .m2cloud-software-services .content-wrapper .services-wrapper .service-wrapper .title-section .operative-systems {
          display: block;
          width: 9rem;
          height: 4rem;
          margin: 1.5rem 0 0;
          -webkit-mask-repeat: no-repeat;
          -webkit-mask-size: contain;
          -webkit-mask-position: center;
          mask-repeat: no-repeat;
          mask-size: contain;
          mask-position: center;
          -webkit-mask-image: url(../images/operative-systems-logos.svg);
          mask-image: url(../images/operative-systems-logos.svg);
          background-color: #f20354; }
      .m2cloud-software-services .content-wrapper .services-wrapper .service-wrapper .pink {
        color: #cb007e; }
      .m2cloud-software-services .content-wrapper .services-wrapper .service-wrapper .screenshot::before {
        content: '';
        margin: 1.5rem auto;
        display: block;
        height: 3rem;
        width: 1.5rem;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: 2rem;
        -webkit-mask-position: center;
        mask-repeat: no-repeat;
        mask-size: 2rem;
        mask-position: center;
        -webkit-mask-image: url(../images/icon-specs-connector.svg);
        mask-image: url(../images/icon-specs-connector.svg);
        background-color: #cb007e; }
      .m2cloud-software-services .content-wrapper .services-wrapper .service-wrapper .screenshot a {
        position: relative;
        display: block;
        width: 100%;
        overflow: hidden;
        margin-top: 1.5rem;
        -webkit-border-radius: 0.5rem;
        -moz-border-radius: 0.5rem;
        border-radius: 0.5rem; }
        .m2cloud-software-services .content-wrapper .services-wrapper .service-wrapper .screenshot a::before {
          position: absolute;
          content: '';
          width: 100%;
          height: 3rem;
          background-color: rgba(255, 255, 255, 0.3);
          top: 30%;
          left: 20%;
          -webkit-transform: rotate(60deg);
          -moz-transform: rotate(60deg);
          -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
        .m2cloud-software-services .content-wrapper .services-wrapper .service-wrapper .screenshot a::after {
          position: absolute;
          content: '';
          width: 50%;
          height: 1.5rem;
          background-color: rgba(255, 255, 255, 0.3);
          top: 30%;
          left: 38%;
          -webkit-transform: rotate(60deg);
          -moz-transform: rotate(60deg);
          -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
        .m2cloud-software-services .content-wrapper .services-wrapper .service-wrapper .screenshot a:hover, .m2cloud-software-services .content-wrapper .services-wrapper .service-wrapper .screenshot a:active, .m2cloud-software-services .content-wrapper .services-wrapper .service-wrapper .screenshot a:focus {
          -webkit-transform: scale(1.02);
          -moz-transform: scale(1.02);
          -ms-transform: scale(1.02);
          transform: scale(1.02); }

.m2cloud-distributors {
  background-color: #f6f6f9;
  background: radial-gradient(circle, #f6f6f9 0%, #dadae7 50%);
  padding: 9rem 1.5rem; }
  .m2cloud-distributors .content-wrapper {
    padding: 0; }
    .m2cloud-distributors .content-wrapper .info-wrapper {
      position: relative;
      background-color: white;
      padding: 6rem;
      -webkit-border-radius: 1.5rem;
      -moz-border-radius: 1.5rem;
      border-radius: 1.5rem;
      -webkit-box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4);
      -moz-box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4);
      box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4);
      margin-bottom: 3rem; }
      .m2cloud-distributors .content-wrapper .info-wrapper:last-child {
        margin-bottom: 0; }
      .m2cloud-distributors .content-wrapper .info-wrapper p + .icon-text {
        margin-top: 4.5rem; }
      .m2cloud-distributors .content-wrapper .info-wrapper .icon-text {
        display: grid;
        grid-template-columns: minmax(9rem, auto) 1fr;
        grid-gap: 6rem 3rem;
        align-items: center; }
        .m2cloud-distributors .content-wrapper .info-wrapper .icon-text .icon-wrapper .icon {
          width: 100%;
          max-width: 9rem; }
        .m2cloud-distributors .content-wrapper .info-wrapper .icon-text .text-wrapper .small-title {
          margin-bottom: 0.5rem; }
      .m2cloud-distributors .content-wrapper .info-wrapper.distributors {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        grid-gap: 3rem; }
        .m2cloud-distributors .content-wrapper .info-wrapper.distributors::after {
          content: '';
          display: block;
          width: 12rem;
          height: 12rem;
          position: absolute;
          z-index: 1;
          bottom: -6rem;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%);
          margin: 0 auto;
          -webkit-mask-repeat: no-repeat;
          -webkit-mask-size: contain;
          -webkit-mask-position: center;
          mask-repeat: no-repeat;
          mask-size: contain;
          mask-position: center;
          -webkit-mask-image: url(../images/big-connector.svg);
          mask-image: url(../images/big-connector.svg);
          background-color: #f20354;
          -webkit-transition: all 0.2s;
          -moz-transition: all 0.2s;
          -o-transition: all 0.2s;
          transition: all 0.2s; }
      .m2cloud-distributors .content-wrapper .info-wrapper.features {
        display: grid;
        align-items: center;
        grid-gap: 4.5rem; }

.m2cloud-distributors-levels {
  background-color: #f6f6f9; }
  .m2cloud-distributors-levels .content-wrapper .target {
    padding: 6rem 6rem 9rem;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    border-radius: 1.5rem;
    -webkit-box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4);
    -moz-box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4);
    box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4);
    margin-bottom: 3rem;
    width: 60rem;
    background-color: #4c0650;
    background: linear-gradient(15deg, #64346e -50%, #4c0650 20%, #cb007e 100%);
    color: white;
    text-align: center;
    margin: 0 auto; }
  .m2cloud-distributors-levels .content-wrapper .levels-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0 3rem;
    align-items: start;
    margin-top: -6rem; }
    .m2cloud-distributors-levels .content-wrapper .levels-wrapper li {
      background-color: white;
      padding: 6rem;
      -webkit-border-radius: 1rem 3rem 1rem 1rem;
      -moz-border-radius: 1rem 3rem 1rem 1rem;
      border-radius: 1rem 3rem 1rem 1rem;
      -webkit-box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4);
      -moz-box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4);
      box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4); }
      .m2cloud-distributors-levels .content-wrapper .levels-wrapper li .title-section {
        display: grid;
        grid-template-columns: auto auto;
        grid-gap: 1.5rem;
        align-items: center;
        justify-content: center; }
        .m2cloud-distributors-levels .content-wrapper .levels-wrapper li .title-section img {
          width: 6rem;
          height: 6rem; }
      .m2cloud-distributors-levels .content-wrapper .levels-wrapper li:nth-child(1) {
        border: 0.3rem dashed #4c0650; }
      .m2cloud-distributors-levels .content-wrapper .levels-wrapper li:nth-child(2) {
        border: 0.3rem solid #4c0650; }

.m2cloud-cta-distributor {
  background-color: #4c0650;
  background: linear-gradient(30deg, #4c0650 30%, #64346e 100%); }
  .m2cloud-cta-distributor .content-wrapper {
    color: white; }
    .m2cloud-cta-distributor .content-wrapper .link-button {
      margin-top: 3rem; }

.m2cloud-factories {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  background-color: #f6f6f9; }
  .m2cloud-factories .content-wrapper {
    padding-left: 0;
    padding-right: 0; }
    .m2cloud-factories .content-wrapper .factories-wrapper {
      background-color: white;
      padding: 9rem;
      -webkit-border-radius: 1.5rem;
      -moz-border-radius: 1.5rem;
      border-radius: 1.5rem;
      -webkit-box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4);
      -moz-box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4);
      box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4);
      margin-bottom: 6rem; }
      .m2cloud-factories .content-wrapper .factories-wrapper:last-child {
        margin-bottom: 0; }
      .m2cloud-factories .content-wrapper .factories-wrapper .logos-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 3rem;
        align-items: center;
        justify-items: center;
        justify-content: center;
        max-width: 75%;
        margin: 3rem auto 0; }
        .m2cloud-factories .content-wrapper .factories-wrapper .logos-wrapper img {
          width: 100%;
          max-width: 24rem; }
      .m2cloud-factories .content-wrapper .factories-wrapper .link-button {
        margin-top: 3rem; }
    .m2cloud-factories .content-wrapper .advantages-wrapper {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 3rem;
      margin: 3rem auto 4.5rem; }
      .m2cloud-factories .content-wrapper .advantages-wrapper .advantage {
        background-color: white;
        padding: 6rem;
        -webkit-border-radius: 1.5rem;
        -moz-border-radius: 1.5rem;
        border-radius: 1.5rem;
        -webkit-box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4);
        -moz-box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4);
        box-shadow: 0 2rem 2rem -3rem rgba(47, 7, 69, 0.4); }
        .m2cloud-factories .content-wrapper .advantages-wrapper .advantage:last-child {
          margin-bottom: 0; }
        .m2cloud-factories .content-wrapper .advantages-wrapper .advantage .icon {
          width: 100%;
          max-width: 6rem; }
        .m2cloud-factories .content-wrapper .advantages-wrapper .advantage .small-title {
          margin-top: 0.5rem; }
      .m2cloud-factories .content-wrapper .advantages-wrapper + .narrow-text {
        margin-bottom: 3rem; }

.legal .content-wrapper h2 {
  margin-top: 6rem; }

.subsidies .content-wrapper .logos {
  margin-top: 4.5rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 6rem; }
  .subsidies .content-wrapper .logos img {
    width: 100%;
    max-width: 25rem; }

.kit-digital .content-wrapper .logos {
  display: block;
  margin: 6rem 0; }

.kit-digital-types-header {
  position: relative;
  z-index: 2;
  background-color: #4c0650;
  padding-bottom: 6rem;
  margin-bottom: -12rem; }

.kit-digital-types {
  background-color: #f6f6f9; }
  .kit-digital-types .content-wrapper {
    z-index: 2; }
    .kit-digital-types .content-wrapper .services-grid {
      grid-template-columns: repeat(3, 1fr);
      margin-bottom: 3rem; }
      .kit-digital-types .content-wrapper .services-grid li p {
        font-size: 1.6498rem;
        line-height: 2.39221rem; }
        .kit-digital-types .content-wrapper .services-grid li p .amount {
          display: block;
          font-weight: 700;
          margin-top: 1.5rem; }

.kit-digital-promo {
  position: relative;
  background-color: #4c0650;
  background-image: url(../images/home-hero-bg.svg);
  background-repeat: no-repeat;
  background-position: center;
  background: url(../images/home-hero-bg.svg) 150% center no-repeat, 150% center no-repeat radial-gradient(circle, transparent 0%, rgba(242, 3, 84, 0.3) 8%, transparent 40%), #4c0650;
  background-size: 65%; }
  .kit-digital-promo .content-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 3rem;
    align-items: center; }
    .kit-digital-promo .content-wrapper h3 {
      font-family: LouisGeorgeCafe, Helvetica Neue, Arial, sans-serif;
      color: white;
      margin-bottom: 0; }
      .kit-digital-promo .content-wrapper h3 .red {
        display: block;
        margin-top: 3rem;
        color: #f20354; }
    .kit-digital-promo .content-wrapper .list {
      color: white;
      grid-row: 2; }

.kit-digital-categories .content-wrapper .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1.5rem;
  margin-top: 3rem; }
  .kit-digital-categories .content-wrapper .list li {
    margin-bottom: 0; }

.kit-digital-services {
  background-color: #4c0650; }
  .kit-digital-services .content-wrapper {
    z-index: 2; }
    .kit-digital-services .content-wrapper .small-title {
      margin-top: 3rem; }
    .kit-digital-services .content-wrapper .services-grid {
      grid-template-columns: repeat(2, 1fr);
      margin-bottom: 3rem; }
      .kit-digital-services .content-wrapper .services-grid li p {
        font-size: 1.6498rem;
        line-height: 2.39221rem; }
      .kit-digital-services .content-wrapper .services-grid li .category {
        font-family: TangoSans, Helvetica Neue, Arial, sans-serif;
        color: #f20354;
        text-transform: uppercase; }
      .kit-digital-services .content-wrapper .services-grid li .price {
        text-align: center;
        margin-top: 3rem;
        font-size: 1.752rem;
        line-height: 2.1024rem;
        font-weight: 700;
        text-transform: uppercase; }
        .kit-digital-services .content-wrapper .services-grid li .price + p {
          text-align: center;
          font-weight: 700; }
          .kit-digital-services .content-wrapper .services-grid li .price + p .amount {
            display: block;
            color: #f20354; }

/*------------------------------------*\
Contact
\*------------------------------------*/
/*.contact-wrapper{

  position: relative;

	background-color: $grey_light_2_c;
	background: radial-gradient(circle, $grey_light_c 0%, $grey_light_2_c 50% );

	display: grid;
	grid-template-columns: 1fr;
	align-items: center;

	overflow: hidden;

	.content-wrapper{

   	padding-top: calc(6rem + 6rem);
	 
	  .title-section{ margin-bottom: $pad;}

   	.contact-info-wrapper{

 			display: grid;
			grid-template-columns: 1fr 2fr;
			grid-gap: $pad;

			align-items: start;
	    align-content: stretch;


		  .data-wrapper{

	
				display: grid;
				grid-gap: $pad/3;

				background-color: white;
				padding: $pad;

				color: $black_c;

				@include border-radius($pad/3);
				@include box-shadow(0 2rem 2rem -2rem rgba($black_c, .4));

				li{

					display: grid;
					grid-template-columns: $pad 1fr;
					grid-gap: $pad/3;

					align-items: center;

					&::before{

						content: '';

						display: block;
						width: $pad;
						height: $pad;

						background-size: cover;
						background-position: center;
						background-repeat: no-repeat;

					}

					&.image{ 
					
						
						&::before{ content: none;}

						grid-template-columns: 1fr;

						img{

							width: 100%;
							max-width: 30rem;


						}

					}
					&.address{ align-items: start; &::before{ background-image: url(../images/location-icon.svg); }}
					&.phone{ &::before{ background-image: url(../images/phone-icon.svg); } }
					&.email{ &::before{ background-image: url(../images/mail-icon.svg); } }

				}

	    }

	    .contact-form{

	    	.contact-info{

	    		display: grid;
	    		grid-template-columns: 1fr 1fr;
	    		grid-gap: $pad/3;

	    		li{			
	    			@include box-shadow(0 1rem 1rem -1rem rgba($black_c, .2));
	    		}

	    		.name{
	    			grid-column: 1;
	    		}
	    		.email{
	    			grid-column: 2;
	    		}
	    		.subject{
	    			grid-column: 1 / 3;
	    			textarea{

	    				height: auto;
	    				min-height: 0;

	    			}
	    		}
	    		.message{
	    			grid-column: 1 / 3;
	    		}
	    		.privacy{
	    			grid-column: 1 / 3;
	    			@include box-shadow(none);

	    			input{
	    				&::before{
			    			@include box-shadow(0 1rem 1rem -1rem rgba($black_c, .2));
	    				}
	    			}


	    		}
	    		.response{ 
	    			display: none;
	    			grid-column: 1 / 3;
	    			@include box-shadow(none);
    			}

	    		.submit{
	    			grid-column: 1 / 3;
	    			@include box-shadow(none);


	    			.link-button{ display: inline-block; position: relative; }
	    		}
	    	}
	    }
		}
	}
}*/
/*------------------------------------*\
Sidebar Content
\*------------------------------------*/
.normal-page {
  background-color: #dadae7;
  background-image: radial-gradient(circle, #f6f6f9 0%, #dadae7 50%);
  color: #4c0650;
  padding: 9rem 1.5rem; }
  .normal-page .content-wrapper {
    background-color: white;
    padding: 6rem;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    border-radius: 1.5rem;
    -webkit-box-shadow: 0 2rem 2rem -2rem rgba(47, 7, 69, 0.4);
    -moz-box-shadow: 0 2rem 2rem -2rem rgba(47, 7, 69, 0.4);
    box-shadow: 0 2rem 2rem -2rem rgba(47, 7, 69, 0.4); }

/*------------------------------------*\
Sidebar Content
\*------------------------------------*/
.sidebar.lateral-sidebar {
  padding: 0;
  background-color: transparent;
  margin-bottom: 1.5rem; }
  .sidebar.lateral-sidebar:empty {
    display: none;
    margin: 0; }

.sidebar-wrapper .related-posts-wrapper {
  padding: 1.5rem 1.5rem 3rem;
  background-color: #dadae7;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem; }
  .sidebar-wrapper .related-posts-wrapper hr {
    background-color: #2f0745;
    height: .2rem;
    border: 0;
    margin: 1.5rem auto 1.5rem 0;
    width: 1.5rem; }
    .sidebar-wrapper .related-posts-wrapper hr:last-child {
      display: none;
      height: 0; }
  .sidebar-wrapper .related-posts-wrapper h3 {
    font-size: 1.6498rem;
    line-height: 2.39221rem;
    margin: 0 0 1rem; }
  .sidebar-wrapper .related-posts-wrapper h4 {
    font-size: 2.5842rem;
    font-weight: 700;
    line-height: 2.97183rem; }
  .sidebar-wrapper .related-posts-wrapper:empty {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0; }
  .sidebar-wrapper .related-posts-wrapper .related-post .thumbnail {
    width: 100%;
    height: 13vw;
    max-height: 15rem;
    background-position: center center;
    background-size: cover;
    margin-bottom: 1rem; }
  .sidebar-wrapper .related-posts-wrapper .related-post a {
    display: block;
    width: 100%; }
    .sidebar-wrapper .related-posts-wrapper .related-post a:hover {
      color: #808080; }
  .sidebar-wrapper .related-posts-wrapper .related-post p {
    font-size: 1.3724rem;
    line-height: 1.89727rem; }

/*------------------------------------*\
Footer Basic
\*------------------------------------*/
footer {
  align-self: end;
  position: relative;
  width: 100%;
  background-color: #dadae7;
  background: linear-gradient(90deg, #dadae7 0%, #f6f6f9 100%);
  color: #4c0650; }
  footer .footer-wrapper {
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
    padding: 6rem 3rem;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto auto;
    grid-gap: 3rem; }
    footer .footer-wrapper a:hover, footer .footer-wrapper a:active, footer .footer-wrapper a:focus {
      color: #f20354; }
    footer .footer-wrapper .logo-footer, footer .footer-wrapper .logo-subsidies {
      width: 18rem; }
    footer .footer-wrapper .logo-subsidies {
      grid-row: 1 / 4;
      grid-column: 2; }
    footer .footer-wrapper .social {
      grid-row: 2;
      grid-column: 1;
      padding-left: 5rem; }
      footer .footer-wrapper .social hr {
        margin: 1rem 0 1.5rem;
        width: 3rem;
        height: .2rem;
        background-color: #f20354; }
      footer .footer-wrapper .social .social-icons {
        display: grid;
        grid-auto-columns: max-content;
        grid-auto-flow: column;
        grid-gap: 1rem; }
        footer .footer-wrapper .social .social-icons a {
          width: 3rem;
          height: 3rem;
          background-color: white;
          font-size: 0;
          line-height: 0;
          -webkit-transition: all 0.2s;
          -moz-transition: all 0.2s;
          -o-transition: all 0.2s;
          transition: all 0.2s;
          -webkit-border-radius: 5rem;
          -moz-border-radius: 5rem;
          border-radius: 5rem;
          background-size: 2rem;
          background-repeat: no-repeat;
          background-position: center;
          position: relative; }
          footer .footer-wrapper .social .social-icons a::before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-size: 2rem;
            -webkit-mask-position: center;
            mask-repeat: no-repeat;
            mask-size: 2rem;
            mask-position: center;
            background-color: #f20354;
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
            -o-transition: all 0.2s;
            transition: all 0.2s; }
          footer .footer-wrapper .social .social-icons a.fb::before {
            -webkit-mask-image: url(../images/social-fb.svg);
            mask-image: url(../images/social-fb.svg); }
          footer .footer-wrapper .social .social-icons a.tw::before {
            -webkit-mask-image: url(../images/social-tw.svg);
            mask-image: url(../images/social-tw.svg); }
          footer .footer-wrapper .social .social-icons a.in::before {
            -webkit-mask-image: url(../images/social-in.svg);
            mask-image: url(../images/social-in.svg); }
          footer .footer-wrapper .social .social-icons a:hover, footer .footer-wrapper .social .social-icons a:active, footer .footer-wrapper .social .social-icons a:focus {
            background-color: #f20354; }
            footer .footer-wrapper .social .social-icons a:hover::before, footer .footer-wrapper .social .social-icons a:active::before, footer .footer-wrapper .social .social-icons a:focus::before {
              background-color: white; }
    footer .footer-wrapper .footer-menu {
      grid-row: 3;
      grid-column: 1 / 3;
      padding-left: 5rem;
      margin-top: 1rem; }
      footer .footer-wrapper .footer-menu .menu {
        display: grid;
        grid-auto-columns: max-content;
        grid-auto-flow: column;
        grid-gap: 3rem;
        font-size: 1.6498rem;
        line-height: 2.39221rem; }
        footer .footer-wrapper .footer-menu .menu a {
          font-weight: 700; }
  footer .copy {
    padding: 3rem;
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 3rem;
    justify-content: center;
    text-align: center;
    background-color: #4c0650;
    color: white; }
    footer .copy p {
      font-size: 1.241rem;
      line-height: 1.89727rem;
      margin: 0; }
    footer .copy .author {
      font-size: 1.241rem;
      line-height: 1.89727rem;
      font-style: italic; }
      footer .copy .author a {
        color: #f20354; }
        footer .copy .author a:hover, footer .copy .author a:active, footer .copy .author a:focus {
          color: white; }

	/*------------------------------------*\
  Cookies
  \*------------------------------------*/
#cookieConsent {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  grid-gap: 1.5rem;
  position: fixed;
  z-index: 99999;
  right: 3rem;
  bottom: 3rem;
  max-width: 45rem;
  background-color: white;
  padding: 2rem;
  border: 0.1rem solid #f6f6f9;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  text-align: right; }
  #cookieConsent p {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.3724rem;
    line-height: 1.89727rem;
    margin: 0;
    text-align: left; }
    #cookieConsent p br {
      display: none; }
    #cookieConsent p a {
      color: #f20354;
      text-decoration: underline; }
      #cookieConsent p a:hover, #cookieConsent p a:active, #cookieConsent p a:focus {
        color: #f44e66; }
  #cookieConsent #consent-cookieConsent {
    display: inline-block;
    vertical-align: middle; }
    #cookieConsent #consent-cookieConsent span {
      background-color: #4c0650;
      font-weight: 700;
      font-size: 1.241rem;
      color: white;
      padding: 1.5rem 1.5rem;
      cursor: pointer;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-border-radius: 0.5rem;
      -moz-border-radius: 0.5rem;
      border-radius: 0.5rem; }
      #cookieConsent #consent-cookieConsent span:hover {
        background-color: #f20354; }

/*------------------------------------*\
/*------------------------------------*\
   Responsive
/*------------------------------------*\
\*------------------------------------*/
@media (min-width: 1921px) {
  header {
    max-width: 120rem; }

  .center-wrapper .content-wrapper {
    max-width: 120rem; }

  .center-wrapper-wide .content-wrapper {
    width: 100%;
    max-width: 160rem; } }
@media (min-width: 920px) and (max-width: 1100px) {
  .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper {
    grid-template-columns: auto 1fr; }
    .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col .row.legend p {
      font-size: 1.3724rem;
      line-height: 1.89727rem; }
    .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col .row li p {
      font-size: 1.3724rem;
      line-height: 1.89727rem; }
    .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col .row li .checked::after, .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col .row li .unchecked::after {
      height: 1.5rem;
      width: 1.5rem; }

  /*------------------------------------*\
  Blog
  \*------------------------------------*/
  .articles-grid .content-wrapper .articles-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem; } }
/**/
@media (max-width: 920px) {
  /** DEFAULT STYLES **/
  body * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: text;
    /* Safari */
    -khtml-user-select: text;
    /* Konqueror HTML */
    -moz-user-select: text;
    /* Old versions of Firefox */
    -ms-user-select: text;
    /* Internet Explorer/Edge */
    user-select: text;
    /* Non-prefixed version, currently
       supported by Chrome, Opera and Firefox */ }
  body.menu-is-open {
    /* For desktop */
    overflow: auto; }
    body.menu-is-open .main-canvas-wrapper {
      overflow: visible;
      height: 100%; }

  /* General */
  /*------------------------------------*\
  Wrappers and common
  \*------------------------------------*/
  .fadeIn {
    opacity: 1; }

  .center-wrapper .content-wrapper {
    width: 100%;
    max-width: 90rem;
    margin: 0 auto;
    padding: 6rem 1.5rem; }

  .full-wrapper {
    width: 100%; }
    .full-wrapper .content-wrapper {
      width: 100%;
      padding: 0 1.5rem; }

  .center-wrapper-wide {
    width: 100%; }
    .center-wrapper-wide .content-wrapper {
      width: 100%;
      max-width: 120rem;
      margin: 0 auto;
      padding: 6rem 1.5rem; }

  .center-wrapper-narrow {
    width: 100%;
    height: 100%; }
    .center-wrapper-narrow .content-wrapper {
      width: 100%;
      max-width: 120rem;
      margin: 0 auto;
      padding: 6rem 1.5rem; }

  .double-padding-bottom {
    padding-bottom: 6rem !important; }

  .double-padding-top {
    padding-top: 6rem !important; }

  .title-section {
    font-size: 2.4rem;
    line-height: 3.24rem;
    margin-bottom: 3rem; }
    .title-section.hero {
      font-size: 3.12rem;
      line-height: 4.212rem;
      margin-bottom: 1rem; }

  .small-title {
    font-size: 1.92rem;
    line-height: 2.592rem;
    margin-top: 3rem;
    margin-bottom: 1.5rem; }

  .p-text {
    font-size: 1.356rem;
    line-height: 2.1696rem; }

  .big {
    font-size: 1.92rem;
    line-height: 2.592rem;
    margin-top: 3rem; }

  .icon-grid {
    grid-template-columns: 1fr; }
    .icon-grid li {
      grid-template-columns: auto auto;
      grid-gap: 1rem 1.5rem;
      align-items: center;
      text-align: center; }
      .icon-grid li .icon {
        width: 6rem;
        height: auto;
        justify-self: end; }
      .icon-grid li h4 {
        font-size: 1.92rem;
        line-height: 2.592rem;
        justify-self: start; }
      .icon-grid li p {
        grid-column: 1 / 3; }

  .services-grid {
    grid-template-columns: 1fr; }
    .services-grid li .icon {
      max-width: 9rem; }
    .services-grid li h4 {
      font-size: 1.56rem;
      line-height: 2.106rem; }
    .services-grid li p {
      font-size: 1.356rem;
      line-height: 2.1696rem; }
      .services-grid li p:nth-last-child(2) {
        margin-bottom: 1.356rem; }
      .services-grid li p.link-button {
        position: relative;
        bottom: auto; }

  .features-list {
    grid-template-columns: 1fr; }
    .features-list li a {
      grid-template-rows: auto 1fr;
      padding: 3rem 1.5rem;
      align-items: start; }
      .features-list li a .icon {
        max-width: 3rem; }
      .features-list li a h2 {
        font-size: 1.44rem;
        line-height: 1.8rem; }
    .features-list.no-link li {
      grid-template-rows: auto 1fr;
      align-items: start;
      padding: 3rem 1.5rem; }
      .features-list.no-link li .icon {
        max-width: 3rem; }
      .features-list.no-link li h2 {
        font-size: 1.44rem;
        line-height: 1.8rem; }

  .wpcf7 .wpcf7-form.invalid .response .wpcf7-response-output, .wpcf7 .wpcf7-form.failed .response .wpcf7-response-output {
    font-size: 1.356rem; }
  .wpcf7 .wpcf7-form.submitting .link-submit .ajax-loader {
    position: absolute;
    right: 1rem;
    width: 5rem;
    height: 100%;
    margin-left: 0; }
  .wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"] {
    font-size: 1.356rem; }
  .wpcf7 textarea {
    font-size: 1.356rem; }

  ul.bulletpoints {
    margin-bottom: 3rem; }
    ul.bulletpoints:last-child {
      margin-bottom: 3rem; }
    ul.bulletpoints li {
      margin-bottom: 1rem; }
      ul.bulletpoints li:last-child {
        margin-bottom: 0; }

  a.anchor {
    top: -6rem; }

  /*------------------------------------*\
  MENU Style
  \*------------------------------------*/
  header .header-wrapper {
    top: 0;
    left: 1rem;
    padding: 1rem;
    width: 12rem; }
    header .header-wrapper .top-bar {
      max-width: 12rem; }
      header .header-wrapper .top-bar .logo-header {
        width: 4.5rem;
        height: 4.5rem; }
    header .header-wrapper #off-canvas-topmenu .bar1, header .header-wrapper #off-canvas-topmenu .bar2, header .header-wrapper #off-canvas-topmenu .bar3 {
      width: 3rem;
      height: .2rem;
      background-color: white;
      margin: .6rem 0;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      border-radius: 1rem; }
    header .header-wrapper .menu {
      grid-gap: 1rem; }
      header .header-wrapper .menu .menu-item.has-icon a {
        display: grid;
        justify-items: center; }
        header .header-wrapper .menu .menu-item.has-icon a::before {
          content: '';
          display: grid;
          height: 2rem;
          width: 2rem; }
      header .header-wrapper .menu .menu-item a {
        font-size: 1.104rem;
        line-height: 1.6272rem;
        max-width: 12rem;
        word-break: break-word; }
      header .header-wrapper .menu .menu-item.lang-item img {
        height: 2rem;
        width: 2rem; }
      header .header-wrapper .menu .current-menu-item {
        -webkit-border-radius: 1rem;
        -moz-border-radius: 1rem;
        border-radius: 1rem;
        padding: 1rem;
        background-color: #2f0745; }
        header .header-wrapper .menu .current-menu-item a {
          pointer-events: none; }

  /*------------------------------------*\
  General Style
  \*------------------------------------*/
  .main-canvas-wrapper {
    padding-bottom: 0; }

  	/*------------------------------------*\
   	Buttons
   	\*------------------------------------*/
  .hero-button {
    margin-top: 3rem; }
    .hero-button a {
      width: 100%; }

  .link-button {
    margin: 0 auto 3rem; }
    .link-button input[type=submit], .link-button a {
      width: auto; }

  /*------------------------------------*\
    Home
   \*------------------------------------*/
  .m2cloud-wrapper .content-wrapper {
    grid-template-columns: 1fr; }
    .m2cloud-wrapper .content-wrapper .background-wrapper {
      order: 2; }
    .m2cloud-wrapper .content-wrapper .title-section {
      text-align: center;
      margin-bottom: 1.5rem; }

  .m2cloud-cases-wrapper .content-wrapper .title-section {
    text-align: center;
    margin-bottom: 1.5rem; }
  .m2cloud-cases-wrapper .content-wrapper .m2cloud-cases {
    grid-template-columns: 1fr;
    grid-gap: 1.5rem;
    margin-bottom: 6rem; }
    .m2cloud-cases-wrapper .content-wrapper .m2cloud-cases > li ul li {
      min-height: 0; }
      .m2cloud-cases-wrapper .content-wrapper .m2cloud-cases > li ul li.title p {
        font-size: 1.44rem;
        line-height: 1.8rem; }
      .m2cloud-cases-wrapper .content-wrapper .m2cloud-cases > li ul li.common-mobile {
        display: block; }
    .m2cloud-cases-wrapper .content-wrapper .m2cloud-cases > li.common {
      display: none; }
    .m2cloud-cases-wrapper .content-wrapper .m2cloud-cases > li:not(.common) {
      padding-bottom: 1.5rem;
      margin-bottom: 0; }
    .m2cloud-cases-wrapper .content-wrapper .m2cloud-cases p {
      font-size: 1.356rem;
      line-height: 2.1696rem;
      padding-left: 3rem; }
    .m2cloud-cases-wrapper .content-wrapper .m2cloud-cases .arrow {
      font-size: 1.356rem;
      line-height: 2.1696rem; }
  .m2cloud-cases-wrapper .content-wrapper .features-list {
    grid-template-columns: 1fr 1fr; }

  .m2cloud-data-wrapper .content-wrapper {
    color: white; }
    .m2cloud-data-wrapper .content-wrapper .title-section {
      text-align: center;
      margin-bottom: 1.5rem; }

  .m2cloud-data-list-wrapper .content-wrapper {
    text-align: center; }
    .m2cloud-data-list-wrapper .content-wrapper .data-list {
      grid-template-columns: 1fr;
      grid-gap: 3rem; }
      .m2cloud-data-list-wrapper .content-wrapper .data-list > li {
        padding: 1.5rem; }
        .m2cloud-data-list-wrapper .content-wrapper .data-list > li ul li.title {
          background-color: transparent; }
          .m2cloud-data-list-wrapper .content-wrapper .data-list > li ul li.title .title-wrapper .icon {
            width: 6rem; }
          .m2cloud-data-list-wrapper .content-wrapper .data-list > li ul li.title .title-wrapper h3 {
            font-size: 1.56rem;
            line-height: 2.106rem;
            margin: 0; }

  .m2cloud-mesh-wrapper .content-wrapper .mesh-wrapper ul {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 3rem;
    margin-top: 3rem; }
    .m2cloud-mesh-wrapper .content-wrapper .mesh-wrapper ul li .small-title {
      text-align: center;
      color: #f20354;
      margin-bottom: 0; }
  .m2cloud-mesh-wrapper .content-wrapper .m2cloud-secure-wrapper {
    padding: 9rem 1.5rem 3rem; }
    .m2cloud-mesh-wrapper .content-wrapper .m2cloud-secure-wrapper ul {
      grid-template-columns: 1fr;
      grid-gap: 3rem; }
      .m2cloud-mesh-wrapper .content-wrapper .m2cloud-secure-wrapper ul li {
        grid-template-columns: 1fr;
        grid-gap: 0; }
        .m2cloud-mesh-wrapper .content-wrapper .m2cloud-secure-wrapper ul li .text-wrapper {
          text-align: center; }
        .m2cloud-mesh-wrapper .content-wrapper .m2cloud-secure-wrapper ul li .img-wrapper {
          display: block;
          width: 100%;
          max-width: 30rem;
          margin: 0 auto; }

  .m2cloud-hardware .content-wrapper {
    grid-template-columns: 1fr; }
    .m2cloud-hardware .content-wrapper .background-wrapper {
      order: 2; }
    .m2cloud-hardware .content-wrapper .title-section {
      text-align: center;
      margin-bottom: 1.5rem; }
    .m2cloud-hardware .content-wrapper h2 {
      font-size: 1.356rem;
      line-height: 2.1696rem; }

  .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper {
    display: grid;
    width: 100%;
    margin: 6rem auto 6rem;
    grid-template-columns: auto 1fr;
    align-items: center;
    grid-gap: 4.5rem 0;
    position: relative; }
    .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col.legend-wrapper {
      position: relative;
      z-index: 5;
      margin-right: -3rem; }
      .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col.legend-wrapper:not(:first-child) {
        display: block; }
    .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col.recommended .row {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); }
    .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col .row {
      display: grid;
      grid-template-rows: 9rem repeat(9, minmax(4.5rem, auto));
      align-items: center;
      align-content: center;
      padding: 1rem;
      background-color: #dadae7; }
      .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col .row.legend {
        padding: 0 1rem;
        margin-top: 9rem; }
        .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col .row.legend p {
          font-size: 1.104rem;
          line-height: 2.1696rem; }
      .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col .row li:last-child {
        margin-bottom: 0;
        border: none; }
      .m2cloud-hardware-specs .content-wrapper .hardware-specs-wrapper .col .row li.title p {
        font-size: 1.44rem;
        line-height: 1.8rem; }

  .m2cloud-software .content-wrapper {
    grid-template-columns: 1fr; }
    .m2cloud-software .content-wrapper .background-wrapper {
      order: 2; }
    .m2cloud-software .content-wrapper .title-section {
      text-align: center;
      margin-bottom: 1.5rem; }
    .m2cloud-software .content-wrapper h2 {
      font-size: 1.356rem;
      line-height: 2.1696rem; }

  .m2cloud-software-services .content-wrapper .title-section .main-logo {
    width: 18rem;
    margin-left: auto;
    margin-right: auto; }
  .m2cloud-software-services .content-wrapper .services-wrapper {
    grid-template-columns: 1fr;
    grid-gap: 3rem;
    margin-top: 6rem; }
    .m2cloud-software-services .content-wrapper .services-wrapper .service-wrapper {
      padding: 3rem 1.5rem; }
      .m2cloud-software-services .content-wrapper .services-wrapper .service-wrapper .icon img {
        max-width: 12rem; }
      .m2cloud-software-services .content-wrapper .services-wrapper .service-wrapper .title-section.logo img {
        width: 100%;
        max-width: 15rem; }
      .m2cloud-software-services .content-wrapper .services-wrapper .service-wrapper .title-section.logo.small img {
        max-width: 9rem; }

  .m2cloud-subscriptions {
    padding: 9rem 1.5rem 15rem; }
    .m2cloud-subscriptions .content-wrapper {
      padding: 6rem 1.5rem;
      grid-template-columns: 1fr; }
      .m2cloud-subscriptions .content-wrapper .background-wrapper {
        order: 2; }
      .m2cloud-subscriptions .content-wrapper .title-section {
        text-align: center;
        margin-bottom: 1.5rem; }
      .m2cloud-subscriptions .content-wrapper h2 {
        font-size: 1.356rem;
        line-height: 2.1696rem; }

  .m2cloud-subscriptions-specs .content-wrapper {
    margin-top: -6rem;
    margin-bottom: -6rem; }
    .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper {
      grid-template-columns: 1fr; }
      .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list {
        padding: 3rem 1.5rem; }
        .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list:hover {
          -webkit-transform: scale(1);
          -moz-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1);
          outline: .2rem solid transparent; }
        .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list .title {
          margin-bottom: 1.5rem; }
          .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list .title .icon img {
            width: 15rem;
            margin-bottom: 0.5rem; }
          .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list .title p {
            font-size: 1.92rem;
            line-height: 2.592rem; }
        .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list li .icon-plus::before, .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list li .icon-minus::before, .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list li .icon-arrow-down::before, .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list li .icon-arrow-up::before {
          height: 1.5rem;
          width: 1.5rem; }
        .m2cloud-subscriptions-specs .content-wrapper .subscriptions-list-wrapper .subscriptions-list p {
          font-size: 1.356rem;
          line-height: 2.1696rem; }

  .m2cloud-subscriptions-list {
    padding-top: 9rem; }
    .m2cloud-subscriptions-list .content-wrapper .subscriptions-list-wrapper {
      background-color: white;
      padding: 3rem 1.5rem;
      margin-bottom: 9rem;
      display: grid;
      grid-template-columns: 1fr;
      grid-gap: 0.5rem; }
      .m2cloud-subscriptions-list .content-wrapper .subscriptions-list-wrapper img {
        width: 100%;
        max-width: 21rem;
        margin: -12rem auto 0; }
      .m2cloud-subscriptions-list .content-wrapper .subscriptions-list-wrapper .list-wrapper {
        text-align: center; }
        .m2cloud-subscriptions-list .content-wrapper .subscriptions-list-wrapper .list-wrapper .title-section {
          margin-bottom: 1rem; }

  .m2cloud-distributors {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0; }
    .m2cloud-distributors .content-wrapper {
      padding: 0 1.5rem 6rem !important; }
      .m2cloud-distributors .content-wrapper .info-wrapper {
        padding: 6rem 1.5rem;
        margin-bottom: 3rem; }
        .m2cloud-distributors .content-wrapper .info-wrapper .title-section {
          text-align: center;
          margin-bottom: 1.5rem; }
        .m2cloud-distributors .content-wrapper .info-wrapper .icon-text {
          grid-template-columns: minmax(6rem, auto) 1fr; }
          .m2cloud-distributors .content-wrapper .info-wrapper .icon-text .icon-wrapper .icon {
            max-width: 6rem; }
        .m2cloud-distributors .content-wrapper .info-wrapper.distributors {
          grid-template-columns: 1fr; }
          .m2cloud-distributors .content-wrapper .info-wrapper.distributors .background-wrapper {
            order: 2; }
          .m2cloud-distributors .content-wrapper .info-wrapper.distributors::after {
            width: 9rem;
            height: 12rem;
            bottom: -8rem; }

  .m2cloud-distributors-levels .content-wrapper .target {
    padding: 3rem 3rem 6rem;
    width: auto;
    margin-bottom: -3rem; }
  .m2cloud-distributors-levels .content-wrapper .levels-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 0 3rem;
    align-items: start;
    margin-top: -1.5rem; }
    .m2cloud-distributors-levels .content-wrapper .levels-wrapper li {
      padding: 3rem; }
      .m2cloud-distributors-levels .content-wrapper .levels-wrapper li .title-section img {
        width: 6rem;
        height: 6rem; }
      .m2cloud-distributors-levels .content-wrapper .levels-wrapper li:nth-child(1) {
        padding-bottom: 6rem; }
      .m2cloud-distributors-levels .content-wrapper .levels-wrapper li:nth-child(2) {
        margin-top: -3rem; }

  .m2cloud-cta-distributor .content-wrapper {
    color: white;
    text-align: center; }
    .m2cloud-cta-distributor .content-wrapper .link-button {
      margin: 3rem auto 0;
      text-align: center; }

  .m2cloud-factories {
    padding-left: 0;
    padding-right: 0; }
    .m2cloud-factories .content-wrapper {
      padding-left: 1.5rem;
      padding-right: 1.5rem; }
      .m2cloud-factories .content-wrapper .factories-wrapper {
        background-color: white;
        padding: 3rem 1.5rem;
        margin-bottom: 6rem; }
        .m2cloud-factories .content-wrapper .factories-wrapper:last-child {
          margin-bottom: 0; }
        .m2cloud-factories .content-wrapper .factories-wrapper .logos-wrapper img {
          width: 100%;
          max-width: 24rem; }
      .m2cloud-factories .content-wrapper .advantages-wrapper {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 3rem;
        margin: 3rem auto 4.5rem; }
        .m2cloud-factories .content-wrapper .advantages-wrapper .advantage {
          padding: 3rem 1.5rem; }
          .m2cloud-factories .content-wrapper .advantages-wrapper .advantage:last-child {
            margin-bottom: 0; }
          .m2cloud-factories .content-wrapper .advantages-wrapper .advantage .icon {
            max-width: 6rem; }
          .m2cloud-factories .content-wrapper .advantages-wrapper .advantage .small-title {
            margin-top: 0.5rem; }
        .m2cloud-factories .content-wrapper .advantages-wrapper + .narrow-text {
          margin-bottom: 3rem; }

  .subsidies .content-wrapper .logos {
    grid-template-columns: repeat(2, 1fr); }
    .subsidies .content-wrapper .logos img {
      max-width: none; }

  .kit-digital-types-header {
    padding-bottom: 6rem;
    margin-bottom: -12rem; }

  .kit-digital-types .content-wrapper .services-grid {
    grid-template-columns: repeat(1, 1fr); }
    .kit-digital-types .content-wrapper .services-grid li p {
      font-size: 1.356rem;
      line-height: 2.1696rem; }

  .kit-digital-promo {
    background: url(../images/home-hero-bg.svg) center 40rem no-repeat, center 40rem no-repeat radial-gradient(circle, transparent 0%, rgba(222, 27, 75, 0.3) 8%, transparent 40%), #4c0650;
    background-size: 45rem; }
    .kit-digital-promo .content-wrapper {
      padding-bottom: 15rem !important;
      grid-template-columns: 1fr; }

  .kit-digital-categories .content-wrapper .list {
    grid-template-columns: repeat(1, 1fr); }

  .kit-digital-services .content-wrapper .services-grid {
    grid-template-columns: repeat(1, 1fr); }
    .kit-digital-services .content-wrapper .services-grid li p {
      font-size: 1.356rem;
      line-height: 2.1696rem; }
    .kit-digital-services .content-wrapper .services-grid li .price {
      font-size: 1.44rem;
      line-height: 1.8rem;
      text-align: left; }
      .kit-digital-services .content-wrapper .services-grid li .price + p {
        text-align: left; }

  	/*------------------------------------*\
    Contact
    \*------------------------------------*/
  .contact-wrapper .content-wrapper .title-section {
    text-align: center;
    margin-bottom: 1.5rem; }
  .contact-wrapper .content-wrapper .contact-info-wrapper {
    grid-template-columns: 1fr;
    grid-gap: 3rem; }
    .contact-wrapper .content-wrapper .contact-info-wrapper .data-wrapper li.image::before {
      content: none; }
    .contact-wrapper .content-wrapper .contact-info-wrapper .contact-form .contact-info {
      grid-template-columns: 1fr;
      grid-gap: 1.5rem; }
      .contact-wrapper .content-wrapper .contact-info-wrapper .contact-form .contact-info .name {
        grid-column: 1; }
      .contact-wrapper .content-wrapper .contact-info-wrapper .contact-form .contact-info .email {
        grid-column: 1; }
      .contact-wrapper .content-wrapper .contact-info-wrapper .contact-form .contact-info .subject {
        grid-column: 1; }
        .contact-wrapper .content-wrapper .contact-info-wrapper .contact-form .contact-info .subject textarea {
          height: auto;
          min-height: 0; }
      .contact-wrapper .content-wrapper .contact-info-wrapper .contact-form .contact-info .message {
        grid-column: 1; }
      .contact-wrapper .content-wrapper .contact-info-wrapper .contact-form .contact-info .privacy {
        grid-column: 1; }
      .contact-wrapper .content-wrapper .contact-info-wrapper .contact-form .contact-info .response {
        grid-column: 1; }
      .contact-wrapper .content-wrapper .contact-info-wrapper .contact-form .contact-info .submit {
        grid-column: 1; }
        .contact-wrapper .content-wrapper .contact-info-wrapper .contact-form .contact-info .submit .link-button {
          margin-bottom: 0; }

  /*------------------------------------*\
  Blog
  \*------------------------------------*/
  .articles-grid .content-wrapper .articles-wrapper {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem; }
    .articles-grid .content-wrapper .articles-wrapper:last-child {
      margin-bottom: 0; }
    .articles-grid .content-wrapper .articles-wrapper article {
      display: block;
      width: 100%;
      margin-bottom: 3rem;
      padding: 0; }
      .articles-grid .content-wrapper .articles-wrapper article .article-header .thumbnail {
        width: 100%;
        height: 45vw;
        max-height: 32rem; }
      .articles-grid .content-wrapper .articles-wrapper article .article-header h3 {
        font-size: 1.356rem;
        line-height: 2.1696rem; }
      .articles-grid .content-wrapper .articles-wrapper article .entry-content a.see-more-new::after {
        margin-top: -3rem; }
      .articles-grid .content-wrapper .articles-wrapper article:last-child {
        margin-bottom: 0; }
  .articles-grid .page-navigation {
    font-size: 1.2rem; }
    .articles-grid .page-navigation span, .articles-grid .page-navigation a {
      font-size: 1.2rem; }

  .articles-filters-wrapper .content-wrapper {
    grid-template-columns: repeat(1, 1fr);
    padding-top: 1.5rem;
    padding-bottom: 1.5rem; }
    .articles-filters-wrapper .content-wrapper .search-wrapper .search-field {
      max-width: none; }
    .articles-filters-wrapper .content-wrapper .categories-wrapper {
      display: none; }

  	/*------------------------------------*\
     	Article
     	\*------------------------------------*/
  .article .single-wrapper {
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 0;
    grid-row-gap: 3rem;
    padding-top: 3rem; }
    .article .single-wrapper .article-wrapper .article-header {
      font-size: 1.2rem; }
      .article .single-wrapper .article-wrapper .article-header .thumbnail {
        height: 55vw;
        max-height: 45rem;
        margin-bottom: 1.5rem; }
      .article .single-wrapper .article-wrapper .article-header h1 {
        font-size: 1.92rem;
        line-height: 2.592rem;
        margin: 0 0 1.5rem; }
      .article .single-wrapper .article-wrapper .article-header h3 {
        font-weight: 700;
        font-size: 1.356rem;
        line-height: 2.1696rem;
        margin: 0 0 1.356rem; }
      .article .single-wrapper .article-wrapper .article-header .post-info {
        font-size: 1.356rem;
        line-height: 1.356rem;
        margin: 0 0 1.356rem; }
        .article .single-wrapper .article-wrapper .article-header .post-info hr {
          width: 3rem;
          margin: 1.5rem 0 3rem; }
    .article .single-wrapper .sidebar-wrapper {
      font-size: 1.356rem; }

  /*------------------------------------*\
  Sidebar content
  \*------------------------------------*/
  .sidebar-wrapper::before {
    content: '';
    display: block;
    margin: 0 0 3rem;
    width: 3rem;
    height: .2rem;
    background-color: #f20354; }
  .sidebar-wrapper .related-posts-wrapper {
    padding: 1.5rem 1.5rem 3rem; }
    .sidebar-wrapper .related-posts-wrapper h3 {
      /*font-size: $font-size*1.15;
      line-height: $font-size*1.6;
      margin: 0;*/ }
    .sidebar-wrapper .related-posts-wrapper h4 {
      /*font-weight: $font-bold;
      margin-bottom: $pad/2;*/ }
    .sidebar-wrapper .related-posts-wrapper .related-post .thumbnail {
      height: 55vw;
      max-height: 45rem;
      margin-bottom: 1.5rem; }

  /*------------------------------------*\
  Footer Basic
  \*------------------------------------*/
  footer {
    height: auto;
    min-height: 0;
    position: relative; }
    footer .footer-wrapper {
      padding: 6rem 1.5rem;
      grid-template-columns: 1fr; }
      footer .footer-wrapper .logo-subsidies {
        margin-top: 3rem;
        grid-row: auto;
        grid-column: 1; }
      footer .footer-wrapper .social li p {
        font-size: 1.56rem;
        line-height: 2.106rem;
        margin-bottom: 1.5rem; }
      footer .footer-wrapper .social hr {
        margin: 2rem 0; }
      footer .footer-wrapper .social .social-icons {
        margin: 0; }
      footer .footer-wrapper .footer-menu {
        grid-row: auto;
        grid-column: 1;
        margin-top: 0; }
        footer .footer-wrapper .footer-menu .menu {
          font-size: 1.56rem;
          line-height: 2.106rem;
          grid-auto-flow: unset;
          grid-gap: 1rem; }

  /*------------------------------------*\
  Cookies
  \*------------------------------------*/
  #cookieConsent {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    left: 1.5rem;
    width: calc(100% - 3rem);
    text-align: center; }
    #cookieConsent p {
      display: block;
      vertical-align: top;
      font-size: 1.356rem;
      line-height: 2.1696rem;
      margin: 0 0 1.5rem; }
      #cookieConsent p br {
        display: inline; }
      #cookieConsent p a {
        margin: 0; }
    #cookieConsent #consent-cookieConsent {
      display: block;
      vertical-align: top;
      text-align: center; }
      #cookieConsent #consent-cookieConsent span {
        display: block; } }