/* #region global */

a {
  color: #ed555a;
}

/* #endregion */

/* #region wrapper */

#wrapper { 
  width: 100%;
}
#inner-wrapper {
  width: 100%;
  padding-top: 12rem;
}

@media only screen
and (min-width : 768px) {
  .mobile { 
    display: none!important; 
  }
}

@media only screen
and (min-width : 0)
and (max-width : 767px) {
  .no-mobile { 
    display: none!important; 
  }
}

/* #endregion */

/* #region image/video box */

.video-box, 
.img-box { 
  overflow: hidden; 
  position: relative; 
}

.img-box img { 
  object-fit: cover; 
  object-position: center center; 
  width: 100%!important;
  height: 100%;
}
.video-box video { 
  object-fit: cover; 
  object-position: center center;  
  width: 100%!important;
  height: 100%;
}

.img-box.contain img,
.video-box.contain video { 
  object-fit: contain!important;
}

@supports(object-fit: cover) {
  .img-box > img { height: 100%!important; }
  .video-box > video { height: 100%!important; }
}

/* #endregion */

/* #region lavanda button */
.bttn-lavanda {
  height: 5.6rem;
  padding: 0 2.5rem;
  background: var(--app-lavender);
  border: .1rem solid var(--app-lavender);
  border-radius: .5rem;
  color: var(--white);
  line-height: 5.6rem;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.6rem;
  font-weight: 800;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  transition: all .3s linear;
}
.bttn-lavanda img { margin-right: 1.5rem; max-width: 3.2rem; height: auto; }
.bttn-lavanda.bttn-transparent { background: none transparent; color: var(--header); }
@media (hover: hover) {
  .bttn-lavanda.bttn-transparent:hover { background: var(--figma-gama-hover); border-color: var(--figma-gama-hover); color: var(--white); }
}
/* #endregion */

/* #region call to action button */

.button-cta {
  height: 4.7rem;
  line-height: 4.7rem;
  text-align: center;
  min-width: 19rem;
  box-sizing: border-box;
  padding: 0 2rem;
  font-weight: 600;
  font-size: 1.6rem;
  background: var(--figma-degrade-boton);
  color: #ffffff;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
  display: inline-block;
  vertical-align: top;
  user-select: none;
  -webkit-transition: color 0.2s, background-color 0.2s;
  -moz-transition: color 0.2s, background-color 0.2s;
  -ms-transition: color 0.2s, background-color 0.2s;
  transition: color 0.2s, background-color 0.2s;
}
.button-cta:hover {
  background-color: var(--figma-degrade-boton-hover);
  color: #ffffff;
}

/* --- */

.button-cta::after {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url(../img/arrow.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 1.5rem;
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.2rem;
  content: '';
  -webkit-transition: -webkit-transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  -ms-transition: -ms-transform 0.2s;
  transition: transform 0.2s;
  position: relative;
}
.button-cta:hover::after {
  -webkit-transform: translateX(1rem);
  -moz-transform: translateX(1rem);
  -ms-transform: translateX(1rem);
  transform: translateX(1rem);
}

/* #endregion */

/* #region store button */

.store-button {
  background-color: #fff;
  display: inline-flex;
  height: 4.7rem;
  justify-content: center;
  align-items: center;
  padding: 0 1.5rem;
  gap: 1.5rem;
  -webkit-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
  margin-top: 2rem;
  font-size: 0;
  -webkit-transition: -webkit-box-shadow 0.4s, background-color 0.4s;
  -moz-transition: -moz-box-shadow 0.4s, background-color 0.4s;
  -ms-transition: -ms-box-shadow 0.4s, background-color 0.4s;
  transition: box-shadow 0.4s, background-color 0.4s;
}
.store-button:hover {
  background-color: #f2f2f2;
  -webkit-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.25);
}
.store-button .ico {
  width: 2.2rem;
  height: 2.2rem;
  pointer-events: none;
  margin-top: auto;
  margin-bottom: auto;
}
.store-button .ico img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
.store-button u {
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: 600;
  color: #1B212B;
  text-decoration: none;
}
.store-button + .store-button {
  margin-left: 15px;
}


/* #endregion */

/* #region cookies notice */

#cookie-notice {
  background-color: #1B212B!important;
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;
  top: auto;
  font-size: 1.2rem;
  line-height: 2rem;
  z-index: 38;
}
#cookie-notice.cookie-revoke-visible {
  position: relative;
}

/* --- */

#cookie-notice .cookie-notice-container,
#cookie-notice .cookie-revoke-container {
  padding: 1rem 2rem;
}

/* --- */

#cookie-notice .cn-text-container {
  display: inline-block;
}
#cookie-notice .cn-buttons-container {
  display: inline-block;
}

/* --- */

#cookie-notice .cn-close-icon {
  position: absolute;
  right: 1.5rem;
  margin-top: -1rem;
  width: 2rem;
  height: 2rem;
  opacity: 0.5;
  padding: 0;
  outline: none;
  cursor: pointer;
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -ms-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
#cookie-notice .cn-close-icon:hover {
  opacity: 1;
}
#cookie-notice .cn-close-icon:before,
#cookie-notice .cn-close-icon:after {
  height: 2rem;
  width: 0.2rem;
  right: 0.9rem;
  top: 0;
  background-color: #fff;
}
#cookie-notice .cn-close-icon:before {
  transform: rotate(45deg)
}
#cookie-notice .cn-close-icon:after {
  transform: rotate(-45deg)
}

/* --- */

#cookie-notice .cn-button {
  margin: 0 0 0 1rem!important;
  display: inline-block;
}
#cookie-notice .cn-button:not(.cn-button-custom) {
  font-size: 1.2rem;
  letter-spacing: 0;
  line-height: inherit;
  margin: 0 0 0 1rem!important;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  background-color: #ED565A!important;
  color: #fff;
  font-weight: 600;
  -webkit-transition: color 0.2s, background-color 0.2s;
  -moz-transition: color 0.2s, background-color 0.2s;
  -ms-transition: color 0.2s, background-color 0.2s;
  transition: color 0.2s, background-color 0.2s;
}
#cookie-notice .cn-button:not(.cn-button-custom):hover {
  background-color: var(--figma-degrade-boton-hover)!important;
}

/* #endregion */

/* #region local storage iframe */

#localStorageIframe {
  width: 0!important;
  height: 0!important;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
}

/* #endregion */

/* --- */

/* #region developer drag */

body.developer-drag #wrapper {
  background-color: gray;
}
body.developer-drag #wrapper > section {
  border: 1rem solid red;
  margin-top: 2rem;
  user-select: none;
}
body.developer-drag #wrapper > footer {
  margin-top: 2rem;
}

#dragControls {
  position: fixed;
  top: 20px;
  left: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.1);
  padding: 10px;
  z-index: 100;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#dragControls button {
  background-color: #fff;
  color: #000;
  padding: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-weight: 900;
  cursor: pointer;
}
#dragControls button:hover {
  background-color: green;
  color: #fff;
}

/* #endregion */

/* #region table */

table {
	-webkit-border-radius: 1rem;
	-moz-border-radius: 1rem;
	border-radius: 1rem;
	overflow: hidden;
	background: #ffffff;
  -webkit-box-shadow: 0px 4px 24px rgb(0 0 0 / 10%);
	-moz-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 4px 24px rgb(0 0 0 / 10%);
	color: #242954;
	font-size: 1.4rem;
	table-layout: fixed;
	width: 100%;
}
table tr {
	border-bottom: 0.1rem solid #ebebeb;
}
table th,
table td {
	text-align: center;
	padding: 2rem 3rem;
	line-height: 1.8rem;
	border-left: 0.1rem solid #ebebeb;
	border-right: 0.1rem solid #ebebeb;
	vertical-align: middle;
}
table td:first-child {
	border-left: 0 none;
}
table th {
	text-align: left;
	border: none;
}
table td:first-child {
	text-align: left;
}
table svg {
	fill: #25BD9B;
	vertical-align: middle;
}

/* #endregion */

/* --- */

/* #region mediaqueries */

@media only screen
and (min-width : 0px)
and (max-width : 767px) {

	#inner-wrapper {
    padding-top: 5.8rem!important;
  }

  /* --- */

  #cookie-notice .cookie-notice-container,
  #cookie-notice .cookie-revoke-container {
    padding: 20px 40px 20px;
    text-align: center;
  }
  #cookie-notice .cn-text-container {
    width: 100%;
    margin-bottom: 20px;
  }
  #cookie-notice .cn-close-icon {
    right: 20px;
    top: 20px;
    margin-top: 0;
  }
  #cookie-notice .cn-button {
    margin: 0 1rem 0 0!important;
  }
  #cookie-notice .cn-button:not(.cn-button-custom) {
    margin: 0 1rem 0 0!important;
  }

}
@media only screen
and (min-width : 0px)
and (max-width : 375px) {

}
/* #endregion */

.blog-bottom-article {
  padding: 8.3rem 0 5.5rem;
  color: #242954;
  position: relative;
}
.blog-bottom-article::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  height: 20rem;
  width: 100%;
  background: linear-gradient(180deg, rgba(171, 185, 240, 0.5) 0%, rgba(217, 217, 217, 0) 100%);
}
.blog-bottom-article h4 {
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 1.2em;
}
.blog-bottom-article div[itemprop="mainEntity"] + h4 {
  margin-top: 2rem;
}
.blog-bottom-article h5,
.blog-bottom-article h3[itemprop="name"] {
  color: #ED565A;
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 1.6em;
  margin: 2rem 0 0;
}
.blog-bottom-article p,
.blog-bottom-article li,
.blog-bottom-article div[itemprop="text"] {
  font-size: 1.6rem;
  line-height: 1.6em;
  font-weight: 400;
}
.blog-bottom-article p, 
.blog-bottom-article li a,
.blog-bottom-article div[itemprop="text"],
.blog-bottom-article div[itemprop="text"] a {
  color: #242954!important;
}
.blog-bottom-article li a:hover,
.blog-bottom-article div[itemprop="text"] a:hover {
  color: #ED565A!important;
}
.blog-bottom-article li a {
  position: relative;
  padding-left: 1.5rem;
}
.blog-bottom-article li a i {
  position: absolute;
  left: 0;
  top: -.4rem;
}
.blog-bottom-article li a i::before {
  content: '';
  display: inline-block;
  width: .8rem;
  height: .8rem;
  background: no-repeat url('../img/academy/icons/arrow-small-right.svg') center center;
}
.blog-bottom-article .text {
  margin: 0 0 3rem;
}
.blog-bottom-article ul {
  margin: 1rem 0 0;
}
@media only screen 
and (min-width: 0px) 
and (max-width: 768px) {
  .single .blog-bottom-article::before {
    height: 100%!important;
  }
  .blog-bottom-article article {
    padding: 0 1.8rem;
    text-align: center;
  }
}

/* LEGACY */
/* @group SHARED STRUCTURES AND STYLES
------------------------------------ */
/* #wrapper {
  background: #F6F8F9;
  width: 100%;
  overflow: hidden;
  padding-top: 90px;
  border-top: 70px solid #242954;
}
.home #wrapper {
  border-top: 0 none!important;
} */
/* a, button { cursor: pointer;
    -webkit-transition: color 0.3s linear, background 0.3s linear, border-color 0.3s linear, opacity 0.3s linear, visibility 0.3s linear, box-shadow 0.3s linear, -webkit-transform 0.3s linear;
    -moz-transition: color 0.3s linear, background 0.3s linear, border-color 0.3s linear, opacity 0.3s linear, visibility 0.3s linear, box-shadow 0.3s linear, -moz-transform 0.3s linear;
    -ms-transition: color 0.3s linear, background 0.3s linear, border-color 0.3s linear, opacity 0.3s linear, visibility 0.3s linear, box-shadow 0.3s linear, transform 0.3s linear;
    -o-transition: color 0.3s linear, background 0.3s linear, border-color 0.3s linear, opacity 0.3s linear, visibility 0.3s linear, box-shadow 0.3s linear, transform 0.3s linear;
    transition: color 0.3s linear, background 0.3s linear, border-color 0.3s linear, opacity 0.3s linear, visibility 0.3s linear, box-shadow 0.3s linear, transform 0.3s linear;
} */
.video-box,
.img-box { overflow: hidden; position: relative; }
.noHeight { overflow: visible; }
.img-box > img { object-fit: cover; object-position: center center; height: 100%!important; width: 100%!important; }
.noHeight > img { height: auto!important; }
.img-box video { object-fit: cover; object-position: center center; height: 100%; width: 100%!important; }
.video-container { position: absolute; left: 0; top: 0; bottom: 0; right: 0; }
.hidden-content { display: none; }

.img-box > img.max-300 {max-width: 300px;}
.img-box > img.max-260 {max-width: 260px;}

.fluid {
  width: auto;
  height: auto;
  display: inline-block;
  vertical-align: top;
}
.fluid > img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: top;
}

@supports( object-fit: cover) {
  .video-container { position: relative; }
}

/* General Text
----------------------*/
/* h1, h2, h3 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 500; }

h2{
  font-weight: bold;
} */
/* Buttons
----------------------*/
.page-template-page-mediakit .bttn,
.single .bttn,
.archive .bttn {
  display: inline-block;
  background: #162b52;
  border: 2px solid #162b52;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.12em;
  line-height: 1em;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  max-width: 140px;
  vertical-align: middle;
  border-radius: 5px;
  padding: 11px 0 9px;
  position: relative;
  overflow: hidden;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
}

.page-template-page-mediakit .bttn-flat,
.single .bttn-flat,
.archive .bttn-flat {
  font-size: 9px;
  padding: 3px 13px 1px 13px;
  width: auto;
  max-width: none;
}

.page-template-page-mediakit .bttn-red,
.single .bttn-red,
.archive .bttn-red {
  background: #f75b53;
  border-color: #f75b53;
}

.page-template-page-mediakit .bttn-green,
.single .bttn-green,
.archive .bttn-green {
  background: #f75b53;
  border-color: #f75b53;
}

.page-template-page-mediakit .bttn-grey,
.single .bttn-grey,
.archive .bttn-grey {
  background: #717d8c;
  border-color: #717d8c;
}

.page-template-page-mediakit .bttn-lightblue,
.single .bttn-lightblue,
.archive .bttn-lightblue {
  background: #2b76b9;
  border-color: #2b76b9;
}

.page-template-page-mediakit .bttn-black,
.single .bttn-black,
.archive .bttn-black {
  background: #242954;
  border-color: #242954;
}

.page-template-page-mediakit .bttn-white,
.single .bttn-white,
.archive .bttn-white {
  color: #242954;
  background: #fff;
  border-color: #fff;
}

.page-template-page-mediakit .bttn-newgreen,
.single .bttn-newgreen,
.archive .bttn-newgreen {
  color: #fff;
  background: #00cda7;
  border-color: #00cda7;
}

.page-template-page-mediakit .bttn-transparent,
.single .bttn-transparent,
.archive .bttn-transparent {
  background: transparent;
  border-color: #162b52;
  color: #162b52;
}

.page-template-page-mediakit .bttn-transparent.bttn-red,
.single .bttn-transparent.bttn-red,
.archive .bttn-transparent.bttn-red {
  border-color: #f75b53;
  color: #f75b53;
}

.page-template-page-mediakit .bttn-transparent.bttn-green,
.single .bttn-transparent.bttn-green,
.archive .bttn-transparent.bttn-green {
  border-color: #f75b53;
  color: #f75b53;
}

.page-template-page-mediakit .bttn-transparent.bttn-grey,
.single .bttn-transparent.bttn-grey,
.archive .bttn-transparent.bttn-grey {
  border-color: #717d8c;
  color: #717d8c;
}

.page-template-page-mediakit .bttn-transparent.bttn-white,
.single .bttn-transparent.bttn-white,
.archive .bttn-transparent.bttn-white {
  border-color: #fff;
  color: #fff;
}

.page-template-page-mediakit .bttn-integrations,
.single .bttn-integrations,
.archive .bttn-integrations {
  border: 2px solid #242954;
  color: #242954;
}
.page-template-page-mediakit .bttn-integrations:hover,
.single .bttn-integrations:hover,
.archive .bttn-integrations:hover {
  background-color: #242954 !important;
  background-color: #242954 !important;
}
.page-template-page-mediakit .bttn-black:hover,
.single .bttn-black:hover,
.archive .bttn-black:hover {
  color: #242954 !important;
}
.page-template-page-mediakit .bttn-newgreen:hover,
.single .bttn-newgreen:hover,
.archive .bttn-newgreen:hover {
  color: #00cda7 !important;
}
.page-template-page-mediakit .bttn:before,
.single .bttn:before,
.archive .bttn:before {
  content: '';
  position: absolute;
  top: 0;
  right: -50px;
  bottom: 0;
  left: 0;
  border-right: 50px solid transparent;
  border-bottom: 80px solid #fff;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  z-index: -1;
  box-sizing: border-box;
  transition: 0.3s ease-in-out;
}
.page-template-page-mediakit .bttn-white:before,
.single .bttn-white:before,
.archive .bttn-white:before {
  border-bottom-color: #242954;
}
.page-template-page-mediakit .bttn-newgreen:before,
.single .bttn-newgreen:before,
.archive .bttn-newgreen:before {
  border-bottom-color: #f6f8f9;
}
.page-template-page-mediakit .bttn-transparent:before,
.single .bttn-transparent:before,
.archive .bttn-transparent:before {
  border-bottom-color: #162b52;
}
.page-template-page-mediakit .bttn-integrations:before,
.single .bttn-integrations:before,
.archive .bttn-integrations:before {
  border-bottom-color: #242954;
}
.page-template-page-mediakit .bttn-transparent.bttn-red:before,
.single .bttn-transparent.bttn-red:before,
.archive .bttn-transparent.bttn-red:before {
  border-bottom-color: #f75b53;
}
.page-template-page-mediakit .bttn-transparent.bttn-green:before,
.single .bttn-transparent.bttn-green:before,
.archive .bttn-transparent.bttn-green:before {
  border-bottom-color: #f75b53;
}
.page-template-page-mediakit .bttn-transparent.bttn-grey:before,
.single .bttn-transparent.bttn-grey:before,
.archive .bttn-transparent.bttn-grey:before {
  border-bottom-color: #717d8c;
}
.page-template-page-mediakit .bttn-transparent.bttn-lightblue:before,
.single .bttn-transparent.bttn-lightblue:before,
.archive .bttn-transparent.bttn-lightblue:before {
  border-bottom-color: #2b76b9;
}
.page-template-page-mediakit .bttn-transparent.bttn-lightblue:before,
.single .bttn-transparent.bttn-lightblue:before,
.archive .bttn-transparent.bttn-lightblue:before {
  border-bottom-color: #242954;
}
.page-template-page-mediakit .bttn-transparent.bttn-white:before,
.single .bttn-transparent.bttn-white:before,
.archive .bttn-transparent.bttn-white:before {
  border-bottom-color: #fff;
}
/* Flexslider
----------------------*/
.flexslider { background: none; margin: 0; border: none; box-shadow: none; padding: 0; }
.flex-control-nav { bottom: 117px; }
.flex-control-paging li a { background-color: rgb(255, 255, 255); height: 9px; width: 9px; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active { background-color: rgb(44, 216, 213); }
/* Table
----------------------*/

.u-visually-hidden { position: absolute; width: 1px; height: 1px; border: 0; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); }
/* ToolTip
----------------------*/
.c-tooltip{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;text-decoration:none;border-radius:4px;text-align:center;padding:0;cursor:pointer;position:relative;display:inline-block;z-index:99}
.c-tooltip__content { display:none; transition:all .1s; position:absolute; z-index:100; font-weight:400; letter-spacing:normal; font-size: 14px; color:#5b5e6d; text-align:left; padding:17px 20px 20px;
  background-color:#fff; box-shadow:0 0 2rem rgba(0,0,0,.1); width: 300px; max-width: 300px; bottom:100%; margin-bottom:22px; left:50%; margin-left:-150px }
.c-tooltip:hover .c-tooltip__content{display:block}
.c-tooltip .c-tooltip__content{cursor:auto;pointer-events:none}
.c-tooltip__content,.c-tooltip__content:lang(de),.c-tooltip__content:lang(ja){line-height:1.5}
.c-tooltip__content,.c-tooltip__content.v--north{border-top:3px solid #eeb523}
.c-tooltip__content.v--north:before,.c-tooltip__content:before{z-index:-1;content:'';position:absolute;left:-10px;right:-10px;top:-10px;bottom:-50px}
.c-tooltip__content.v--north:after,.c-tooltip__content:after{content:'';position:absolute;top:100%;left:50%;margin-left:-12px;border-width:12px;border-style:solid;border-color:#fff transparent transparent}
.c-tooltip__content.v--north-east{margin-left:-40px}
.c-tooltip__content.v--north-east:after{left:0;margin-left:28px}
.c-tooltip__content.v--east{margin-left:50%;left:100%;top:50%;transform:translate(10px,-50%);bottom:auto;margin-bottom:0}
.c-tooltip__content.v--east:after{right:100%;left:auto;margin-left:auto;top:50%;margin-top:-12px;border-color:transparent #fff transparent transparent}
.c-tooltip__content.v--east:before{left:-50px;bottom:-10px}
.c-tooltip__content.v--south-east{top:100%;margin-bottom:0;margin-left:-40px;bottom:auto;margin-top:22px;border-top:none;padding-top:20px;padding-bottom:17px;border-bottom:3px solid #eeb523}
.c-tooltip__content.v--south-east:after{top:auto;bottom:100%;left:0;margin-left:28px;border-color:transparent transparent #fff}
.c-tooltip__content.v--south-east:before{top:-50px;bottom:-10px}
.c-tooltip__content.v--south{top:100%;margin-bottom:0;bottom:auto;margin-top:22px;border-top:none;padding-top:20px;padding-bottom:17px;border-bottom:3px solid #eeb523}
.c-tooltip__content.v--south:after{top:auto;bottom:100%;border-color:transparent transparent #fff}
.c-tooltip__content.v--south:before{top:-50px;bottom:-10px}
.c-tooltip__content.v--south-west{top:100%;margin-bottom:0;bottom:auto;left:auto;right:50%;margin-right:-40px;margin-top:22px;border-top:none;padding-top:20px;padding-bottom:17px;border-bottom:3px solid #eeb523}
.c-tooltip__content.v--south-west:after{top:auto;bottom:100%;left:auto;right:0;margin-right:28px;border-color:transparent transparent #fff}
.c-tooltip__content.v--south-west:before{top:-50px;bottom:-10px}
.c-tooltip__content.v--west{right:100%;left:auto;bottom:50%;margin-bottom:0;transform:translateY(50%);margin-right:22px}
.c-tooltip__content.v--west:after{left:100%;right:auto;margin-left:auto;top:50%;margin-top:-12px;border-color:transparent transparent transparent #fff}
.c-tooltip__content.v--west:before{right:-50px;bottom:-10px}
.c-tooltip__content.v--north-west{left:auto;right:50%;margin-right:-40px}
.c-tooltip__content.v--north-west:after{left:auto;right:0;margin-right:28px}
.c-tooltip__content.v--border-red{border-top-color:#eb4d5c}
.c-tooltip__content.v--border-red.v--south,.c-tooltip__content.v--border-red.v--south-east,.c-tooltip__content.v--border-red.v--south-west{border-bottom-color:#eb4d5c}
.c-tooltip__content.v--border-green{border-top-color:#789820}
.c-tooltip__content.v--border-green.v--south,.c-tooltip__content.v--border-green.v--south-east,.c-tooltip__content.v--border-green.v--south-west{border-bottom-color:#789820}
.c-tooltip__content.v--border-blue{border-top-color:#3f46ad}
.c-tooltip__content.v--border-blue.v--south,.c-tooltip__content.v--border-blue.v--south-east,.c-tooltip__content.v--border-blue.v--south-west{border-bottom-color:#3f46ad}
.c-tooltip__content.v--border-none{border-top:none}
.c-tooltip__content.v--border-none.v--south,.c-tooltip__content.v--border-none.v--south-east,.c-tooltip__content.v--border-none.v--south-west{border-bottom:none}
/* Bars
----------------------*/
.white-bar { background-color: rgba(255,255,255,1); }
.light-bar { background-color: rgba(235,246,253,1); }

@media only screen
and (min-width : 767px) {
  /* Buttons
  ----------------------*/
  .Firefox .bttn:hover:before,
  .Mozilla.v11 .bttn:hover:before,
  .Explorer .bttn:hover:before { -webkit-transform: translateX(0); transform: translateX(0); }

  .Firefox .bttn:hover,
  .Mozilla.v11 .bttn:hover,
  .Explorer .bttn:hover { color: #162b52; }

  .Firefox .bttn-green:hover,
  .Mozilla.v11 .bttn-green:hover,
  .Explorer .bttn-green:hover { color: #f75b53; }

  .Firefox .bttn-red:hover,
  .Mozilla.v11 .bttn-red:hover,
  .Explorer .bttn-red:hover { color: #f75b53; }

  .Firefox .bttn-grey:hover,
  .Mozilla.v11 .bttn-grey:hover,
  .Explorer .bttn-grey:hover { color: #717d8c; }

  .Firefox .bttn-lightblue:hover,
  .Mozilla.v11 .bttn-lightblue:hover,
  .Explorer .bttn-lightblue:hover { color: #2b76b9; }

  .Firefox .bttn-white:hover,
  .Mozilla.v11 .bttn-white:hover,
  .Explorer .bttn-white:hover { color: #ffffff; }

  .Firefox .bttn-transparent:hover,
  .Mozilla.v11 .bttn-transparent:hover,
  .Explorer .bttn-transparent:hover { color: #ffffff; }

  .Firefox .bttn-transparent.bttn-white:hover,
  .Mozilla.v11 .bttn-transparent.bttn-white:hover,
  .Explorer .bttn-transparent.bttn-white:hover { color: #242954; }

  @media not all and (hover: none) {
    .bttn:hover:before { -webkit-transform: translateX(0); transform: translateX(0); }
    .bttn:hover { color: #162b52; }
    .bttn-green:hover { color: #f75b53; }
    .bttn-red:hover { color: #f75b53; }
    .bttn-grey:hover { color: #717d8c; }
    .bttn-black:hover { color: #242954; }
    .bttn-lightblue:hover { color: #2b76b9; }
    .bttn-white:hover,
    .bttn-transparent:hover { color: #ffffff; }
    .bttn-transparent.bttn-white:hover { color: #242954; }
    
    .bttn-lavanda.bttn-transparent { color: var(--header); }
  }
}
@media only screen
and (min-width : 767px)
and (max-width : 1190px) {
}
@media only screen
and (min-width : 0)
and (max-width : 766px) {

  /* Buttons
  ----------------------*/
  .bttn { font-size: 12.75px; max-width: 176px; padding: 13px 0 12px; }
  .bttn-flat { font-size: 11.07px; padding: 4px 10px; width: auto; max-width: none; }
  /* Flexslider
  ----------------------*/
  .flex-control-nav { bottom: 124px; }
  .flex-control-paging { text-align: left; padding: 0 40px; }
  .flex-control-nav li { margin: 0 3px; }
  .flex-control-paging li a { height: 10px; width: 10px; }
  /* ToolTip
  ----------------------*/
  .c-tooltip__content{max-width:250px}
  .c-tooltip__content.v--compact-north-west{left:auto;right:50%;margin-right:-40px}
  .c-tooltip__content.v--compact-north-west:after{left:auto;right:0;margin-right:28px}
  .c-tooltip__content.v--compact-north-east{margin-left:-40px}
  .c-tooltip__content.v--compact-north-east:after{left:0;margin-left:28px}
  .c-tooltip__content.v--compact-north{border-top:3px solid #eeb523;margin-left:-125px}
  .c-tooltip__content.v--compact-north:before{z-index:-1;content:'';position:absolute;left:-10px;right:-10px;top:-10px;bottom:-50px}
  .c-tooltip__content.v--compact-north:after{content:'';position:absolute;top:100%;left:50%;margin-left:-12px;border-width:12px;border-style:solid;border-color:#fff transparent transparent}
}
/* @end */

/* --- */


/* @end */

/* @group Internal Nav
------------------------------------ */
.internal-nav { border-bottom: 1px solid #d3d3d3; background: rbga(255,255,255,1); }

.internal-nav li { color: #242954; font-size: 14px; font-weight: 300; line-height: 60px; padding: 0 10px; position: relative; }
.internal-nav .current-menu-item {}
.internal-nav .current-menu-item:after { content: ''; position: absolute; height: 5px; bottom: 0; width: 100%; background: rgba(0,0,0,1); left: 0; }
.internal-nav li a { color: rgba(0,0,0,1); letter-spacing: 0;
  line-height: 1.45;
  font-size: 15px;
font-weight: 600;}
@media only screen
and (min-width : 767px) {
  .internal-nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin: 0 auto;  -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; }
  .Explorer .internal-nav li:not(.current-menu-item) a:hover,
  .Mozilla.v11 .internal-nav li:not(.current-menu-item) a:hover,
  .Firefox .internal-nav li:not(.current-menu-item) a:hover { color: rgba(0,0,0,.5); }
  @media not all and (hover: none) {
    .internal-nav li:not(.current-menu-item) a:hover { color: rgba(0,0,0,.5); }
  }
}
@media only screen
and (min-width : 767px)
and (max-width : 1190px) {
}
@media only screen
and (min-width : 0)
and (max-width : 766px) {
  .internal-nav ul { white-space: nowrap; overflow-y: auto; }
  .internal-nav li { display: inline-block; }
  .home-header h4{font-size: 56px !important;}

}
@media only screen
and (min-width : 0)
and (max-width : 768px) {
.backwhite{    padding-top: 60px;
  padding-bottom: 10px;}
}
/* @end */

/* @group Home Header
------------------------------------ */
.home-header { margin-top: 0; position: relative; overflow: hidden; }
/* .home-header .container {
  background-image: -moz-linear-gradient( -97deg, rgba(42,82,152, .0) 0%, rgba(43,118,185, .2) 37%, rgba(44,172,209, .6) 65%, rgba(53,233,197, 1) 100%);
  background-image: -webkit-linear-gradient( -97deg, rgba(42,82,152, .0) 0%, rgba(43,118,185, .2) 37%, rgba(44,172,209, .6) 65%, rgba(53,233,197, 1) 100%);
  background-image: -ms-linear-gradient( -97deg, rgba(42,82,152, .0) 0%, rgba(43,118,185, .2) 37%, rgba(44,172,209, .6) 65%, rgba(53,233,197, 1) 100%);
} */
/* .home-header:after {  z-index: 2; content: ''; position: absolute; bottom: 0; top: -120px; width: 0; height: 0; border-style: solid; border-width: 0 0 850px 3000px; border-color: transparent transparent #f6f8f9 transparent; } */
.home-header .row { height: 545px; }
.home-header h3 { color: #f6f8f9; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 18px; font-weight: bold; letter-spacing: .16em; line-height: 35px; text-transform: uppercase; margin: 145px 0 0px; }
.home-header h1 { color: #f6f8f9; font-size: 55px; letter-spacing: .01em;  margin: 0 0 15px; font-weight: bold;}
.home-header h4 { color: #242954; font-size: 70px; letter-spacing: .01em; line-height: 66px; margin: 0 0 25px; font-weight: bold;}
.home-header h2.h4 { color: #f6f8f9; font-size: 55px; letter-spacing: .01em; line-height: 60px; margin: 0 0 15px; font-weight: bold;}
.home-header h2 { color: #f75b53; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px; font-weight: heavy; letter-spacing: .12em; line-height: 32px; text-transform: uppercase; margin: 25px 0 0; }
.home-header p { color: #7F8488; font-size: 15.48px; font-weight: 400; line-height: 1.2em; margin: 0 0 27px; z-index: 1; position: relative; }
.home-header .bttn { margin: 0 0 11px; max-width: 186px; z-index: 10; background-color: #f75b53; border-color: #f75b53; color: #242954 !important;}
.home-header .bttn + p { font-size: 11.61px; letter-spacing: .02em; line-height: 1.2em; margin: 0; padding-left: 28px;}
.home-header .img-box {
  width: 693px;
    mix-blend-mode: multiply;
    margin-left: -460px;
    margin-top: -370px;
    pointer-events: none;
    z-index: 0;
 }

 .home-header .keyword__form__top .page-keywords .key__google a{
   color: #242954;
 }

 .home-header.frontpage h1{
   margin-top: 27px;
   font-size: 12px;
   color: #ed565a;
   line-height: 18px;
   text-transform: uppercase;
   letter-spacing: 1.68px;
 }
 .home-header h2.h1 {
   color: #242954;
font-size: 18px;
font-weight: 800;
letter-spacing: 2.52px;;
line-height: 24px;
text-transform: uppercase;
margin: 0 0 15px 0;
  }

  @media only screen and (max-width: 768px){
    .home-header .container{
      margin-bottom: 335px !important;
    }
  }

 @media only screen and (min-width: 769px){
  .home-header.frontpage h1{
    margin-top: 65px;
    padding: 0 120px !important;
    font-size: 12px;
    margin-bottom: 34px;
  }
  /* .home-header:after {top: -180px;} */
 }

 .home-header .bttn:hover{
   color: #f75b53 !important;
 }

 .home-header .bttn:before{
  border-bottom: 80px solid #242954 !important;
 }

 .home-header .container{
   margin-bottom: 215px;
 }
/*
 .home-header:after{
   top: 205px;
 } */


@media only screen
and (min-width : 767px) {
}
@media only screen
and (min-width : 767px)
and (max-width : 1190px) {
}
@media only screen
and (min-width : 0)
and (max-width : 766px) {
  .home-header { padding-top: 60px; }
  /* .home-header:after { border-width: 0 0 850px 3000px; } */
  .home-header h3 { margin: 50px 0 0px; }
  .home-header .img-box { width: 580px;     margin-left: -310px;
    margin-top: -100px; }

    .home-header h1 { font-size: 48px;}
}
@media only screen
and (min-width : 0)
and (max-width : 450px) {
  /* .home-header:after { border-width: 0 0 850px 3000px; } */
}
@media only screen
and (min-width : 0)
and (max-width : 350px) {
  /* .home-header:after { border-width: 0 0 850px 3000px; } */
  .home-header .img-box { width: 480px; }
}
/* @end */

/* @group Home Content
------------------------------------ */
.home-content { padding: 90px 0 0; }
.home-content h2 { color: #242954; font-size: 25.16px; line-height: 37.74px; margin: 0 0 9px; }
.home-content h4,
.home-content p { color: #242954; font-size: 15.48px; font-weight: 400; letter-spacing: -.01em; line-height: 30.97px; margin: 0 0 2px; }
.home-content p { font-weight: 300; font-style: normal; }
.center-width{ width: 180px !important; height: auto; display: flex; align-items: flex-end; margin: auto; }
.center-width-280{ width: 280px !important;}

/* Weekly Overview
----------------------*/
.weekly-overview { margin-bottom: 11px; }
.weekly-overview .col-12-4 { z-index: 2; }
.weekly-overview .col-12-12 { margin-top: -170px; }
/* Deadline
----------------------*/
.deadline { margin-bottom: 63px; }
.deadline h2 { margin-top: 50px; }
/* .deadline figure { mix-blend-mode: multiply; } */
/* Schedule
----------------------*/
.schedule { margin-bottom: 80px; }
.schedule h2 { margin: -35px 0 -1px; }
/* .schedule figure { mix-blend-mode: multiply; } */
/* Reports
----------------------*/
.reports { position: relative; }
.reports p:last-child { margin-bottom: 68px; }

/* Info Home
----------------------*/
/* .info-home { background: url(../img/layout/info-section/bg.png) top right no-repeat; background-size: 100% auto; margin-top: -234px; position: relative; z-index: 2; padding: 434px 0 0; }
@supports(clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 25%)) or (-webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 25%)) {
  .info-home { -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 287px); clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 287px); }
} */
.info-home h2 { color: #242954; font-size: 25.16px; line-height: 1.2em; margin: 0 0 43px; }
.info-home h3 { color: #242954; font-size: 19.36px; line-height: 1.2em; margin: 0 0 5px; }
.info-home p { color: #242954; font-size: 15.55px; font-weight: 300; letter-spacing: -.01em; line-height: 30.97px; }
.info-home h3 + p { font-size: 13.55px; font-weight: 400; max-width: 75%; margin: 0 0 126px; }
.info-home .box h3 + p { max-width: none; margin: 0; }

/* Info Summary
----------------------*/
.info-summary { margin-bottom: 198px; }

/* Info Analytics
----------------------*/
.info-analytics { background: #EFF5F5; margin-bottom: 118px; margin-top: 111px;}
.info-analytics p { margin: 0 0 58px; }
/* .info-analytics .img-box { mix-blend-mode: multiply; } */
.info-analytics .img-box {max-width: 790px;}

/* Info Answers
----------------------*/
.info-answers { background: #EFF5F5; margin-bottom: 110px;}
.info-answers .img-box { max-width: 558px; }

/* Info Permissions
----------------------*/
.info-permissions { margin-bottom: 254px; }
.info-permissions .img-box { max-width: 508px; margin-left: 7.9rem; }

/* Info Boxes
----------------------*/
.info-boxes { margin-bottom: -300px; }
.info-boxes .box { background: #EFF5F5; border-radius: 5px; box-shadow: 0px 24px 24px 0px rgba(0, 0, 0, 0.1); padding: 20px 50px 89px; height: 100%; }

/* Download Home
----------------------*/
/* .download-home { background: url(../img/layout/download-section/bg.png) top 0px right no-repeat; background-size: 100% auto; margin-bottom: -299px; padding: 100px 0 0 0; background-color: #f5f8f9;} */
/* .download-home:after { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 0; border-style: solid; border-width: 280px 100vw 0 0; border-color: #f6f8f9 transparent transparent transparent; } */
/* @supports(clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 25%)) or (-webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 25%)) {
  .download-home:after { content: none; }
  .download-home { -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 280px); clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 280px); }
} */
.download-home .img-box { max-width: 585px; position: relative;
left: -100px;}
.download-home h2 { color: #242954; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 40px; font-weight: bold; line-height: 50px; margin: 65px 0 32px; }
.download-home p { color: #7F8488; font-size: 18px; line-height: 28px; margin: 0 0 69px; }
.download-home .download-link { border-radius: 5px; background-color: rgb(44, 49, 53); box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.15); display: inline-block; height: 60px; width: 60px; margin-right: 20px; }
.download-home .download-link img { max-height: 100%; max-width: 100%; }

@media only screen
and (min-width : 769px) {

  .download-home__copy{
    left: -78px;
  }

  .download-home .start{
    align-items: center;
  }

  /* Download Home
  ----------------------*/
  .Firefox .download-home .download-link:hover,
  .Mozilla.v11 .download-home .download-link:hover,
  .Explorer .download-home .download-link:hover { background-color: #717d8c; }
  @media not all and (hover: none) {
    .download-home .download-link:hover { background-color: #717d8c; }
  }

  .info-permissions .img-box { max-width: 508px;  margin-left: 7.9rem; }
}
@media only screen
and (min-width : 767px)
and (max-width : 1400px) {
  /* Info & Download Home
  ----------------------*/
  /* @supports(clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 25%)) or (-webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 25%)) {
    .info-home { -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 203px); clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 203px); }
    .download-home { -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 204px); clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 204px); }
  } */
}
@media only screen
and (min-width : 767px)
and (max-width : 1190px) {
  .download-home { margin-bottom: -229px; }
	.download-home .img-box { max-width: 327px; }
  .download-home .download-link { height: 64px; width: 66px; margin-right: 16px; }
}
@media only screen
and (min-width : 0)
and (max-width : 766px) {
  /* Weekly Overview
  ----------------------*/
  .weekly-overview { margin-bottom: 70px; }
  .weekly-overview .col-12-4 { z-index: 2; }
  .weekly-overview .col-12-12 { margin-top: 0; }
  .weekly-overview .img-box{margin-top: 40px;}
  .schedule .img-box{margin-top: 30px;}
  /* Deadline
  ----------------------*/
  .deadline { margin-bottom: 70px; }
  .deadline h2 { margin-top: 0; }
  .deadline p { margin-bottom: 40px; }
  /* Schedule
  ----------------------*/
  .schedule h2 { margin: 0 0 9px; }
  .schedule p { margin-bottom: 10px; }
  /* Reports
  ----------------------*/
  .reports {}
  .reports p { margin-bottom: 40px; }
  /* Info Home
  ----------------------*/
  /* .info-home { margin-top: -134px; padding: 150px 0 0; } */
  /* @supports(clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 25%)) or (-webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 25%)) {
    .info-home { -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 93px); clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 93px); }
  } */
  .info-home h2 { margin: 0 0 5px; }
  .info-home h3 + p { max-width: 60%; margin: 0 auto 50px; }
  /* Info Summary
  ----------------------*/
  .info-summary { text-align: center; margin-bottom: 50px; }
  /* Info Analytics
  ----------------------*/
  .info-analytics { margin-bottom: 80px; }
  .info-analytics p { margin: 0 0 14px; }
  /* Info Answers
  ----------------------*/
  .info-answers { margin-bottom: 40px; }
  .info-answers .img-box { max-width: 380px; }
  /* Info Permissions
  ----------------------*/
  .info-permissions { margin-bottom: 80px; }
  .info-permissions .col-auto { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .info-permissions p { margin: 0 0 14px; }
  .info-permissions .img-box { max-width: 408px; margin: 0 auto; }
  /* Info Boxes
  ----------------------*/
  .info-boxes { margin-bottom: -120px; }
  .info-boxes .col-12-4 { margin: 0 0 20px; }
  .info-boxes .box { background: #ffffff; padding: 40px 30px; }

  /* Download Home
  ----------------------*/
  /* .download-home { background-image: url(../img/layout/download-section/bg-mobile.png); margin-bottom: 68px; padding: 240px 0 0; text-align: center; position: relative; } */
  .download-home:after { border-width: 93px 100vw 0 0; }
  @supports(clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 25%)) or (-webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 25%)) {
    /* .download-home { -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 93px); clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 93px); } */
  }
  .download-home .img-box { display: none; }
  .download-home h2 { font-size: 20px; line-height: 34.84px; margin: 0 0 22px; }
  .download-home p { font-size: 16.59px; line-height: 27px; margin: 0 0 57px; }
  .download-home .download-link { border-radius: 6px; background-color: rgb(52, 52, 52); box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.36); display: block; height: 62px; width: 213px; margin: 0 auto 27px; }
}
@media only screen
and (min-width : 0)
and (max-width : 450px) {
	/* @supports(clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 25%)) or (-webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 25%)) {
		.info-home { -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 63px); clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 63px); }
	} */
}
@media only screen
and (min-width : 0)
and (max-width : 321px) {
  /* Info Answers
  ----------------------*/
  .info-answers .img-box { max-width: 200px; }
  /* Info Permissions
  ----------------------*/
  .info-permissions .img-box { max-width: 270px; }
}
/* @end */

/* @group Landing
------------------------------------ */

.landing-header {
  background: rgb(22, 43, 82);
  position: relative;
  margin-top: -90px;
  padding-top: 90px;
}
.landing-header .gif-container {
  width: 100%;
  height: 511px;
  position: relative;
  background-color: #122140;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #0a2235;
  border-bottom: 0 none;
}
.landing-header .gif-container .image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
/* .landing-header:after { content: ''; position: absolute; bottom: 0; width: 0; height: 0; border-style: solid; border-width: 100px 0 0 100vw; border-color: transparent transparent transparent #f6f8f9; } */

/* @supports(clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 25%)) or (-webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 25%)) {
  .landing-header:after { content: none; }
  .landing-header { -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 393px, 0 0%); clip-path: polygon(100% 0%, 100% 100%, 0% 393px, 0 0%); }
} */

/* .landing-header .row { height: 494px; } */

/* Content
----------------------*/
.landing-content { margin-top: -95px; margin-bottom: 17px; }
.landing-content .col-auto .img-box { max-width: 503px; }
.landing-content .logo { border-radius: 10px; background-color: rgb(246, 248, 249); box-shadow: 0px 0 36px 0px rgba(63, 69, 78, 0.43); height: 123px; width: 122px; margin: 0 0 31px; padding: 10px; }
.landing-content .logo img { max-width: 100%; max-height: 100%; width: 100%; height: 100%; }
.landing-content h1 { color: #242954; font-size: 40px;  line-height: 42px; margin: 0 0 19px; font-weight: bold; }
.landing-content h1 + .bttn { margin: 0 0 125px; }
.landing-content h2 { color: #242954; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 20px; font-weight: 700; letter-spacing: .12em; line-height: 28px; text-transform: uppercase; margin: 0 0 10px; }
.landing-content h2 + .bttn { margin: 0 0 20px; }
.landing-content h4 { color: #242954; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 18px; font-weight: 700; letter-spacing: 2.52px; line-height: 14px; text-transform: uppercase; margin: 0 0 22px; }
.landing-content h4 + .bttn { margin: 0 0 31px; width: auto !important; min-width: 180px !important; max-width: none !important; height: 40px !important; padding-top: 0; padding-bottom: 0; padding-left: 10px; padding-right: 10px; display: inline-flex; align-items: center; justify-content: center;}

.landing-content h3 { color: #242954; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 30px; font-weight: 400; line-height: 42px; margin: 0 0 50px; }
.landing-content p, .page-button.landing-content h2{ color: #242954; font-size: 24px; font-weight: 300; line-height: 32px; margin: 0 0 25px; text-transform: none; }
.landing-content.page-button h2{ letter-spacing: 0px;}
.landing-content p strong, .page-button.landing-content h2 strong{ font-weight: 400; }
.landing-content p:last-child, .page-button.landing-content h2:last-child{font-size: 18px;line-height: 28px; color: #7F8488; font-weight: 500;}
.landing-content p .bttn { margin: 0; }
.landing-content footer { margin-top: 160px; }
.landing-content footer p { font-size: 14px; font-weight: 500; letter-spacing: .02em; line-height: 28px; }
.testimonials p:empty,
.landing-content .testimonials p:empty { display: none; }
.testimonials blockquote,
.landing-content blockquote { display: inline-block; background-color: #fff; padding: 18px 20px; color: #2d3135; border: 1px solid #b0b1b3; margin-top: 9px; font-style: italic; box-shadow: none; text-align: left!important; }
.testimonials p,
.landing-content .testimonials p { color: #242954; font-size: 24px; font-weight: 300; line-height: 32px; margin: 0 0 25px; }
.testimonials p:last-child,
.landing-content .testimonials p:last-child { margin: 0 0 5px; }
.testimonials p cite,
.landing-content .testimonials p cite { font-size: 18px; line-height: 28px; color: #7F8488; font-weight: 500; }

.landing-content .testimonials blockquote,
.testimonials blockquote { margin: 0 0 20px; }
.testimonials blockquote p,
.landing-content blockquote p { margin: 0; }
.testimonials blockquote strong,
.landing-content blockquote strong { color: #f44336; }

.estilop{
  font-size: 14px !important;
  line-height: 24px !important;
  color: #7F8488 !important;
}

.estilop a{
  text-decoration: underline;
  color: #242954;
}

.estilop a:hover{
  text-decoration: none;
}
.bttn-transparent-black{
  background-color: transparent;
  color: #242954;
  width: 180px !important;
  max-width: 180px !important;
  height: 34px !important;
}

.bttn-transparent-black:hover{
  color: #fff;
}

.bttn-transparent-black:before{
  border-color: #242954;
}
@media only screen
and (min-width : 767px) {
}
@media only screen
and (min-width : 767px)
and (max-width : 1190px) {
}
@media only screen
and (min-width : 0)
and (max-width : 766px) {
  .landing-header { }
  .landing-header .row { height: 396px; }
  .landing-header:after { border-width: 32px 0 0 100vw; }
  @supports(clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 25%)) or (-webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 25%)) {
    .landing-header { -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 365px, 0 0%); clip-path: polygon(100% 0%, 100% 100%, 0% 365px, 0 0%); }
  }
  /* Content
  ----------------------*/
  .landing-content { margin-top: -88px; margin-bottom: 71px; }
  .landing-content .col-auto { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0; }
  .landing-content .col-auto .img-box { max-width: 100%; }
  .landing-content .logo { border-radius: 6px; height: 120px; width: 119px; margin: 0 0 40px; }
  .landing-content h1 { font-size: 28px; line-height: 32px; margin: 0 0 16px; }
  .landing-content h1 + .bttn { margin: 0 0 40px; }
  .landing-content h2 { font-size: 21px; font-weight: 700; letter-spacing: .12em; line-height: 28px; margin: 0; margin-bottom: 20px; }
  .landing-content h2 + .bttn { margin: -10px 0 30px 0 ; }
  .landing-content h3 { font-size: 21.58px; line-height: 32.37px; margin: 0 0 35px; }
  .landing-content p { font-size: 17.71px; line-height: 29.88px; margin: 0 0 42px; }
  .landing-content p br { display: none;}
  .landing-content p .bttn { margin: 0; }
  .landing-content footer { margin-top: 24px; }
  .landing-content footer p { font-size: 15px; line-height: 28px; }
}
/* @end */

/* @group Integrations
------------------------------------ */

.input__wrapper{
  z-index: 25;
  width: 100%;
  margin-bottom: 30px;
  margin-top: 0;
}

.no-items-row.mb{
  margin-bottom: 60px;
  position: relative;
  bottom: 80px;
}

.contsearch{
  transition: opacity .4s ease-out,
  visibility .8s ease-out,
  transform 1s ease-out,
  display 1.5s ease-out;
}

.hidden{
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transform-origin: center center;
  display: none;
}

.input__wrapper{
  display: none;
  justify-content: flex-start;
  align-items: stretch;
  position: relative;
  left: -16px;
  bottom: 5px;
}

.loading{
  width: 100px;
  height: 77px;
  position: absolute;
  right: -50px;
  top: 0;
}

@media only screen and (min-width: 769px){
  .loading{
    right: calc(37% - 60px);
  }

  .input__wrapper{
    display: flex;
  }
}

/* @group KEYFRAMES */

/* global nav - loading */
.loading {
	height: 40px;
	margin-top: 20px;
	-webkit-transition: opacity 1s, visibility 1s, -webkit-transform 1s;
	-moz-transition: opacity 1s, visibility 1s, -moz-transform 1s;
	-ms-transition: opacity 1s, visibility 1s, -ms-transform 1s;
	transition: opacity 1s, visibility 1s, transform 1s;
  text-align: center;

  opacity: 0;
  visibility: hidden;
}
.loading > div {
	width: 12px;
	height: 12px;
	background-color: #242954;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	display: inline-block;
	margin: 14px 2px 0px 2px;
	-webkit-animation: loadingDelay 1s infinite ease-in-out both;
	animation: loadingDelay 1s infinite ease-in-out both;
}
.loading > div.bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.loading > div.bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes loadingDelay {
  0%,80%,100% { -webkit-transform: scale(0); }
  40% { -webkit-transform: scale(1.0); }
}
@-moz-keyframes loadingDelay {
  0%,80%,100% { -moz-transform: scale(0); }
  40% { -moz-transform: scale(1.0); }
}
@keyframes loadingDelay {
  0%,80%,100% { -webkit-transform: scale(0);transform: scale(0); }
  40% { -webkit-transform: scale(1.0);transform: scale(1.0); }
}

.input__wrapper:after{

}

.input__wrapper:before{
  content: url(../img/temp/logos/search.png);
  position: relative;
  background-color: #fff;
  left: calc(96% - 60px);
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loading.after{
  /* display: inline-block; */
  opacity: 1;
  visibility: visible;
}

@media only screen and (min-width: 769px){
  #gsearchsimple{
    /* max-width: 400px; */
    width: calc(63% - 60px);
  }

  .input__wrapper{
    /* top: -90px; */

  }



  .input__wrapper:before{
    left: calc(61% - 60px);
  }
}

/* Content
----------------------*/

.wp-block-image figcaption{
  color: #242954;
  font-size: 12px;
  line-height: 28px;
  text-align: left;
}

.mt-30{
  margin-top: 30px;
}

.wp-block-image,
.wp-block-embed{
  margin: 40px 0px;
  display: inline-block !important;
}

.detail-content article p strong{
  /* color: #242954 !important;
  font-size: 20px !important;
  margin: 30px 0 !important;
  margin-top: 0 !important;
  display: inline-block;
  line-height: 32px; */
}

/* @end */

/* @group Blog
------------------------------------ */
.blog-header {
  background-color: #242954;
  position: relative;
  margin-bottom: 50px;
  z-index: 1;
  height: 500px;
  padding-top: 100px;
}
.blog-header .flexslider .slides > li,
.blog-header .flexslider .slides > li > .table {
  height: 300px;
}
.blog-header h1 {
  color: #f6f8f9;
  font-size: 39px;
  letter-spacing: -.01em;
  line-height: 55px;
  margin: 0 0 30px 0;
}

.blog-header:after { content: ''; position: absolute; bottom: 0; width: 0; height: 0; border-style: solid; border-width: 101px 0 0 100vw; border-color: transparent transparent transparent #f6f8f9; }
@supports(clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 25%)) or (-webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 25%)) {
  .blog-header:after { content: none; }
  .blog-header { -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 399px, 0 0%); clip-path: polygon(100% 0%, 100% 100%, 0% 399px, 0 0%); }
}

/* Content
----------------------*/

.blog-content article {
  margin: 0 0 90px;
}
.blog-content article a {
  height: auto; display: inline-block; width: 100%;
}
.blog-content .img-box {
  height: 100px;
  border-radius: 5px;
  margin: 0 0 15px;
  background-color: #cfcfcf;
  padding: 1px;
  overflow: hidden;
  /* box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); */
}
.blog-content .img-box img {
  display: inline-block;
  vertical-align: top;
  border-radius: 5px;
}
.blog-content h2 {
  color: #242954;
  font-size: 26px;
  letter-spacing: -1px;
  line-height: 35px;
  margin: 0 0 15px;
  height: auto;
  overflow: hidden;
  text-align: left;
}
.blog-content p {
  color: #717d8c;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0px;
  line-height: 26px;
  text-align: left;
}
.blog-content h2,
.blog-content p {
  -webkit-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -ms-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
}
.blog-content .col-12-12 { margin: 30px 0 46px; }



/* Estilo de Yoast*/
.wp-block-yoast-seo-table-of-contents.yoast-table-of-contents a {
  font-size: 16px;
  padding-left:10px;
}
.wp-block-yoast-seo-table-of-contents.yoast-table-of-contents a:not([data-level="3"]) {
    text-decoration:none !important;
}
.wp-block-yoast-seo-table-of-contents.yoast-table-of-contents a:hover {
  text-decoration:underline !important;
 
}

.wp-block-yoast-seo-table-of-contents.yoast-table-of-contents ul, 
.wp-block-yoast-seo-table-of-contents.yoast-table-of-contents li,
.wp-block-yoast-seo-table-of-contents.yoast-table-of-contents li::marker{
  margin:0;
  line-height:32px;
  list-style:none;
  content:none;
}

.wp-block-yoast-seo-table-of-contents.yoast-table-of-contents>ul {
    border: solid 1px var(--app-lavender);
    border-radius: 10px;
    padding: 35px !important;
}

.wp-block-yoast-seo-table-of-contents.yoast-table-of-contents li ul,
.wp-block-yoast-seo-table-of-contents.yoast-table-of-contents li,
.wp-block-yoast-seo-table-of-contents.yoast-table-of-contents li::marker{
    padding: 0 !important;
}


.wp-block-yoast-seo-table-of-contents.yoast-table-of-contents {
  margin-bottom:40px;
}
/* @end Estilo de Yoast*/

@media only screen
and (min-width : 767px) {
  .blog-header .row { height: 515px; }

  .blog-content h2,
.blog-content p{
  text-align: left;
}
  /* Content
  ----------------------*/
  .blog-content .row { max-width: 1214px; }
  .blog-content .col-12-4,
  .blog-content .col-12-12 { padding: 0 25px; }
  .blog-content .bttn { max-width: 170px; }

  .Firefox .blog-content a:hover h2,
  .Mozilla.v11 .blog-content a:hover h2,
  .Explorer .blog-content a:hover h2,
  .Firefox .blog-content a:hover p,
  .Mozilla.v11 .blog-content a:hover p,
  .Explorer .blog-content a:hover p { color: #1b2944; }
  @media not all and (hover: none) {
    .blog-content a:hover h2,
    .blog-content a:hover p { color: #1b2944; }
  }

}


@media only screen
and (min-width : 767px)
and (max-width : 1190px) {
}

/* @end */

/* @group Blog Detail
------------------------------------ */
.detail-content {}
.detail-content header {
  margin: 50px 0;
}
.detail-content header ul { margin: 6px 0; }
.detail-content header li {
  color: #242954;
  font-size: 16px;
  letter-spacing: -.01em;
  line-height: 20px;
  display: inline-block;
  vertical-align: middle;
}



.detail-content .featured__back{
  position: relative;
}

.detail-content .featured__back .row,
.detail-content .featured__back .col-12-12{
  height: 100%;
}

.detail-content .featured__back .col-12-12{
  padding: 0 15px;
}

@keyframes fade {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.hidden-chat { /*position: fixed; bottom: 4rem; right: 14.8rem;*/ opacity: 0; animation: fade 1.2s 1 cubic-bezier(0.4,0.0,0.2,1) forwards; animation-delay: 2s; z-index: 2; margin-left: auto; }
@media only screen and (min-width: 769px){
  .detail-content .featured__back .col-12-12{
    padding: 0 20px;
  }

}
@media only screen and (max-width: 768px){
  .hidden-chat { position: fixed; bottom: 4rem; right: 2rem; max-width: calc(100% - 4rem); }
  .hidden-chat img { max-width: 100%; height: auto; }

}

.featured.img-box.featured__back.container h1{
  font-size: 36px !important;
  line-height: 46px !important;
  color: #F4F8F9 !important;
  z-index: 5 !important;
  /* position: absolute !important; */
  /* bottom: 0 !important; */
  /* left: 0 !important; */
  margin-top: 190px !important;
  font-weight: 700 !important;
  /* padding: 0 15px 0 15px; */
}

.detail-content .featured__back img{
  width: 100% !important;
  max-width: 240px !important;
  height: 150px !important;
  position: absolute;
  top: 15px;
  left: 0;
}

.featured__old img{
  object-fit: cover !important;
}

.detail-content .featured{
  /* height: 50vh; */
}

@media only screen and (min-width: 769px){
  .detail-content .featured__back img{
    width: 240px !important;
    left: 0;
    top: 37px;
  }

  .detail-content .featured{
    min-height: 290px;
  }

  .featured.img-box.featured__back.container h1{
    bottom: 58px !important;
    margin-top: 200px !important;
    /* margin-left: 14px !important; */
  }
}

.detail-content header li span.name{
  color: #677074;
  font-weight: bold;
  font-size: 12px;
  line-height: 46px;
  text-transform: uppercase;
  letter-spacing: 0.69px;
}

.detail-content header li:last-child:after { content: none; }
.detail-content header time { color: #242954; font-weight: bold;font-size: 12px;line-height: 46px; margin-right: 5px; text-transform: uppercase;}

.detail-content header .img-box {
  height: auto;
  background-color: #cfcfcf;
  padding: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  /* box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); */
}
.detail-content header .img-box img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  vertical-align: top;
}

.detail-content { margin-bottom: 10rem; }

.detail-content article img { max-width: 100%; height: auto; }
.detail-content article p a,
.detail-content article li a { text-decoration: underline;}

.detail-content footer h2 { color: #242954; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 22px; font-weight: 700; letter-spacing: -.01em; line-height: 32px; text-transform: uppercase; margin-bottom: 30px;}

.detail-content article hr{color: #636587; width: 100%; height: .1rem; margin-left: 0; border: none; background-color: #636587; margin: 5.5rem 0px; }

.wp-caption.alignleft img{
  margin: 3rem 0 .5rem 0 !important;
}

.wp-caption.alignleft .wp-caption-text{
  text-align: left;
  color: #242954;
  font-size: 1.2em;
  line-height: 2rem;
  font-weight: 500;
  margin-top: 0 !important;
  margin-bottom: 3rem;
}

.detail-content .newpost .wp-block-embed__wrapper blockquote.wp-embedded-content {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.wp-block-embed-wordpress.wp-block-embed{
  margin: 3.4rem 0;
}


@media only screen
and (min-width : 767px) {

  .Firefox .detail-content article p a:hover,
  .Mozilla.v11 .detail-content article p a:hover,
  .Explorer .detail-content article p a:hover,
  .Firefox .detail-content article li a:hover,
  .Mozilla.v11 .detail-content article li a:hover,
  .Explorer .detail-content article li a:hover { text-decoration: none; }

  @media not all and (hover: none) {
    .detail-content article p a:hover,
    .detail-content article li a:hover { text-decoration: none; }
  }

  .detail-content article p img{
    margin: 30px 0;
  }

  .detail-content article h2{
    margin-top: 46px;
  }

  .detail-content footer{
    flex: 0 0 58.333333333333336% !important;
    max-width: 58.333333333333336% !important;
  }
}
@media only screen
and (min-width : 767px)
and (max-width : 1190px) {
}
@media only screen
and (min-width : 0)
and (max-width : 766px) {
  .detail-content header { margin: 7.6rem 0 3.7rem; padding: 0 .3rem; text-align: left; }
  .detail-content header li { font-size: 12px; line-height: 20px; }

  .detail-content article { text-align: center; }
  
  .detail-content article blockquote cite{color: #242954; font-size: 11px; line-height: 1.2em !important; /* text-decoration: none; */ margin-top: 25px; display: inline-block;}
 
  .detail-content footer { padding: 0 20px; }
  .detail-content footer h2 { font-size: 21px; line-height: 26px; letter-spacing: -.29px;}

}
header.detail-content { margin: 0 0 5rem; }
.detail-content a{
  color: #242954 !important;
  text-decoration: underline !important;
}

.detail-content a:hover{
  text-decoration: none !important;
}

.detail-content h1 {
  color: #242954;
  font-size: 3.6em;
  font-weight: 800;
  line-height: 1.07em;
  margin: 0 0 3.3rem;
 }
 .detail-content header .category-button {
  border-radius: .5rem;
  background: #ED565A;
  box-shadow: 0 0 2.4rem 0 rgba(0, 0, 0, 0.10);
  display: inline-flex;
  height: 2.2rem;
  padding: 0 1.4rem;
  margin: 0 auto 1.4rem;
  justify-content: center;
  align-items: center;
  color: #ffffff!important;
  text-decoration: none!important;
  font-size: 1.2em;
  font-style: normal;
  font-weight: 800;
  line-height: 2.5em; /* 250% */
 }
 .detail-content header .metadata time {
  color: #A3A3A3;
  font-size: 1.2em;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2em;
  text-transform: capitalize;
  margin: 0 0 1.3rem;
  letter-spacing: 0;
 }
 .detail-content header .metadata time i { margin-right: .6rem; }
 .detail-content header .share h5 {
  color: #ED565A;
  font-size: 1.2em;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2em;
  display: inline-block;
  vertical-align: middle; 
 }
 .detail-content header .share button,
 .detail-content header .share a {
  color: #ED565A;
  font-size: 1.2em;
  margin-left: .8rem;
  display: inline-block;
  vertical-align: middle; 
  cursor: pointer;
  text-decoration: none;
 }
 .detail-content header .share .icon-facebook { font-size: 1.4em; }
 .detail-content header .share .icon-facebook::before {
  content: url('../img/layout/blog/social_media_facebook.svg');
 }
 .detail-content header .share .icon-twitter::before {
  content: url('../img/layout/blog/social_media_twitter.svg');
 }
 .page-template-page-pricing .menu-item-65654 svg,
 .page-template-page-pricing .menu-item-65654 svg path { fill: var(--white); }
 .detail-content header .share .icon-twitter-2::before {
    background: url(/wp-content/themes/trackingtime-ACF/img/social-icons/twitter-red.svg);
    content: '';
    height: 1rem;
    display: block;
    width: 1rem;
    background-size: contain;
    background-repeat: no-repeat;
 }
 .detail-content .newpost h2 {
  color: #242954;
  font-size: 2.4em;
  font-weight: 800;
  line-height: 1.2em;
  margin: 0 0 3.5rem;
 }
 .detail-content .newpost .wp-block-embed-youtube { 
  border-radius: 1rem;
  overflow: hidden;
 }
 .detail-content .newpost .wp-block-blog-blocks-image-video-modal [data-comp=openLightbox] img { object-fit: cover!important; }
 .detail-content .newpost ul { padding-left: 2rem; }
 .detail-content .newpost ul + h2,
 .detail-content .newpost ol + h2,
 .detail-content .newpost p + h2 { margin-top: 2rem; }

 .detail-content .newpost h3 {
  color: #242954;
  font-size: 1.6em;
  font-weight: 800;
  line-height: 1.2em;
  margin: 0 0 2rem;
 }

 .detail-content .newpost ul + h3,
 .detail-content .newpost ol + h3,
 .detail-content .newpost p + h3 { margin-top: 2rem; }

  .detail-content .newpost h4 {
    color: #242954;
    font-size: 1.8em;
    line-height: 1.2em;
    font-weight: 800;
    margin: 0 0 1.6rem
  }

 .detail-content .newpost blockquote
 {
    padding: 0px;
    padding-left: 4.2rem;
    margin: 0 0 4.4rem;
 }

 .detail-content .newpost p.copete{
   padding-left: 0;
 }

 .detail-content .newpost p.copete{
  color: #242954;
  font-size: 2em;
  font-weight: 800;
  line-height: 1.2em;
  margin: 0 0 3.5rem;
 }
 .detail-content .newpost table { margin: 0 0 4rem; }
 .detail-content .newpost table th { color: #808CE0; text-align: center; }
 .detail-content .newpost table th:first-child { text-align: left; }
 .detail-content .newpost table th,
 .detail-content .newpost table td {
    border-right: .2rem solid #E2E6EB;
    border-bottom: .2rem solid #E2E6EB;
    font-size: 1.6rem;
    letter-spacing: 0;
 }
 .detail-content .newpost table th:last-child {
  border-right: none;
 }
 .detail-content .newpost table td:last-child {
  border-right: none;
 }
 .detail-content .newpost table tr:last-child td{
  border-bottom: none;
 }

 @media only screen
 and (min-width : 0)
 and (max-width : 960px) {
    .wp-block-table {
        overflow-x: auto;
        padding-inline: 1rem;
        display: block;
        -webkit-overflow-scrolling: touch;
    }

    .wp-block-table table {
        overflow: visible;
        width: auto;
        table-layout: auto;
        border-collapse: collapse;
        /* width: max-content !important; */
        /* min-width: 120%; */
    }

    .wp-block-table td,
  .wp-block-table th {
    white-space: nowrap;
  }

 }
 
 
 .detail-content .newpost blockquote p.destacado {
  color: #867FDA;
  }

 .detail-content .newpost blockquote cite,
 .detail-content .newpost p.copete cite{
  color: #242954;
  font-size: 16px;
  line-height: 28px;
  margin-top: 8px;
  margin-bottom: 8px;
  display: inline-block;
 }

 .detail-content article p, .detail-content article li{
  color: #242954;
  font-size: 1.6em;
  font-weight: 500;
  line-height: 1.2em;
  margin-top: .8rem;
  margin-bottom: .8rem;
 }
 .detail-content article h6 { font-size: 1.6em; font-weight: 800; line-height: 1.625em; text-transform: uppercase; margin: 0 0 1rem; }
 .detail-content article h6 a { color: rgba(237, 86, 90, 1); text-decoration: none!important; }
 .detail-content article li { line-height: 1.625em; }
 .detail-content article ol li { font-style: italic; }
 .detail-content article li p { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; margin: 0; }
 .detail-content article ol,
 .detail-content article ul,
 .detail-content article p { margin: 0 0 3.5rem; }
 .detail-content article ol,
 .detail-content article ul { text-align: left; }
 .detail-content article ul { list-style-position: outside; padding-left: .5rem; }
 .detail-content article ul li { padding-left: 1rem; }
 .detail-content article ul:not(.wp-block-yoast-seo-related-links) li { font-weight: 500; }
 .detail-content article ul li::marker {
  content: "•";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


 .detail-content article .small { text-align: left; }
 .detail-content article .small ol { padding-left: 0; }

 .detail-content article p strong, .detail-content article li strong{
  font-weight: 700;
 }
 .detail-content article blockquote { font-size: 1.8em; font-weight: 700; line-height: 1.2em; padding: 1.5rem 0 1.5rem 4.7rem; border-left: .5rem solid #867FDA; max-width: none; margin: 0 0 4.4rem; }
  .detail-content article blockquote > * { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; margin: 0; }

 .detail-content .newpost blockquote p {
  color: #867FDA;
 }
 .detail-content article p.copete p{

   color: #1d1d1b;
 }

 #h-related-articles,
 .detail-content article .wp-block-yoast-seo-related-links li {
  color: #242954;
  font-size: 1.2em;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2em;
  text-align: left; 
  margin: 0;
 }
 #h-related-articles { font-weight: 700; margin: 0 0 .6rem; }
 .detail-content article .wp-block-yoast-seo-related-links { padding-left: 0.5rem; list-style-position: outside; }
 .detail-content article .wp-block-yoast-seo-related-links li::marker { margin-right: .5rem; }
 .detail-content article .wp-block-yoast-seo-related-links a { color: #242954!important; text-decoration: none!important; }
 .detail-content header time{
    color: #242954;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 14px;
 }

 /*FAQs*/
 .detail-content article .small { margin: 0 0 3rem; }
 .wp-block-yoast-faq-block { margin: 0 0 2.5rem; }
 .schema-faq-section { margin: 0 0 1rem; }
 .schema-faq-section:last-child { margin: 0; }
 .schema-faq-question {
  color: #ED565A;
  font-size: 1.4em;
  font-style: normal;
  font-weight: 800;
  line-height: 1.2em;
  margin: 0 0 1.2rem;
  display: block;
 }
 .schema-faq-answer {
  color: #242954;
  font-size: 1.2em;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2em;
 }

 .detail-content header li span.name{
   color: #242954;
   font-size: 12px;
  font-weight: 900;
  letter-spacing: 1px;
  line-height: 14px;
 }

 .detail-content header{
   /* margin-bottom: 0 !important; */
 }

 .wp-block-image figcaption,
 .wp-block-embed figcaption{
   margin-bottom: 0;
   color: #242954;
   font-size: 12px;
   line-height: 28px;
   font-weight: bold;
 }

 /* Detail content blog */

 /* Detail Aside content blog */
.detail-content aside .box { 
  background: linear-gradient(0deg, rgba(171, 185, 240, 0.50) -17.54%, rgba(217, 217, 217, 0.00) 100%); 
  padding: 6rem 3.9rem 3.9rem 2.5rem;
}
.detail-content aside .box h3 {
  color: #242954;
  font-size: 1.6em;
  font-style: normal;
  font-weight: 800;
  line-height: 1.25em;
  margin: 0 0 1.5rem;
  padding-left: 2rem;
  position: relative;
}
.detail-content aside .box h3:first-child { 
  margin: 0 0 1.9rem; 
  text-transform: uppercase;
}
.detail-content aside .box h3:not(:first-child)::before {
  content: "\e972";
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  left: 0;
}
.detail-content aside .box hr {
  border: .05rem solid #242954;
  margin: 2.6rem 0 4.3rem;
}
.detail-content aside .box a { text-decoration: none!important; }
.detail-content aside .box .view-all { font-weight: 700; }
.detail-content aside .box .view-all::after { 
  content: "\e972";
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  top: .15rem;
  right: 0;
  transition: right .3s ease;
}
.detail-content aside .box .view-all:hover::after {
  right: -.5rem;
}
.detail-content aside .box > a {
  border-radius: .5rem;
  background: #ffffff;
  box-shadow: 0px 0px 2.4rem 0px rgba(0, 0, 0, 0.10);
  padding: 0 2.8rem;
  color: #636587!important;
  font-size: 1.6em;
  font-style: normal;
  font-weight: 500;
  line-height: 1.8em;
  display: inline-flex;
  margin: 0 1.5rem 1.7rem 0;
}
.detail-content aside .box li {
  color: #242954;
  font-size: 1.3em;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25em;
  padding: 0 0 1rem;
  margin-bottom: 1rem;
  margin-left: 2rem;
}
.detail-content aside .box li:not(:last-of-type) {
  border-bottom: 0.5px solid var(--app-lavender);
}
/* Yoast Faq */
.detail-content .schema-how-to-description {
  color: #242954;
  font-size: 1.8em;
  font-style: normal;
  font-weight: 800;
  line-height: 1.2em;
  margin: 0 0 1.2em;
}
.schema-how-to-steps { list-style: none; }
.schema-how-to-steps .schema-how-to-step {
  color: #ED565A;
  font-size: 1.6em;
  font-style: normal;
  font-weight: 800;
  line-height: 1.2em;
  margin: 0 0 1.2em;
  list-style: none;
}
.schema-how-to-steps .schema-how-to-step-text { font-size: inherit; font-weight: 400; color: #242954; line-height: 1.6em; margin-top: .6rem; }
.detail-content article .wp-block-separator {
  background: linear-gradient(180deg, rgba(171, 185, 240, 0.50) -17.54%, rgba(217, 217, 217, 0.00) 100%);
  height: .25rem;
}
.detail-content article .wp-block-yoast-seo-related-links li {
  font-size: 1.4em;
  font-style: normal;
  font-weight: 400;
  line-height: 1.57em;
}
.detail-content p.schema-faq-answer {
  font-weight: 400;
}
@media only screen and (min-width: 769px){
  .detail-content article { max-width: 60%; margin-right: 6.6%; }

  .detail-content article p, .detail-content article li {
    font-weight: 400;
  }

  .detail-content .newpost p.copete{
    width: 90%;
  }

  .detail-content a{
    color: #242954 !important;
    text-decoration: underline !important;
  }
  

  .detail-content a:hover{
    text-decoration: none !important;
  }

  .wp-block-image figcaption{
    margin-bottom: 0;
  }

  .detail-content .newpost blockquote{
    padding: 0px;
    padding-left: 3.2rem;
    margin: 0 0 4.5rem;
    font-size: 2em;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2em;
  }

  .detail-content .newpost blockquote p.destacado {
    line-height: 1.2em;
  }

  .detail-content .newpost blockquote p {
    font-weight: 700;
  }

  .detail-content .newpost .wp-block-image {
    margin: 0 0 4rem;
  }

  .detail-content header {
    margin: 9rem 0 2.5rem;
  }

 .detail-content header li span.name{
   color: #242954;
   font-size: 12px;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 14px;
 }

  .detail-content h1 {
    color: #242954;
    font-size: 4em;
    line-height: 1.2em;
    margin: 0 0 9.7rem;
   }

   .detail-content header .category-button { margin: 0 1rem 0 0; }
   .detail-content header .metadata time { margin: 0; }
   
  .detail-content .newpost h2 {
    font-size: 3.2em;
    font-weight: 800;
    line-height: 1.18em;
    margin: 0 0 3.4rem;
  }

  .detail-content .newpost h3 {
    font-size: 2.4em;
    font-weight: 700;
    line-height: 1.2em;
    margin: 0 0 1.4rem;
  }

  .detail-content .newpost ul + h2,
  .detail-content .newpost ol + h2,
  .detail-content .newpost p + h2 { margin-top: 3.9rem; }
  .detail-content .newpost ul + h3,
  .detail-content .newpost ol + h3,
  .detail-content .newpost p + h3 { margin-top: 3.9rem; }
  .detail-content article ol li { font-style: italic; line-height: 2.375em; }

   .detail-content .wp-block-buttons .wp-block-button__link { padding: 0 2.4rem;  }

   .detail-content article hr { max-width: 25.6rem; margin: 3.9rem 0 4.7rem; }

   .detail-content article p, .detail-content article ol, .detail-content article ul{
    margin: 0 0 4rem;
   }
   .detail-content article p:last-child, .detail-content article ol:last-child, .detail-content article ul:last-child { margin: 0; }

   .detail-content article p strong, .detail-content article li strong{
    font-weight: 700;
   }
   .detail-content article p, 
   .detail-content article li {
    line-height: 1.625em;
   }
   .detail-content .newpost blockquote p { line-height: 1.2em; }
   .detail-content article li {
    margin-top: 0;
    margin-bottom: 0;
   }
   #h-related-articles {
    font-size: 1.8em;
    font-weight: 800;
    line-height: 1.2em;
    margin: 0 0 .9rem;
   }
   .detail-content article .wp-block-yoast-seo-related-links { padding-left: 1.2rem; }
   .detail-content article .wp-block-yoast-seo-related-links li {
    font-size: 1.6em;
    font-style: normal;
    font-weight: 400;
    line-height: 1.62em;
   }
   .detail-content article .wp-block-yoast-seo-related-links li::marker {
    content: "\e972";
    padding-right: 1.5rem;
  }
  /*FAQs*/
  .detail-content article .small { margin: 0 0 4rem; }
  .wp-block-yoast-faq-block { margin: 0 0 3.7rem; }
  .schema-faq-section { margin: 0 0 1.5rem; }
  .schema-faq-question {
    font-size: 1.6em;
    font-weight: 800;
    line-height: 1.2em;
    margin: 0;
  }
  .schema-faq-answer {
    font-size: 1.6em;
    line-height: 1.62em;
  }
  /*FAQs*/


   .detail-content .newpost blockquote cite,
   .detail-content .newpost p.copete cite{
    color: #242954;
    font-size: 16px;
    line-height: 28px;
    margin-top: 8px;
    margin-bottom: 8px;
    display: inline-block;
   }

   .detail-content .newpost p.copete{
    font-size: 2.6em;
    font-weight: 700;
    line-height: 1.2em;
    margin: 0 0 3.8rem;
   }
    /* Detail Aside content blog */
  .detail-content aside { 
    
    top: 17rem;
  }
}
@media only screen and (min-width: 0px) and (max-width: 768px) {
  .detail-content header .col-auto { width: 100%; }
  .detail-content header .col-auto time { display: block; }

  
 .detail-content .newpost { padding: 0 .3rem; margin: 0 0 5.2rem; text-align: left; }
 .detail-content article .wp-block-image { width: 100%; margin: 0 0 1rem; }

 .detail-content aside .box { display: none; }

 #h-related-articles {
  text-align: center;
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1.1875em;
 }
 .detail-content article .wp-block-yoast-seo-related-links {
  text-align: center;
 }

 .detail-content .newpost blockquote {
  text-align: left;
 }
 .detail-content .newpost .audio-container {
  width: 100%;
  height: auto;
 }
 
 .detail-content .newpost .wp-block-embed-youtube {
  width: 100%;
 }
}
/* @end */


.blog-bottom-article {
  padding: 8.3rem 0 5.5rem;
  color: #242954;
  position: relative;
}
.blog-bottom-article::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  height: 20rem;
  width: 100%;
  background: linear-gradient(180deg, rgba(171, 185, 240, 0.5) 0%, rgba(217, 217, 217, 0) 100%);
}
.blog-bottom-article h4 {
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 1.2em;
}
.blog-bottom-article div[itemprop="mainEntity"] + h4 {
  margin-top: 2rem;
}
.blog-bottom-article h5,
.blog-bottom-article h3[itemprop="name"] {
  color: #ED565A;
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 1.6em;
  margin: 2rem 0 0;
}
.blog-bottom-article p,
.blog-bottom-article li,
.blog-bottom-article div[itemprop="text"] {
  font-size: 1.6rem;
  line-height: 1.6em;
  font-weight: 400;
}
.blog-bottom-article p, 
.blog-bottom-article li a,
.blog-bottom-article div[itemprop="text"],
.blog-bottom-article div[itemprop="text"] a {
  color: #242954!important;
}
.blog-bottom-article li a:hover,
.blog-bottom-article div[itemprop="text"] a:hover {
  color: #ED565A!important;
}
.blog-bottom-article li a {
  position: relative;
  padding-left: 1.5rem;
}
.blog-bottom-article li a i {
  position: absolute;
  left: 0;
  top: -.4rem;
}
.blog-bottom-article li a i::before {
  content: '';
  display: inline-block;
  width: .8rem;
  height: .8rem;
  background: no-repeat url('../img/academy/icons/arrow-small-right.svg') center center;
}
.blog-bottom-article .text {
  margin: 0 0 3rem;
}
.blog-bottom-article ul {
  margin: 1rem 0 0;
}
@media only screen 
and (min-width: 0px) 
and (max-width: 768px) {
  .blog-bottom-article article {
    padding: 0 1.8rem;
  }
}


/* @group Generic Banner
------------------------------------ */

/* Box Header
----------------------*/



.mt-22{
  margin-top: 28px !important;
}

/* Content
----------------------*/


/* Faq
----------------------*/

.pb-18{
  padding-bottom: 18px !important;
}




/* @end */

/* @group Generic Page
------------------------------------ */
.generic-page {}
.generic-page header { margin: 60px 0 40px; }
.generic-page article {}
.generic-page h1 { color: #242954; font-size: 18px; letter-spacing: 2.52px;; line-height: 24px; text-transform: uppercase; text-align: center;}
.generic-page h2 { color: #242954; font-size: 18px; letter-spacing: 2.52px;; line-height: 24px; text-transform: uppercase; text-align: center;}
.generic-page h3 { color: #242954; font-size: 18px; letter-spacing: 2.52px;; line-height: 24px; text-transform: uppercase; text-align: center;}
.generic-page h4 {}
.generic-page h5 {}
.generic-page h6 {}
.generic-page p,
.generic-page li { color: #242954; font-size: 16px; font-weight: 300; letter-spacing: .06em; line-height: 31px; }
.generic-page ol,
.generic-page ul,
.generic-page p { margin: 0 0 31px; }
.generic-page li ol,
.generic-page li ul { margin: 0; padding-left: 30px; }
.generic-page ul { list-style: disc outside none; padding-left: 10px; }
.generic-page ol { list-style: decimal outside none; padding-left: 10px; }

.generic-page p a,
.generic-page li a { color: rgba(87, 154, 226, 1); }

@media only screen
and (min-width : 767px) {

  .Firefox .generic-page p a:hover,
  .Mozilla.v11 .generic-page p a:hover,
  .Explorer .generic-page p a:hover,
  .Firefox .generic-page li a:hover,
  .Mozilla.v11 .generic-page li a:hover,
  .Explorer .generic-page li a:hover { color: rgba(87, 154, 226, .6); }

  @media not all and (hover: none) {
    .generic-page p a:hover,
    .generic-page li a:hover { color: rgba(87, 154, 226, .6); }
  }
}

/* Generic Page styled Redesign */

.generic-page .wp-block-ub-tabbed-content.vertical-holder::after{
  display: none;
}

.generic-page .wp-block-media-text .wp-block-media-text__content h2,
.generic-page .wp-block-media-text .wp-block-media-text__content h3{
  text-align: left;
  font-size: 30px;
  line-height: 40px;
  font-weight: bold;
  text-transform: none;
  letter-spacing: normal;
  margin-bottom: 44px;
}

.generic-page .wp-block-media-text .wp-block-media-text__content p{
  color: #7F8488;
  letter-spacing: normal;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}

.generic-page .wp-block-media-text .wp-block-media-text__content p a{
  color: #7F8488;
  font-weight: bold;
  text-decoration: underline;
}

.generic-page .wp-block-media-text .wp-block-media-text__content p a:hover{
  text-decoration: none;
}



.generic-page .wp-block-ub-tabbed-content-tab-title{
  line-height: 24px;
}

.generic-page .ugb-feature.ugb-feature--v2 .ugb-feature__title{
  text-align: left;
}

.generic-page .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{
  padding-left: 0;
}

.generic-page .ugb-img{
  width: 100%;
}

.generic-page h4{
  margin-top: 0 !important;
}

.generic-page .ugb-feature__title{
  font-size: 30px;
  line-height: 40px;
  font-weight: bold;
  color: #242954;
  letter-spacing: normal;
  text-transform: none;
  margin-bottom: 44px !important;
}

.generic-page .ugb-feature__description{
  font-size: 18px;
  line-height: 28px;
  color: #7F8488;
  letter-spacing: normal;
  font-weight: 500;
  margin-bottom: 60px !important;
}

.generic-page .ugb-button{
  background-color: transparent;
  border: 2px solid #242954;
  text-transform: uppercase;
  width: 180px;
  height: 34px;
  color: #242954;
  display: flex;
  justify-content: center;
  align-items: center;
}

.generic-page .ugb-button:hover{
  background-color: #242954;
}

.generic-page .ugb-button:hover .ugb-button--inner{
  color: #fff;
}

.generic-page .ugb-button--inner{
  color: #242954;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 1.68px;
}

.industria__header h4,
.industria__header h1,
.industria__header .key__google a{
  color: #F6F8F9 !important;
}

.industria__header .container{
  margin-bottom: 20px !important;
}

.new__ilus__hero .container{
  margin-bottom: 10px !important;
}

.new__ilus__hero{
  padding-top: 0;
}

.icon__header{
  background-image: none !important;
}

.icon__header .icon__image{
  width: 240px;
}

.page-header.frontpage.industria__header.icon__header h4,
.page-header.frontpage.industria__header.icon__header .page-keywords .key__google{
  color: #242954 !important;
}

.new__ilus__hero .new__ilus__hero__img{
    width: 240px;
    height: 146px;
    margin: 0 auto;
    margin-top: 52px;
    margin-bottom: 18px;
}

.new__ilus__hero .new__ilus__hero__img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.new__ilus__hero h4{
  font-size: 36px !important;
  line-height: 48px !important;
}

@media only screen and (min-width: 769px){

  .industria__header h4{
    font-size: 56px !important;
    line-height: 64px !important;
  }

  .industria__header h1{
    font-size: 20px !important;
    line-height: 14px !important;
    letter-spacing: 2.8px !important;
  }

  .industria__header .container,
  .new__ilus__hero .container{
    margin-bottom: 0 !important;
  }

  .industria__header h1{
    margin-top: 90px !important;
  }

  .industria__header{
    height: 511px;
  }

  .industria__header h4,
  .new__ilus__hero h4{
    width: 650px;
    margin-left: auto;
    margin-right: auto;
  }

  .generic-page .ugb-feature__content{
    order: 2;
    padding-right: 30px;
  }

  .generic-page .wp-block-media-text .wp-block-media-text__content{
    padding-left: 60px;
  }

  .generic-page .wp-block-ub-tabbed-content-tab-holder.vertical-tab-width,
  .wp-block-ub-tabbed-content-tabs-content.vertical-content-width{
    width: 50% !important;
    margin-bottom: 0;
  }

.generic-page .wp-block-ub-tabbed-content-tab-holder.vertical-tab-width{
  padding-right: 0;
}

.generic-page .wp-block-ub-tabbed-content .wp-block-image img{
  width: 100%;
  height: 100%;
  margin-left: 15px;
  object-fit: contain;
}

.generic-page .wp-block-ub-tabbed-content-tab-content-wrap.active{
  height: 100%;
}
}

@media only screen and (max-width: 699px){
  .generic-page .wp-block-ub-tabbed-content-tabs-title-mobile-horizontal-tab{
    flex-direction: column;
  }

  
}
.wp-block-yoast-seo-table-of-contents.yoast-table-of-contents li {
  font-size: 1.8em;
  font-weight: 800!important;
  line-height: 1.167em;
  margin: 0 0 2.4rem;
}
.wp-block-yoast-seo-table-of-contents.yoast-table-of-contents li ul { margin-top: 1.1rem; padding-left: 1rem!important; }
.wp-block-yoast-seo-table-of-contents.yoast-table-of-contents li li {
  font-size: 1.6rem;
  font-weight: 400!important;
  line-height: 1.563em;
  list-style: disc inside none;
  margin: 0;
}
.wp-block-yoast-seo-table-of-contents.yoast-table-of-contents li li::marker { 
  content: "\e972";
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* @group Media Kit
------------------------------------ */


.gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin: 0 -12px 24px; align-items: baseline; }
.gallery-item { position: relative; min-height: 1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box; padding: 0 12px; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; max-width: 100%; margin: 0 0 24px; }
.gallery-item .gallery-icon { border: 1px solid #ccc; padding: 24px; }
.gallery-item img { border: 1px solid #ccc; cursor: pointer; max-width: 100%; height: auto; }
.gallery-columns-1 > .gallery-item { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.gallery-columns-2 > .gallery-item { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.gallery-columns-3 > .gallery-item { -ms-flex: 0 0 33.33333333333333%; flex: 0 0 33.33333333333333%; max-width: 33.33333333333333%; }
.gallery-columns-4 > .gallery-item { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.gallery-columns-5 > .gallery-item { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }

.generic-page.alignleft h1{
  text-align: left;
}

.generic-page.alignleft h3,
.generic-page.alignleft h2{
  text-align: left;
  margin-bottom: 20px;
}

/* @end */

/* @end */

/* @group Search Results
------------------------------------ */

#noSearch .row { height: 100vh; }

@media only screen
and (min-width : 767px) {
}
@media only screen
and (min-width : 0)
and (max-width : 766px) {

}
/* @end */

/* @group Features Pages
------------------------------------ */
.features-header { padding-top: 50px; margin: 0 0 50px; }
.features-header h1 { color: #242954; font-size: 34px; letter-spacing: -.01em; line-height: 1.2em; margin: 0 0 20px; }
.features-header h4 { color: #242954; font-size: 20px; font-weight: 400; letter-spacing: -.01em; line-height: 1.3em; margin: 0 0 10px; }
.features-header p { color: #242954; font-size: 16px; font-weight: 300; letter-spacing: -.01em; line-height: 2em; margin: 0 0 25px; }

/* Integration Bar
----------------------*/
.integration-bar .row .row { margin: 0; }
.integration-bar img { height: 45px; width: auto; }
.integration-bar p { color: #242954; font-size: 14px; font-weight: 500; }
.integration-bar p a { color: rgba(51, 62, 78,1); vertical-align: middle; }
.integration-bar p a:after { content: '>'; margin-left: 5px; vertical-align: middle; }
.integration-bar h2 { color: #242954; font-size: 12px; margin: 10px 0 0; }
/* Section
----------------------*/
.features-section { padding: 40px 0; }
.features-section .row { padding: 30px 0; }
.features-section h2 { color: #242954; font-size: 30px; letter-spacing: -.01em; line-height: 1.2em; margin: 0 0 20px; }
.features-section p { color: #242954; font-size: 16px; font-weight: 300; letter-spacing: -.01em; line-height: 2em; margin: 0 0 25px; }
.features-section .noHeight { margin: 0 auto; }
.features-section .noHeight > img { height: auto!important; width: auto!important; max-width: 100%; margin: 0 auto; }
@media only screen
and (min-width : 767px) {
  .Explorer .integration-bar p a:hover,
  .Mozilla.v11 .integration-bar p a:hover,
  .Firefox .integration-bar p a:hover { color: rgba(51,62,78,.4); }
  @media not all and (hover: none) {
    .integration-bar p a:hover { color: rgba(51,62,78,.4); }
  }
  /* Integration Bar
  ----------------------*/
  .integration-bar .row { height: 100px; }
}
@media only screen
and (min-width : 0)
and (max-width : 766px) {
  .integration-bar { display: none; }
}
/* @end */

/* @group site Footer
------------------------------------ */


/* getStarted
----------------------*/

.choose_language__hidemobile{position: absolute;visibility: hidden;opacity: 0;text-indent: -999999px;}

@media only screen and (min-width: 769px){
  .choose_language__hidemobile{
    display: none;
  }

  .choose_language{
    display: none;
  }
}
/* Menus
----------------------*/

@media only screen
and (min-width : 767px) {



.page-template-page-button .page-keywords.homepage .form__content__frontpage{margin-bottom: 0 !important;}
.page-template-page-button .page-keywords.homepage .keyword__form form{justify-content: flex-start;}
.home-header .page-keywords.homepage .keyword__form form{justify-content: center;}
.page-template-page-button .page-keywords.homepage .key__google{justify-content: flex-start; margin-bottom: 90px;}


}

.page-template-page-button .landing-content.hidebtn .gatrack{
  display: none;
}

.page-template-page-button .landing-content .form__content{
  line-height: 12px !important;
}

.page-template-page-button .landing-content.hidebtn .page-keywords{
  display: block;
}

.page-template-page-button .landing-content .page-keywords{
  display: none;
  margin-top: 50px;
}


@media only screen
and (min-width : 0)
and (max-width : 766px) {
  
  /* getStarted
  ----------------------*/
 
  @media only screen and (min-width: 769px){
    .schedule { margin-bottom: 148px; }
  }


}

/* @end */

/* --- */

/* @group RESET GENERAL DE TAMANO
------------------------------------ */

.mobile { display: none!important; }

@media only screen
and (min-width : 0)
and (max-width : 766px) {
  .mobile { display: block!important; }
  .no-mobile { display: none!important; }
}
/* @end */

/* --- */

@media only screen
and (min-width : 0px)
and (max-width : 767px) {

  .blog-content article {
    margin: 0 0 60px;
  }
  .blog-content .img-box {
    height: auto;
  }
  .blog-content .img-box img {
    height: auto;
  }
  .blog-header .flexslider .slides > li,
  .blog-header .flexslider .slides > li > .table {
    height: 260px;
  }
  .blog-header .flexslider .slides > li > .table > .cell {
    padding: 0px 20px;
  }
  .blog-header h1 {
    font-size: 30px;
    line-height: 35px;
    margin: 0 0 25px 0;
  }
  .blog-header {
    -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 300px, 0 0%);
    clip-path: polygon(100% 0%, 100% 100%, 0% 300px, 0 0%);
  }
  .blog-header {
    margin-bottom: 50px;
    height: 350px;
    padding-top: 60px;
  }
  .landing-header .gif-container {
    height: 160px;
  }

}

@media only screen
and (min-width : 768px)
and (max-width : 1023px) {

  /* .home-header:after {
    border-width: 0 0 850px 3000px;
  } */

  .blog-content article { padding: 0 15px; margin: 0 0 30px; }
  .blog-content .img-box { margin: 0 0 20px; }
  .blog-content h2 { font-size: 22px; line-height: 34.22px; margin: 0 0; }
  .blog-content p { font-size: 16px; line-height: 30px; }

  .blog-content article {
    margin: 0 0 60px;
  }
  .blog-content .img-box {
    height: auto;
  }
  .blog-content .img-box img {
    height: auto;
  }
  .blog-header {
    height: 440px;
    padding-top: 60px;
  }
  .blog-header .flexslider .slides > li > .table > .cell {
    padding: 0px 90px;
  }
  .landing-header .gif-container {
    height: 270px;
  } 

}

@media only screen
and (min-width : 1024px)
and (max-width : 1279px) {

  .landing-header .gif-container {
    height: 350px;
  }

}


/* --- */

/* @group FEATURES LIST */

/* features list */
.features-list {
  width: 100%;
  padding: 0 0 50px 0;
}
.features-list .list {
  width: 100%;
  /* margin-top: 80px; */
}

.home-content.page-keywords {
  padding: 20px 0 80px 0!important;
  overflow: hidden;
}

.features-list .list:first-child{
  margin-top: 20px;
}

@media only screen and (min-width: 769px){
  .features-list .list {
    width: 100%;
    /* margin-top: 150px; */
  }

  .features-list .list:first-child {
    margin-top: 140px;
  }
}


.top-time{
  margin-top: 50px !important;
}

/* features list - variations */
.features-list .list.r5 {
  margin-top: 145px;
  margin-bottom: 110px;
}

/* --- */

/* features list - spaces */
.space {
  padding: 0 50px;
}
.space-bottom {
  margin-bottom: 50px;
}
.space-right {
  padding-right: 50px;
}

.fluid.space-bottom {
  margin-bottom: 40px;
}

@media only screen and (min-width: 769px){
  .space-left {
    padding-left: 160px;
  }

  .space-left-60{
    padding-left: 60px;
  }
}

/* --- */

/* features list - tags */
.features-list h2, .home-content h2{
  color: #242954;
  font-size: 40px;
  line-height: 50px;
  margin: 0 0px 18px;
}
.features-list h2.margin-fix {
  margin-right: 65px;
}
.features-list h2.upper {
  font-size: 16px;
  line-height: 16px;
  text-transform: uppercase;
}
.features-list h2 strong {
  font-weight: 700;
}

.features-list h3, .home-content h3{
  color: #242954;
  font-size: 40px;
  line-height: 50px;
  margin: 0 0px 18px;
}
.features-list h3.margin-fix {
  margin-right: 65px;
}
.features-list h3.upper {
  font-size: 24px;
  line-height: 16px;
  font-weight: 700;
  text-transform: capitalize;
}
.features-list h3 strong {
  font-weight: 700;
}

.features-list h4,
.features-list p {
  color: #647277;
  font-size: 15.48px;
  font-weight: 400;
  letter-spacing: -.01em;
  line-height: 32px;
  margin: 0 0 2px;
}
.features-list p, .home-content p {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 32px;
  color: #7F8488;
}
.features-list p.weight-fix {
  font-weight: normal;
}
.features-list p + .bttn {
  margin-top: 20px;
}
.features-list p.small {
  font-size: 14px;
  line-height: 24px;
  padding-right: 20px;
}
.features-list .white-box {
  max-width: 80px;
  padding: 10px;
  padding-left: 0;
  overflow: hidden;
  background-color: transparent;
}
.features-list .multiply {
  mix-blend-mode: multiply;
}

/* --- */

/* @group MEDIAQUERIES */

@media only screen
and (min-width : 0px)
and (max-width : 767px) {

  /* features list - variations */
  .features-list .list.r5 {
    margin-top: 50px;
    margin-bottom: 0;
  }
  .features-list .list.r5 .col-12-2 {
    margin-top: 30px;
  }

  /* --- */

  /* features list - spaces */
  .features-list .list .space {
    padding: 0 20px;
  }
  .features-list .list .space-bottom {
    margin-bottom: 50px;
  }
  .features-list .list .space-right {
    padding: 0 20px;
  }
  .features-list .list .fluid.space-bottom {
    margin-bottom: 40px;
  }

  /* features list - tags */
  .features-list p.small {
    font-size: 14px;
    line-height: 24px;
    padding-right: 0;
  }
  .features-list article {
    padding-top: 20px!important;
    padding-bottom: 20px!important;
  }

  .features-list h2 {
    color: #242954;
    font-size: 38px;
    line-height: 44px;
    margin: 0;
  }

  .page-keywords .form__title{
    margin-top: 0 !important;
  }

}

@media only screen
and (min-width : 768px)
and (max-width : 1023px) {

  /* features list - variations */
  .features-list .list.r5 {
    margin-top: 50px;
    margin-bottom: 0;
  }
  .features-list .list.r5 .col-12-2 {
    width: 25%;
    padding-right: 20px;
    flex: 0 0 25%;
    max-width: 25%;
    margin-top: 30px;
  }

  /* --- */

  /* features list - spaces */
  .features-list .list .space {
    padding: 0 20px;
  }
  .features-list .list .space-bottom {
    margin-bottom: 50px;
  }
  .features-list .list .space-right {
    padding: 0 20px;
  }
  .features-list .list .fluid.space-bottom {
    margin-bottom: 40px;
  }

  /* features list - tags */
  .features-list p.small {
    font-size: 14px;
    line-height: 24px;
    padding-right: 0;
  }

}

@media only screen
and (min-width : 1024px)
and (max-width : 1279px) {

  /* features list - spaces */
  .features-list .list .space {
    padding: 0 20px;
  }

  /* --- */

  /* features list - tags */
  .features-list p.small {
    font-size: 14px;
    padding-right: 0;
  }

}

/* @end */

/* @end */

/* @group SITE NAV */


/* Page 404 */

.four{ padding-top: 100px; }

.four small{margin-bottom: 60px !important; text-align: center !important; font-size: 25px !important; line-height: 40px !important; display: block !important; }

@media only screen and (min-width: 768px){
  .four small{
    font-size: 40px !important;
    line-height: 55px !important;
  }
}

.employees-img{
  margin-bottom: 0px;
}
.four figure img{max-width: 570px;}
/* Fixes */
@media only screen and (min-width: 768px){ .center-width{ margin: 0 auto; } }
/* .r4.top{ margin-top: 200px !important; } */
.fix-height{height: 150px !important; width: auto !important;}
@media only screen and (min-width: 1068px){ .employees-img{ display: flex; justify-content: flex-end; padding-right: 40px; margin-bottom: 0;} .employees-img img{ max-width: 310px; position: relative; bottom: 0px; } }
.r2{margin-bottom: 130px;}
.r5 .marginBottom{ margin-bottom: 100px; }
.r5 .icons, .icons{ height: 80px; margin-bottom: 25px; }
.width-fix{width: 100vw; min-width: 850px;}
.image-hero{max-width: 170px; max-height: 400px; margin-right: auto; z-index: 10; position: relative;bottom: 0px;}

@media only screen and (min-width: 768px){.image-hero{ margin-left: auto !important; margin-right: 40px;bottom: 25px; }.fix-height{height: 200px !important; width: auto !important;}}
@media only screen and (min-width: 1068px) and (max-width: 1200px){.image-hero{bottom: 20px;}}
@media only screen and (min-width: 1068px){ .r1{position: relative;bottom: 140px;} }
/* .r7 div{order: 2;}
.r7 article{order: 1;} */
@media only screen and (min-width: 768px){ .r7 div{order: 1;} .r7 article{order: 2;} }
.zi-fix{z-index: 10;}
.fix-ios{font-weight: 400 !important;}
/* .SF Pro Display{font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";} */
.white-box { max-width: 60px; padding: 10px !important; padding-left: 0 !important; overflow: hidden; background-color: transparent !important; }
.tt-icons{box-shadow: none !important; height: 60px !important; border-radius: 0 !important; margin-bottom: 20px !important;}
.tt-icons img{max-width: none !important; max-height: none !important;}
.main-pr{padding-right: 50px;}
h2.ic-fix-name{font-size: 16px !important;font-weight: bold !important;line-height: 16px !important;}
.easily {margin-bottom: 100px !important; margin-top: 45px !important;}
.easily article{padding-right: 50px !important;}
.timesheets article{padding: 0 50px !important;}
.mb-50{margin-bottom: 50px !important;}
.mt-50{margin-top: 50px !important;}
.mb-0{margin-bottom: 0 !important;}
.no-uc{text-transform: none !important; font-size: 60px !important;}
.mt-25{margin-top: 25px;}
.mb-25{margin-bottom: 25px;}
.mt-100{margin-top: 120px;}
.mb-100{margin-bottom: 120px;}
.mw-200{max-width: 140px;}
.mt-200{margin-top: 80px !important;}
.mb-200{margin-bottom: 80px !important;}
.ml-0{margin-left: 0 !important;}

/* Time Managment Fixes */
.fix-managment-1{max-width: 220px;}
.fix-managment-2 figure img{max-width: 405px;}
.fix-managment-2{margin-top: 90px !important; text-align: left;}
.fix-managment-2 h2{font-size: 26px;}
@media only screen and (min-width: 769px){ .fix-managment-2{margin-top: 50px;} .mt-200{margin-top: 200px !important;} .mb-200{margin-bottom: 200px !important;}}
.due-mb{margin-bottom: 140px;}
.order-time div{ order: 0; }
.order-time article{ order: 1; }
@media only screen and (min-width: 769px){.order-time div{ order: 0; } .order-time article{ order: 1; } .ta-right{text-align: right !important;}.image-hero{max-width: 300px; max-height: 400px; margin-right: auto; z-index: 10; position: relative;bottom: 20px;}}

/* Task and Project Managment Fixes */
.tap-hero-image img{max-width: 160px !important;}
.tap-hero-image,
.tap-assignee-image,
.tap-deadline-image{text-align: left;}
.tap-assignee-image img{max-width: 160px !important;}
.tap-deadline-image img{max-width: 250px !important;}

/* Attendance and Project Managment Fixes */
.aat-users-image {text-align: left;}
.att-teamwork-image {text-align: left;}
.aat-users-image img{max-width: 160px !important;}
.att-mb{margin-bottom: 80px !important;}
.att-mt{margin-top: 80px !important; margin-bottom: 100px !important;}
.att-teamwork-image img{max-width: 160px !important;}

.image-att-bottom{max-width: 250px !important}

@media only screen and (min-width: 769px){
  .aat-users-image img{max-width: 300px !important;}
  .aat-users-image {text-align: right;}
  .tap-hero-image img{max-width: 300px !important;}
  .att-teamwork-image {text-align: right;}
  .tap-assignee-image img{max-width: 300px !important;}
  .tap-hero-image,
.tap-assignee-image,
.tap-deadline-image{text-align: center;}
.att-mb{margin-bottom: 200px !important;}
.att-teamwork-image img{max-width: 300px !important;}

.tap-deadline-image img{max-width: 470px !important;}
.image-att-bottom{max-width: 470px !important}
}

/* Timesheets Analytics and Client Reports Fixes */
.tac-flexible-image {text-align: left; position: relative; bottom: 0px;}
.tac-controlled-image{text-align: left;}
.tac-invoices-image img,
.tac-payroll-image img,
.tac-share-image img,
.tac-flexible-image img{max-width: 160px !important;}

.tac-invoices-image,
.tac-payroll-image,
.tac-share-image,
.tac-flexible-image,
.tac-controlled-image{
  text-align: left !important;
}


.tac-simple-image{margin-top: 50px; text-align: left;}
.tac-simple-image h2{font-size: 26px;}
@media only screen and (min-width: 830px){.mr-info-tac{margin-left: 60px;}}
.tac-simple-image:first-child{margin-top: 0px;}
.invoices-mtmb, .share-mt{margin-top: 100px; margin-bottom: 128px;}
.controlled-mb{margin-bottom: 150px;}

/* .login-button a{padding: 10px 0;min-width: 140px; height: 36px; transition: all .3s ease-out; display: inline-block; ; border: 2px solid #ed565a; line-height: 0 !important; font-size: 12px; font-weight: 600 !important; letter-spacing: .12em; line-height: 1em !important; text-transform: uppercase; text-align: center; width: 112px !important; vertical-align: middle; border-radius: 5px; position: relative; overflow: hidden; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); border-color: #ed565a; color: #ed565a !important;} .login-button a:hover{color: #ffffff !important; background-color: #ed565a; } .login-button{ position: relative; bottom: 2px; } */
/* .try-button a{
  transition: all .3s ease-out;
	background: #ed565a;
	color:#F6F8F9 !important;
	text-shadow:none;
} */

/* .try-button a:hover{
  background: transparent ;
  color:#ed565a !important;
} */
/* Control-horario-laboral fixes */
.img-335{width: 335px !important;}
.add-item-1-fix{height: 160px !important; }
@media only screen and (min-width: 769px) {
  .add-item-1-fix{
    height: 462px !important;
  }

  .tac-invoices-image,
  .tac-payroll-image,
  .tac-share-image,
  .tac-controlled-image{
    text-align: center !important;
  }

  .tac-simple-image:first-child{margin-top: 50px;}

  .tac-flexible-image {text-align: right !important;bottom: 40px;}
  .tac-payroll-image img {max-width: 300px !important;}

  .tac-invoices-image img,
  .tac-payroll-image img,
  .tac-share-image img,
  .tac-flexible-image img{max-width: 250px !important;}

  .tac-invoices-image img{max-width: 300px !important;}

  .tac-payroll-image img {max-width: 300px !important;}
.tac-controlled-image img{max-width: 300px !important;}
.tac-share-image img{max-width: 250px !important;}

.mb60{margin-bottom: 58px !important;}
.mb-fix{margin-bottom: 45px !important;}
}

/* Fix barra admin logged */
#wpadminbar{ z-index: 1000000; }
.mb-90{ margin-bottom: 90px !important; }
.tac{text-align: center;}

.item--copy{
  display: block;
  text-align: center;
  color: #647277;
  font-size: 14px;
  line-height: 24px;
  margin-top: 15px;
}

.flex-reverse{
  flex-direction: column-reverse;
}

.flex-reverse img{
  margin-bottom: 30px;
}

.br-small{
  display: block;
}

.left-100{
  position: relative;
  left: -100px;
}

.wrapper-over{
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  overflow-y: scroll;
}

.wrapper-over [class^="col-12"], .wrapper-over [class*=" col-12"]{
  max-width: 50% !important;
}

.wrapper-over article{
  padding-right: 40px;
}

.fix-width{
  max-width: 170px !important;
}

.fix-top{
  margin-bottom: 70px !important;
}

.fix-emplo-1{
  max-width: 160px !important;
}

.author--title{
  color: #242954;
  font-size: 25px;
  line-height: 44px;
  margin: 20px 0;
}

body.author-diego-wyllie #sidebar li a{
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 28px;
  color: #647277;
  text-decoration: underline;
  transition: all .3s ease-out;
}

body.author-diego-wyllie #sidebar label{
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 28px;
  color: #647277;
  display: block;
}

body.author-diego-wyllie #sidebar h2{
  color: #242954;
  font-size: 18px;
  line-height: 44px;
  margin-top: 20px;
  margin-bottom: 12px;
}

body.author-diego-wyllie #sidebar input[type=text] {
  width: 200px;
  padding: 12px 20px;
  margin: 8px 0;
  border: 1px solid #242954;
}

body.author-diego-wyllie #sidebar input[type=submit]{
  text-decoration: underline;
  color: #242954;
  text-transform: uppercase;
  position: relative;
  left: 15px;
  cursor: pointer;
}

body.author-diego-wyllie #sidebar li a:hover{
  text-decoration: none;
}

/* @end */

/* @end */

 .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#242954}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .owl-item .item img{width: 320px !important; margin: 0 auto !important;}

 .carousel-front .owl-carousel{
   display: flex;
 }

 .carousel-front{
   background-color: #fff;
   padding: 4rem 0;
   margin-bottom: 4rem;
  }

  .container.backwhite {
    border-top: 1px solid #f8f8f8;
   border-bottom: 1px solid #f8f8f8;
  }
  
  .carousel-front.grey h2,
  .carousel-pricing h2{
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: #7F8488 !important;
    margin-top: 0 !important;
    margin-bottom: 40px !important;
  }

  .col-12-6.keyword__form__top,
  .col-12-12.keyword__form__top{
    z-index: 20;
  }

  .carousel-front.grey .item img{
    filter: grayscale(1);
  }

  .carousel-front.grey.carousel-pricing .item img{
    filter: grayscale(0);
  }

  .carousel-pricing .item .sf-root{
    margin: 0 auto;
  }

  .carousel-pricing .item.reduce{
    width: 60%;
  }

  /* Illus Header */

  .ilus-header{
    position: absolute;
    width: 100%;
    bottom: -6rem;
    left: 50%;
    transform: translateX(-50%);
    width: 1257px;
  }

  .ilus-header img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: -150px;
  }

  .carousel-front.grey.carousel-pricing .item img{width: 100% !important; height: 100px !important; object-fit: contain;}

 @media only screen and (min-width: 768px){

  /* .carousel-front{
    padding-bottom: 68px;
  } */

  .wrapper-over [class^="col-12"], .wrapper-over [class*=" col-12"]{
    max-width: 100% !important;
  }

  .fix-emplo-1{
    max-width: 300px !important;
  }

  .fix-top{
    margin-bottom: 120px !important;
  }

  .fix-width{
    max-width: 260px !important;
  }

  .wrapper-over{
    display: contents;
    overflow-y: initial;
    flex-wrap: wrap;
  }

  .wrapper-over article{
    padding-right: 20px;
  }
  .flex-reverse{
    flex-direction: row;
  }

  .br-small{
    display: none;
  }

  .mb-90.tac{
    text-align: center;
  }

  .flex-reverse img{
    margin-bottom: 0;
  }

  /* Cambio top */

  .home-content { padding: 220px 0 0 !important; }

  .home-content.page-keywords{
    /* padding-top: 0 !important; */
  }

  .owl-theme .owl-nav.disabled+.owl-dots{margin-top:90px}

  .item img{width: 230px !important;}

  .carousel-front.grey .item img{width: 230px !important; height: 62px !important;}
  .carousel-front.grey.carousel-pricing .item img{width: 100% !important; height: 80px !important; object-fit: contain;}

  .left-100{
    position: relative;
    left: 0px;
  }
}
.pushUP{
  margin-top:-200px;
}
.pushLessUP{
  margin-top:-100px;
}
.page-keywords .home-header h3{
  margin-top: 0px;
}

.page-keywords .home-header .row{
  height: 320px;
}

.page-keywords .form-key-fix.space{
  position: relative;
}

.page-keywords .newkey .form-key-fix h3{
  color: #242a30;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  font-weight: bold;
  letter-spacing: .10em;
  line-height: 35px;
  text-transform: uppercase;
  text-align: center;
  margin-top: 10px;
}

.page-keywords .newkey .form-key-fix figure{
  margin: 0 auto !important;
  width: 250px !important;
}

.page-keywords .newkey .form-key-fix p{
  font-size: 14px;
  text-align: center;
}

.page-keywords .keyword__form{
  margin-top: 5px;
}

.page-keywords .form__content{
  /* margin-bottom: 50px; */
  margin-bottom: 15px;
  font-size: 12px;
  text-align: center;
}

.page-keywords.homepage .form__content__frontpage{
  text-align: center;
  font-size: 12px !important;
  position: relative;
  bottom: 5px;
}

.bottom__banner .form__content__frontpage{
  font-weight: bold !important;
  line-height: 20px;
  color: #242954;
}

.bottom__banner .keyword__form input[type='text']{
  background-color: #fff;
}

.page-keywords .key__google a{
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.page-keywords .form__title{
  margin-bottom: 30px;
  color: #242a30;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  font-weight: bold;
  letter-spacing: .10em;
  line-height: 35px;
  text-transform: uppercase;
  text-align: center;
  margin-top: 25px;
}

.page-keywords .keyword__form input{
  display: block;
  width: 100%;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #667277;
  padding: 20px 0;
  text-align: center;
  color: #242954;
  font-size: 12px;
  font-weight: 600;
  height: 65px;
}

.page-keywords .keyword__form input[type="text"]{
  /* -webkit-box-shadow: inset 0px 0px 7px 0px rgba(102,114,119,1);
  -moz-box-shadow: inset 0px 0px 7px 0px rgba(102,114,119,1);
  box-shadow: inset 0px 0px 7px 0px rgba(102,114,119,1); */
}
.page-keywords .keyword__form .key__text{
  font-size: 16px;
  font-weight: normal;
}

.page-keywords .keyword__form .key__text::placeholder{
  color: #242954;
}

.page-keywords .keyword__form .key__submit{
  font-size: 18px;
  letter-spacing: 2.16px;
}

.page-keywords.homepage .keyword__form .key__submit{
  font-size: 12px;
  letter-spacing: 1.2px;
}

.page-keywords.homepage .keyword__form input{
  height: 40px;
  padding-top: 0;
  padding-bottom: 0;
}

.page-keywords .key__text{
  margin-bottom: 10px;
}

.page-keywords .key__submit{
  cursor: pointer;
  background-color: #ed565a !important;
  border: none !important;
  text-transform: uppercase;
  color: #fff !important;
  padding-right: 0 !important;
}

.page-keywords .key__google{
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 50px;
}

.page-keywords .key__google img{
  width: 24px;
  margin-right: 20px;
}

.page-keywords .key__google a{
  text-transform: uppercase;
  color: #242a30;
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 1px solid #242a30;
  font-size: 12px;
  font-weight: bold;
  transition: all .3s ease-out;
  letter-spacing: 1px;
  text-transform: none;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 1.92px;
  text-transform: uppercase;
}

.page-keywords.homepage .key__google a{
  text-transform: none;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 1.92px;
  text-transform: uppercase;
}

.page-keywords .key__google a:hover{
  border-color: transparent;
}

.page-keywords .r4 .r4__wrapper{
  background-color: #fff;
  /* padding: 50px !important; */
  height: 570px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 4px 24px rgb(0 0 0 / 10%);
	-moz-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 4px 24px rgb(0 0 0 / 10%);
  max-width: 350px !important;
  margin: 0 auto;
}

.page-keywords .r4 .r4__wrapper figure{
  height: 277px;
}

.page-keywords .r4__out{
  position: relative;
}

.page-keywords .r4 .r4__wrapper figure{
  width: 100% !important;
}

.r4__out__title{
  width: 100% !important;
  text-align: center !important;
  z-index: 5 !important;
  position: relative;
  bottom: -20px;
  font-weight: 800;
  font-size: 18px !important;
  text-transform: uppercase !important;
  letter-spacing: 2.52px !important;
  line-height: 28px !important;
}

.page-keywords .r4 .r4__wrapper{
  position: relative;
  z-index: 2;
}

/* .page-keywords .key__lineas{
  position: absolute;
  left: 0;
  width: 200px;
  height: 360px;
  top: 170px;
  transform: translateY(0);
  z-index: 1;
} */

.page-keywords .key__lineas{
  position: absolute;
  left: 0;
  width: 280px;
  top: 30px;
}

@media only screen and (min-width: 769px){

  .page-keywords .r4 .r4__wrapper figure{
    height: 287px;
  }

  .page-keywords .key__lineas{
    position: absolute;
    left: 0;
    width: 450px;
    height: 100%;
    top: 45px;
    z-index: 1;
  }
}

.page-keywords .r4__wrapper h2{
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 0;
  margin-top: 10px;
}
.page-keywords .r4__wrapper h3{
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
  margin-bottom: 0;
  /* margin-top: 20px; */
  padding: 0 50px;
  text-align: center;
}

.page-keywords .r4__wrapper h3 a{
  text-decoration: none;
  color: #242954;
}

.grupo__img{
  margin-bottom: 15px;
  width: 231px;
}

.page-keywords .r4__wrapper figure img{
  height: 100% !important;
  object-fit: contain;
}

br.mobile{
  display: block;
}

@media only screen and (min-width: 769px){
  br.mobile{
    display: none;
  }
}

.page-keywords .r4__wrapper figure a{
  display: inline-block;
  width: 100%;
}

.page-keywords .r4__wrapper p{
  font-size: 16px;
  padding-top: 21px;
  line-height: 28px;
  padding: 0 50px;
  padding-top: 21px;
  text-align: center;
}

.col-12-6.keyword__form__top {
    z-index: 20;
}
.keyword__form__top .page-keywords .keyword__form{
  margin-top:10px;
}
.col-12-6.keyword__form__top small{
  font-size:14px;
  color:white;
  margin-top: 10px;
  display: block;
}
.keyword__form__top .page-keywords .key__google a{
    color:white;
    border-bottom: 1px solid lightgrey;
}
.keyword__form__top .page-keywords .key__google a:hover{
    color:#ed565a;
    border-bottom: 1px solid #ed565a;
}
.keyword__form__top .page-keywords .key__submit:hover{
  background-color:#242954 !important;
}
.heading h1{
    font-size: 55px;
    letter-spacing: .01em;
    color: #242954;
    font-weight: 700;
    text-align: center;
}
.heading h2{
  font-size: 45px;
  letter-spacing: .01em;
  color: #242954;
  font-weight: 700;
  text-align: center;
}
.heading h3{
    font-size: 35px;
    line-height: 36px;
    color: #242954;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}

.heading h4{
    font-size: 25px;
    line-height: 36px;
    color: #242954;
    font-weight: 700;
    text-align: center;
}
.slider__key__wrapper{
  width: 100%;
  position: relative;
  margin-top: 120px;
  padding-bottom: 0px;
}

.slider__key__wrapper .white-box{
  max-width: 150px;
  overflow: initial;
  padding-left: 10px !important;
  margin-bottom: 30px !important;
}

.slider__key__wrapper .icons{
  height: auto;
}

.slider__key__wrapper article{
  text-align: center;
}

.slider__key__left{
  position: absolute;
  top: 0px;
  left: -140px;
  width: 350px;
}

.slider__key__right{
  position: absolute;
  bottom: -35px;
  right: -50px;
  width: 100%;
  max-width: 450px;
}

.slider__key__wrapper h2.upper{
  font-size: 14px;
  line-height: 30px;
  letter-spacing: 0.14em;
  text-transform: none;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0;
  color: #242954 !important;
}
.slider__key__wrapper h3.upper{
  font-size: 14px;
  line-height: 30px;
  letter-spacing: 0.14em;
  text-transform: none;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0;
  color: #242954 !important;
}

.fix-medio{
  width: 165px !important;
}

.fix-medio-1{
  width: 145px !important;
}

.key__desktop{
  display: none;
}

.key__mobile{
  display: block;
}

.page-keywords .carousel-front h2{
  margin-top: 100px;
}

.slider__key__wrapper figure{
  height: 150px !important;
  width: 100%;
  max-width: 233px;
  margin-bottom: 0 !important;
}
.slider__key__wrapper .white-box{
  margin-bottom: 0 !important;
}

.fix-margin-bt{
  margin: 60px 0;
}

.page-keywords.no-mt{
  margin-top: 0;
}

.page-keywords .keyword__form .errorMessage.mb{
  margin-bottom: 15px;
}

.features-list article.first{
  margin-top: 20px !important;
}

.features-list article.cero{
  margin-top: 0 !important;
}

.integrations__new .col-12-4 h2{
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: normal !important;
}

.integrations__new .col-12-4 p{
  font-size: 18px !important;
  line-height: 28px !important;
  letter-spacing: normal !important;
  font-weight: 400;
}

.white-back{
  border-top: 1px solid #f8f8f8;
  border-bottom: 1px solid #f8f8f8;
  background-color: #fff;
  /* box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.11); */
  /* padding: 80px 0; */
}

.white-back .row{
  padding: 80px 0;
}

.white-back article p{
  font-size: 14px;
  line-height: 24px;
}

@media only screen and (min-width: 1200px){
  .page-template-page-button .page-keywords.homepage .form__content__frontpage{
    padding-right: 120px;
  }
}
@media only screen and (min-width: 1200px){

  .fix__row{
    align-items: center;
  }

  .fix__row .col-12-2{
    margin-top: 200px;
    align-self: flex-start;
  }

  .features-list article.first{
    margin-top: 20px !important;
  }

  .features-list article.cero{
    margin-top: 20px !important;
  }

  /* .page-keywords .key__lineas{
    top: 30px;
  } */

  .r4__out__title{
    bottom: 40px;
  }

  .page-keywords.homepage .form__content__frontpage{
    text-align: right !important;
    padding-right: 85px;
  }

  .r4__out .tac-simple-image{
    margin-top: 0 !important;
  }

  .page-keywords .keyword__form input{
    padding-right: 25px;
  }

  .fix-margin-bt{
    margin: 0;
  }

  .key__desktop{
    display: block;
  }

  .key__mobile{
    display: none;
  }

  .slider__key__left{
    top: 50px;
    left: -185px;
  }

  .slider__key__wrapper{
    margin-top: 200px;
  }

  .slider__key__wrapper.noimage{
    margin-top: 30px !important;
    padding-bottom: 0 !important;
  }

  .slider__key__wrapper h2.upper{
    font-size: 24px;
    line-height: 32px;
  }
  .slider__key__wrapper h3.upper{
    font-size: 24px;
    line-height: 32px;
  }

  /* .page-keywords .key__lineas{
    height: 610px;
  } */

  .form__title,
  .form__content{
    text-align: left !important;
  }

  .slider__key__wrapper{
    padding-bottom: 120px;
  }

  .slider__key__left{
    width: 450px;
  }

  /* .page-keywords .home-header:after{
    top: -300px;
  } */

  .page-keywords .home-content{
    padding-top: 0 !important;
  }

  .page-keywords .home-header h3{
    margin-top: 95px;
  }

  .page-keywords .home-header .row{
    height: 450px;
  }

  .page-keywords .form-key-fix.space figure{
    position: absolute;
    top: 0;
    right: 0;
  }

  .page-keywords .newkey .form-key-fix h3,
  .page-keywords .newkey .form-key-fix p{
    text-align: left;
  }

  .page-keywords .keyword__form form{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }

  .page-keywords.homepage .keyword__form form{
    justify-content: flex-start ;
  }

  .page-keywords .key__text{
    margin-bottom: 0;
    margin-right: -10px;
    text-align: left !important;
    padding-left: 30px !important;
    flex: 0 1 287px;
    height: 65px;
  }

  .page-keywords.homepage .key__text{
    text-align: center !important;
  }

  .page-keywords.homepage .key__text{
    margin-right: 10px !important;
    flex: 0 1 265px;
  }

  .left .key__google{
    justify-content: flex-start !important;
    margin-top: 0 !important;
  }

  .left .form__content__frontpage{
    margin-bottom: 0 !important;
    padding-right: 40px !important;
  }

  .keyword__form .errorMessage{
    flex: 0 1 92%;
  }
/*
  .page-keywords.homepage .keyword__form .errorMessage{
    flex: 0 1 85%;
  } */

  .page-keywords .form-key-fix.space figure{
    z-index: -1;
  }

  .page-keywords .newkey .form-key-fix figure{
    width: 320px !important;
  }

  .page-keywords .key__submit{
    flex: 0 1 215px;
    /* max-width: 150px; */
    transition: all .3s ease-out;
  }

  .page-keywords.homepage .key__submit{
    flex: 0 1 210px !important;
    max-width: none;
  }


  .page-keywords .key__submit:hover{
    background-color: #242954 !important;
  }

  .page-keywords .key__google{
    justify-content: flex-start;
    padding-left: 4px;
  }

  .page-keywords.homepage .key__google{
    justify-content: center ;
  }

  .page-keywords .r4 .r4__wrapper{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    height: 100%;
    max-width: 410px !important;
  }

  /* .page-keywords .key__lineas{
    top: 50%;
    transform: translateY(-50%);
    width: 40%;
  } */
}

.keyword__form .form_error .key__text{
  border: 1px solid red;
  background-color: rgba(250, 200, 195, 1);
  transition: all .3s ease-out;
}

.keyword__form .errorMessage{
  font-size: 14px;
  font-weight: normal;
  margin-top: 15px;
  line-height: 25px;
  color: rgba(250, 200, 195, 1);
  padding-left: 10px;
  transition: all .3s ease-out;
}

@media only screen and (max-width: 766px) and (min-width: 0){
  /* .page-keywords .home-header:after{
    border-width: 0 0 625px 3000px;
  } */

  .bottom__banner .fix-margin-bt{
    margin-bottom: 15px !important;
  }
}

@media only screen and (min-width: 1200px){
  .page-keywords .r4 .col-12-4{
    align-self: stretch;
    /* height: 550px; */
  }

  .page-keywords .r4 .r4__wrapper figure{
    /* margin-bottom: auto !important; */
  }
}
.grecaptcha-badge{
  display: none !important;
}

/* .frontpage.home-header:after{
  border-width: 0 0 850px 6000px !important;
} */

.bottom__title{
  font-size: 26px !important;
  text-transform: none !important;
  line-height: 48px !important;
  letter-spacing: 0 !important;
  color: #1d252c !important;
}

.bottom__text{
  font-size: 16px !important;
  line-height: 47px !important;
  color: #242954 !important;
  margin-bottom: 0px !important;
}

.mt-220{
  margin-top: 220px !important;
}

/* Indutria Landing */

.page-industria #wrapper{
  border-top: 0 none!important;
}



.industria__header{
  background-image: linear-gradient(180deg, #242954, transparent),
  url(../img/industria/headerindustria.png);
  background-size: cover;
  background-repeat: no-repeat;
  /* background: linear-gradient(180deg, #242954, transparent) !important; */
}

.section-row__wrapper{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

main > .section-row{
  margin-top: 120px;
}

main > .section-row ~ .section-row{
  margin-top: 0;
}

.section-row{
  margin-bottom: 160px;
}

.section-row__img,
.section-row__copy{
  flex: 1 0 50%;
}

.section-row__img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.section-row__img{
  margin-bottom: 50px;
}

.section-row__copy h3{
  color: #1d252c;
  font-size: 28px;
  line-height: 34px;
  font-weight: bold;
  margin-bottom: 50px;
}

.section-row__copy__wrapper{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}

.section-row-full{
  overflow-y: scroll;
}

.section-row-full .section-row__wrapper .section-row__img{
  flex: 1 0 100%;
  width: 100%;
  height: 340px;
  min-width: 1170px;
  margin-left: auto;
}

.section-row__copy__wrapper .section-row__copy{
  padding: 0;
  flex: 1 0 33.33%;
  text-align: center;
  /* padding: 0 50px 50px 50px; */
  padding: 0px 40px 0px;
}

.section-row__copy__wrapper .section-row__copy h3{
  font-size: 21px !important;
  line-height: 32px !important;
  margin-bottom: 5px;
}

.section-row__copy__wrapper{
  min-width: 1170px;
  margin-left: auto;
}

.acorderon__container img{
  width: 100%;
}

.acordeon__titulo{
  color: #242954;
  background-color: #f7f8f9;
  border-radius: 5px;
  cursor: pointer;
  transition: all .3s ease-out;
  padding: 20px;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
  margin-bottom: 5px;
}

.acordeon__titulo h5{
  font-size: 25px;
  line-height: 30px;
}

.acordeon__titulo span{
  font-size: 18px;
  line-height: 39px;
  font-weight: bold;
}

.acordeon__titulo.active{
  background-color: #242954;
  color: #f7f8f9;
}

.acordeon__contenido{
  margin: 0;
  background-color: #fff;
  padding: 1em;
  display: none;
}

.section-tabs.desktop{
  display: none;
}

.section-row-full h2{
  text-align: center;
  color: #242954;
  font-size: 60px;
  line-height: 70px;
  margin-bottom: 65px;
}

.section-acordion h2{
  font-size: 40px;
  line-height: 44px;
  margin-bottom: 27px;
}

.section-acordion{
  position: relative;
}

.section-acordion--lines{
  position: absolute;
  right: -300px;
  top: 50%;
  transform: translateY(-50%);
}

.acordeon__titulo{
  position: relative;
}

.acordeon__titulo:after{
  content: url(../img/industria/next.png);
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  filter: invert(43%) sepia(6%) saturate(784%) hue-rotate(150deg) brightness(100%) contrast(90%);
  width: 20px;
  height: 20px;
}

.acordeon__titulo.active:after{
  filter: invert(100%) sepia(31%) saturate(981%) hue-rotate(179deg) brightness(103%) contrast(94%);
  transform: rotate(90deg);
  transform-origin: top;
}

.bottom__banner h2{
  font-size: 40px !important;
  line-height: 50px !important;
  text-align: center;
}

.bottom__banner p{
  text-align: center;
  font-size: 21px;
  line-height: 48px;
}

.bottom__banner{
  position: relative;
}

.bottom__banner .img-box{
  width: 300px !important;
  margin:  0 auto;
}

.bottom__banner .img-box img{
  position: relative;
  z-index: 2;
}

.page-keywords.homepage .keyword__form input{
  height: 50px;
}

@media only screen and (min-width: 1200px){

  .section-row__img .tabs__content{
    width: 112%;
  }

}


.lines__back{
  position: relative;
}

@media only screen and (min-width: 769px){
  .page-keywords.homepage .keyword__form input{
    height: 40px;
  }

  .bottom__banner .img-box{
    width: 450px !important;
  }

  .page-keywords .form__title{
    margin-bottom: 15px;
  }

  .bottom__banner h2{
    font-size: 35px !important;
    line-height: 45px !important;
  }

  .bottom__banner p{
    font-size: 16px;
    line-height: 32px;
  }

  .bottom__banner h2,
  .bottom__banner p{
    text-align: left;

  }

  .section-row-full h2{
    font-size: 40px;
    line-height: 44px;
    margin-bottom: 60px;
  }

  /* .section-row-full h2{
    font-size: 40px;
    line-height: 44px;
    margin-bottom: 35px;
  } */

  .section-tabs{
    position: relative;
  }

  .section-tabs--lines{
    position: absolute;
    right: -450px;
    top: 50%;
    transform: translateY(-50%);
  }

  .section-tabs.desktop{
    display: block;
  }

  .section-row__img{
    margin-bottom: 0px;
  }

  .section-row-full{
    overflow-y: auto;
  }

  .section-row__wrapper{
    flex-direction: row;
  }

  .reverse .section-row__wrapper{
    flex-direction: row-reverse;
  }

  .reverse .section-row__wrapper .section-row__img{
    flex: 1 0 60%;
  }

  .reverse .section-row__wrapper .section-row__copy{
    flex: 1 0 40%;
  }

  .reverse .section-row__wrapper h3,
  .reverse .section-row__wrapper p{
    text-align: right;
  }

  .section-row__copy{
    padding: 0 20px;
    padding-right: 0;
  }

  .section-row-full .section-row__wrapper{
    flex-direction: column;
  }

  .section-row__copy__wrapper{
    margin-top: 50px;
  }

  .tabs__links{
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

  .tabs__links a{
      display: block;
      width: 100%;
      background-color: #f7f8f9;
      padding: 24px;
      text-decoration: none;
      font-weight: bold;
      color: #242954;
      transition: all .3s ease-out;
      box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
      border-radius: 5px;
      margin-bottom: 20px;
      font-size: 18px;
  }

  .tabs__links a.active{
      background-color: #242954;
      color: #f7f8f9;
  }

  .tabs__content .tabs__content__item{
      display: none;
  }

  .tabs__content__item.active{
      display: block;
  }

  .tabs__content__item{
    height: 620px;
    width: 100%;
  }

  .tabs__content__item img{
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: center center;
  }

  .tabs__links{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .section-tabs .section-row__copy h2{
    margin-bottom: 50px;
  }

  .section-tabs{
    position: relative;
  }

}

@media only screen and (min-width: 1200px){
  .section-row__copy{
    padding: 0 120px;
    padding-right: 100px;
  }

  .reverse .section-row__copy{
    padding: 0 50px;
    padding-right: 80px;
    padding-left: 0;
  }
}

.cellcopy__button a:last-child{
  margin-left: 13px;
}

.getapp .text{
  text-align: left;
}

.getapp .text h2{
  color: #3A3A3A;
  font-size: 40px;
  font-weight: 700;
  line-height: 44px;
  margin-bottom: 25px;
}

.getapp .text h3{
  color: #242954;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
}

.getapp .cellcopy__button{
  justify-content: center;
  margin-top: 36px;
}

.getapp .cellcopy__button .bttn{
  margin: 0 0 11px;
  max-width: 186px;
  z-index: 10;
  background-color: #f75b53;
  border-color: #f75b53;
  color: #242954;
}

.getapp .cellcopy__button .bttn:last-child{
  margin-left: 30px;
}

.acordeon__titulo h5{
  font-size: 20px;
  line-height: 30px;
  padding-right: 35px;
}

.getapp{
  margin-top: 160px;
}

@media only screen and (min-width: 769px){
  @media not all and (hover: none){
    .getapp .bttn-red:hover {
        color: #242954 !important;
    }
  }

  

  .getapp{
    margin-top: 245px;
  }

  .getapp .text{
    text-align: center;
  }

}

/* --- */

/* @group BLOG DETAIL */

/* --- */

/* @group MEDIAQUERIES */

@media only screen
and (min-width : 0)
and (max-width : 767px) {

}


@media only screen
and (min-width : 768px)
and (max-width : 1023px) {

  .detail-content .row .newpost {
    padding: 0 15px 0 15px;
  }

}

/* @end */

/* @end */


/* @group BLOG CATEGORY 
------------------------------------ */

:root {
  --gradient-blue-violet: linear-gradient(90deg, #3A609B 0%, #564FAA 98.44%);
  --gradient-pricing: linear-gradient(90deg, #35578F 1.2%, #11203F 99.79%);
  --white: rgba(255,255,255,1);
  --grey: rgba(163,163,163,1);
  --lavender: rgba(171,185,240,1);
}

/* Layout
------------------------------------ */
body.category #header,
body.single-post #header {
  -webkit-box-shadow: none!important;
  -moz-box-shadow: none!important;
  box-shadow: none!important;
}
.blog_category {
  background: var(--gradient-pricing);
  padding: 3.5rem 0 4rem;
  position: relative;
  z-index: 30;
}
body.header-pined .blog_category { 
  top: 0; 
}
.blog_category .navigation {
  height: 100%; 
  display: flex; 
  align-items: center;
}
.blog_category .navigation .sticky {
  width: 100%;
}
.blog_category .navigation .row { 
  position: relative; 
}
/* --- */


/* Searchform
------------------------------------ */
.blog_category .navigation .row .searchform { 
  position: absolute; 
  left: 1.8rem; 
  right: 1.8rem; 
  top: 100%; 
  margin-top: 2.3rem; 
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.10); 
  background-color: var(--white); 
  border-radius: 1rem; 
}
.blog_category .navigation .row .searchform { 
  height: 4.3rem; 
}
.blog_category .navigation .row .searchform input[type="text"] { 
  padding: 1rem 1.6rem; 
  font-size: 1.2rem; 
  line-height: 1.2em; color: var(--grey); 
  font-weight: 500; 
  width: calc(100% - 4.5rem); 
  height: 4.3rem; 
  vertical-align: top;
}
.blog_category .navigation .row .searchform input[type="text"]::placeholder { 
  color: var(--grey); 
}
.blog_category .navigation .row .searchform button.icon-search { 
  display: inline-flex; 
  justify-content: center; 
  align-items: center; 
  height: 4.3rem; 
  width: 4rem; 
  cursor: pointer; 
  rotate: 90deg; 
  color: var(--grey); 
  transition: all .3s linear; 
}
.blog_category .navigation .row .searchform button.icon-search:hover { 
  color: var(--lavender); 
}
/* --- */


/* Navigation
------------------------------------ */

.blog_category .navigation ul {
  width: 100%;
  padding: 0 1.8rem; 
  text-align: left;
}
.blog_category .navigation li {
  margin: 0 0 1.5rem; 
  display: block;
}
.blog_category .navigation a {
  font-size: 1.4rem; 
  line-height: 2.14em; 
  font-weight: 800; 
  color: var(--white); 
  text-transform: uppercase; 
  border: none; 
  position: relative; 
  display: inline-block;
  vertical-align: top;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -ms-transition: color 0.3s;
  transition: color 0.3s;
}
.blog_category .navigation .current-cat a { 
  color: var(--lavender); 
}
.blog_category .navigation .current-cat a::after { 
  content: ''; 
  width: 100%; 
  height: .2rem; 
  background-color: var(--lavender); 
  position: absolute; 
  left: 0; 
  bottom: -.3rem; 
}
@media only screen
and (min-width : 0px)
and (max-width : 767px) { 
  .blog_category .navigation .current-cat a {
    --lavender: rgba(217, 224, 251, 1);
  }
}
/* --- */


/* Post Featured (Legacy)
------------------------------------ */
.post_featured .description .row{
  display: flex;
  justify-content: flex-start;
}
.post_featured .description .row{
  justify-content: center;
}
.post_featured .description {
  text-align: left;
  padding: 0px 0;
  padding-top: 0;
  background-color: #ABB9F0;
  padding-bottom: 30px;
}
.post_featured .description h1 {
  font-size: 12px;
  line-height: 14px;
  display: inline-block;
  color: #FFFFFF;
  font-weight: 900;
  letter-spacing: 1.68px;
  text-transform: uppercase;
  margin-right: 5px;
}
.post_featured .description p,
.post_featured .description p strong {
  font-size: 12px;
  line-height: 14px;
  display: inline-block;
  color: #FFFFFF;
  font-weight: 900;
  letter-spacing: 1.68px;
  text-transform: uppercase;
}
/* --- */


/* @group MEDIAQUERIES
------------------------------------ */

@media only screen
and (min-width : 768px) {

  /* Layout
  ---------------------------------- */
  .blog_category {
    padding: 0; 
    height: 6.2rem;
    top: 6.5rem;
    border: 0 none;
    position: sticky;
  }
  body.header-pined .blog_category {
    top: 6.5rem;
  }
  body.admin-bar.header-pined .blog_category {
    top: calc(6.5rem + 32px);
  }
  .blog_category .row {
    height: 6.2rem;
  }

  /* Searchform
  ---------------------------------- */
  .blog_category .navigation .row .searchform { 
    left: unset; 
    right: 0; 
    top: 50%; 
    transform: translate(0, -50%); 
    width: 29%; 
    margin: 0; 
  }

  /* Navigation
  ---------------------------------- */
  .blog_category .navigation ul { 
    display: flex; 
    justify-content: space-between; 
    text-align: center; 
    padding: 0; 
    text-align: center; 
    height: 100%;
  }
  .tax-academy_category .blog_category .navigation ul,
  .single-academy .blog_category .navigation ul { justify-content: flex-start; }
  .blog_category .navigation li { 
    margin: 0 .75rem; 
  }
  .blog_category .navigation li:first-child { margin-left: 1.25rem; }
  .blog_category .navigation a { 
    line-height: 6.2rem; 
  }
  .blog_category .navigation a:hover { 
    color: var(--lavender); 
  }
  .blog_category .navigation .current-cat a::after { 
    bottom: 0; 
    height: .5rem;
  }
  /* --- */

  .post_featured .description {
    padding: 0 0;
  }

}

/* @end */

/* @end */

/* @group BLOG POST LIST */

.category-blog #wrapper,
.single-post #wrapper {
  background-color: #fff;
}



.wp-page-styles article > h4{
  margin: 0 !important;
  margin-top: 50px !important;
  text-align: center;
  font-size: 18px !important;
  line-height: 22px !important;
  letter-spacing: 2.52px !important;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 700;
}

.wp-page-styles article > h4 a{
  margin: 0 auto;
  margin-top: 45px;
  font-weight: 700;
  background-color: #ed565a !important;
  color: #fff;
  transition: all .3s ease-out;
  font-size: 12px;
  letter-spacing: 1.68px;
  border-radius: 5px;
  height: 40px;
  /* width: 205px; */
  padding: 0 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.wp-page-styles article > h4 strong{
  display: contents;
}

.wp-page-styles article > h4 a:hover{
  background-color: #242954 !important;
}

.hide__h1 h1{
  display: none !important;
}
/* --- */

/* @group MEDIAQUERIES */

@media only screen
and (min-width : 0px)
and (max-width : 767px) {

  

}


/* @end */

/* @end */
.not_visible{
  display:none;
}
.make_visible .not_visible{
  display:block;
}

/* Archive.php */

.contenedor_blog{
  position: relative;
}

.contenedor_blog .post__wrapper{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
}

.contenedor_blog .post_b{
  width: 100%;
  max-width: 376px;
  margin-bottom: 13px;
  background-color: #fff;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.11);
}

.contenedor_blog .post_b .text_nota figure{
  width: 100%;
  height: 174px;
}

.contenedor_blog .post_b .text_nota figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.contenedor_blog .titulo_post{
  padding-top: 28px;
  padding-bottom: 36px;
  padding-left: 37px;
  padding-right: 37px;
  background-color: #fff;
}

.informacion_post h1{
  font-size: 18px;
  line-height: 24px;
  text-decoration: none;
  font-weight: 600;
  letter-spacing: 2.8px;
  color: #242954;
  margin-bottom: 22px;
  text-transform: uppercase;
  text-align: center;
}

.informacion_post h1 a{
  text-decoration: none;
  color: #242954;
  font-weight: 700;
}

.titulo_post p{
  font-size: 16px;
  line-height: 28px;
  color: #242954;
  text-align: center;
}

.titulo_blog h1{
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 2.52px;
  color: #242954;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
}

.titulo_blog{
  margin-bottom: 35px;
}

.data_blog_centrada{
  margin-top: 50px;
  margin-bottom: 80px;
}

.contenedor_blog__back{
  position: absolute;
  z-index: 0;
  width: 100%;
  top: 2%;
  left: 0;
  display: none;
}

@media only screen and (min-width: 769px){
  .contenedor_blog .post_b{
    margin-right: 16px;
  }

  .contenedor_blog__back{
    width: 120%;
    top: 30px;
    left: -100px;
  }

  .titulo_blog h1,
  .informacion_post h1,
  .titulo_post p{
    text-align: left;
  }
}

@media only screen and (min-width: 1024px){
  .contenedor_blog .post_b{
    margin-right: 16px;
    flex: 1 0 calc(33.33% - 48px);
  }

  .contenedor_blog .post__wrapper{
    justify-content: flex-start;
  }
}

figure.isicon{
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.contenedor_blog .post_b .text_nota figure.isicon img{
  width: 240px;
  height: 146px;
  object-fit: contain;
  object-position: center;
}

/* Banners Industry */

.banner__double{
  padding: 0 22px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.banner__double__wrapper:nth-child(odd){
  margin-right: 20px;
}

.banner__double.banner__full .banner__double__wrapper:nth-child(odd){
  margin-right: 0;
}

.banner__double__wrapper{
  position: relative;
  height: 320px;
  width: 100%;
  margin-bottom: 15px;
  /* padding: 10px; */
}

.banner__item{
  height: 100%;
}

.banner__item figure{
  width: 100%;
  height: 100%;
}

.banner__item figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.banner__item__copy{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 15px;
}

.banner__item__copy h3{
  font-size: 18px;
  line-height: 32px;
  color: #F6F8F9;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 2.8px;
  margin-bottom: 15px;
}

.banner__item__copy h4{
  font-size: 22px;
  line-height: 40px;
  color: #F6F8F9;
  text-align: center;
  font-weight: 500;
  /* height: 115px; */
  margin-bottom: 10px;
}

.banner__full .banner__double__wrapper{
  width: 100%;
}

.banner__full .banner__double__wrapper:first-child{
  margin-right: 0;
}

.banner__full .banner__double.banner__full{
  padding: 0;
}

.banner__full.banner__double{
  padding: 0;
}

.banner__full .banner__item__copy h4{
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
  max-width: 960px;
  margin: 0 auto;
}

.banner__full .banner__item__copy h3{
  margin-top: 35px;
}

.banner__full .banner__item__copy{
  justify-content: flex-start;
}



@media only screen and (min-width: 1024px){
  .banner__double{
    flex-direction: row;
  }

  .banner__double__wrapper{
    width: calc( 50% - 10px);
  }

  .banner__item__copy{
    margin-bottom: 0;
  }

  .banner__item__copy h3{
    font-size: 20px;
    line-height: 34px;
  }

  .banner__item__copy h4{
    font-size: 24px;
    line-height: 42px;
  }

  .banner__full .banner__item__copy h3{
    margin-top: 50px;
  }

  .banner__full .banner__item__copy h4{
    font-size: 44px;
    line-height: 54px;
  }

  .banner__item__copy h4{
    height: 115px;
  }
}

/* Features */

/* .post-type-archive-features .contenedor_blog__back,
.post-type-archive-features .titulo_post p,
.banner__double{
  display: none;
}

.post-type-archive-features .data_blog_centrada{
  margin-top: 92px;
}

.post-type-archive-features .titulo_blog h1{
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 2.52px;
  color: #242954;
  text-transform: uppercase;
  font-weight: 700;
}

.post-type-archive-features .titulo_blog{
  margin-bottom: 35px;
}

.post-type-archive-features .post__wrapper{
  width: 100%;
}

.post-type-archive-features .post__wrapper .post_b,
.post-type-archive-features .post__wrapper .post_b .post__wrapper__item{
  width: 100%;
}

.post-type-archive-features .post__wrapper figure{
  width: 100%;
  max-width: 278px;
  height: 154px;
}

.post-type-archive-features .post__wrapper figure img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left;
}

.post-type-archive-features .post__wrapper .post_b{
  margin-bottom: 85px;
}

.post-type-archive-features .informacion_post h1 a{
  font-size: 22px;
  line-height: 32px;
  text-decoration: none;
  color: #242954;
  font-weight: 700;
}

.post-type-archive-features .informacion_post{
  margin-top: 28px;
  max-width: 278px;
}

.post-type-archive-features .post__wrapper{
  position: relative;
}

.contenedor_blog__back__feature{
  position: absolute;
  z-index: 0;
  width: 500px;
  top: 200px;
  right: calc(60% - 500px);
}

@media only screen and (min-width: 769px){

  .contenedor_blog__back__feature{
    top: 120px;
    right: calc(20% - 500px);
  }

  .post-type-archive-features .post__wrapper{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }


  .post-type-archive-features .post__wrapper .post_b{
    width: 33.33%;
    max-width: 260px;
    margin-right: 70px;
  }

  .post-type-archive-features .post__wrapper .post_b:nth-child(3n){
    margin-right: 0;
  }

  .post-type-archive-features .post__wrapper{
    width: 80%;
  }

} */


/* Banner Icon Feature */

.post-type-archive-features .banner__icon__feature{
  padding: 0 22px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  display: none !important;
}

.post-type-archive-features .banner__icon__feature__wrapper:nth-child(odd){
  margin-right: 20px;
}

.post-type-archive-features .banner__double.banner__full .banner__icon__feature__wrapper:nth-child(odd){
  margin-right: 0;
}

.post-type-archive-features .banner__icon__feature__wrapper{
  position: relative;
  height: 360px;
  width: 100%;
  margin-bottom: 15px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.11);
  /* padding: 10px; */
}

.post-type-archive-features .banner__icon__feature__item{
  height: 100%;
}

.post-type-archive-features .banner__icon__feature__item figure{
  width: 240px;
  height: 146px;
  margin: 0 auto;
  margin-top: 42px;
}

.post-type-archive-features .banner__icon__feature__item figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.post-type-archive-features .banner__icon__feature__copy{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 15px;
}

.post-type-archive-features .banner__icon__feature__copy h2{
  margin-bottom: 40px;
}

.post-type-archive-features .banner__icon__feature__copy h2{
  color: #242954;
  font-weight: 700;
  font-size: 32px;
  line-height: 48px;
  text-align: center;
}

@media only screen and (min-width: 1024px){
  .post-type-archive-features .banner__icon__feature{
    flex-direction: row;
  }

  .post-type-archive-features .banner__icon__feature__wrapper{
    width: calc( 50% - 10px);
  }

  .post-type-archive-features .banner__icon__feature__copy{
    margin-bottom: 0;
  }

  .post-type-archive-features .banner__icon__feature__copy h3{
    font-size: 20px;
    line-height: 34px;
  }

  .post-type-archive-features .banner__icon__feature__copy h4{
    font-size: 24px;
    line-height: 42px;
  }

  .post-type-archive-features .banner__icon__feature__wrapper{
    height: 314px;
  }

  /* .post-type-archive-features .banner__icon__feature */
}

/* Pro page fixes */

.pro-content h2{
  font-size: 30px;
  line-height: 40px;
  font-weight: bold;
  text-transform: none;
  letter-spacing: normal;
  margin-bottom: 44px;
}

.pro-content h2.main__title{
  color: #242954;
    font-size: 18px;
    letter-spacing: 2.52px;
    line-height: 24px;
    text-transform: uppercase;
    text-align: center;
}

.pro-content p{
  color: #7F8488;
  letter-spacing: normal;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}

.pro-content .titulo_post p{
  font-size: 16px;
  line-height: 28px;
  color: #242954;
  font-weight: 400;
}

.pro-content .contenedor_blog{
  margin-bottom: 165px;
}

.home-section.pro-content{
  background-color: #F6F8F9 !important;
}

@media only screen and (min-width: 769px){
  .home-content.pro-content{
    padding: 60px 0 0 !important;
  }

  .pro-content h2.main__title{
    margin-bottom: 85px;
  }
}

/* 404 Page */

.not_found{
  position: relative;
  height: 760px;
  padding-top: 0;
}

.not_found__top,
.not_found__bottom{
  position: absolute;
  z-index: 2;
}

.not_found__bottom{
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  width: 1475px;
  height: 375px;
  z-index: 1;
}

.not_found__top{
  width: 570px;
  height: 600px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.not_found__top img,
.not_found__bottom img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: top;
}

.not_found__bottom img{
  max-width: none !important;
  object-position: -100px;
}

.not_found__copy{
  position: relative;
  z-index: 5;
  padding-top: 90px;
}

.not_found__copy small{
  font-size: 18px !important;
  color: #242954 !important;
  line-height: 14px !important;
  letter-spacing: 2.52px !important;
  margin-bottom: 21px !important;
  text-transform: uppercase;
  font-weight: 700 !important;
}

.not_found__copy h3{
  color: #242954 !important;
  font-size: 70px !important;
  line-height: 76px !important;
  margin-bottom: 90px !important;
  font-weight: 700;
}

.not_found__copy p{
  font-size: 18px !important;
  line-height: 18px !important;
  color: #7F8488 !important;
  margin-bottom: 10px !important;
  text-align: center !important;
  font-weight: 600;
}

.not_found__copy a{
  text-transform: uppercase;
  display: block;
  text-decoration: none !important;
  color: #242954 !important;
  font-size: 14px !important;
  line-height: 14px !important;
  letter-spacing: 1.4px !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.not_found__copy a:hover{
  text-decoration: underline !important;
}

.tt_iframe_ {
  width: 100%;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ececec;
}

/* StepBox Button template */

.stepsbox{
  margin-top: 50px;
}

.stepsbox__item__wrapper{
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #ECECEC;
  -webkit-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.2);
  padding: 15px 20px;
  padding-top: 30px;
}

.stepsbox__wrapper{
  max-width: 100% !important;
}

.stepbox__item__first{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 22px;
}

.stepbox__item__first__img{
  width: 60px;
  height: 60px;
  background-color: #F5F6F7;
  border-radius: 8px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-box-shadow: 0px 10px 7.5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 10px 7.5px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 10px 7.5px 0px rgba(0,0,0,0.2);
}

.stepbox__item__first__img img{
  width: 45px;
  height: 45px;
  object-fit: contain;
  object-position: center center;
}

.stepbox__item__first__abs{
  position: absolute;
  top: -18px;
  left: -14px;
  width: 25px;
  height: 25px;
  border-radius: 8px;
  background-color: #F5F6F7;
  -webkit-box-shadow: 0px 3px 7.5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 3px 7.5px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 3px 7.5px 0px rgba(0,0,0,0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #242954;
  font-weight: bold;
}

.stepbox__item__second h4{
  font-size: 24px;
  line-height: 36px;
  letter-spacing: normal;
  color: #242954;
  margin-bottom: 53px;
  text-align: center;
  text-transform: none;
}

.stepbox__item__second h4 a{
  text-decoration: none;
  color: #242954;
}

.stepbox__item__second p{
  text-align: center;
  color: #7F8488;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: normal;
  margin-bottom: 33px;
  font-weight: 400;
}

.stepbox__item__second a.bttn{
  height: 42px !important;
  width: 100% !important;
  max-width: 240px !important;
  margin: 0 auto;
  padding-top: 12px !important;
  display: block;
  background-color: #242954;
  border-color: #242954;
}

.stepbox__item__second a.bttn:hover{
  color: #242954;
}

.stepsbox__item{
  margin-bottom: 20px;
}

.stepbox__item__second p,
.stepbox__item__second h4{
  display: none;
}

.stepsbox__wrapper{
  align-items: stretch;
}

.stepsbox__item__wrapper{
  height: 100%;
}

@media only screen and (min-width: 769px){
  .stepsbox{
    padding-left: 0;
    padding-right: 0;
  }

  .stepsbox__item{
    margin-bottom: 0;
  }

  .stepsbox__item__wrapper{
    padding: 40px 28px;
    padding-top: 70px;
  }

  .stepbox__item__second p{
    min-height: 96px;
  }

  .stepbox__item__second p,
  .stepbox__item__second h4{
    display: block;
  }

  .stepbox__item__first{
    margin-bottom: 54px;
  }

  .stepbox__item__first__img{
    width: 127px;
    height: 127px;
  }

  .stepbox__item__first__img img{
    width: 90px;
    height: 90px;
  }

  .stepbox__item__first__abs{
    top: -36px;
    left: -29px;
    width: 50px;
    height: 50px;
    border-radius: 8px;
    font-size: 24px;
  }
}

@media only screen and (max-width: 768px){
  .stepsbox__item__wrapper{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 15px;
    padding-right: 10px;
    background-color: transparent;
    box-shadow: none;
    border: none;
    padding-left: 0;
    padding-right: 0;
  }

  .stepbox__item__first{
    flex: 0 0 30%;
    margin-bottom: 0;
  }

  .stepbox__item__second{
    flex: 0 0 70%;
  }

  .stepbox__item__first__abs{
    width: 32px;
    height: 32px;
    font-size: 18px;
    font-weight: bold;
  }

  .stepbox__item__second a.bttn{
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 18px;
    height: 60px !important;
    /* background-color: #fff;
    color: #242954;
    border-color: #fff; */
  }

  .stepbox__item__second a.bttn:hover{
    color: #fff;
  }

  .stepsbox__item{
    max-width: 350px;
    padding-left: 0;
  }
}

@media only screen and (max-width: 1200px){
  .stepbox__item__second h4{
    min-height: 72px;
  }

  .stepbox__item__second a.bttn{
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 18px;
  }

  .stepbox__item__second p{
    display: none;
  }
}

/* Button for Blog */

.wp-block-buttons{
  display: flex;
  flex-direction: column;
}

.wp-block-buttons .wp-block-button__link{
  margin: 0 auto;
  font-weight: 500;
  background-color: #FFFFFF !important;
  transition: all .3s ease-out;
  font-size: 1.4em;
  line-height: 1.192em;
  border-radius: .5rem;
  height: 5.4rem;
  /* width: 205px; */
  padding: 1.8rem 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #242954 !important;
  text-transform: uppercase;
  text-decoration: none !important;
  border: .1rem solid #242954;
  transition: all .2s ease-in-out;
}

@media only screen and (min-width: 769px){
  .wp-block-buttons {
    align-items: flex-start!important;
  }
  .wp-block-buttons .wp-block-button__link:hover{
    background-color: #242954 !important;
    color: #fff !important;
  }
}

/* Owl For integrations page */

.owl-int .item{
    /* background-color: green; */
    margin: 5px;
    border-radius: 10px;
    padding-top: 50px;
    padding-bottom: 25px;
    padding-left: 15px;
    padding-right: 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.owl-int.owl-theme .owl-nav.disabled+.owl-dots{
    margin-top: 0;
    position: absolute;
    right: 35px;
    bottom: 32px;
}

.owl-int.owl-theme .owl-nav.disabled+.owl-dots .owl-dot{
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background-color: #CCCCCC;
    margin-right: 12px;
}

.owl-int.owl-theme .owl-nav.disabled+.owl-dots .owl-dot:last-child{
    margin-right: 0;
}

.owl-int.owl-theme .owl-nav.disabled+.owl-dots .owl-dot.active{
    background-color: #ed565a;
}

.owl-int.owl-theme .item .item__image{
    max-width: none;
    width: 100px;
    margin-right: auto;
}

.owl-int.owl-theme .item .item__image img{
    width: 100% !important;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    margin-right: auto;
}

.owl-int.owl-theme .item .item__content{
    margin-top: 22px;
    padding-top: 22px;
    border-top: 2px solid #ed565a;
}

.owl-int.owl-theme .item .item__content p{
    font-weight: 500;
    color: #1A1A1A;
    margin-bottom: 2rem;
}

.owl-int.owl-theme .item .item__content h5,
.owl-int.owl-theme .item .item__content span{
    color: #242954;
    font-size: 14px;
    font-weight: 700;
}

.owl-int.owl-theme .item .item__content h5{
    margin-bottom: 5px;
}

.owl-int.owl-theme .item .item__content span{
    color: #242954;
    font-weight: 500;
    color: #7F8488;
}

.owl-int.owl-theme .item .item__content p {
    min-height: 180px;
}

@media only screen and (min-width: 1024px) {
    .owl-int .item{
        position: relative;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        padding-top: 40px;
        padding-bottom: 30px;
        padding-left: 35px;
        padding-right: 35px;
        margin-bottom: 50px;
    }

    .owl-int.owl-theme .owl-nav.disabled+.owl-dots{
        bottom: 81px;
        right: 90px;
    }

    /* .triangle-with-shadow {
        width: 100px;
        height: 100px;
        position: absolute;
        bottom: 0;
        left: 150px;
        bottom: -100px;
        overflow: hidden;
        box-shadow: 0 16px 10px -17px rgba(0, 0, 0, 0.5);
        transform: rotate(180deg);
    }

    .triangle-with-shadow:after {
        content: "";
        position: absolute;
        width: 50px;
        height: 50px;
        background: #EFF5F5;
        transform: rotate(45deg);
        top: 75px;
        left: 25px;
        box-shadow: -1px -1px 10px -2px rgba(99, 99, 99, 0.2);
    } */

    .owl-int.owl-theme .item .item__content{
        margin-top: 0;
        padding-top: 0;
        border-top: none;
        padding-left: 50px;
        margin-left: 50px;
        border-left: 2px solid #ed565a;
    }

    .owl-int.owl-theme .item .item__content p{
        min-height: 95px;
    }

    .owl-int.owl-theme .item .item__image{
        flex: 0 0 100px;
    }
}


/* PRODUCT UPDATES */

/* #region product update */

#container {
	width: 100%;
	padding: 1.8rem;
}

/* --- */

#container .full_box {
	width: 100%;
}
#container .full_box .center_box {
	width: 100%;
	max-width: 72rem;
	margin: 0 auto;
}

/* --- */

#container .table {
	display: table;
}
#container .table .cell {
	display: table-cell;
}
#container .table .cell.top {
	vertical-align: top;
}
#container .table .cell.middle {
	vertical-align: middle;
}
#container .table .cell.bottom {
	vertical-align: bottom;
}
#container .table .cell.left {
	text-align: left;
}
#container .table .cell.center {
	text-align: center;
}
#container .table .cell.right {
	text-align: right;
}
#container h1 {
	font-weight: 800;
	font-size: 4rem;
	line-height: 4.3rem;
	color: #242954;
	text-transform: none;
	text-align: center;
	margin: 0 0 6rem;
}
/* #endregion */

/* #region cards */

.cards {
	width: 100%;
	text-align: left;
}
.cards > ul {
	width: 100%;
}
.cards > ul > li,
.cards > ul > strong > li {
	width: 100%;
	margin-top: 2rem;
	background-color: #fff;
	-webkit-border-radius: 1rem;
	-moz-border-radius: 1rem;
	border-radius: 1rem;
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 5%);
	-moz-box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 5%);
	box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 5%);
	border: 0.1rem solid #efefef;
	box-sizing: border-box;
}
.cards > ul > li:first-child,
.cards > ul > strong > li:first-child {
	margin-top: 0px;
}

/* --- */

.cards .update_title {
	width: 100%;
	padding: 0 2rem;
	box-sizing: border-box;
	border-bottom: 0.1rem solid #efefef;
}
.cards .update_title .table {
	width: 100%;
	padding: 2rem 0px;
}
.cards .update_title .title {
	width: 90%;
	text-align: left;
}
.cards .update_title .title h2 {
	font-size: 1.6rem;
	line-height: 2rem;
	font-weight: 600;
	color: #12131e;
}
.cards .update_title .title h3 {
	font-size: 1.4rem;
	line-height: 2rem;
	color: #12131e;
}
.cards .update_title .date {
	text-align: right;
	display: inline-block;
	vertical-align: middle;
}
.cards .update_title .date time {
	font-size: 1.2rem;
	line-height: 2rem;
	text-transform: uppercase;
	font-weight: 400;
	color: #626576;
	display: inline-block;
}

/* --- */

.cards .update_description {
	width: 100%;
}
.cards .update_description .description {
	width: 100%;
	box-sizing: border-box;
	padding: 2rem;
	text-align: left;
}
.cards .update_description .description p {
	font-size: 1.4rem;
	color: #12131e;
	line-height: 2rem;
	margin-bottom: 1.5rem;
	font-weight: 400;
}
.cards .update_description .description h2,
.cards .update_description .description h3,
.cards .update_description .description h4 {
	font-size: 1.6rem;
	color: #12131e;
	line-height: 2rem;
	font-weight: 400;
	margin-bottom: 1.5rem;
}
.cards .update_description .description ul {
	margin-bottom: 1.5rem;
}
.cards .update_description .description ul li {
	font-size: 1.4rem;
	color: #12131e;
	line-height: 2rem;
	font-weight: 400;
	margin-top: 0.5rem;
	list-style: disc;
	margin-left: 1.5rem;
}
.cards .update_description .description ul li:first-child {
	margin-top: 0px;
}
.cards .update_description .description img {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	height: auto;
	margin: 0px 0px 1.5rem 0px;
	border: 0.1rem solid #efefef;
	box-sizing: border-box;
	-webkit-border-radius: 1rem;
	-moz-border-radius: 1rem;
	border-radius: 1rem;
	overflow: hidden;
}
.cards .update_description .description a {
	color: #12131e;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-ms-transition: color 0.2s;
	transition: color 0.2s;
	text-decoration: underline;
}
.cards .update_description .description a:hover {
	color: #ED565A;
}
.cards .update_description .description p:last-child,
.cards .update_description .description ul:last-child,
.cards .update_description .description img:last-child,
.cards .update_description .description h2:last-child,
.cards .update_description .description h3:last-child,
.cards .update_description .description h4:last-child {
	margin-bottom: 0px;
}

/* --- */

.cards .update_share {
	display: none;
}

/* --- */

.cards .update_description .featured__new__icon {
	height: 22.2rem!important;
	position: relative;
	margin-bottom: 2rem;
}
.cards .update_description .featured__new__icon img {
	width: 24rem !important;
	border: none!important;
	height: 15rem !important;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.cards .update_description .featured__new__icon .color-box {
	width: 28rem !important;
	border: none!important;
	height: 19rem !important;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
  padding: 2rem;
  border-radius: 2rem;
  box-shadow: 0 .3rem 4.25rem rgba(0, 0, 0, .15);
}

/* #endregion */