/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary variables that control standard elements
in the pages. This is also the file that loads all of the other themed CSS
styleshets into just this one in each of themed templates.
*********************************************************************************
****************************************************************************** */











































/* ******************************************************************************
*********************************************************************************
The intention of this file is to reset most of the different browser, built-in
CSS styles, so that it is an empty canvas for the themed specific stylesheets.
*********************************************************************************
****************************************************************************** */

*, *:before, *:after {
  box-sizing: border-box;
}
/* ******************************************************************************
*********************************************************************************
The intention of this file is to makes browsers render all elements more
consistently and in line with modern standards.
It precisely targets only the styles that need normalizing.
*********************************************************************************
****************************************************************************** */


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: hidden;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
Drag and Drop (DND) sections look when editing content in the page editor.
*********************************************************************************
****************************************************************************** */

.dnd-section {
  padding: 80px 0;
}
.banner-area .dnd-section {
  padding: 0;
}

.dnd-section > .row-fluid {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.dnd-section .widget-type-cell {
  padding-left: 15px;
  padding-right: 15px;
}

@media (max-width: 767px) {
  .dnd-section .widget-type-cell {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media only screen and (max-width: 1540px){
  .dnd-section>.row-fluid,
  .page-center,
  .footer__container{
    width: 90%;
  }
  .banner-section .dnd-section > .row-fluid {
    width: 100%;
  }
}
@media only screen and (max-width: 959px){
  .dnd-section>.row-fluid,
  .page-center,
  .footer__container{
    max-width: 90% !important;
  }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
fonts apppear throughout your site.
*********************************************************************************
****************************************************************************** */

@font-face {
  font-family: "movedo-icons";
  src: url("//7215307.fs1.hubspotusercontent-na1.net/hubfs/7215307/Fundaci%C3%B3nJuanXXIII_May2021/Fonts/movedo-icons.eot") format("embedded-opentype"), 
    url(//7215307.fs1.hubspotusercontent-na1.net/hubfs/7215307/raw_assets/public/Fundaci%C3%B3nJuanXXIII_May2021/fonts/movedo-icons.ttf),
    url(//7215307.fs1.hubspotusercontent-na1.net/hubfs/7215307/raw_assets/public/Fundaci%C3%B3nJuanXXIII_May2021/fonts/movedo-icons.woff);
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "FontAwesome";
  src: url("//7215307.fs1.hubspotusercontent-na1.net/hubfs/7215307/Fundaci%C3%B3nJuanXXIII_May2021/Fonts/fontawesome-webfont.eot") format("embedded-opentype"), 
    url(//7215307.fs1.hubspotusercontent-na1.net/hubfs/7215307/raw_assets/public/Fundaci%C3%B3nJuanXXIII_May2021/fonts/fontawesome-webfont.ttf),
    url(//7215307.fs1.hubspotusercontent-na1.net/hubfs/7215307/raw_assets/public/Fundaci%C3%B3nJuanXXIII_May2021/fonts/fontawesome-webfont.woff);
  font-style: normal;
  font-weight: normal;
}


@font-face {
  font-family: neo-sans;
  src: url("https://use.typekit.net/af/d14aa2/00000000000000003b9b2031/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"),
    url("https://use.typekit.net/af/d14aa2/00000000000000003b9b2031/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"),
    url("https://use.typekit.net/af/d14aa2/00000000000000003b9b2031/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
  font-style: normal;
  font-weight: 800;
  font-display: auto;
}

@font-face {
  font-family: neo-sans;
  src: url("https://use.typekit.net/af/00ac0a/00000000000000003b9b2033/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),
    url("https://use.typekit.net/af/00ac0a/00000000000000003b9b2033/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),
    url("https://use.typekit.net/af/00ac0a/00000000000000003b9b2033/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-style: normal;
  font-weight: 700;
  font-display: auto;
}

@font-face {
  font-family: neo-sans;
  src: url("https://use.typekit.net/af/e8ba57/00000000000000003b9b2038/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),
    url("https://use.typekit.net/af/e8ba57/00000000000000003b9b2038/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"), 
    url("https://use.typekit.net/af/e8ba57/00000000000000003b9b2038/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
  font-style: normal;
  font-weight: 500;
  font-display: auto;
}

@font-face {
  font-family: neo-sans;
  src: url("https://use.typekit.net/af/8870bf/00000000000000003b9b203a/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),
    url("https://use.typekit.net/af/8870bf/00000000000000003b9b203a/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),
    url("https://use.typekit.net/af/8870bf/00000000000000003b9b203a/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-display: auto;
}

@font-face {
  font-family: neo-sans;
  src: url("https://use.typekit.net/af/6716c2/00000000000000003b9b2035/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/6716c2/00000000000000003b9b2035/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/6716c2/00000000000000003b9b2035/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
  font-style: italic;
  font-weight: 400;
  font-display: auto;
}

@font-face {
  font-family: vc_openiconic;
  src: url("//7215307.fs1.hubspotusercontent-na1.net/hubfs/7215307/Fundaci%C3%B3nJuanXXIII_May2021/Fonts/vc_openiconic.eot") format("embedded-opentype"),
    url(//7215307.fs1.hubspotusercontent-na1.net/hubfs/7215307/raw_assets/public/Fundaci%C3%B3nJuanXXIII_May2021/fonts/vc_openiconic.ttf),
    url(//7215307.fs1.hubspotusercontent-na1.net/hubfs/7215307/raw_assets/public/Fundaci%C3%B3nJuanXXIII_May2021/fonts/vc_openiconic.woff);
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "ShortcodesUltimateIcons";
  src: url("//7215307.fs1.hubspotusercontent-na1.net/hubfs/7215307/Fundaci%C3%B3nJuanXXIII_May2021/Fonts/forkawesome-webfont.eot") format("embedded-opentype"),
    url(//7215307.fs1.hubspotusercontent-na1.net/hubfs/7215307/raw_assets/public/Fundaci%C3%B3nJuanXXIII_May2021/fonts/forkawesome-webfont.ttf),
    url(//7215307.fs1.hubspotusercontent-na1.net/hubfs/7215307/raw_assets/public/Fundaci%C3%B3nJuanXXIII_May2021/fonts/forkawesome-webfont.woff);
  font-style: normal;
  font-weight: normal;
}


html {
  font-size: 24px;
  scroll-behavior: smooth;
}

body {
  font-family: Lato, serif;
  font-size: 1rem;
  color: #494a52;
  line-height: 21px;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}
::selection {
  color: #ffffff;
  background: #ee7b27;
}
p {
  margin-top: 0;
  margin-bottom: 15px;
  font-family: Lato, serif;
}
p:last-child {
  margin: 0;
}
/* Anchor Links */
a {
  color: #0270E0;
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: none;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1.2;
  font-weight: 700;
  font-family: Merriweather, serif;
  color: #494a52;
  word-break: break-word;
  margin-bottom: 18px;
}

h1 {
  font-size: 2.1rem;
  line-height: 1.154;
  letter-spacing: -1px;
}

h2 {
  font-size: 1.6rem;
  line-height: 1.25;
}

h3 {
  font-size: 1.25rem;
  line-height: 1.2;
}

h4 {
  font-family: Lato, sans-serif;
  font-weight: normal;
  font-size: 1.175rem;
  line-height: 1.333;
}

h5 {
  font-size: 1rem;
  line-height: 1.25;
}

h6 {
  font-size: .9rem;
  line-height: 1.285;
}

strong {
  font-weight: 700;
}

code {
  vertical-align: bottom;
}

ul,
ol {
  margin-bottom: 28px;
  margin-left: 20px;
  line-height: 30px;
  padding:0;
}

ul li,
ol li {
  line-height: 1.375;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin-top: 0;
  margin-bottom: 0;
}

blockquote {
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-left: 2px solid #A9A9A9;
  padding-left: 15px;
}

/* Horizontal Rules */
hr {
  color: #ccc;
  background-color: #ccc;
  height: 1px;
  border: none;
}

/* TODO */
small {

}

/* TODO */
mark {

}

sup,
sub {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

:focus {
  outline: auto;
  outline-color: green;
}

.disable-focus-styles :focus {
  outline: none;
}
img {
  max-width: 100%;
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle !important;
}
@media (max-width: 767px) {
  html {
    font-size: 18.0px
  }
}

@media (max-width: 480px) {
  html {
    font-size: 14.399999999999999px
  }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your forms looks
throughout your site. Styles for form fields, buttons, inputs, etc.
*********************************************************************************
****************************************************************************** */

form {
  max-width: 100%;
  font-family: Lato, sans-serif;
}

.hs-button {
  cursor: pointer;
  display: inline-block;
  position: relative;
  background-color: #494A52;
  border-color: #494A52;
  color: #fff;
  border-radius: 6px;
  
  text-decoration: none;
  line-height: 1.4;
  margin-top: 15px;
  margin-bottom: 3px;
  margin-bottom: 3px;
  vertical-align: top;
  width: 100%;
  padding: 15px;
  border: 1px solid transparent;
  text-decoration: none;
  -webkit-transition: color .5s ease, background-color .5s ease, background-size .5s ease, border-color .5s ease;
  -moz-transition: color .5s ease, background-color .5s ease, background-size .5s ease, border-color .5s ease;
  -o-transition: color .5s ease, background-color .5s ease, background-size .5s ease, border-color .5s ease;
  -ms-transition: color .5s ease, background-color .5s ease, background-size .5s ease, border-color .5s ease;
  transition: color .5s ease, background-color .5s ease, background-size .5s ease, border-color .5s ease;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  font-size: 24px;
  font-family: Barlow;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}

.hs-button:hover, .hs-button:focus {
  background-color: #21222a;
  border-color: #21222a;
  
  color: #fff;
}

.hs-button:active {
  background-color: #71727a;
  border-color: #71727a;
}


.hs-form label {
  color: #33475b;
  display: block;
  float: none;
  width: auto;
  font-weight: normal;
  text-align: left;
  line-height: 1.2;
  padding-top: 0;
  margin-bottom: 4px;
}

.hs-error-msgs label {
  margin-top: .5rem;
  color: #f2545b !important;
}
.hs-search-module input {
  margin-bottom: 25px;
}
form input,
form select,
form textarea,
.hs-input,
.systems-page input[type="password"]{
  display: inline-block;
  font-weight: normal;
  color: #33475b;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid;
  padding: 12px 20px;
  outline: none;
  line-height: 20px;
  -webkit-box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0%);
  box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0%);
  margin: 0;
  width: 100%;
  font-size: 16px;
  font-family: inherit;
  margin-bottom: 10px;
  background: transparent;
  border-radius: 0;
  border-color: #6e6e6e;
  min-height: 32px;
  color: #000;
}
h3.form-title {
  font-size: 26px;
  line-height: 30px;
  letter-spacing: -1px;
  text-align: center;
  padding-bottom: 24px;
  margin-bottom: 24px;
  position: relative;
}
h3.form-title:empty{
  display:none;
}
h3.form-title:after {
  content: "";
  width: 90px;
  height: 3px;
  background-color: #ee7b27;
  border-color: #ee7b27;
  color: #ffffff;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
}
.hs-input[type=checkbox],
.hs-input[type=radio] {
  cursor: pointer;
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 5px 3px 0px;
  line-height: normal;
  border: none;
  min-height:unset;
}

.hs-input[type=file] {
  background-color: #fff;
  padding: initial;
  border: initial;
  line-height: initial;
  box-shadow: none;
}

.hs-input:-moz-placeholder {
  color: inherit;
  opacity: 0.5;
}

.hs-input::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.5;
}

.hs-input input,
.hs-input textarea {
  transition: border 0.2s linear;
}
.hs-input:focus {
  outline: none;
  border-color: rgba(82, 168, 236, 0.8);
}

textarea.hs-input {
  height: auto;
}

select[multiple].hs-input {
  height: inherit;
}

/* Force single column fields to full width inside of fieldsets */
fieldset.form-columns-1 .hs-input:not([type=radio]):not([type=checkbox]) {
  width: 100% !important;
}

input.hs-input.error,
div.field.error input,
div.field.error textarea,
div.field.error .chzn-choices,
textarea.hs-input.error,
select.hs-input.error {
  border-color: #c87872;
}
input.hs-input.error:focus,
div.field.error input:focus,
div.field.error textarea:focus,
div.field.error .chzn-choices:focus,
textarea.hs-input.error:focus,
select.hs-input.error:focus {
  border-color: #b9554d;
}

.actions {
  padding: 0;
}

.inputs-list {
  margin: 0 0 5px;
  width: 100%;
  padding-left: 0;
}
.inputs-list > li {
  display: block;
  padding: 0;
  width: 100%;
  padding-top: 0;
}
.inputs-list label {
  display: block;
  float: none;
  width: auto;
  padding: 0;
  line-height: 18px;
  text-align: left;
  white-space: normal;
  font-weight: normal;
}
.inputs-list:first-child {
  padding-top: 6px;
}
.inputs-list > li + li {
  padding-top: 2px;
}
.inputs-list label > input,
.inputs-list label > span {
  vertical-align: middle;
}

ul.no-list {
  list-style: none;
}

.field {
  margin-bottom: 15px;
}

.hs-field-desc {
  color: #7c98b6;
  margin: 0px 0px 6px;
  font-size: 14px;
}

.hs-form-required {
  color: red;
}

.hs-richtext {
  margin-bottom: 3px;
  line-height: 1.2;
  font-size: 1rem;
  color: #494a52;
}
.hs-richtext hr {
  text-align: left;
  margin-left: 0;
  width: 91%;
}

.grecaptcha-badge {
  margin: 0 auto;
}

.email-correction, .email-validation {
  padding-top: 3px;
  font-size: 12px;
}
.email-correction a,
.email-validation a {
  cursor: pointer;
}
@media (max-width: 400px),
  (min-device-width: 320px) and (max-device-width: 480px) {
    .email-correction form .form-columns-2 .hs-form-field,
    .email-correction form .form-columns-3 .hs-form-field,
    .email-validation form .form-columns-2 .hs-form-field,
    .email-validation form .form-columns-3 .hs-form-field {
      float: none;
      width: 100%;
    }
    .email-correction form .form-columns-2 .hs-form-field .hs-input,
    .email-correction form .form-columns-3 .hs-form-field .hs-input,
    .email-validation form .form-columns-2 .hs-form-field .hs-input,
    .email-validation form .form-columns-3 .hs-form-field .hs-input {
      width: 90%;
    }
    .email-correction form .form-columns-2 .hs-form-field input[type=checkbox],
    .email-correction form .form-columns-2 .hs-form-field input[type=radio],
    .email-correction form .form-columns-3 .hs-form-field input[type=checkbox],
    .email-correction form .form-columns-3 .hs-form-field input[type=radio],
    .email-validation form .form-columns-2 .hs-form-field input[type=checkbox],
    .email-validation form .form-columns-2 .hs-form-field input[type=radio],
    .email-validation form .form-columns-3 .hs-form-field input[type=checkbox],
    .email-validation form .form-columns-3 .hs-form-field input[type=radio] {
      width: 24px;
    }
}

.hs-button,
.hs-form-field input[type=text],
.hs-form-field input[type=email],
.hs-form-field input[type=phone],
.hs-form-field input[type=number],
.hs-form-field input[type=tel],
.hs-form-field input[type=date],
.hs-form-field textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
}

.hs-default-font-element,
.hs-main-font-element {
  font-family: Lato, serif;
}


form li.hs-form-booleancheckbox {
  color: inherit;
  font-size: 12px;
  position:relative;
}
form .hs-fieldtype-booleancheckbox ul.inputs-list {
  padding: 0;
  margin: 0;
}
form .hs-fieldtype-booleancheckbox ul.inputs-list p {
  line-height: 19px;
  font-size: 12px;
  color: #9A9F9F ;
  font-weight 400;
}
form .hs-input[type=checkbox]{
  width: 14px;
  height: 14px;
  position: absolute;
  z-index: 1;
  margin: 1px;
  cursor: pointer;
  opacity: 0;
}
form .hs-form-booleancheckbox-display>span:before{
  border-radius: 0;
  background: #fff;
  width: 16px;
  height: 16px;
  border: 1px solid;
  border-color: #e9e9e9;
  content: '';
  position: absolute;
  left: 0px;
  top: 0;
}
form .hs-form-booleancheckbox-display input[type='checkbox']:checked{
  width: 20px;
  height: 20px;
}
form .hs-form-booleancheckbox-display>span:after{
  position: absolute;
  top: 4px;
  left: 4px;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  content: '';
  width: 8px;
  height: 8px;
  background-color: #ee7b27;
  border-color: #ee7b27;
  color: #ffffff;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
form .hs-form-booleancheckbox-display input[type='checkbox']:checked+span:after{
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); 
}
form .hs-form-booleancheckbox-display input[type='checkbox']:checked+span{
  margin-left: 28px;
}
form .legal-consent-container .hs-form-booleancheckbox-display>span{
  margin-left: 22px
}
form ul.multi-container li {
  display: inline-block;
  color: #3e3f3f;
  width: auto;
  line-height: normal;
  padding: 0;
}

form .hs-input[type=radio] {
  position: absolute;
  z-index: 1;
  width: 20px;
  height: 20px;
  margin: 1px;
  cursor: pointer;
  opacity: 0;
}

form .hs-input[type=radio] + span {
  border-color: #e9e9e9;
  color: #3e3f3f;
  position: relative;
  padding-left: 28px;
  line-height: 20px;
  display: inline-block;
}

form .hs-input[type=radio] + span:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 1px solid;
  border-color: inherit;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background: #fff;
}

form .hs-input[type=radio] + span:after {
  content: '';
  width: 12px;
  height: 12px;
  background: #F87DA9;
  position: absolute;
  top: 4px;
  left: 4px;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  background-color: #ee7b27;
  border-color: #ee7b27;
  color: #ffffff;
}

form .hs-input[type=radio]:not(:checked) + span:after {
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
form .hs-form-booleancheckbox-display input[type='checkbox']:checked+span p {
  color: #3e3f3f;
}
form .hs-form-booleancheckbox-display input[type='checkbox']+span{
  display:inline-block;
}
@media(max-width:767px){
  .body-container-wrapper form{
    margin-bottom:30px;
  }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
menu items appear, including the link and hover effects.
*********************************************************************************
****************************************************************************** */

.custom-menu-primary .navigation-primary ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: block;
}
.custom-menu-primary .navigation-primary ul li a {
  font-size: 18px;
  line-height: 100px;
  color: #ee7b27;
  font-family: "Barlow Semi Condensed";
  font-weight: 600;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  cursor: pointer;
  -o-transition: all .3s;
  transition: all .3s;
  padding: 0px 0px 0px 1em;
}

.custom-menu-primary .navigation-primary ul li a img {
  vertical-align: middle;
}
@media(min-width: 1282px){
  .custom-menu-primary .navigation-primary ul.level-1 > li {
    float: left;
    position: relative;
  }
  .custom-menu-primary .navigation-primary ul ul li {
    line-height: normal;
    position: relative;
  }
  .custom-menu-primary .navigation-primary ul ul {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .4s;
    position: absolute;
    z-index: 10;
    left: 0;
    background-color: #fff;
    text-align: left;
    width: 300px;
    padding: 0;
    margin-top: -1px;
    -webkit-box-shadow: 0px 30px 30px 0px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0px 30px 30px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 30px 30px 0px rgb(0 0 0 / 25%);
  }
  .custom-menu-primary .navigation-primary ul li:hover > ul {
    opacity: 1;
    visibility: visible;
  }
  .custom-menu-primary .navigation-primary ul li ul a {
    display: block;
    font-family: "Barlow Semi Condensed";
    font-weight: 600;
    color: #ee7b27;
    position: relative;
    font-size: 16px;
    white-space: normal;
    padding: 10px 20px;
    margin: 0px;
    line-height: 1.5em;
    border-bottom: 1px solid #eee;
  }
  .custom-menu-primary .navigation-primary ul li ul a:hover {
    color: #fff;
    background-color: #ee7b27;
  }
  .custom-menu-primary .navigation-primary ul ul li:hover ul {
    opacity: 1;
    visibility: visible;
  }
  .custom-menu-primary .navigation-primary ul ul ul {
    left: 100%;
    top: 0;
  }
  .custom-menu-primary .navigation-primary ul ul > li.has-submenu > a:after {
    content: '\f105';
    font-family: 'FontAwesome';
    position: absolute;
    margin-top: -1px;
    top: 10px;
    right: 1.500em;
    height: 0;
    width: 0;
  }
  .custom-menu-primary .navigation-primary ul > li:nth-child(6) > ul ul{
    left: -100% ;
  }
}
@media (max-width: 1499px) and (min-width: 1282px){
  .custom-menu-primary .navigation-primary ul li a  {
    font-size: 16px;
    padding-left: 16px
  }
}

@media(max-width:1281px){
  .custom-menu-primary .hs-menu-wrapper > ul > li {
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    position: relative;
  } 
  .custom-menu-primary .hs-menu-wrapper ul li a {
    white-space: normal;
    padding: 20px 20px;
    text-transform: none;
    display: block;
    position: relative;
    font-weight: 700;
    border-bottom: 1px solid;
    font-style: normal;
    border-color: #d8d8d8;
    font-size: 20px;
    color: #777;
    line-height: 1.45em;
    font-family: Barlow;
  }
  .custom-menu-primary .hs-menu-wrapper ul li a:hover{
    color: #ee7b27;
  }
  .custom-menu-primary .hs-menu-wrapper ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .custom-menu-primary .hs-menu-wrapper>ul>li.show {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transform: initial;
  }
  .child-trigger {
    display: flex ;
    cursor: pointer;
    position: absolute;
    align-items: center;
    top: 0px;
    width: auto;
    height: 100%;
    right: 0px;
    padding: 0;
    border-left: 1px dotted rgba(255,255,255,.20);
  }
  .child-trigger i {
    border-left: 1px solid #d8d8d8;
    line-height: 62px;
    margin: 4px 0;
    height: 62px;
    display: inline-block;
  }
  .child-trigger i:after {
    content: '\f105';
    font-family: 'FontAwesome';
    font-size: 28px;
    font-style: normal;
    color: #ee7b27;
    font-weight: bold;
    padding: 25px;
  }
  .custom-menu-primary .hs-menu-wrapper ul {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
  }
  .custom-menu-primary .hs-menu-wrapper>ul ul {
    position: fixed;
    top: 0;
    right: 0;
    margin: 0;
    transform: translate3d(100%,0px,0px);
    width:100%;
  }
  .custom-menu-primary .hs-menu-children-wrapper {
    display: none;
  }
  .custom-menu-primary .hs-item-has-children.menu-open>ul {
    display: block  !important;
    width: 100%;
    left: 0 !important;
  }
  .custom-menu-primary .hs-menu-wrapper>ul.child-open {
    transform: translate3d(-100%,0px,0px);
  }
  li.back-btn {
    position: relative;
  }
  .custom-menu-primary .hs-menu-wrapper>ul ul li a {
    padding-left: 80px;
  }
  .back-trigger {
    display: flex !important;
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    align-items: center;
    width: auto;
    padding: 0 !important;
    border-left: 1px dotted rgba(255,255,255,.20);
  }
  .back-trigger i {
    line-height: 62px;
    margin: 4px 0;
    height: 62px;
    display: inline-block;
    border-right: 1px solid #d8d8d8;
  }
  .back-trigger i:after {
    font-family: 'FontAwesome' !important;
    font-size: 28px;
    font-style: normal;
    color: #ee7b27;
    font-weight: bold;
    padding: 25px;
    content: '\f104';
  }
  .custom-menu-primary .hs-item-has-children>ul li {
    display: block;
    float: none;
    width: 100%;
    position:relative;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 100%;
    top: 0;
  }
  .custom-menu-primary .hs-menu-wrapper>ul ul.child-open {
    transform: translate3d(0%,0px,0px);
  }
  .custom-menu-primary .hs-menu-wrapper>ul:not(.child-open) {
    height: auto !important;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li.active >  a {
    color: #ee7b27;
  }
}

@media (max-width: 959px) and (min-width: 768px){
  .custom-menu-primary  .hs-menu-wrapper ul li a {
    font-size: 18px;
    line-height: 1.45em;
  }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
tables look throughout your site.
*********************************************************************************
****************************************************************************** */

table {
  width: 100%;
  margin-bottom: 30px;
  border: 1px solid;
  border-collapse: collapse;
  cursor: default;
  border-spacing: 0;
}
tr {
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  border-bottom: 1px solid;
}
td, th {
  padding: 10px 20px 10px 20px;
  line-height: 1.5;
  border-right: 1px solid;
  text-align: center;
}

/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your landing pages
look if there is anything specific to your landing pages.
*********************************************************************************
****************************************************************************** */
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your landing pages
look if there is anything specific to your landing pages.
*********************************************************************************
****************************************************************************** */

.custom-left_both-margin .grve-column {
  padding-left: 15px;
  padding-right: 15px;
}
.custom-left_both-margin {
  margin-left: -15px;
  margin-right: -15px;
}
.custom-left_both-margin:before, 
.custom-left_both-margin:after {
  display: table;
  content: " ";
}
.grve-column-1-12, .grve-column-5-12, .grve-column-7-12, 
.grve-column-11-12, .grve-column-1-6, 
.grve-column-1-5, .grve-column-2-5, 
.grve-column-3-5, .grve-column-1-4, .grve-column-1-2,
.grve-column-1-3, .grve-column-2-3, .grve-column-3-4, 
.grve-column-4-5, .grve-column-5-6, .grve-column-1 {
  float: left;
  position: relative;
  min-height: 1px;
  z-index: 1;
}
.grve-column-1-3 {
  width: 33.33333333%;
}
.grve-column-2-3 {
  width: 66.66666667%;
}
.grve-column-1-2 {
  width: 50.0%;
}
.grve-column-1 {
  width: 100%;
}
.grve-column-1-5 {
  width: 20%;
}
.grve-column-1-6 {
  width: 16.66666667%;
}
.grve-column-1-4 {
  width: 25%;
}
.grve-column-1-3 {
  width: 33.33333333%;
}
.grve-column-1-2 {
  width: 50.0%;
}
.grve-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.grve-flex-position-middle {
  align-items: center;
} 
.grve-column .grve-column-wrapper {
  position: relative;
}
.grve-section .grve-column-content {
  width: 100%;
}

.hs-historia-banner-section .custom-banner .custom-banner-content p:last-of-type {
  margin-bottom: 0;
}
.wpb_column {
  position: relative;
}
.body-container__historia .hs-responsive-embed-inner-wrapper {
  position: relative;
  z-index: 1;
  padding-bottom: 0 !important;
}
.body-container__historia .hs-responsive-embed-inner-wrapper iframe {
  height: 608px !important;
  position: relative !important;
}
.body-container__historia .span6.dnd-module {
  padding: 0 15px;
}
.body-container__historia .dnd-section > .row-fluid .dnd-row > .row-fluid {
  margin: 0 -15px;
  width: auto;
}
.body-container__historia .span6.dnd-module:first-child > div {
  padding-top: 10%;
}
.body-container__historia .span6.dnd-module {
  color: #fff;
}
.body-container__historia .span6.dnd-module h2 {
  margin-bottom: 20px;
}
.body-container__historia .dnd-section > .row-fluid {
  max-width: 1480px;
}
.hs-content-orange-section .dnd-section > .row-fluid {
  max-width: 1480px;
}
.hs-content-orange-section .dnd-section > .row-fluid > div {
  max-width: 1170px;
  margin: 0 auto;
}
.hs-content-orange-section .dnd-section h3 {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 20px;
}
.body-container__proyectoidea1 .dnd-section {
  height: 55vh;
  background-size: contain !important;
  background-color: #030409;
}
.body-container__proyectoidea2 .hs_cos_wrapper_type_linked_image img {
  vertical-align: middle;
}
.body-container__proyectoidea1 .dnd-section .hs_cos_wrapper_type_linked_image {
  display: none !important;
}
.body-container__proyectoidea4 .dnd-section > .row-fluid {
  max-width: 1480px;
}
.body-container__proyectoidea4 .dnd-section > .row-fluid > .dnd-module {
  background-color: #f7f7f7;
  padding: 4%;
  color: #666666;
}
.body-container__proyectoidea4 .dnd-section > .row-fluid > .dnd-module > div {
  max-width: 1170px;
  margin: 0 auto;
}
.body-container__proyectoidea4 .dnd-section h2 {
  color: #ee7b27;
}
.body-container__proyectoidea4 .dnd-section p {
  font-family: Barlow,sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 18px;
  text-transform: none;
  line-height: 30px;
  letter-spacing: 0px;
}

.body-container__proyectoidea4 .dnd-column {
  background-color: #f7f7f7;
  padding: 4% !IMPORTANT;
}
.body-container__proyectoidea4 .dnd-column > div {
  max-width: 1170px;
  margin: 0 auto;
  color: #666666;
}
.body-container__proyectoidea4 ul li {
  line-height: 22px;
  font-weight: 300;
  font-family: Barlow,sans-serif;
  font-size: 18px;
}
.body-container__proyectoidea4 ul li em {
  font-style: italic;
}
.body-container__proyectoidea4 .hs-responsive-embed-wrapper.hs-responsive-embed {
  max-width: 800px !important;
  margin: auto !important;
  margin-bottom: 40px !important;
}
.body-container__proyectoidea4 .hs-button {
  padding: 15px !important;
  font-size: 24px;
  line-height: 1.78em;
  margin-left: 15px;
  margin-right: 15px;
  -webkit-box-shadow: 0 8px 15px rgb(0 0 0 / 20%);
  -moz-box-shadow: 0 8px 15px rgba(0,0,0,0.2);
  box-shadow: 0 8px 15px rgb(0 0 0 / 20%);
}
.body-container__proyectoidea4 .hs-button:hover {
  background-color: #fff;
  border-color: #fff;
  color: #ee7b27;
}
.body-container__proyectoidea4 {
  margin-bottom: 30px;
}
.body-container__proyectoidea4 .hs-responsive-embed-inner-wrapper {
  padding-bottom: 76% !important;
}
.hs-radio-banner .grve-pattern {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 0;
  background-image: url(//7215307.fs1.hubspotusercontent-na1.net/hubfs/7215307/raw_assets/public/Fundaci%C3%B3nJuanXXIII_May2021/images/pattern.png);
  background-repeat: repeat;
}
.body-container__roncalli2 .hs-column-with-equal-bg .custom-left_both-margin {
  margin-left: -7.5px;
  margin-right: -7.5px;
}
.body-container__roncalli2 .hs-column-with-equal-bg .custom-left_both-margin .grve-column {
  padding-left: 7.5px;
  padding-right: 7.5px;
}
.body-container__roncalli3 .span6.dnd-column {
  width: 50%;
  margin-left: 0;
}
.body-container__roncalli3 .span6.dnd-column .span12.dnd-column,
.body-container__roncalli4 .dnd-section > .row-fluid > .dnd-column > div > .row-fluid > .dnd-column {
  border: solid 30px #ee7b27;
}
.body-container__roncalli3 .dnd-section > .row-fluid,
.body-container__roncalli4 .dnd-section > .row-fluid {
  max-width: 1480px;
}
.body-container__roncalli3 .dnd-section>.row-fluid > div > .dnd-row > .row-fluid {
  margin: 0 -15px;
  width: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.body-container__roncalli3 .span6.dnd-column .hs_cos_wrapper_type_linked_image {
  padding-top: 60px;
  display: block;
}
.body-container__roncalli3 .span6.dnd-column .hs_cos_wrapper_type_rich_text {
  padding-bottom: 60px;
  display: block;
}
.body-container__roncalli3 .hs_cos_wrapper_type_header h2 {
  color: #ee7b27;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0px;
  position: relative;
}
.body-container__roncalli3 .hs_cos_wrapper_type_header h2:after {
  content: "";
  background-color: #3e3f3f;
  width: 50px;
  height: 2px;
  display: block;
  margin: 0 auto;
  clear: both;
  margin-top: 18px;
}
.body-container__roncalli3 .hs_cos_wrapper_type_rich_text p {
  margin-bottom: 20px;
}
.body-container__roncalli3 .hs_cos_wrapper_type_rich_text p:last-child {
  margin-bottom: 0;
}
.body-container__roncalli6 .hs_cos_wrapper_type_header h2 {
  font-size: 140%;
  line-height: 1.200em;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 0;
  color: #ee7b27;
}
.body-container__roncalli6 .hs_cos_wrapper_type_header h2:after {
  content: "";
  background-color: #ee7b27;
  width: 50px;
  height: 2px;
  display: block;
  clear: both;
  margin-top: 18px;
  margin-left: auto;
  margin-right: auto;
}
.body-container__roncalli6 .hs_cos_wrapper_type_header {
  font-family: neo-sans;
  font-weight: 600;
  font-style: normal;
  text-transform: none;
  font-size: 26px;
  line-height: 30px;
  letter-spacing: -1px;
  position: relative;
  z-index: 1;
  display: block;
}
.body-container__roncalli6 .custom-history-bg {
  padding-top: 150px;
}
.body-container__roncalli4 .dnd-section>.row-fluid>.dnd-column>div>.row-fluid>.dnd-column > div:first-child {
  padding-top: 90px;
}
.body-container__roncalli4 .dnd-section>.row-fluid>.dnd-column>div>.row-fluid>.dnd-column > div:last-child {
  padding-bottom: 90px;
}
.body-container__roncalli4 .hs-button {
  font-size: 24px !important;
  line-height: 1.78em;
  display: inline-block;
  padding: 1.636em 2.545em;
  -webkit-box-shadow: 0 8px 15px rgb(0 0 0 / 20%);
  -moz-box-shadow: 0 8px 15px rgba(0,0,0,0.2);
  box-shadow: 0 8px 15px rgb(0 0 0 / 20%);
}
.body-container__roncalli4 .hs-button:hover {
  background-color: #fff;
  border-color: #fff;
  color: #ee7b27;
}
.hs-patronato-banner-section .custom-banner .custom-banner-content p {
  margin-bottom: 0;
}
.body-container__patronato1.hs-content-orange-section .dnd-section h3 {
  font-size: 18px;
  line-height: 24px;
}
.body-container__patronato2 .dnd-section > .row-fluid {
  max-width: 1480px;
}
.body-container__patronato2 .span4.dnd-column {
  width: 33.33333333%;
  margin-left: 0;
}
.body-container__patronato2 .dnd-section > .row-fluid > .dnd-column > div {
  margin-left: -15px;
  margin-right: -15px;
  width: auto;
}
.body-container__patronato2 .dnd-section .span12.dnd-column {
  padding-left: 0;
  padding-right: 0;
}
.body-container__patronato2 .span4.dnd-column .dnd-module {
  display: block !important;
}
.body-container__patronato2 .dnd-section .hs_cos_wrapper_type_linked_image {
  display: block;
  width: 100%;
  position: relative;
  margin-bottom: 30px;
}
.body-container__patronato2 .dnd-section .hs_cos_wrapper_type_linked_image img {
  position: relative;
  display: block;
  width: 100%;
}
.body-container__patronato2 .span4.dnd-column .hs_cos_wrapper_type_rich_text h3 {
  margin-bottom: 0;
}

.body-container__patronato2 .hs_cos_wrapper_type_header {
  text-align: center;
  display: block;
}
.body-container__patronato2 .hs_cos_wrapper_type_header h3 {
  margin: 0;
  line-height: 24px;
  letter-spacing: 0px;
}

.body-container__patronato3 .dnd-section > .row-fluid > .dnd-column > div,
.body-container__patronato4 .dnd-section > .row-fluid > .dnd-column > div {
  margin-left: -15px;
  margin-right: -15px;
  width: auto;
}
.body-container__patronato3 .span3.dnd-column .dnd-module,
.body-container__patronato4 .span4.dnd-column .dnd-module {
  display: block !important;
}
.body-container__patronato3 .span3.dnd-column {
  width: 25%;
  margin-left: 0;
}
.body-container__patronato3 .hs_cos_wrapper_type_rich_text p,
.body-container__patronato4 .hs_cos_wrapper_type_rich_text p {
  margin: 0;
}

.body-container__patronato4 .span4.dnd-column {
  width: 33.33333333%;
  margin-left: 0;
}
.body-container__patronato3 .dnd-section .span12.dnd-column,
.body-container__patronato4 .dnd-section .span12.dnd-column {
  padding-left: 0;
  padding-right: 0;
}
.body-container__patronato3 .dnd-section>.row-fluid,
.body-container__patronato4 .dnd-section>.row-fluid {
  max-width: 1480px;
}
.body-container__patronato3 .span3.dnd-column:last-child {
  padding-top: 90px;
}
.hs-faq-layout .footer-bottom {
  display: none !important;
}
.hs-reconocimientos-banner-section .custom-banner .custom-banner-content p:last-of-type {
  margin-bottom: 0;
}
.body-container__reconocimientos1.hs-content-orange-section .dnd-section h3 {
  font-size: 18px;
  line-height: 24px;
}
.body-container__reconocimientos3 .hs-border-with-title .grve-column-wrapper h1,
.body-container__reconocimientos4 .hs-border-with-title .grve-column-wrapper h1 {
  font-size: 24px;
  letter-spacing: 0;
}
.body-container__reconocimientos3 .dnd-section > .row-fluid > .dnd-column > div,
.body-container__reconocimientos4 .dnd-section > .row-fluid > .dnd-column > div {
  margin-left: -5px;
  margin-right: -5px;
  width: auto;
}
.body-container__reconocimientos2 .dnd-section > .row-fluid > .dnd-column > div{
  margin-left: -15px;
  margin-right: -15px;
  width: auto;
}
.body-container__reconocimientos2 .dnd-section > .row-fluid,
.body-container__reconocimientos4 .dnd-section > .row-fluid,
.body-container__reconocimientos4 .dnd-section > .row-fluid {
  max-width: 1480px;
}
.body-container__reconocimientos4 .hs_cos_wrapper_type_linked_image img {
  height: 2.500em !important;
  width: auto;
  display: block;
}
.body-container__reconocimientos4 .hs_cos_wrapper_type_linked_image {
  font-size: 48px;
  display: inline-block;
  vertical-align: top;
  line-height: 1.000em;
  margin-bottom: 24px;
}
.body-container__reconocimientos4 .hs_cos_wrapper_type_text {
  height: auto;
  position: relative;
  display: inline-block;
  vertical-align: top;
  color: #3e3f3f;
  text-transform: none;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
}
.body-container__reconocimientos2 {
  overflow: hidden;
}
.body-container__reconocimientos3 .row-fluid .span4,
.body-container__reconocimientos4 .span2.dnd-column {
  padding-left: 5px;
  padding-right: 5px;
}
.body-container__reconocimientos4 .span2.dnd-column {
  width: 16.66666667%;
  float:left;
  margin-left: 0;
}
.body-container__voluntariado1.hs-content-orange-section .hs_cos_wrapper_type_rich_text {
  padding-top: 24px;
  display: block;
}
.body-container__voluntariado1.hs-content-orange-section .dnd-section h3 {
  margin-bottom: 15px;
}
.body-container__voluntariado2 .dnd-section > .row-fluid {
  max-width: 1480px;
}
.body-container__voluntariado3 {
  padding-bottom: 183px;
}
.hs-servies-marketing-banner-section .custom-banner .custom-banner-content h3 > span {
  font-size: 120%;
}
.body-container__servies-marketing1.hs-content-orange-section .dnd-section h3 {
  margin-bottom: 15px;
}
.body-container__servies-marketing1.hs-content-orange-section .dnd-section h3:last-child {
  margin-bottom: 0;
}

.body-container__servies-marketing4 .custom-services {
  margin-bottom: 120px;
}
.body-container__servies-marketing2 .hs_cos_wrapper_type_rich_text {
  max-width: 1480px;
  display: block;
  margin: 0 auto;
}
.body-container__servies-marketing2 .hs-button {
  font-size: 24px;
  line-height: 1.78em;
  padding: 15px 30px!important;
  -webkit-box-shadow: 0 8px 15px rgb(0 0 0 / 20%);
  -moz-box-shadow: 0 8px 15px rgba(0,0,0,0.2);
  box-shadow: 0 8px 15px rgb(0 0 0 / 20%);
  margin-bottom: 40px;
}
.body-container__servies-marketing2 .hs-button:hover {
  background-color: #fff;
  border-color: #fff;
  color: #ee7b27;
}
.body-container__patrocinio2 {
  padding-bottom: 122px;
}
.body-container__roncalli6 .custom-history-bg .timeline-items:nth-child(2) .timeline-events {
  margin-top: 0;
}
.hs-content-orange-section.body-container__servicee1 .dnd-section h3 {
  font-size: 18px;
  line-height: 24px;
}
.body-container__servicee3 .dnd-section > .row-fluid {
  max-width: 1480px;
}
.body-container__servicee3 .dnd-section > .row-fluid > .dnd-column > div {
  margin-left: -15px;
  margin-right: -15px;
  width: auto;
}
.body-container__servicee3 .dnd-section > .row-fluid > .dnd-column > div > .row-fluid {
  display: block !important;
}
.body-container__servicee5 .hs_cos_wrapper_type_rich_text h3 {
  color: #ee7b27;
  margin-bottom: 0px;
  font-size: 20px;
  line-height: 24px;
}
.body-container__servicee5 .dnd-section > .row-fluid {
  max-width: 1480px;
}
.body-container__servicee5 .row-fluid [class*="span"] {
  min-height: 10px;
}


.body-container__servicee5 .dnd-section > .row-fluid > .dnd-column > div {
  margin-left: -15px;
  margin-right: -15px;
  width: auto;
}
.body-container__servicee5 .dnd-section .span6.dnd-module {
  padding-left: 15px;
  padding-right: 15px;
}
.body-container__servicee5 {
  overflow: hidden;
}
.body-container__servicee6 .hs_cos_wrapper_type_header {
  font-family: neo-sans,sans-serif;
  font-weight: 600;
  font-style: normal;
  text-transform: none;
  font-size: 26px;
  line-height: 30px;
  letter-spacing: -1px;
  display: block;
}
.body-container__servicee6 .hs_cos_wrapper_type_header h2 {
  font-size: 180%;
  line-height: 1.200em;
  display: inline-block;
  vertical-align: top;
  margin: 0;
  color: #ee7b27;
}



.header-inner.fixed {
  min-height: 100px;
  position: static;
  height: inherit;
  background: #C85818;
}
.header.gracias-header {
  min-height: auto;
}
.gracias-header .bottom-header-section {
  background: inherit;
}
.header-inner.sticky {
  opacity: 0;
  height: inherit;
}
.gracias-header .header-inner.fixed .header-image img {
  filter: brightness(100);
}
.sticky-header .header-inner.sticky {
  opacity: 1;
}

.gracias-header .bottom-header-section {
  background: inherit;
}

.gracias-header .header-inner.fixed .bottom-header-section .header__container{
  border:none;
} 

.header-inner.fixed .custom-logo img {
  width: 156px !important;
  height: auto;
  margin: 11px 0;
}

.header-inner.sticky .custom-logo img {
  width: 83.22px !important;
  margin: 15px 0 14px;
}
.header-inner.sticky .header-image img {
  width: 24px !important;
  margin: 16px 20px 15px 0;
}
.header-inner.sticky .custom-logo a {
  height: auto;
}


.grasias-banner-section h1 {
  font-size: 78px;
  line-height: 1.2;
  color: #ee7b27;
}

.grasias-banner-section h1 span {
  width: 50px;
  height: 2px;
  background-color: #ee7b27;
  border-color: #ee7b27;
  color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  display: block;
  clear: both;
  margin-top: 18px;
}

.grasias-banner-section h2 {
  font-size: 36.4px;
  line-height: 1.2;
  letter-spacing: -1px;
  color: #ee7b27;
  margin: 0;
}

.grasias-top-section h1 {
  font-size: 52px;
  line-height: 1.2;
  letter-spacing: -1px;
  color: #ee7b27;
}

.grasias-top-section h1 span {
  background-color: #ee7b27;
  padding: 10px;
  color: #fff;
}

.grasias-top-section h2 {
  font-size: 20px;
  color: #333333;
  line-height: 1.2;
}

.grasias-top-section h2 span {
  color: #ee7b27;
}
.grasias-two-column-wrapper .page-center{
  display:flex;
  align-items:center;
} 
.grasias-two-column-wrapper .page-center>div {
  width: 50%;
  float: left;
  position:relative;
}

.grasias-left-section-wrapper>div {
  padding: 5%;
}

.grasias-right-section-wrapper {
  -webkit-box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 15%);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 15%);
  -webkit-transition: box-shadow 0.3s ease-in-out;
  -moz-transition: box-shadow 0.3s ease-in-out;
  -ms-transition: box-shadow 0.3s ease-in-out;
  -o-transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  padding: 30px 30px 40px;
  background-color: #f7f7f7;
}

.grasias-right-section-wrapper h3.form-title {
  font-size: 31.2px;
  text-align: left;
  padding: 0;
  margin: 0 0 18px;
}

.grasias-right-section-wrapper h3.form-title:after {
  display: none;
}


.grasias-left-section-wrapper h1 {
  color: #ee7b27;
  font-size: 36.4px;
  margin: 0 0 38px;
}

.grasias-left-section-wrapper h3 {
  font-size: 24px;
}

.grasias-right-section-wrapper .hs-form-field {
  margin: 0;
}

.grasias-right-section-wrapper form .hs-form-booleancheckbox-display input[type='checkbox']+span {
  color: #9A9F9F !important;
  padding-left: 22px;
  line-height: 19px;
  font-size: 12px;
  font-family: 'neo-sans';
}

.grasias-right-section-wrapper form input, 
.grasias-right-section-wrapper form select,
.grasias-right-section-wrapper form textarea,
.grasias-right-section-wrapper .hs-input {
  font-size: 16px;
  line-height: 20px;
  min-height: 32px;
  -webkit-appearance: none;
  border-color: #ccc;
  padding: 12px 20px;
  -webkit-box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0%);
  box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0%);
}


footer.footer.gracias .footer-bottom {
  padding: 30px 0;
}

.custom-row {
  margin-left: -15px;
  margin-right: -15px;
}

.custom-row:before,.custom-row:after {
  content: '';
  display: block;
  clear: both;
}

.custom-col-12 {
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  position: relative;
  min-height: 1px;
  z-index: 1;
  width: 100%;
}

.custom-col {
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  width: auto;
  float: left;
  min-height: 1px;
  z-index: 1;
}

.grve-btn {
  display: inline-block;
  padding: 1.636em 2.545em;
  line-height: 1.4;
  position: relative;
  -webkit-border-radius: 0;
  border-radius: 0;
  z-index: 2;
  vertical-align: top;
  margin-top: 3px;
  margin-bottom: 3px;
  outline: 0;
  text-align: center;
  cursor: pointer;
  border: 1px solid transparent;
  box-sizing: border-box;
  word-wrap: break-word;
  -webkit-appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  -webkit-transition: color .5s ease, background-color .5s ease, background-size .5s ease, border-color .5s ease;
  -moz-transition: color .5s ease, background-color .5s ease, background-size .5s ease, border-color .5s ease;
  -o-transition: color .5s ease, background-color .5s ease, background-size .5s ease, border-color .5s ease;
  -ms-transition: color .5s ease, background-color .5s ease, background-size .5s ease, border-color .5s ease;
  transition: color .5s ease, background-color .5s ease, background-size .5s ease, border-color .5s ease;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  margin-right: 30px;
  background-color: #ee7b27;
  border-color: #ee7b27;
  color: #ffffff;
  padding: 15px 30px;
  font-size: 24px;
  line-height: 1.78em;
  font-family: 'Barlow';
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0px;
  -webkit-box-shadow: 0 8px 15px rgb(0 0 0 / 20%);
  -moz-box-shadow: 0 8px 15px rgba(0,0,0,0.2);
  box-shadow: 0 8px 15px rgb(0 0 0 / 20%);
}

.grve-btn:hover,
.grve-btn:focus {
  background-color: #fff;
  border-color: #fff;
  color: #ee7b27;
}

.row-fluid .span4 {
  width: 33.33333333%;
  margin: 0;
  padding-left: 15px;
  padding-right: 15px;
}

h3.grve-box-title {
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  margin: 0;
}

.dnd-section[class*="force-full-width-section"]>.row-fluid .widget-type-cell {
  padding:0;
}

.hs-privacy-section h2 {
  color: #3e3f3f;
}

.hs-privacy-section p:last-child {
  margin: 0;
}

ul, ol {
  margin-top: 0;
}

.custom-col-6 {
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  position: relative;
  min-height: 1px;
  z-index: 1;
  width: 50.0%;
}


[class*=" vc-oi-"]:before, [class^=vc-oi-]:before {
  font-family: vc_openiconic;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  margin-left: 0;
}

.vc-oi-down-circle:before {
  content: '\e86a';
}

.custom-attrntion-top-section h3 {
  margin-bottom: 20px;
  line-height: 24px;
}

.grve-title-line {
  display: block;
  clear: both;
  margin-top: 18px;
  background-color: #ee7b27;
  border-color: #ee7b27;
  color: #ffffff;
}

.custom-attrntion-bottom-section .dnd-section>.row-fluid {
  max-width: calc(1480px + 60px);
}

.custom-attrntion-bottom-section .row-fluid .span4 {
  padding: 0 30px;
}

.custom-attrntion-bottom-section h3 {
  font-size: 24px;
  line-height: 30px;
}

.custom-attrntion-top-section p:last-child{
  margin:0;
}

.custom-attrntion-bottom-section .row-fluid [class*="span"] {
  min-height: 0;
}

.custom-talleres-banner .custom-banner .custom-banner-content {
  padding: 20px 30px 30px 30px;
}

.container-fluid.custom-talleres-top-section .custom-los .grve-column-wrapper p {
  font-size: 24px;
  line-height: 1.200em;
}

.fa-plus:before {
  content: "\f067";
}

.custom-attrntion-banner .custom-banner.padding-40 .custom-banner-content {
  padding: 4%;
}


.custom-attrntion-banner .custom-banner.padding-40 .custom-banner-content p{
  margin:0;
} 

.custom-laboral-top-section p {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.custom-laboral-top-section .row-fluid .span6 {
  padding-left: 15px;
  padding-right: 15px;
  width: 50%;
  margin: 0;
}

.custom-border {
  margin-bottom: 0;
  display: block;
  border: none;
  clear: both;
  line-height: 1;
  font-size: 0;
  position: relative;
  text-align: center;
}

span.custom-border-divider {
  display: inline-block;
  vertical-align: middle;
  clear: both;
  background-color: #ee7b27;
  border-color: #ee7b27;
  color: #ffffff;
}

.custom-laboral-section .row-fluid .span6{
  width:50%;
  margin:0;
}

.custom-support-section .custom-los .grve-column-wrapper p {
  font-size: 18px;
}

span.grve-height-1x {
  display: block;
  height: 30px;
}

.custom-support-section h3 {
  font-size: 24px;
  line-height: 30px;
}

.custom-talleres-banner .custom-banner.padding-40 .custom-banner-content {
  padding: 4%;
}

.custom-talleres-banner .custom-banner.padding-40 .custom-banner-content p {
  margin: 0;
}

.custom-talleres-section .widget-type-header {
  background-color: #fff;
  padding-top: 30px;
  text-align: center;
}

.custom-talleres-section .widget-type-header h1 {
  color: #ee7b27;
  text-align: center;
  display: inline-block;
  margin: 0;
}

.custom-talleres-section .widget-type-header h1:after {
  content: '';
  width: 90px;
  height: 3px;
  vertical-align: middle;
  background-color: #ee7b27;
  border-color: #ee7b27;
  color: #ffffff;
  display: block;
  margin: 0 auto;
  margin-top: 24px;
  margin-bottom: 24px;
}

.custom-juanenergy-banner .custom-banner .custom-banner-content img {
  max-width: 218px;
}

.custom-juanenergy-banner .custom-banner span.grve-title-line {
  margin-top: 0;
  margin-bottom: 10px;
}

.custom-juanenergy-banner .custom-banner-button .grve-btn {
  background-color: #6ECA09;
  border-color: #6ECA09;
  color: #ffffff;
}

.custom-juanenergy-banner .custom-banner-button .grve-btn:hover {
  background-color: #fff;
  border-color: #fff;
  color: #ee7b27;
}

.custom-juanenergy-top-section .custom-los {
  padding: 30px 0;
}

.custom-juanenergy-top-section .custom-los .grve-column-wrapper {
  margin-bottom: 0;
}

.custom-juanenergy-top-section h2 {
  font-size: 26px;
  line-height: 30px;
  letter-spacing: -1px;
  color: #ee7b27;
}

.custom-juanenergy-top-section h2 > span {
  display: inline-block;
  vertical-align: top;
  font-size: 180%;
  line-height: 1.200em;
}

.custom-juanenergy-top-section .grve-btn {
  margin-right: 0;
  box-shadow: none;
}

.custom-juanenergy-top-section hr {
  margin: 0;
  background-color: #e9e9e9;
  height: 3px;
}

.custom-juanenergy-top-section .row-fluid [class*="span"] {
  min-height: 0;
}

.custom-juanenergy-section .custom-services .custom-services-accordion-content img {
  margin: 0 auto;
  display: block;
  margin-bottom: 30px;
}

.custom-juanenergy-section .custom-services .custom-services-accordion-content .grve-btn {
  text-align: center;
  margin-right: 0;
}


.custom-lgd-top-section .custom-los .grve-column-wrapper {
  margin-bottom: 0;
}

.custom-lgd-top-section .grve-btn,
.custom-lgd-section .grve-btn{
  -webkit-box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 15%);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 15%);
  -webkit-transition: box-shadow 0.3s ease-in-out;
  -moz-transition: box-shadow 0.3s ease-in-out;
  -ms-transition: box-shadow 0.3s ease-in-out;
  -o-transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  padding: 20px 40px;
}

.custom-lgd-top-section h1 {
  font-size: 26px;
  line-height: 30px;
  letter-spacing: -1px;
  color: #ee7b27;
}

.custom-lgd-top-section h1 > span {
  line-height: 1.200em;
  display: inline-block;
  vertical-align: top;
  font-size: 180%;
}

.custom-lgd-top-section p {
  color: #727272;
}

.custom-lgd-top-section .row-fluid .span8 {
  width: 66.66666667%;
}

.custom-lgd-top-section .grve-btn:hover,
.custom-lgd-section .grve-btn:hover{
  background-color: #ae470b;
  border-color: #ae470b;
  color: #ffffff;
}


.custom-lgd-section .row-fluid .span8 {
  width: 66.66666667%;
}

.custom-lgd-section h1 {
  font-size: 26px;
  line-height: 30px;
  letter-spacing: -1px;
  color: #ee7b27;
}

.custom-lgd-section h1 > span {
  line-height: 1.200em;
  display: inline-block;
  vertical-align: top;
  font-size: 180%;
}
.custom-lgd-section .row-fluid .span4 .span12 {
  display: block !important;
}

.custom-mision-top-section .custom-los .grve-column-wrapper p {
  font-size: 18px;
}

.custom-mision-top-section .custom-accesibilidad p {
  color: #666666;
  font-family: neo-sans;
  font-size: 16px;
  font-family: neo-sans;
  font-weight: 400;
  line-height: 21px;
}

.custom-mision-section .custom-company .custom-company-heading span.grve-title-line {
  width: 100%;
  height: 4px;
}

.custom-mision-section .custom-company {
  padding-bottom: 0;
}

.custom-warehouse-banner .custom-banner .custom-banner-image {
  background-position: 50% 10% !important;
}

.custom-warehouse-banner .custom-banner .custom-banner-content h3 {
  font-size: 30px;
  line-height: 21px;
  letter-spacing: normal;
}

.custom-warehouse-banner .custom-banner .custom-banner-content h3>span {
  font-size: 100%;
  line-height: 21px;
}

.custom-warehouse-banner .custom-banner span.grve-title-line {
  margin-top: 23px;
}

.custom-mision-section h3 {
  font-size: 24px;
  line-height: 30px;
  margin: 0;
}

.custom-inscription .custom-inscription-middle,
.custom-inscription .custom-inscription-bottom {
  padding-bottom: 30px;
}

.custom-warehouse-section .row-fluid .span6 {
  width: 50.0%;
  margin: 0;
}

.custom-warehouse-section .dnd-section:fisrt-child > .row-fluid {
  max-width: 1480px;
}

.custom-warehouse-section .row-fluid .span6 > div {
  background-color: #fff;
  padding: 6%;
  min-height: 263px;
}

.custom-warehouse-section h2 {
  color: #ee7b27;
  font-size: 26px;
  line-height: 30px;
  letter-spacing: -1px;
  margin-bottom: 30px;
}

.custom-academica-banner .custom-banner .custom-banner-image {
  background-position: 50% 10% !important;
}

.custom-academica-banner .custom-banner .custom-banner-content p {
  margin: 0;
}

.custom-academica-top-section .custom-los .grve-column-wrapper p {
  font-size: 18px;
}

.custom-academica-top-section h3 {
  margin: 0;
  font-size: 20px;
  line-height: 24px;
}

.custom-academica-top-section h3 > span {
  display: inline-block;
  vertical-align: top;
}

.custom-academica-top-section .row-fluid [class*="span"] {
  min-height: 0;
}

.custom-academica-section .custom-company .custom-company-heading h1 > span {
  font-size: 140%;
}

.custom-academica-section .custom-company .custom-company-heading h1 {
  margin-bottom: 18px;
}

.custom-academica-section h4 {
  font-size: 24px;
  line-height: 30px;
  margin:0;
}

.custom-academica-section .custom-ocupacional {
  background-color: #fff;
}

.custom-academica-section .custom-ocupacional .custom-ocupacional-row {
  margin-left:-5px;
  margin-right:-5px;
}

.custom-academica-section .custom-ocupacional .custom-ocupacional-inner{
  max-width: 66.6666667%;
  margin: 0 auto;
  width: 100%;
}

.custom-academica-section .custom-ocupacional .custom-ocupacional-column {
  width: 50%;
  padding-left: 5px;
  padding-right: 5px;
}


.custom-academica-section .custom-ocupacional .custom-ocupacional-heading h1 {
  font-size: 26px;
  line-height: 22px;
}

..custom-academica-section .custom-ocupacional .custom-ocupacional-content {
  background: rgb(51, 50, 50);
}

.custom-academica-section .custom-ocupacional .custom-ocupacional-content img {
  opacity: 0.5;
}

.custom-academica-section .dnd-section>.row-fluid {
  max-width: 1200px;
}

.custom-academica-section hr{
  margin:0;
  background-color:#e9e9e9;
}

.custom-academica-section .row-fluid [class*="span"] {
  min-height: 0;
}

.custom-academica-section h2 {
  color: #ee7b27;
}

.custom-academica-section .grve-title-line {
  margin: 0 auto;
  margin-top: 18px;
  background-color: #3e3f3f;
  border-color: #3e3f3f;
}

.custom-academica-section h2:last-child{
  margin: 0;
}

.custom-home-top-section h1 {
  color: #ee7b27;
  font-size: 26px;
  line-height: 30px;
  letter-spacing: -1px;
}

.custom-home-top-section h1 > span {
  font-size: 180%;
  display: inline-block;
  vertical-align: top;
  line-height: 1.200em;
}

.custom-home-top-section .grve-title-line {
  margin: 0 auto;
  margin-top: 18px;
}

.custom-home-top-section .row-fluid [class*="span"]{
  min-height:0;
}

.custom-home-section h1 {
  color: #ee7b27;
  font-size: 26px;
  line-height: 30px;
  letter-spacing: -1px;
}

.custom-home-section h1 > span {
  font-size: 180%;
  display: inline-block;
  vertical-align: top;
  line-height: 1.200em;
}

.custom-home-section .grve-title-line {
  margin: 0 auto;
  margin-top: 18px;
}

.custom-home-section .custom-ocupacional .custom-ocupacional-column {
  width: 25%;
}

.custom-home-section .custom-ocupacional .custom-ocupacional-content img {
  opacity: 0.9;
}

.custom-home-section .custom-ocupacional {
  background-color: #fff;
}

.custom-home-section .custom-ocupacional .custom-ocupacional-heading h1 {
  font-size: 18px;
  line-height: 22px;
}

.custom-home-section .custom-ocupacional .custom-ocupacional-content:hover img {
  opacity: 0.6;
}

.custom-home-section .hs-trust-us-slider {
  padding-top: 60px;
  background-color: #f7f7f7;
}

.custom-home-section .hs-trust-us-slider .hs-trust-us-top-section {
  padding-bottom: 45px;
}

.mfp-iframe-holder .mfp-content {
  max-width: 1280px !important;
}

.mfp-iframe-holder .mfp-close {
  width: 40px !important;
  height: 40px;
  line-height: 40px !important;;
  font-size: 40px !important;;
  text-align: center !important;;
  cursor: pointer !important;;
  display: inline-block !important;;
  position: fixed !important;;
  top: 20px !important;;
  right: 20px !important;;
  z-index: 9999 !important;;
  color: #fff !important;;
  padding: 0 !important;;
}

.mfp-close:before {
  content: "\e912" !important;;
  font-family: 'movedo-icons' !important;;
}

.container-fluid.custom-home-section .row-fluid [class*="span"]{
  min-height:0;
}
.custom-home-section .custom-ocupacional .custom-ocupacional-button-row{
  height:233px;
}

.custom-home-section .widget-type-space,
.custom-home-top-section .widget-type-space{
  padding-bottom:90px;
}

.custom-attrntion-banner .custom-banner.padding-20 .custom-banner-content {
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
}
.hs-privacy-section tbody {
  vertical-align: unset;
}

.custom-home-banner .grve-pattern {
  background-image:url('//7215307.fs1.hubspotusercontent-na1.net/hubfs/7215307/raw_assets/public/Fundaci%C3%B3nJuanXXIII_May2021/images/pattern.png');
    }

.grasias-right-section .hs-form label {
  margin: 0;
}

.grasias-right-section-wrapper h3.form-title {
  line-height: 37.44px;
}

.grasias-right-section .hs-form .inputs-list:first-child {
  padding: 0;
  line-height: normal;
  margin-bottom: 10px;
}

.grasias-right-section .hs-form .hs-input[type=radio] {
  padding: 0;
  min-height: 20px;
  line-height: 21px;
}

.grasias-right-section .hs_he_leido_y_acepto_los_terminos_de_uso_y_la_politica_de_privacidad_ .inputs-list:first-child {
  margin-bottom: 5px;
}

.grasias-right-section .hs_he_leido_y_acepto_los_terminos_de_uso_y_la_politica_de_privacidad_ .hs-form-booleancheckbox {
  line-height: 19px;
  display: inline-block;
}
.grasias-right-section-wrapper form input.hs-button {
  padding: 15px;
  font-size: 24px;
  line-height: 1.4;
}

@media(max-width:1540px){
  .dnd-section[class*="force-full-width-section"]>.row-fluid {
    width: 100% !important;
  }
  .grasias-banner-section .row-fluid {
    width: 100%;
  } 
}

@media(max-width:1400px){
  .mfp-iframe-holder .mfp-content {
    max-width: 1024px !important;
  }
}

@media (max-width:1281px){
  .header-inner.sticky {
    position: static;
    opacity: 1;
  } 
  .header-inner.sticky .custom-logo img {
    width: 124.83px !important;
    margin: 15px 0;
  }
  .header-inner.fixed .custom-logo img {
    opacity: 0;
    visibility: hidden;
  }
}

@media(max-width:1200px){

  .grasias-top-section .dnd-section {
    padding: 48px 0 !important;
  }
  .header-inner.fixed {
    display: none;
  }
  .grasias-banner-section .dnd-section:first-child {
    padding-top: 18px !important;
  }
  .custom-attrntion-top-section .dnd-section[class*="background-color"] {
    padding: 18px 0;
  }

  .custom-attrntion-top-section h3 {
    font-size: 18px;
    line-height: 1.2em;
  }

  .custom-attrntion-top-section .dnd-section[class*="background-color"]>.row-fluid {
    width: calc(90% + 30px);
  }

  .custom-attrntion-bottom-section .dnd-section>.row-fluid {
    width: calc(90% + 60px);
  }

  .custom-attrntion-bottom-section h3 {
    font-size: 22px;
    line-height: 1.25em;
  }

  .container-fluid.custom-talleres-top-section .custom-los .grve-column-wrapper p {
    font-size: 19.2px;
  }

  .custom-talleres-section .custom-advanced-button-wrapper {
    padding-bottom: 48px !important;
    padding-top: 48px !important;
  }

  .custom-attrntion-section .custom-company[style*="padding-top:60px;"] {
    padding-top: 48px !important;
  }

  .custom-attrntion-top-section .custom-company[style*="padding-top:60px;"] {
    padding-top: 48px !important;
  }

  .custom-attrntion-bottom-section ..custom-advanced-button-wrapper[style*="padding-top:60px;"] {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }


  .container-fluid.custom-laboral-top-section .dnd-section>.row-fluid {
    max-width: calc(90% + 30px) !important;
    width: 100%;
  }

  .custom-laboral-top-section .dnd-section {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  .custom-laboral-section .dnd-section {
    padding-bottom: 18px;
    padding-top: 18px;
  }

  .custom-laboral-section .dnd-section:first-child>.row-fluid {
    max-width: calc(90% + 30px) !important;
    width: 100%;
  }

  .custom-advanced-button-wrapper[style*="padding-top:60px;"] {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }


  .body-container__website .custom-company[style*="padding-top:60px;"] {
    padding-top: 48px !important;
  }

  .custom-support-section .custom-los .grve-column-wrapper p {
    line-height: 24px;
  }

  span.grve-height-1x {
    height: 18px;
  }

  .custom-talleres-section .widget-type-header {
    padding-top: 18px;
  }

  .custom-talleres-section .dnd-section {
    padding: 18px 0;
  }

  .custom-juanenergy-top-section .custom-los .custom-col-12 {
    padding-right: 5%;
    padding-left: 5%;
  }

  .custom-juanenergy-top-section .custom-los {
    padding: 18px 0;
  }

  .custom-juanenergy-top-section h2 {
    font-size: 20px;
  }

  .custom-lgd-top-section .dnd-section>.row-fluid,
  .custom-lgd-section .dnd-section>.row-fluid{
    max-width: calc(90% + 30px);
    width: 100%;
  }

  .custom-lgd-top-section h1,
  .custom-lgd-section h1{
    font-size: 20px;
  }

  .custom-lgd-section .row-fluid [class*="span"] {
    min-height: 0;
  }

  .custom-mision-section .row-fluid [class*="span"] {
    min-height: 0;
  }

  .custom-academica-top-section .custom-los .grve-column-wrapper p {
    line-height: 24px;
  }

  .custom-academica-section .custom-company[style*="padding-top:60px;"] {
    padding-top: 48px !important;
  }

  .custom-home-top-section .dnd-section {
    padding: 18px 0;
  }

  .custom-home-section .dnd-section {
    padding: 18px 0;
  }

  .custom-home-section .hs-trust-us-slider {
    padding-top: 48px;
    padding-bottom: 18px;
  }

  .custom-home-section .custom-ocupacional {
    padding-bottom: 48px !important;
  }

  .custom-home-section .widget-type-space,
  .custom-home-top-section .widget-type-space{
    padding-bottom:72px;
  }

  .mfp-iframe-holder .mfp-content {
    max-width: 900px !important;
  }

  footer.footer.gracias .footer-bottom {
    padding: 18px 0;
  }

  footer.footer.gracias .copyright {
    margin: 0;
  }
}

@media(max-width:1024px){
  .table {
    max-width: 1100px;
    overflow-y: auto;
    margin-bottom: 30px;
  }
  .table table {
    margin-bottom: 0;
  }
}

@media(max-width:991px){
  .custom-academica-section .custom-ocupacional .custom-ocupacional-heading h1 {
    font-size: 20px;
    line-height: 24px;
  }

  .custom-home-section .custom-ocupacional .custom-ocupacional-heading h1 {
    font-size: 20px;
    line-height: 24px;
  }
}

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

  .grasias-top-section h1 {
    font-size: 34px;
  }

  .grasias-top-section h2 {
    font-size: 18px;
  }

  .grasias-left-section-wrapper h1 {
    font-size: 28px;
  }

  .grasias-left-section-wrapper h3 {
    font-size: 22px;
  }

  .grasias-banner-section h1 {
    font-size: 42px;
  }
  .grasias-right-section-wrapper h3.form-title {
    font-size: 24px;
  }
  .grasias-banner-section h2 {
    font-size: 28px;
  }
}

@media(max-width:959px){
  .custom-col-6{
    width:100%;
  }

  .custom-laboral-section .row-fluid .span6 {
    width: 100%;
  }

  .custom-juanenergy-banner .custom-banner .custom-banner-content .grve-empty-space {
    height: 0 !important;
  }

  .custom-juanenergy-banner .custom-banner .custom-banner-content img {
    max-width: 211px;
  }

  .custom-juanenergy-top-section .custom-los .grve-column-wrapper p {
    font-size: 16px;
  }

  .custom-juanenergy-top-section .custom-los .custom-col-12 > div {
    padding: 0 15px;
  }

  .custom-juanenergy-top-section h2 {
    font-size: 18px;
  }

  .custom-lgd-top-section .custom-los .grve-column-wrapper P {
    font-size: 16px;
    line-height: 1.2em;
  }

  .custom-lgd-top-section .dnd-section:not(:first-of-type)>.row-fluid {
    max-width: calc(90% + 30px) !important;
  }

  .custom-lgd-top-section h1, .custom-lgd-section h1 {
    font-size: 18px;
  }

  .custom-lgd-section .dnd-section>.row-fluid {
    max-width: calc(90% + 30px) !important;
  }

  .custom-academica-banner .custom-banner .custom-banner-content p {
    font-size: 16px;
    line-height: 1.2em;
  }

  .custom-academica-top-section h3 {
    font-size: 16px;
    line-height: 1.2em;
  }

  .custom-academica-section .custom-ocupacional .custom-ocupacional-inner {
    max-width: 100%;
  }

  .custom-academica-section .custom-company .custom-company-heading h1 {
    line-height: 1.15em;
  }

  .custom-academica-section h4 {
    font-size: 19px;
    line-height: 1.25em;
  }

  .custom-academica-section h2 {
    font-size: 19px;
    line-height: 1.25em;
  }

  .custom-home-top-section h1 {
    font-size: 18px;
  }

  .custom-home-section h1 {
    font-size: 18px;
  }

  .custom-home-section .custom-ocupacional .custom-ocupacional-column {
    width: 50%;
  }

  .container-fluid.custom-talleres-top-section .custom-los .grve-column-wrapper p {
    font-size: 16.8px;
  }

  .custom-warehouse-banner .custom-banner .custom-banner-content h3>span {
    line-height: normal;
  }

  .custom-attrntion-banner .custom-banner.padding-20 .custom-banner-content {
    padding-left: 0;
    padding-right: 0;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .custom-talleres-banner .custom-banner.padding-40 .custom-banner-content {
    padding: 0;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .custom-talleres-banner .custom-banner .custom-banner-content {
    padding-left: 0;
    padding-right: 0;
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .container-fluid.custom-talleres-top-section .custom-los .grve-column-wrapper p[style*="font-size: 20px;"] {
    font-size: 16px !important;
  }

}

@media(max-width:768px){
  .hs-privacy-section .dnd-section {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .hs-privacy-section h2 {
    font-size: 20px;
  }
  .hs-privacy-section a {
    word-break: break-word;
  }
}

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

  .grasias-top-section h1 {
    font-size: 30px;
  }

  .grasias-top-section h2 {
    font-size: 16px;
  }

  .grasias-left-section-wrapper h1 {
    font-size: 28px;
  }

  .grasias-left-section-wrapper h3 {
    font-size: 22px;
  }

  .grasias-banner-section h1 {
    font-size: 36px;
  }
  .grasias-right-section-wrapper h3.form-title {
    font-size: 21.6px;
  }
  .grasias-banner-section h2 {
    font-size: 25.2px;
  }
}

@media only screen and (min-width: 768px) {
  .body-container__historia .span6.dnd-module,
  .body-container__reconocimientos2 .span6.dnd-column,
  .body-container__servicee3 .dnd-section .span6.dnd-column,
  .body-container__servicee5 .dnd-section .span6.dnd-module {
    width: 50%;
    margin-left: 0;
  }

}



@media only screen and (min-width: 960px) and (max-width: 1200px) {
  .hs-content-orange-section .dnd-section h3 {
    font-size: 18px;
    line-height: 1.2em;
  }
  .body-container__roncalli6 .hs_cos_wrapper_type_header {
    font-size: 20px;
  }
  .body-container__reconocimientos3 .hs-border-with-title .grve-column-wrapper h1, 
  .body-container__reconocimientos4 .hs-border-with-title .grve-column-wrapper h1 {
    font-size: 19px;
  }
  .body-container__servicee6 .hs_cos_wrapper_type_header {
    font-size: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .body-container__historia .span6.dnd-module h2 {
    font-size: 19px;
    line-height: 1.25em;
  }
  .hs-content-orange-section .dnd-section h3 {
    font-size: 16px;
    line-height: 1.2em;
  }
  .body-container__reconocimientos3 .hs-border-with-title .grve-column-wrapper h1, 
  .body-container__reconocimientos4 .hs-border-with-title .grve-column-wrapper h1 {
    font-size: 17px;
  }
  .body-container__servicee6 .hs_cos_wrapper_type_header {
    font-size: 18px;
  }
}


@media only screen and (max-width: 1200px) {
  .hs-content-orange-section .dnd-section {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .body-container__proyectoidea1 .dnd-section .hs_cos_wrapper_type_linked_image {
    display: block !important;
  }
  .body-container__proyectoidea1 .dnd-section > .row-fluid {
    max-width: 100% !important;
    width: 100% !important;
  }
  .body-container__proyectoidea1 .dnd-section .hs_cos_wrapper_type_linked_image img {
    vertical-align: middle;
  }
  .body-container__proyectoidea2 .dnd-section {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .body-container__proyectoidea1 .dnd-section {
    height: auto !important;
  }
  .body-container__roncalli6 .dnd-section:first-child {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .body-container__roncalli6 .custom-history-bg {
    padding-top: 120px;
  }
  .body-container__roncalli4 .dnd-section>.row-fluid>.dnd-column>div>.row-fluid>.dnd-column>div:first-child {
    padding-top: 2%;
  }
  .body-container__roncalli4 .dnd-section>.row-fluid>.dnd-column>div>.row-fluid>.dnd-column>div:last-child {
    padding-bottom: 2%;
  }
  .body-container__patronato2 .dnd-section {
    padding-bottom: 18px;
    padding-top: 48px;
  }
  .body-container__patronato3 .dnd-section,
  .body-container__patronato4 .dnd-section,
  .body-container__reconocimientos2 .dnd-section,
  .body-container__reconocimientos3 .dnd-section,
  .body-container__reconocimientos4 .dnd-section {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .body-container__voluntariado2 .hs-border-with-title {
    padding-top: 36px;
  }
  .body-container__voluntariado2 .dnd-section:last-child {
    padding-bottom: 26px !important;
  }
  .body-container__servies-marketing1.hs-content-orange-section .dnd-section>.row-fluid>div > div {
    padding: 0 5%;
  }
  .body-container__servies-marketing4 .custom-services {
    margin-bottom: 96px;
  }
  .body-container__servicee3 .dnd-section {
    padding-bottom: 48px !important;
  }
  .body-container__servicee6 .dnd-section {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .body-container__servicee5 .dnd-section {
    padding-bottom: 18px;
    padding-top: 18px;
  }
}

@media only screen and (max-width: 959px) {
  .hs-voluntariado-banner-section .custom-banner .custom-banner-content p {
    color: #ee7b27;
    padding-bottom: 15px;
  }
  .body-container__voluntariado1.hs-content-orange-section .hs_cos_wrapper_type_rich_text {
    padding-top: 19px;
  }
  .hs-servies-marketing-banner-section .custom-banner .custom-banner-content h3>span {
    font-size: 140%;
  }
  .hs-servies-marketing-banner-section .custom-banner .custom-banner-content p {
    font-size: 16px;
    line-height: 1.2em;
  }
  .body-container__servies-marketing2 .hs_cos_wrapper_type_rich_text {
    width: 90%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .body-container__roncalli6 .hs_cos_wrapper_type_header {
    font-size: 18px;
  }
  .body-container__patronato2 .span4.dnd-column .hs_cos_wrapper_type_rich_text h3 {
    font-size: 16px;
  }
  .body-container__patronato2 .hs_cos_wrapper_type_header h3 {
    font-size: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .body-container__historia .dnd-section {
    padding-bottom: 18px;
    padding-top: 18px;
  }
  .hs-content-orange-section .dnd-section,
  .body-container__proyectoidea2 .dnd-section {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .body-container__roncalli6 .custom-history-bg {
    padding-top: 90px;
  }
  .body-container__patronato2 .dnd-section {
    padding-top: 18px;
  }
  .body-container__servies-marketing4 .custom-services {
    margin-bottom: 72px;
  }
  .body-container__servicee3 .dnd-section {
    padding-bottom: 36px !important;
  }
}

@media only screen and (max-width: 767px) {
  .grve-column-1-12, .grve-column-5-12, .grve-column-7-12, .grve-column-11-12, .grve-column-1-6, 
  .grve-column-1-5, .grve-column-2-5, .grve-column-3-5, .grve-column-1-4, .grve-column-1-2, 
  .grve-column-1-3, .grve-column-2-3, .grve-column-3-4, .grve-column-4-5, .grve-column-5-6, .grve-column-1 {
    width: 100%;
  }
  .body-container__historia .span6.dnd-module:first-child > div {
    padding-bottom: 30px;
  }
  .body-container__historia .span6.dnd-module h2 {
    font-size: 20px;
    line-height: 1.25em;
  }
  .hs-content-orange-section .dnd-section h3 {
    font-size: 17px;
    line-height: 1.2em;
  }
  .body-container__proyectoidea4 .dnd-section h2 {
    font-size: 20px;
    line-height: 1.25em;
  }
  .body-container__proyectoidea4 .dnd-section p {
    font-size: 14px;
    line-height: 1.67em;
  }
  .body-container__proyectoidea4 ul li {
    font-size: 14px;
    line-height: 1.67em;
  }
  .body-container__proyectoidea4 .hs-button {
    font-size: 14px;
    line-height: 1.78em;
  }
  .body-container__roncalli1.hs-content-orange-section .dnd-section h3 {
    line-height: 24px;
  }
  .body-container__roncalli3 .span6.dnd-column {
    width: 100%;
  }
  .body-container__roncalli4 .hs-button {
    font-size: 14px !important;
    line-height: 1.78em;
  }
  .body-container__roncalli6 .hs_cos_wrapper_type_header {
    font-size: 19px;
    line-height: 1.15em;
  }
  .body-container__roncalli5 {
    padding-bottom: 54px;
    background-color: #f7f7f7;
  }
  .body-container__roncalli2 .hs-column-with-equal-bg .grve-column-wrapper {
    height: 43vh !important;
  }
  .body-container__roncalli3 {
    padding: 0 15px;
  }
  .body-container__patronato2 .span4.dnd-column,
  .body-container__patronato3 .span3.dnd-column,
  .body-container__patronato4 .span4.dnd-column {
    width: 100%;
  }
  .body-container__patronato2 .span4.dnd-column:not(:last-child),
  .body-container__patronato3 .span3.dnd-column:not(:last-child),
  .body-container__patronato4 .span4.dnd-column:not(:last-child) {
    margin-bottom: 30px;
  }
  .body-container__patronato2 .span4.dnd-column .dnd-module {
    min-height: 0;
  }
  .body-container__patronato2 .span4.dnd-column .hs_cos_wrapper_type_rich_text h3 {
    text-align: center;
  }
  .body-container__patronato2 .hs_cos_wrapper_type_header {
    padding: 28px 0 51px;
  }
  .body-container__patronato3 .dnd-section>.row-fluid>.dnd-column > div {
    margin-left: 0;
    margin-right: 0;
  }
  .body-container__patronato3 .span3.dnd-column:first-child {
    padding-top: 31px;
  }
  .body-container__patronato3 .span3.dnd-column:last-child {
    padding-top: 54px;
  }
  .body-container__reconocimientos2 .dnd-section>.row-fluid>.dnd-column>div {
    margin-left: 0;
    margin-right: 0;
  }
  .body-container__reconocimientos3 .hs-border-with-title .grve-column-wrapper h1, 
  .body-container__reconocimientos4 .hs-border-with-title .grve-column-wrapper h1 {
    font-size: 18px;
  }
  .body-container__reconocimientos3 .row-fluid .span4:not(:last-child) {
    margin-bottom: 30px;
  }
  .body-container__reconocimientos2 .span6.dnd-column:first-child {
    margin-bottom: 30px;
  }
  .body-container__reconocimientos3 .row-fluid .span4 {
    width: 33.33333333%;
    float: left;
  }
  .body-container__reconocimientos4 .span2.dnd-column {
    width: 50%;
    float: left;
    margin-bottom: 30px;
  }
  .body-container__reconocimientos4 .row-fluid [class*="span"] {
    min-height: 0;
  }
  .body-container__voluntariado1.hs-content-orange-section .hs_cos_wrapper_type_rich_text {
    padding-top: 20px;
  }
  .hs-servies-marketing-banner-section .custom-banner .custom-banner-content p {
    font-size: 17px;
    line-height: 1.2em;
  }
  .body-container__patrocinio2 {
    padding-bottom: 40px;
  }
  .body-container__servies-marketing2 .hs-button {
    font-size: 14px;
    line-height: 1.78em;
  }
  .body-container__roncalli2 .hs-column-with-equal-bg .grve-column.wpb_column.grve-middle:first-child>div .grve-empty-space {
    height: 58.7vw !important;
  }
  .body-container__servies-marketing1.hs-content-orange-section .dnd-section>.row-fluid>div>div {
    padding: 0;
  }
  .body-container__servicee3 .dnd-section>.row-fluid>.dnd-column>div {
    margin-left: 0;
    margin-right: 0;
  }
  .body-container__servicee3 .span6.dnd-column:not(:last-child) > div {
    margin-bottom: 30px;
  }
  .body-container__servicee5 .hs_cos_wrapper_type_rich_text h3 {
    font-size: 17px;
    line-height: 1.2em;
  }
  .body-container__servicee6 .hs_cos_wrapper_type_header {
    font-size: 19px;
  }
  .body-container__servicee5 .dnd-section .span6.dnd-module:not(:last-child) > div {
    margin-bottom: 30px;
  }

}


@media only screen and (max-width: 479px) {
  .body-container__proyectoidea4 .hs-button {
    margin-left: 0;
    margin-right: 0;
  }
  .body-container__roncalli2 .hs-column-with-equal-bg .grve-column-wrapper {
    height: 19.3vh !important;
  }
  .body-container__servicee5 .hs_cos_wrapper_type_rich_text h3 {
    text-align: center;
  }
}


@media(max-width:767px){
  .grasias-top-section .dnd-section {
    padding: 36px 0 !important;
  }
  .grasias-two-column-wrapper .page-center {
    display: block;
  }
  .grasias-two-column-wrapper .page-center>div {
    width: 100%;
  }
  .grasias-right-section-wrapper h3.form-title {
    font-size: 22.8px;
  }
  .grasias-two-column-wrapper .page-center {
    display: block;
  }

  .grasias-left-section-wrapper h1 {
    font-size: 26.6px;
  }

  .grasias-left-section-wrapper h3 {
    font-size: 20px;
    line-height: 1.25em;
  }

  .grasias-top-section h2 {
    font-size: 17px;
    line-height: 1.2em;
  }

  .grasias-top-section h1 {
    font-size: 32px;
  }

  .grasias-banner-section h1 {
    font-size: 39px;
  }

  .grasias-banner-section h2 {
    font-size: 26.6px;
  }

  .grasias-banner-section .dnd-section:first-child {
    padding-top: 0 !important;
  }

  .grasias-left-section-wrapper h4 {
    font-size: 18px;
    line-height: 24px;
  }
  .grve-btn {
    font-size: 14px;
    line-height: 1.78em;
  }

  .row-fluid .span4 {
    width: 100%;
  }

  .body-container__website .row-fluid [class*="span"] {
    min-height: 0;
  }

  .custom-attrntion-top-section .dnd-section[class*="background-color"]>.row-fluid {
    max-width: calc(90% + 30px) !important;
  }

  .custom-attrntion-top-section h3 {
    font-size: 17px;
    line-height: 1.2em;
  }

  .custom-attrntion-top-section .dnd-section[class*="background-color"] .row-fluid .span4 {
    margin-bottom: 30px;
  }

  .custom-attrntion-bottom-section .dnd-section>.row-fluid {
    max-width: 100% !important;
  }

  .custom-attrntion-bottom-section h3 {
    font-size: 20px;
    line-height: 1.25em;
  }

  .custom-talleres-banner .custom-banner .custom-banner-content {
    padding: 0;
    padding-bottom: 18px;
    padding-top: 18px;
  }

  .container-fluid.custom-talleres-top-section .custom-los .grve-column-wrapper p {
    font-size: 18px;
  }


  .custom-talleres-section .custom-advanced-button-wrapper {
    padding-bottom: 36px !important;
    padding-top: 36px !important;
  }

  .custom-attrntion-section .custom-company[style*="padding-top:60px;"] {
    padding-top: 36px !important;
  }

  .custom-attrntion-top-section .custom-company[style*="padding-top:60px;"] {
    padding-top: 36px !important;
  }

  .custom-attrntion-bottom-section ..custom-advanced-button-wrapper[style*="padding-top:60px;"] {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }

  .custom-advanced-button-wrapper[style*="padding-top:60px;"] {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }

  .custom-laboral-top-section .row-fluid .span6 {
    width: 100%;
  }

  .custom-laboral-top-section .dnd-section {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }

  .custom-laboral-top-section p {
    margin-bottom: 20px;
  }

  h3.grve-box-title {
    line-height: 1.2em;
  }


  .body-container__website .custom-company[style*="padding-top:60px;"] {
    padding-top: 36px !important;
  }

  .custom-support-section h3 {
    font-size: 20px;
    line-height: 1.25em;
  }

  .custom-juanenergy-top-section .custom-los .grve-column-wrapper p {
    font-size: 17px;
  }

  .custom-juanenergy-top-section h2 {
    font-size: 19px;
  }

  .custom-lgd-top-section .custom-los .grve-column-wrapper P {
    font-size: 17px;
    line-height: 1.2em;
  }

  .custom-lgd-top-section .row-fluid .span8 ,
  .custom-lgd-section .row-fluid .span8 {
    width: 100%;
  }

  .custom-lgd-top-section .dnd-section:not(:first-of-type)>.row-fluid {
    max-width: 90% !important;
  }

  .custom-lgd-top-section h1, .custom-lgd-section h1 {
    font-size: 19px;
  }

  .custom-lgd-section .dnd-section>.row-fluid {
    max-width: 90% !important;
  }
  .custom-lgd-section .row-fluid .span4 {
    padding: 0;
  }

  .custom-lgd-section .row-fluid .span4 {
    margin-bottom: 30px;
  }
  .custom-lgd-top-section .dnd-section:last-child {
    padding-top: 36px !important;
    padding-bottom: 0 !important;
  }

  .custom-lgd-top-section .row-fluid .span4 {
    padding: 0;
  }

  body .custom-lgd-top-section .row-fluid .span4 .hs_cos_wrapper {
    margin-top: -6px;
  }

  .custom-lgd-section .dnd-section:last-child {
    padding-top: 0 !important;
  }

  .custom-lgd-section .dnd-section:last-child .span8 {
    margin-top: -51px;
  }

  .custom-mision-top-section .custom-los .grve-column-wrapper p {
    line-height: 24px;
  }

  .custom-mision-top-section .custom-los .grve-column-wrapper p {
    line-height: 24px;
  }

  .custom-mision-top-section .custom-accesibilidad .custom-accesibilidad-heading h2 {
    font-size: 22px;
    line-height: 1.15em;
  }

  .custom-mision-top-section .custom-accesibilidad .custom-accesibilidad-rich p {
    font-size: 16px;
    line-height: 21px;
  }

  .custom-mision-section h3 {
    font-size: 20px;
    line-height: 1.25em;
  }

  .custom-warehouse-section .row-fluid .span6 {
    width: 100%;
  }

  .custom-warehouse-section .dnd-section {
    padding: 18px 0;
  }

  .custom-warehouse-section h2 {
    font-size: 22px;
    line-height: 1.15em;
    margin-bottom:18px;
  }

  .custom-warehouse-section .row-fluid .span6:not(:last-child) {
    margin-bottom: 30px;
  }

  .custom-academica-banner .custom-banner .custom-banner-content p {
    font-size: 17px;
    line-height: 1.2em;
  }

  .custom-academica-top-section h3 {
    font-size: 17px;
    line-height: 1.2em;
  }

  .custom-academica-section h4 {
    font-size: 20px;
    line-height: 1.25em;
  }

  .custom-academica-section .custom-ocupacional .custom-ocupacional-column {
    width: 100%;
  }

  .custom-academica-section h2 {
    font-size: 20px;
    line-height: 1.25em;
  }

  .custom-academica-section .custom-company[style*="padding-top:60px;"] {
    padding-top: 36px !important;
  }


  .custom-home-section .custom-ocupacional .custom-ocupacional-column {
    width: 100%;
  }

  .custom-home-section .hs-trust-us-slider {
    padding-top: 36px;
    padding-bottom: 18px;
  }


  .custom-home-section h1 {
    font-size: 19px;
  }

  .custom-home-top-section h1 {
    font-size: 19px;
  }

  .custom-home-section .custom-ocupacional {
    padding-bottom: 36px !important;
  }

  .custom-home-section .custom-ocupacional .custom-ocupacional-column:last-child > div {
    margin: 0;
  }

  .custom-home-section .custom-ocupacional .custom-ocupacional-button-row {
    height: auto;
    padding: 10%;
  }

  .custom-home-section .widget-type-space,
  .custom-home-top-section .widget-type-space{
    padding-bottom:54px;
  }

  .container-fluid.custom-talleres-top-section .custom-los .grve-column-wrapper p[style*="font-size: 20px;"] {
    font-size: 17px !important;
  }

  .grasias-right-section-wrapper form input.hs-button {
    font-size: 14px;
  }

  .body-container-wrapper .grasias-two-column-wrapper .hs-form {
    margin: 0;
  }



}

@media(max-width:540px){
  .custom-attrntion-bottom-section .row-fluid .span4 {
    padding: 0 15px;
  }

  .body-container__website .dnd-section>.row-fluid {
    max-width: calc(1480px + 30px) !important;
    width: 100%;
  }

  .body-container-wrapper.hs-privacy-section .body-container__website .dnd-section>.row-fluid {
    max-width: 90% !important;
  }

  .custom-talleres-section .widget-type-header h1 {
    font-size: 21px;
    line-height: 1.15em;
  }
}

@media(max-width:479px){
  .custom-academica-section .custom-ocupacional .custom-ocupacional-heading h1 {
    font-size: 18px;
    line-height: 22px;
  }
}

/*====== Contact page =======*/

.hs-contact-page .body-container-wrapper {
  background-color: #f7f7f7;

}
.contact-top-section{
  padding:30px 0;
}
.contact-col {
  padding-left: 15px;
  padding-right: 15px;
  width: 50.0%;
  float: left;
}
.hs-contact-page .dnd-section>.row-fluid {
  width: 100%;
  max-width: 100% !important;
}
.hs-contact-page .dnd-section .widget-type-cell,
.hs-contact-page .dnd-section{
  padding:0; 
}
.contact-col > div {
  padding-top: 4%;
  padding-right: 7.5%;
  padding-bottom: 4%;
  padding-left: 7.5%;
  background-color: #ffffff;
  text-align: center;
}
.contact-inner {
  margin-left: -15px;
  margin-right: -15px;
}

.contact-col h2 {
  color: #ee7b27;
  font-size: 26px;
  line-height: 30px;
  letter-spacing: -1px;
  margin-bottom: 24px;
  padding-bottom: 27px;
  position: relative;
}

.contact-col h2 :after {
  width: 90px;
  height: 3px;
  content: "";
  background-color: #ee7b27;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.contact-col p {
  font-family: Barlow;
  font-weight: 300;
  font-size: 18px;
  text-transform: none;
  line-height: 30px;
  letter-spacing: 0px;
}
.contact-col.right>div {
  padding: 5%;
}

.contact-col p:last-child {
  margin-bottom: 0;
}
.conatct-mobile-pane img {
  vertical-align: middle;
}
.hs-contact-page form {
  padding-top: 10px;
  text-align: left;
}

.hs-contact-page textarea {
  height: 120px;
}

.hs-contact-page form p {
  line-height: 21px;
  font-size: 16px;
  margin-bottom:15px !important;
  font-family: 'neo-sans';
}

.hs-contact-page  .legal-consent-container .field.hs-form-field {
  margin-bottom: 22px;
  margin-top: 17px;
}
.hs-contact-page .actions {
  padding-bottom: 20px;
}
.contact-top-section .widget-type-rich_text p {
  color: #666666;
}
@media only screen and (min-width: 960px) {
  .conatct-mobile-pane,
  .visible-ipad{
    display:none;
  }
}
@media(max-width:1200px){
  .hs-contact-page .custom-banner .custom-banner-image {
    background-position: 50% 25% !important;
  }
  .contact-top-section{
    padding: 18px 0; 
  }
}
@media only screen and (min-width: 960px) and (max-width: 1200px){
  .contact-col h2 {
    font-size: 23px;
    line-height: 1.15em;
  } 
  .contact-col .widget-type-rich_text p {
    font-size: 16px;
    line-height: 1.67em;
  }
  .informacion-basica-sobre2 h2 {
    font-size: 22px;
    line-height: 1.25em;
  }
}
@media only screen and (max-width: 959px) {
  .contact-col {
    width: 100%;
    float: none;
  }
  .contact-col h2 {
    font-size: 22px;
    line-height: 1.15em;
  }
  .contact-col .widget-type-rich_text p {
    font-size: 14px;
    line-height: 1.67em;
  }
  .hs-contact-page .contact-top-section {
    padding-bottom: 18px;
    padding-top: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px){
  .contact-col h2 {
    font-size: 21px;
    line-height: 1.15em;
  }
  .contact-col p {
    font-size: 14px;
    line-height: 1.67em;
  }
}
@media(max-width:767px){

  .contact-col>div {
    margin-bottom: 30px;
  }

  .contact-col h2 {
    font-size: 22px;
    line-height: 1.15em;
  }
  .contact-col .widget-type-rich_text p {
    font-size: 14px;
    line-height: 1.67em;
  }
  .hs-contact-page form input.hs-button {
    font-size: 14px;
  }
  .hs-contact-page form {
    margin: 0;
  }
}
/*====== End =========*/


/*======== Colaboradores ===========*/

.hs-colaboradores-page .custom-banner .custom-banner-content p {
  margin: 0;
}
.hs-colaboradores-page .custom-los h3 span {
  font-size: 160%;
  line-height: 1.200em;
}

.hs-colaboradores-page .custom-los h3 {
  margin-bottom: 20px;
  color: #ffffff;
  font-size: 20px;
  line-height: 24px;
}
.hs-colaboradores-page .custom-accesibilidad p {
  font-family: 'neo-sans';
  font-size: 16px;
  line-height: 21px;
}
.hs-colaboradores-page .custom-company {
  padding: 0;
}
.colab-sec2 .dnd-section>.row-fluid > div {
  max-width: 1170px;
  margin: 0 auto;
}

.colab-sec2 hr {
  height: 0;
}
.hs-colaboradores-page .custom-collaboration,
.hs-nuestro-compromiso-page .custom-collaboration{
  margin-bottom:120px;
}

@media (max-width: 1200px){
  .hs-colaboradores-page  .custom-banner .custom-banner-image{
    background-position: 50% 25% !important;
  }
  .hs-colaboradores-page .custom-accesibilidad .grve-empty-space {
    height: 18px !important;
  }
  .hs-colaboradores-page .dnd-section {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .hs-colaboradores-page .banner-area .dnd-section {
    padding: 0;
  }
  .hs-colaboradores-page .custom-collaboration {
    padding-top: 18px;
    margin-bottom:96px;
  }
  .hs-nuestro-compromiso-page .custom-collaboration{
    margin-bottom:96px;
  }
  .hs-colaboradores-page .custom-collaboration .custom-collaboration-column {
    top: 18px;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1200px){
  .hs-colaboradores-page .custom-los h3{
    font-size: 16px;
    line-height: 1.2em;
  }
  .hs-colaboradores-page .custom-accesibilidad .custom-accesibilidad-heading h2,
  .hs-colaboradores-page h1,
  .custom-los .grve-column-wrapper h1,
  .hs-escuela-familias-page .custom-accesibilidad .custom-accesibilidad-heading h2{
    font-size: 23px;
    line-height: 1.15em;
  }
  .hs-colaboradores-page .custom-company .custom-company-heading h2,
  .hs-colaboradores-page h2{
    font-size: 22px;
    line-height: 1.25em;
  }
  .hs-colaboradores-page .custom-collaboration .custom-collaboration-heading h3,
  .hs-colaboradores-page h3{
    font-size: 19px;
  }
  .hs-colaboradores-page .custom-collaboration .custom-collaboration-content h3{
    line-height: 1.2em; 
    padding-bottom: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px){
  .hs-colaboradores-page .custom-los h3{
    font-size: 14px;
    line-height: 1.2em;
  }
  .hs-colaboradores-page h1,
  .custom-los .grve-column-wrapper h1{
    font-size: 21px;
    line-height: 1.15em; 
  }

  .hs-colaboradores-page .custom-company .custom-company-heading h2,
  .hs-colaboradores-page h2{
    font-size: 19px;
    line-height: 1.25em;
  }
  .hs-colaboradores-page .custom-collaboration .custom-collaboration-heading h3,
  .hs-colaboradores-page h3{
    font-size: 17px;
    line-height: 1.25em;
  }
  .hs-colaboradores-page .custom-collaboration .custom-collaboration-content h3{
    line-height: 1.25em; 
    padding-bottom: 5px;
  }
}

@media(max-width:959px){
  .hs-colaboradores-page .custom-accesibilidad .custom-col-6>div .grve-empty-space{
    height: 18px !important;
  }
  .hs-colaboradores-page .custom-accesibilidad .custom-accesibilidad-rich p {
    font-size: 16px;
    line-height: 21px;
  }
  .hs-colaboradores-page .custom-accesibilidad .custom-col-6 .grve-empty-space_2 {
    height: 320px !important;
  }
}

@media(max-width:767px){
  .hs-colaboradores-page .custom-los h3 {
    font-size: 15px;
    line-height: 1.2em;
  }

  .hs-colaboradores-page .custom-accesibilidad .custom-accesibilidad-heading h2,
  .hs-colaboradores-page h1{
    font-size: 22px;
    line-height: 1.15em;
  }

  .hs-colaboradores-page .custom-company .custom-company-heading h2,
  .hs-colaboradores-page h2{
    font-size: 20px;
    line-height: 1.25em;
  }
  .hs-colaboradores-page .custom-collaboration .custom-collaboration-heading {
    margin-bottom: 30px;
  }

  .hs-colaboradores-page .custom-collaboration .custom-collaboration-content h3 {
    line-height: 1.2em;
  }
  .hs-colaboradores-page .custom-collaboration {
    margin-bottom:72px;
  }
  .hs-nuestro-compromiso-page .custom-collaboration{
    margin-bottom:72px;
  }
  .hs-colaboradores-page .custom-collaboration .custom-collaboration-column:last-child > div {
    margin: 0;
  }
}
/*======= End ========*/



/*==========  Donaciones =============*/

.donaciones-sec1 h2,
.donaciones-sec2 h2{
  color: #ee7b27;
  letter-spacing: 0px;
  text-align: center;
  margin-bottom: 0px;
}

.donacion-sec1 .dnd-section>.row-fluid {
  max-width: 1480px;
}

.donaciones-sec2 .dnd-section>.row-fluid > div  {
  margin-left: -15px !important;
  margin-right: -15px;
  width: calc(100% + 30px);
}
.donaciones-sec2 img {
  margin-bottom: 20px;
}

.donaciones-sec1 h1,
.donaciones-sec2  h1 {
  text-align: center;
}
.donaciones-sec1 .dnd-section {
  padding: 60px 0;
}
.donaciones-sec1 h1:last-child {
  margin: 0;
}
.hs-donaciones-page .custom-los .grve-column-wrapper p {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0px;
}
@media only screen and (min-width: 960px) and (max-width: 1200px){
  .donaciones-sec1 h2, 
  .donaciones-sec2 h2 {
    font-size: 22px;
    line-height: 1.25em;
  }

  .donaciones-sec1 h1,
  .donaciones-sec2 h1 {
    font-size: 23px;
    line-height: 1.15em;
  }

}
@media only screen and (max-width: 1200px){
  .donaciones-sec1 .dnd-section{
    padding: 48px 0;
  }
}

@media(max-width:767px){
  .donaciones-sec2 .dnd-section>.row-fluid>div .widget-type-cell {
    margin-bottom: 30px;
    padding: 0;
  }
  .donaciones-sec2 .dnd-section>.row-fluid>div .widget-type-cell:last-child {
    margin: 0;
  }
  .donaciones-sec2 .dnd-section>.row-fluid>div {
    margin-left: 0 !important;
    margin-right: 0;
    width: 100%;
  }
  .donaciones-sec1 .dnd-section{
    padding: 36px 0;
  } 
}
/*======== End ============*/


/*======== Donacion En Especie ===========*/

.hs-donacion-especie-page .custom-accesibilidad .custom-col-6>div {
  padding: 0;
  text-align: left;
}

.hs-donacion-especie-page .custom-accesibilidad .custom-accesibilidad-heading h2 span {
  font-size: 140%;
  line-height: 1.200em;
}

.hs-donacion-especie-page .custom-accesibilidad .custom-accesibilidad-heading {
  text-align: left;
}

.hs-donacion-especie-page .custom-accesibilidad .custom-border {
  display: none;
}

.hs-donacion-especie-page .custom-accesibilidad .custom-accesibilidad-heading h2 {
  margin-bottom: 30px;
}

.hs-donacion-especie-page .hs-colaboradores-page .custom-accesibilidad p {
  color: #3e3f3f;
}

.hs-donacion-especie-page .custom-accesibilidad {
  background: #fff;
}
.hs-donacion-especie-page .custom-banner .custom-banner-content p {
  margin-bottom: 18px;
}
.hs-donacion-especie-page .custom-accesibilidad p {
  color: #3e3f3f;
}
.hs-donacion-especie-page .custom-accesibilidad .custom-accesibilidad-rich + .grve-empty-space {
  height: 70px !important;
}
.hs-donacion-especie-page .custom-process-wrapper .custom-process {
  padding-left:5px;
  padding-right:5px;
}

.hs-donacion-especie-page .custom-process-wrapper .custom-process .grve-empty-space {
  height: 30px;
}
.hs-donacion-especie-page .custom-process-content {
  color: #8c8c8c;
  max-width: 1170px;
  margin: 0 auto;
}
.hs-donacion-especie-page .custom-process-wrapper {
  width: 100%;
}
@media (max-width: 1200px){
  .hs-donacion-especie-page .custom-process-wrapper .custom-process .grve-empty-space{
    height: 18px
  }
  .hs-donacion-especie-page .custom-accesibilidad .grve-empty-space,
  .hs-escuela-familias-page .custom-accesibilidad .grve-empty-space{
    height: 72px !important;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1200px){
  .hs-donacion-especie-page .custom-process-wrapper .custom-process h2 {
    font-size: 23px;
    line-height: 1.15em;
  } 
  .hs-donacion-especie-page .custom-accesibilidad .custom-accesibilidad-heading h2 {
    font-size: 20px;
    line-height: 1.15em;
    margin-bottom: 18px;
  }
}
@media (max-width: 959px){
  .hs-donacion-especie-page .custom-accesibilidad .custom-col-6 {
    width: 50%;
  }
  .hs-donacion-especie-page .custom-accesibilidad .custom-col-6>div .grve-empty-space{
    height: 72px !important; 
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px){
  .hs-donacion-especie-page .custom-accesibilidad .custom-accesibilidad-heading h2 {
    font-size: 18px;
    margin-bottom: 18px;
  } 
}
@media (max-width: 767px){
  .hs-donacion-especie-page .custom-accesibilidad .custom-col-6 {
    width: 100%;
  }
  .hs-donacion-especie-page .custom-accesibilidad .custom-col-6>div .grve-empty-space ,
  .hs-escuela-familias-page .custom-accesibilidad .custom-col-6>div .grve-empty-space{
    height: 54px !important;
  }
  .hs-donacion-especie-page .custom-accesibilidad .custom-accesibilidad-heading h2 {
    margin-bottom: 18px;
    font-size: 19px;
  }
  .hs-donacion-especie-page .custom-accesibilidad .custom-col-6 .grve-empty-space_2 {
    height: 280px !important;
  }
}

/*======== End ===========*/


/*============ Dosieres memorias page ==============*/

.hs-dosieres-memorias-page .custom-process-wrapper .custom-process .grve-empty-space {
  height: 90px;
}
.dosieres-memorias-sec1 .dnd-section>.row-fluid {
  max-width: 1480px ;
}
.hs-dosieres-memorias-page .custom-company .custom-company-heading h2 {
  font-size: 26px;
  line-height: 30px;
  letter-spacing: -1px;
  margin:0;
}

.hs-dosieres-memorias-page .custom-company .custom-company-heading h2 > span {
  background-image: linear-gradient( 
    135deg
    , #3e3f3f 0%, #3e3f3f 100%);
  color: #3e3f3f;
  background-image: -moz-linear-gradient(-45deg, #3e3f3f 0%, #3e3f3f 100%);
  background-image: -webkit-linear-gradient( 
    -45deg
    , #3e3f3f 0%, #3e3f3f 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hs-dosieres-memorias-page .custom-company .custom-company-heading span.grve-title-line {
  width: 90px;
  height: 3px;
  margin-top: 24px;
}

.dosieres-memorias-sec2-wrapper .dnd-section.dnd-row {
  padding: 0;
}

.dosieres-memorias-sec2-wrapper .dnd-section>.row-fluid {
  max-width: 100% !important;
  width: 100%;
}

.dosieres-memorias-sec2-inner {
  margin-left: -15px;
  margin-right: -15px;
}

.dosieres-memorias-sec2 {
  padding-left: 7.5%;
  padding-right: 7.5%;
}

.dosieres-memorias-sec2 .hs-image-widget {
  height: 90px;
  width: auto;
  display: block;
  margin-bottom:24px;
}

.dosieres-memorias-sec2-wrapper  h3.grve-box-title {
  color: #ee7b27;
}

.dosieres-memorias-sec2-wrapper  h3.grve-box-title a {
  color: inherit;
}
.dosieres-memorias-sec2-wrapper .widget-type-space {
  height: 86px;
}
.dosieres-memorias-sec2-wrapper .row-fluid .span6 {
  margin: 0 !important;
  width: 50%;
}
.dosieres-memorias-sec2-wrapper .custom-process-content {
  color: #666666;
}
.dosieres-memorias-sec2-wrapper .custom-company {
  padding-bottom: 24px;
  padding-top: 0;
}
.dosieres-memorias-sec2-wrapper .dnd-section {
  padding: 0;
}
.dosieres-memorias-sec2-wrapper {
  padding-bottom: 60px;
  padding-top: 60px;
}
.hs-dosieres-memorias-page .custom-process-content {
  color: #666666;
} 
@media only screen and (min-width: 960px) and (max-width: 1200px){
  .hs-dosieres-memorias-page .custom-process-wrapper .custom-process h2,
  .hs-dosieres-memorias-page .custom-company .custom-company-heading h2{
    font-size: 23px;
    line-height: 1.15em;
  } 
  .dosieres-memorias-sec2-wrapper h3.grve-box-title {
    line-height: 1.2em;
  }
}

@media(max-width:1200px){
  .hs-dosieres-memorias-page .body-container-wrapper .dnd-section {
    padding: 18px 0;
  } 
  .hs-dosieres-memorias-page .dosieres-memorias-sec2-wrapper .dnd-section{
    padding:0;
  }
  .hs-dosieres-memorias-page .custom-process-wrapper .custom-process .grve-empty-space{
    height: 72px;
  }
  .dosieres-memorias-sec2-wrapper{
    padding-bottom: 48px;
    padding-top: 48px;
  }
  .hs-dosieres-memorias-page .custom-company {
    padding-top: 0;
  }
  .dosieres-memorias-sec2-wrapper h3.grve-box-title {
    line-height: 1.2em;
  }

  .dosieres-memorias-sec2-wrapper .widget-type-space {
    height: 72px;
  }

  .dosieres-memorias-sec2-wrapper  .row-fluid [class*="span"] {
    min-height: 21px;
  }

}
@media only screen and (min-width: 768px) and (max-width: 959px){
  .hs-dosieres-memorias-page .custom-los .grve-column-wrapper p,
  .hs-escuela-familias-page .custom-los .grve-column-wrapper p{
    font-size: 16px;
    line-height: 1.2em;
  }
  .hs-dosieres-memorias-page .custom-company .custom-company-heading h2 {
    font-size: 21px;
    line-height: 1.15em;
  }
}
@media (max-width: 959px){
  .hs-dosieres-memorias-page .custom-banner.padding-30 .custom-banner-content {
    padding: 18px 0;
  }
  .hs-escuela-familias-page .custom-accesibilidad .custom-accesibilidad-rich p {
    line-height: 21px;
    font-size: 16px;
  }
}

@media(max-width:767px){
  .hs-dosieres-memorias-page .custom-process-wrapper .custom-process .grve-empty-space,
  .dosieres-memorias-sec2-wrapper .widget-type-space{
    height: 54px;
  }
  .dosieres-memorias-sec2-wrapper {
    padding-top: 36px;
    padding-bottom: 36px;
  }

  .hs-dosieres-memorias-page .custom-company .custom-company-heading h2 {
    font-size: 22px;
    line-height: 1.15em;
  }
  .dosieres-memorias-sec2-wrapper .row-fluid .span6 {
    margin: 0 !important;
    width: 100%;
  }
  .dosieres-memorias-sec2-wrapper .widget-type-cell > .dnd-section:nth-child(2){
    margin-bottom: 30px;
  }
  .hs-escuela-familias-page .custom-accesibilidad .custom-accesibilidad-heading h2 {
    font-size: 22px;
    line-height: 1.15em;
  }
}


/*========= Escuela familias========*/

.hs-escuela-familias-page .custom-accesibilidad p {
  color: #666666;
  font-family: neo-sans;
  font-weight: 400;
  line-height: 21px;
  font-size: 16px;
}
.custom-accesibilidad a.custom-button {
  text-transform: uppercase;
  font-weight: 700;
  font-family: Barlow;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  -webkit-transition: color .5s ease, background-color .5s ease, background-size .5s ease, border-color .5s ease;
  -moz-transition: color .5s ease, background-color .5s ease, background-size .5s ease, border-color .5s ease;
  -o-transition: color .5s ease, background-color .5s ease, background-size .5s ease, border-color .5s ease;
  -ms-transition: color .5s ease, background-color .5s ease, background-size .5s ease, border-color .5s ease;
  transition: color .5s ease, background-color .5s ease, background-size .5s ease, border-color .5s ease;
  vertical-align: top;
  margin-top: 3px;
  margin-bottom: 3px;
  outline: 0;
  text-align: center;
  cursor: pointer;
  border: 1px solid transparent;
  box-sizing: border-box;
  word-wrap: break-word;
  display: inline-block;
  padding: 1.636em 2.545em;
  margin-left: 15px;
  margin-right: 15px;
  background-color: #ee7b27;
  border-color: #ee7b27;
  color: #ffffff;
  line-height: 1.78em;
  font-size: 24px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.custom-accesibilidad a.custom-button:hover {
  background-color: #ae470b;
  border-color: #ae470b;
  color: #ffffff;
}
.hs-escuela-familias-page .custom-accesibilidad .custom-accesibilidad-rich {
  color: #666;
  font-family: neo-sans;
  font-weight: 400;
  line-height: 21px;
  font-size: 16px;
}
.custom-banner .custom-banner-content h3.enclave-banner-title {
  margin-bottom: 10px;
}

.custom-banner .custom-banner-content h3.enclave-banner-title span {
  font-size: 120%;
}
.hs-escuela-familias-page .row-fluid [class*="span"] {
  min-height: 1px;
}
@media(max-width:767px){
  .custom-accesibilidad a.custom-button {
    font-size: 14px;
    line-height: 1.78em;
  }
}
@media(max-width:959px){
  .hs-escuela-familias-page .custom-accesibilidad .custom-row .custom-col-6:last-child {
    order: 1 !important;
    margin-bottom: 30px;
  }
  .hs-escuela-familias-page .custom-accesibilidad .custom-row .custom-col-6:first-child{
    order: 2 !important;
    margin-bottom: 0;
  }
  .custom-banner .custom-banner-content h3.enclave-banner-title span {
    font-size: 140%;
  }
  .custom-banner .custom-banner-content h3.enclave-banner-title{
    margin-top: -10px;
  }
  .hs-escuela-familias-page .custom-accesibilidad .custom-row{
    display: flex;
    flex-wrap: wrap;
  }
}



/*========== End ========*/

/*========= Nuestro compromiso ===========*/



.hs-nuestro-compromiso-page .custom-los h4 {
  line-height: 24px;
  margin-bottom: 20px;
}

.hs-nuestro-compromiso-page .custom-los h3 {
  margin: 0;
}

.hs-nuestro-compromiso-page .custom-los .grve-column-wrapper {
  margin-bottom: 0;
}
.hs-nuestro-compromiso-page .hs-column-with-equal-bg .content {
  color: #3e3f3f;
}
.hs-nuestro-compromiso-page .hs-column-with-equal-bg .grve-column.wpb_column.grve-middle {display: block;}

.hs-nuestro-compromiso-page .hs-column-with-equal-bg .grve-column.wpb_column.grve-middle>.grve-column-wrapper {
  display: block;
  height: unset !important;
}

.hs-nuestro-compromiso-page .hs-column-with-equal-bg .grve-column.wpb_column.grve-middle h2 {
  margin-bottom: 20px;
  color: #3e3f3f;
  font-family: neo-sans;
  font-weight: 600;
  font-style: normal;
  text-transform: none;
  font-size: 26px;
  line-height: 30px;
  letter-spacing: -1px;
}

.hs-nuestro-compromiso-page .hs-column-with-equal-bg .grve-column.wpb_column.grve-middle h2 span {
  font-size: 140%;
  line-height: 1.200em;
}

.hs-nuestro-compromiso-page .hs-column-with-equal-bg .grve-divider {
  padding: 0 0 18px;
}

.hs-nuestro-compromiso-page .hs-column-with-equal-bg .grve-divider .grve-custom-divider {
  width: 100px;
}
.hs-nuestro-compromiso-page .custom-advanced-button-wrapper .custom-advanced-button .grve-btn {
  box-shadow: none;
}
@media(max-width:1200px){
  .hs-nuestro-compromiso-page .custom-los h3,
  .hs-nuestro-compromiso-page  h3{
    font-size: 18px;
    line-height: 1.2em; 
  }
  .hs-nuestro-compromiso-page .hs-column-with-equal-bg .grve-column.wpb_column.grve-middle h2 {
    line-height: 1.15em;
    font-size: 20px;
  }
  .hs-nuestro-compromiso-page .body-container-wrapper .dnd-section{
    padding:18px 0;
  }

  .hs-nuestro-compromiso-page .custom-advanced-button-wrapper .custom-advanced-button-column {
    padding: 0;
  }
  .hs-nuestro-compromiso-page .custom-collaboration .custom-collaboration-heading h3{
    font-size: 19px;
    line-height: 1.25em;

  }
  .hs-nuestro-compromiso-page .custom-collaboration .custom-collaboration-column {
    top: 18px;
  }
  .body-container__servies-marketing1.hs-content-orange-section .dnd-section h3:last-child{
    margin-bottom:0 !important
  }
}
@media(max-width:959px){
  .hs-nuestro-compromiso-page .custom-los h3, .hs-nuestro-compromiso-page h3{
    font-size: 16px;
    line-height: 1.2em;
  }
  .hs-nuestro-compromiso-page .hs-column-with-equal-bg .grve-column.wpb_column.grve-middle{
    width: 50.0%;
  }
  .hs-nuestro-compromiso-page .hs-column-with-equal-bg .grve-column.wpb_column.grve-middle h2 {
    font-size: 18px;
  }
  .hs-nuestro-compromiso-page .custom-los .grve-column-wrapper p{
    font-size: 16px;
    line-height: 1.2em;
  }
  .hs-nuestro-compromiso-page .custom-collaboration .custom-collaboration-heading h3{
    font-size: 17px;
  }
}

@media(max-width:767px){
  .hs-nuestro-compromiso-page .custom-los h4 {
    font-size: 18px;
    line-height: 24px;
  }

  .hs-nuestro-compromiso-page .custom-los h3, .hs-nuestro-compromiso-page h3 {
    font-size: 17px;
    line-height: 1.2em;
  }
  .hs-nuestro-compromiso-page .custom-los .grve-column-wrapper p {
    font-size: 17px;
    line-height: 1.2em;
  }
  .hs-nuestro-compromiso-page .hs-column-with-equal-bg .grve-column.wpb_column.grve-middle h2 {
    font-size: 19px;
  }

  .hs-nuestro-compromiso-page .hs-column-with-equal-bg .grve-column.wpb_column.grve-middle {
    width: 100%;
  }

  .hs-nuestro-compromiso-page .hs-column-with-equal-bg .grve-column.wpb_column.grve-middle>.grve-column-wrapper {
    margin: 0;
  }

  .hs-nuestro-compromiso-page .hs-column-with-equal-bg .content + .grve-height-1x {
    height: 2px;
  }
  .hs-nuestro-compromiso-page .custom-advanced-button-wrapper{
    padding-bottom:30px;
  }
  .hs-nuestro-compromiso-page .custom-los .grve-column-wrapper p {
    font-size: 17px;
    line-height: 1.2em;
  }

  .hs-nuestro-compromiso-page .custom-company .page-center {
    max-width: 100% !important;
    width: 100%;
  }

  .hs-nuestro-compromiso-page .custom-company .page-center .custom-row {
    margin: 0;
  }

  .hs-nuestro-compromiso-page .custom-collaboration .custom-collaboration-heading h3 {
    font-size: 18px;
  }
  .hs-nuestro-compromiso-page .custom-collaboration .custom-collaboration-column:last-child > div {
    margin: 0;
  }
  .custom-services .custom-services-heading h2{
    font-size: 19px !important;
  }
}
/*========= End =========*/



.body-container-wrapper .datos_personales {
  background-color: #ffffff;
  padding:90px 0;
}
.datos_personales .dnd-section > .row-fluid {
  max-width: 1480px;
}
.datos_personales .dnd-section .widget-type-cell {
  padding-left: 0;
  padding-right: 0;
}
.datos_personales fieldset{
  max-width:100% !important;
}
.datos_personales h3{
  line-height:24px;
  margin: 0 0 10px;
}
.hs-year > label, 
.hs-grade_of_discapacity > label,
.hs-type_of_disability > label,
.hs-phone > label,
.hs-email > label,
.hs-other_phone > label,
.hs-other_contact_phone > label,
.hs-pin_code > label,
.hs-center_to_which_it_belongs > label,
.hs-address > label,
.hs-location > label,
.hs-menu_month > label,
.hs-menu_day > label, 
.hs-lastname > label,
.hs-nif > label,
.datos_personales .hs-firstname > label{
  display:None;
}
.datos_personales .hs-form-field{
  margin:0
}
.datos_personales h5{
  color: #bdbdbd ;
  font-size: 17px;
  font-family: 'Barlow Condensed';
  letter-spacing: 0.2px;
  text-align: left;
  margin:0;
  padding: 0px 0 10px 0;
  line-height: 20px;  
  font-weight: 600;
}
.datos_personales h6 {
  color: #3e3f3f;
  font-family: neo-sans;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0px;
  padding-bottom: 10px;
  margin: 0;
  font-weight: 600;
}
.datos_personales fieldset.form-columns-2,
.datos_personales fieldset.form-columns-3 {
  margin: 0 -10px;
  max-width:calc(100% + 20px) !important;
}
.datos_personales fieldset.form-columns-2 .input,
.datos_personales fieldset.form-columns-3 .input {
  margin-right: 0 !important;
}

.datos_personales fieldset.form-columns-2 > .field{
  padding: 0 10px;
}
.datos_personales fieldset.form-columns-3 > .field{
  width: 33.333% !important;
  padding:0 10px;
}
.datos_personales select,
.datos_personales input[type="tel"],
.datos_personales input[type="email"],
.datos_personales input[type="text"]{
  color: #000;
}
.datos_personales ::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.5;
}
.datos_personales .hs-richtext.hs-main-font-element {
  margin: 0;
}

.datos_personales select {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.datos_personales .form-columns-2 label{
  padding: 5px 0 0 0;
  margin-bottom: 7px;
  color: #bdbdbd !important;
  font-weight: 600;
  font-size: 17px;
  font-family: 'Barlow Condensed';
  letter-spacing: 0.2px;
  min-height: 46px;
  font-style: normal;
  line-height: 20px;
  text-transform: none;
  text-align:center;
}

.datos_personales .legal-consent-container .field.hs-form-field {
  margin-bottom: 0;
  padding: 2px 0 17px;
}
.datos_personales ul.inputs-list {
  padding: 0 !important;
  margin: 0 !important;
}
.datos_personales label.hs-form-booleancheckbox-display {
  max-width: 317px;
  margin: 0 auto;
  line-height: 19px;
  color: #9A9F9F;
  font-size: 12px;
}
.datos_personales .legal-consent-container .hs-form-booleancheckbox-display p a {
  color: #ee7b27;
  font-size: 13px;
}
.datos_personales input[type="checkbox"] {
  border: #e9e9e9 0px solid !important; 
  border-radius: 0px !important;
  position: absolute;
  z-index: 1;
  width: 14px !important;
  height: 14px;
  margin: 1px;
  cursor: pointer;
  box-shadow: none !important;
  outline: 0;
  color: #e9e9e9;
}
.datos_personales .hs-error-msgs label ,
.datos_personales fieldset .hs-error-msgs label.hs-error-msg {
  font-family: "Barlow Semi Condensed";
  font-weight: 600;
  font-style: normal;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-align: center;
  color: #f00000 !important;
  margin: 0;
  padding: 0;
  min-height: unset;
  line-height:21px;
} 
.hs_historias-banner .custom-banner .custom-banner-content p {
  margin: 0;
}
.body-container__historias1  p{
  font-size: 18px;
  line-height: 24px;
  font-weight:600;
  margin:0 0 15px;
  font-family: neo-sans;
}
.body-container__historias1 h2{
  margin-bottom:20px;
}
.body-container__historias2 .dnd_area-row-2-vertical-alignment > .row-fluid {
  max-width:calc(1480px + 30px) !important;
}
.body-container__historias2 .module_16206478863492-vertical-alignment {
  text-align: center;
}
.body-container__historias2 .dnd-section > .row-fluid > div{
  margin:0 !important;
}
.body-container__historias2 img{
  display: block;
  margin: 0px auto;
  z-index: 1;
}
.body-container__historias2 p:last-child {
  margin-bottom: 0;
}
.body-container__historias2 .dnd_area-row-2-vertical-alignment > .row-fluid {
  max-width: 1480px !important;
}
.informacion-basica-sobre1 .hs_cos_wrapper_type_rich_text {
  min-height: 200px;
  display: table;
  width: 100%;
  position: relative;
  z-index: 5;
}
.informacion-basica-sobre1 .dnd-section {
  padding-bottom: 0;
  padding-top: 0;
}
.informacion-basica-sobre1 .dnd-section .widget-type-cell {
  padding-left: 0;
  padding-right: 0;
}
.informacion-basica-sobre2 td p:last-child {
  margin: 0;
}
td p:last-child {
  margin: 0;
}
.informacion-basica-sobre1 h1 {
  vertical-align: middle;
  display: table-cell;
  width: 100%;
  font-family: Barlow;
  font-weight: 700;
  font-style: normal;
  font-size: 55px;
  text-transform: uppercase;
  line-height: 60px;
  letter-spacing: -1px;
  margin:0;
}
.informacion-basica-sobre2 td,
.informacion-basica-sobre2 th {
  vertical-align: top;
}
.body-container__informacion-orientacion1 p {
  letter-spacing: 0px;
  font-family: neo-sans;
  font-weight: 600;
  font-style: normal;
  text-transform: none;
  font-size: 20px;
  line-height: 24px;
  padding:0 0 20px;
  margin:0;
}
.body-container__informacion-orientacion1 .dnd-section .widget-type-cell {
  padding-left: 0;
  padding-right: 0;
}
.body-container__informacion-orientacion1 .dnd_area-row-0-vertical-alignment > .row-fluid {
  padding: 0 15px;
}
.body-container__informacion-orientacion2 ul {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 30px;
  margin-bottom: 1.5em;
}
.body-container__informacion-orientacion2 ul li {
  position: relative;
  display: block;
  margin: 0;
  padding: 4px 0 4px 2em;
  list-style-type: none;
  line-height: 1.3em;
}
.body-container__informacion-orientacion2 ul li > i {
  display: inline-block;
  font: normal normal normal 14px/1 ShortcodesUltimateIcons;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 0;
  top: 4px;
  width: 1.3em;
  height: 1.3em;
  line-height: 1.3em;
  text-align: center;
}
.sui-check:before {
  content: "\f00c";
}
.body-container__informacion-orientacion2 .dnd-section .widget-type-cell {
  width:calc(50% - 30px) !important;
  margin:0 15px !important;
  padding: 0 !important;
}

.information-and-guidance-section{
  display:table;
  width:100%;
  height: 387px;  
  margin: 0 0 2px;
}
.information-and-guidance-section-inner {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.information-and-guidance-section h2 {
  font-family: neo-sans;
  font-weight: 600;
  font-style: normal;
  text-transform: none;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #fff;
  margin: 15px 0;
  text-align: center;
}
.infor-image {
  padding-left: 15px;
  padding-right: 15px;
  width: 50.0%;
  min-height: 1px;
  float: left;
  position: relative;
}
.infor-image-and-content:after {
  content: " ";
  display: table;
  clear: both;
}
.infor-content {
  padding-left: 15px;
  padding-right: 15px;
  width: 50.0%;
  float: left;
  position: relative;
}
.infor-content-inner {
  padding: 5% 5% 0;
  text-align: center;
}
.infor-content-inner h4 {
  font-family: neo-sans;
  font-weight: 600;
  font-style: normal;
  text-transform: none;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #fff;
  text-align: center;
  margin:5px 0 10px;
}
.divider-bg-white{
  width: 50px;
  height: 2px;
  border-color: #ffffff;
  color: #000000;
  margin-left: auto;
  margin-right: auto;
  display: block;
  clear: both;
  margin-top: 18px;
  background-color: #ffffff;
}
.infor-content-inner a{
  padding: 15px 30px;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 24px;
  display: inline-block;
  line-height: 1.78em;
  margin-top: 13px;
  margin-bottom: 8px;
  outline: 0;
  text-align: center;
  cursor: pointer;
  border: 1px solid transparent;
  position: relative;
  overflow: hidden;
  background-color: #ee7b27;
  border-color: #ee7b27;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0px;
  font-family: Barlow;
  font-weight: 700;
  font-style: normal;
  transition:all 0.5s;
}
.infor-content-inner a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #ee7b27;
}
.dnd_area2-row-1-padding{
  text-align:center;
}
.banner-area.informacion-y-orientacion-banner .grve-pattern{
  background-position: 50% 25%;
}
.jornada-puertas-abiertas-banner .custom-banner-image {
  background-position: 50% 75% !important;
}
.jornada-puertas-abiertas-banner .custom-banner-inner > .grve-empty-space{
  height: 55vh !important;
} 
.jornada-puertas-abiertas-banner .custom-banner .custom-banner-content p {
  margin-bottom: 0;
}
.body-container__jornada-puertas-abiertas-pages1 p{
  font-family: neo-sans;
  font-weight: 600;
  font-style: normal;
  text-transform: none;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  letter-spacing: 0px;
  margin:0 0 20px;
  color: #ffffff;
}
.body-container__jornada-puertas-abiertas-pages2 .dnd-section > .row-fluid > div {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0;
}
.body-container__jornada-puertas-abiertas-pages2 .dnd_area2-module-1-vertical-alignment{
  width:50% !important;
  margin:0 !important;
}
.body-container__jornada-puertas-abiertas-pages2 .dnd-section > .row-fluid > div {
  margin: 0 15px;
  padding: 0;
  width: calc(50% - 30px) !important;
}
.body-container__jornada-puertas-abiertas-pages2 .dnd-section > .row-fluid > div:first-child{
  height: 402px;
}
.body-container__jornada-puertas-abiertas-pages2 h2{
  color: #ee7b27; 
  font-family: neo-sans;
  font-weight: 600;
  font-style: normal;
  text-transform: none;
  font-size: 26px;
  line-height: 30px;
  letter-spacing: -1px;
  position: relative;
  z-index: 1;
  margin:0;
}

.body-container__jornada-puertas-abiertas-pages2 hr{
  margin:24px auto;
  width: 90px;
  height: 3px;
  background-color: #ee7b27;
  border:0;
}
.body-container__horas-probono1 p {
  font-family: neo-sans;
  font-weight: 600;
  font-style: normal;
  text-transform: none;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0px;
  margin: 0 0 20px;
}
.body-container__horas-probono2 .dnd_area2-column-2-padding {
  width: calc(66.66666667% - 30px) !important;
  margin: 0 15px !important;
  display: table !important;
}
.body-container__horas-probono2 .dnd_area2-column-2-padding > div{
  height: 320px;
  display: table-cell;
  vertical-align: middle;
}
.body-container__horas-probono2 .cell_1620805496035-background-image {
  width: calc(33.33333333% - 30px) !important;
  margin: 0 15px !important;
}
.body-container__herencias-y-legados1 p {
  font-family: neo-sans;
  font-weight: 600;
  font-style: normal;
  text-transform: none;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0px;
  margin: 0 0 15px;
}
.body-container__herencias-y-legados2 .dnd-section > .row-fluid {
}
.body-container__herencias-y-legados2 .dnd_area2-row-0-vertical-alignment .dnd-column{
  margin:0 15px !important;
  width:calc(50% - 30px) !important;
  color: #666666;
}
.body-container__herencias-y-legados2 ol {
  list-style: none;
  counter-reset: li;
  margin-bottom: 28px;
  margin-left: 20px;
  line-height: 30px;
}
.body-container__herencias-y-legados2 ol li{
  counter-increment: li;
  margin-bottom: 15px;
  line-height: 22px;
  color: #666666;
}
.body-container__herencias-y-legados2 ol li:before {
  font-weight: 800;
  content: counter(li)".";
  color: #ee7b27;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.body-container__herencias-y-legados2 p{
  color: #666666;
}
.body-container__herencias-y-legados2 p:last-child {
  margin-bottom: 68px !important;
}
.body-container__herencias-y-legados2 .cell_1620815816338-vertical-alignment {
  justify-content: start !important;
}

.body-container__herencias-y-legados2 .grve-btn{
  -webkit-box-shadow: 0 8px 15px rgb(0 0 0 / 20%);
  -moz-box-shadow: 0 8px 15px rgba(0,0,0,0.2);
  box-shadow: 0 8px 15px rgb(0 0 0 / 20%);
}
.tutela-y-mediacion-banner .custom-banner-image {
  background-position: left center !important;
}
.body-container__tutela-y-mediacion1 p{
  font-family: neo-sans;
  font-weight: 600;
  font-style: normal;
  text-transform: none;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0px;
  margin:0 0 20px;
}
.body-container__tutela-y-mediacion2 .dnd-column{
  margin:0 15px !important;
  width:calc(50% - 30px) !important;
  color: #666666;
}
.body-container__tutela-y-mediacion2 ul {
  margin: 0 0 1.5em;
  padding: 0;
  list-style: none;
  line-height: 30px;
}
.body-container__tutela-y-mediacion2 ul li{
  position: relative;
  display: block !important;
  margin: 0 !important;
  padding: 4px 0 4px 2em !important;
  list-style-type: none !important;
  line-height: 1.3em;
}
.sui {
  display: inline-block;
  font: normal normal normal 14px/1 ShortcodesUltimateIcons;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.body-container__tutela-y-mediacion2 ul li > i {
  position: absolute;
  left: 0;
  top: 4px;
  width: 1.3em;
  height: 1.3em;
  line-height: 1.3em;
  text-align: center;
}
.sui-check:before {
  content: "\f00c";
}
.body-container__faq1 .dnd_area-column-2-vertical-alignment > .row-fluid-wrapper {
  display: table;
  width: 100%;
  position: relative;
  min-height: 200px;
}
.body-container__faq1 .dnd_area-column-2-vertical-alignment > .row-fluid-wrapper > .row-fluid{
  text-align: center;
  vertical-align: middle;
  display: table-cell !important;
  width: 100%;
}
.body-container__faq1 h1{
  font-family: Barlow;
  font-weight: 700;
  font-style: normal;
  font-size: 55px;
  text-transform: uppercase;
  line-height: 60px;
  letter-spacing: -1px;
  margin-bottom: 18px;
}
.body-container__faq1 h3 {
  font-family: Barlow;
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  text-transform: none;
  line-height: 28px;
  letter-spacing: 0px;
  margin: 0;
}
.body-container__faq2 .hs-faq-accordion-bg .hs-faq-accordion-grve-accordion ul > li:last-child{
  margin:0;
} 
.body-container__faq2 .dnd_area2-row-1-padding{
  text-align:left;
}
.body-container__faq2 .grve-element.grve-text p {
  margin: 0;
}
.body-container__horas-probono2 p,
.body-container__informacion-orientacion2 p {
  color: #666666;
}
.body-container__historias2 .dnd_area2-row-1-padding{
  text-align:left;
}
.body-container__website.datos_personales input[type="submit"]{
  border-radius:3px !important;
}
.cm-fundacionmapfre-banner {
  text-align: center;
  padding: 90px 0 60px;
}
.body-container__fundacionmapfre1 h1 {
  line-height: 1.400em;
  color: #ee6814;
  font-family: Barlow;
  font-weight: 600;
  font-style: normal;
  font-size: 36px;
  text-transform: none;
  letter-spacing: 0px;
}
.fundacionmapfre-social-icon-wrapper{
  height: 290px;
  display: table;
  width: 100%;
}
.fundacionmapfre-social-icon{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.fundacionmapfre-social-icon ul{
  margin: 0;
  list-style: none;
  padding:0;
}
.fundacionmapfre-social-icon ul li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  line-height: 32px;
}
.fundacionmapfre-social-icon ul li:last-child {
  margin-right: 0;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fundacionmapfre-social-icon ul li i {
  font-size: 20px;
  padding: 2px 15px;
}
.fa-facebook:before {
  content: "\f09a";
}
.fundacionmapfre-social-icon ul li a {
  overflow: hidden;
  display: block;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  color: #d3d3d3;
}
.fundacionmapfre-social-icon ul li a:hover {
  color: #000000;
}
.body-container__fundacionmapfre1 .dnd_area-row-1-padding{
  border-top:1px solid #e9e9e9;
}
.body-container__servicios-de-inclusion1 p {
  color: #fff;
  font-family: neo-sans;
  font-weight: 600;
  font-style: normal;
  text-transform: none;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0px;
  margin: 0 auto 20px;
  max-width:1170px;
}
.body-container__servicios-de-inclusion2 h1 {
  font-family: neo-sans;
  font-weight: 600;
  font-style: normal;
  text-transform: none;
  font-size: 26px;
  line-height: 30px;
  letter-spacing: -1px;
  margin-bottom: 18px;
  text-align: center;
  border-bottom: solid 4px #ee7b27;
  padding: 0 0 18px;
  color: #ee7b27;
}

.body-container__servicios-de-inclusion2 h1 span{
  font-size: 180%;  
  display: inline-block;
  vertical-align: top;
  line-height: 1.200em;
}
.body-container__servicios-de-inclusion3 .custom-ocupacional .custom-ocupacional-heading h1{
  font-size: 22px;
  line-height: 22px;
  font-family: 'Barlow Condensed';
  font-weight: 700;
  color: #ffffff;
}
.body-container__servicios-de-inclusion3 .grve-btn {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #000000 !important;
}
.body-container__servicios-de-inclusion3 .grve-btn:hover{
  background-color: #ee7b27;
  border-color: #ee7b27;
  color: #ffffff !important;
}
.body-container__servicios-de-inclusion3 .custom-ocupacional {
  background-color: transparent;
  padding-top: 12px;
}
.body-container__servicios-de-inclusion3 .custom-ocupacional .custom-ocupacional-row {
  margin-left: -7.5px;
  margin-right: -7.5px;
}
.body-container__servicios-de-inclusion3 .custom-ocupacional .custom-ocupacional-column {
  padding: 15px;
  background-color: #f7f7f7 !important;
  margin: 0 7.5px ;
  width: calc(33.33333333% - 15px);
  margin-bottom: 15px !important;
}

.custom-soluciones4-sec .custom-advanced-button-wrapper .custom-advanced-button .cta_button {
  font-weight: 700;
  font-family: Barlow,sans-serif;
}

/* ANi */
.body-container__roncalli4.wow .dnd-section>.row-fluid>.dnd-column>div>.row-fluid>.dnd-column,
.body-container__roncalli3.wow .dnd-section>.row-fluid>.dnd-column>div>.row-fluid>.dnd-column{
  position: relative;
}
.body-container__roncalli4.wow  .dnd-section>.row-fluid>.dnd-column>div>.row-fluid>.dnd-column:after,
.body-container__roncalli3.wow .dnd-section>.row-fluid>.dnd-column>div>.row-fluid>.dnd-column:after{
  background: #fff;
  position: absolute;
  transition: width 1000ms;
  height: calc(100% + 60px);
  width: calc(100% + 60px);
  top: 0px;
  left: 0;
  content: "";
  margin: -30px;
}
.body-container__roncalli4.animated .dnd-section>.row-fluid>.dnd-column>div>.row-fluid>.dnd-column:after,
.body-container__roncalli3.animated .dnd-section>.row-fluid>.dnd-column>div>.row-fluid>.dnd-column:after{
  width: 0;
}
.body-container__roncalli3.wow .dnd-section>.row-fluid>.dnd-column>div>.row-fluid>.dnd-column:first-child:after{
  left: 0;
}
.body-container__roncalli3.wow .dnd-section>.row-fluid>.dnd-column>div>.row-fluid>.dnd-column:last-child:after{
  right: 0;
  left:auto;
}


@media only screen and (min-width: 960px){
  .hs_historias-banner .custom-banner .custom-banner-button {
    display: none;
  }
}

@media only screen and (max-width: 1540px){
  .body-container__historias2 .dnd_area-row-2-vertical-alignment > .row-fluid {
    max-width: 90% !important;
  }
  .body-container__historias1 .dnd-section > .row-fluid,
  .body-container__historias2 .dnd-section > .row-fluid{
    width: calc(90% + 30px);
  }
  .informacion-basica-sobre2 .dnd-section > .row-fluid{
    width: calc(90% + 30px);
    max-width: calc(90% + 30px) !important;
  }
  .body-container__jornada-puertas-abiertas-pages2 .dnd-section > .row-fluid{
    width: calc(90% + 30px) !important;
  }
  .body-container__horas-probono2 .dnd-section > .row-fluid {
    width: calc(90% + 30px);
  }
  .body-container__herencias-y-legados2 .dnd-section > .row-fluid{
    width: calc(90% + 30px);
  }
  .body-container__herencias-y-legados2 .cell_1620815816338-padding,
  .body-container__herencias-y-legados2 .dnd_area2-column-2-padding {
    padding-top: 16.813px !important;
    padding-bottom: 16.813px !important;
    padding-left: 16.813px !important;
    padding-right: 16.813px !important;
  }
  .body-container__herencias-y-legados2 h4{
    line-height:24px;
  }
  .body-container__herencias-y-legados2 p:last-child {
    margin-bottom: 38px !important;
  }
  .body-container__tutela-y-mediacion2 .dnd-section > .row-fluid {
    width: calc(90% + 30px);
  }
  .body-container__tutela-y-mediacion2 .cell_1620824968302-padding {
    padding-top: 27px !important;
    padding-bottom: 11px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .body-container__faq2 .dnd-section > .row-fluid{
    width: 100%;
  }
  .body-container__faq2 .page-center {
    width: calc(90% + 30px);
  } 
  .body-container__fundacionmapfre1 .dnd-section > .row-fluid {
    max-width: calc(1480px + 30px);
    width: calc(90% + 30px);
  }
  .body-container__servicios-de-inclusion3 .dnd-section > .row-fluid,
  .body-container__servicios-de-inclusion2 .dnd-section > .row-fluid,
  .body-container__servicios-de-inclusion1 .dnd-section > .row-fluid {
    width: calc(90% + 30px); 
  }
  .body-container__servicios-de-inclusion3 .page-center {
    width: 100%;
    padding: 0;
  }
}





@media only screen and (max-width: 1200px){
  .body-container-wrapper .datos_personales {
    padding: 59px 0;
  }
  .datos_personales h3{
    font-size: 18px;
    line-height: 1.2em;
  }
  .body-container__historias2 .dnd_area2-row-6-padding,
  .body-container__historias2 .dnd_area2-row-5-padding,
  .body-container__historias2 .dnd_area2-row-4-padding,
  .body-container__historias2 .dnd_area2-row-3-padding,
  .body-container__historias2 .dnd_area2-row-2-padding,
  .body-container__historias2 .dnd_area2-row-1-padding,
  .body-container__historias2 .dnd_area2-row-0-padding {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
  .informacion-basica-sobre1  .dnd-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .informacion-y-orientacion-banner .custom-banner .custom-banner-image {
    background-position: 50% 25% !important;
  }
  .body-container__jornada-puertas-abiertas-pages2 .dnd-section {
    padding-bottom: 18px;
    padding-top: 18px;
  }
  .body-container__jornada-puertas-abiertas-pages2 .dnd-section > .row-fluid > div:first-child{
    height: 350px;
  }
  .body-container__herencias-y-legados1 h1{
    font-size: 23px;
    line-height: 1.15em;
  }
  .body-container__herencias-y-legados1 .dnd-section .widget-type-cell {
    padding-left: 0;
    padding-right: 0;
  }
  .body-container__herencias-y-legados1 .dnd-section {
    padding-bottom: 53px !important;
  }   
  .body-container__herencias-y-legados2 .dnd-section {
    padding-bottom: 18px;
    padding-top: 18px;
  }
  .body-container__herencias-y-legados2 .custom-collaboration .custom-collaboration-heading h3 {
    font-size: 19px;
  }
  .body-container__herencias-y-legados2 .custom-collaboration {
    background-color: #ee7b27;
    color: #fff;
    padding-top: 18px;
    position: relative;
  }
  .body-container__herencias-y-legados2 .custom-collaboration .custom-collaboration-column {
    top: 17px;
  }
  .body-container__herencias-y-legados2 .custom-collaboration .custom-collaboration-icon {
    margin-bottom: 21px;
  }
  .body-container__tutela-y-mediacion1 p {
    font-size: 18px;
    line-height: 1.2em;
  }
  .body-container__tutela-y-mediacion2 .dnd-section {
    padding-bottom: 18px;
    padding-top: 18px;
  }
  .body-container__tutela-y-mediacion2 .cell_1620824968302-padding {
    padding-top: 22px !important;
    padding-bottom: 9px !important;
    padding-left: 33px !important;
    padding-right: 33px !important;
  }
  .body-container__faq1 h1 {
    font-size: 47px;
    line-height: 1.09em;
  }
  .body-container__faq1 h3 {
    font-size: 22px;
    line-height: 1.17em;
  }
  .cm-fundacionmapfre-banner {
    padding: 72px 0 60px;
  }
  .body-container__fundacionmapfre1 .dnd-section > .row-fluid {
    max-width: calc(90% + 30px) !important;
  }
  .body-container__fundacionmapfre1 h1 {
    font-size: 31px;
  }
  .body-container__fundacionmapfre1 .dnd_area-row-0-padding {
    padding-bottom: 144px !important;
  }
  .fundacionmapfre-social-icon-wrapper {
    height: unset;
    display: table;
    width: 100%;
    padding: 18px 0;
  }
  .body-container__fundacionmapfre1 .dnd_area-row-1-padding {
    border-top: 2px solid #e9e9e9;
  }
  .body-container__servicios-de-inclusion1 .dnd_area-row-0-padding {
    padding-top: 48px !important;
    padding-bottom: 18px !important;
  }
  .body-container__servicios-de-inclusion1 p {
    font-size: 18px;
    line-height: 1.2em;
  }
  .body-container__servicios-de-inclusion2 h1 {
    font-size: 20px;
  }
  .body-container__servicios-de-inclusion2 .dnd_area2-row-0-padding {
    padding-top: 38px !important;
    padding-bottom: 0px !important;
  }
  .body-container__servicios-de-inclusion3 .custom-ocupacional .custom-ocupacional-column {
    width: 50%;
  }
  .body-container__servicios-de-inclusion3 .custom-ocupacional .custom-ocupacional-column {
    width: calc(50% - 15px);
  }
  .body-container__servicios-de-inclusion3 .custom-ocupacional .custom-ocupacional-heading h1{
    line-height:26px;
  }
  .body-container__servicios-de-inclusion3 .custom-ocupacional {
    padding-top: 0;
  }
} 



@media only screen and (min-width: 960px) and (max-width: 1200px){
  .body-container__historias1 h1{
    font-size: 23px;
    line-height: 1.15em;
  }
  .body-container__historias1 h2{
    font-size: 22px;
    line-height: 1.25em;
  }
  .informacion-basica-sobre1 h1 {
    font-size: 47px;
    line-height: 1.09em;
  }
  .informacion-basica-sobre1 h2{
    font-size: 22px;
    line-height: 1.25em;
  }
  .body-container__informacion-orientacion1 h1{
    font-size: 23px;
    line-height: 1.15em;
  }
  .body-container__informacion-orientacion1 p{
    font-size: 18px;
    line-height: 1.2em;
  }
  .body-container__informacion-orientacion1 .dnd-section > .row-fluid{
    width: calc(90% + 30px) !important;
  }
  .body-container__informacion-orientacion2 .dnd-section > .row-fluid{
    width: calc(90% + 30px) !important;
  }
  .body-container__informacion-orientacion2 .dnd_area2-row-0-padding {
    padding-top: 48px !important;
    padding-bottom: 18px !important;
  }
  .body-container__informacion-orientacion2 .dnd_area2-row-1-padding {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
  .information-and-guidance-section h2 {
    font-size: 18px;
    line-height: 1.2em;
  }
  .infor-content-inner h4 {
    font-size: 18px;
    line-height: 1.2em;
  }
  .information-and-guidance-section {
    height: unset;
  }
  .body-container__jornada-puertas-abiertas-pages2 h2{
    font-size: 23px;
    line-height: 1.15em;
  }
  .body-container__horas-probono2 .custom-collaboration .custom-collaboration-heading h3 {
    font-size: 19px;
    line-height: 1.25em;
  }
}







@media only screen and (min-width: 768px) and (max-width: 959px){
  .body-container__historias1 h1{
    font-size: 21px;
    line-height: 1.15em;
  }
  .body-container__historias1 h2{
    font-size: 19px;
    line-height: 1.25em;
  }
} 


@media only screen and (max-width: 959px){
  .datos_personales h3{
    font-size: 17px;
  }
  .body-container__historias2 .dnd-section > .row-fluid {
    max-width: calc(1480px + 30px) !important;
  }
  .hs_historias-banner .custom-banner .custom-banner-content p {
    margin-bottom: 18px;
  }
  .informacion-basica-sobre1 h1 {
    font-size: 44px;
    line-height: 1.09em;
  }
  .informacion-basica-sobre1 .dnd-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .informacion-basica-sobre1 .dnd-section {
    padding-bottom: 18px;
    padding-top: 18px;
  }
  .informacion-basica-sobre2 .dnd-section {
    padding-bottom: 18px;
    padding-top: 18px;
  }
  .informacion-basica-sobre2 h2 {
    font-size: 19px;
    line-height: 1.25em;
  }
  .informacion-y-orientacion-banner .custom-banner-button {
    display: none;
  }
  .informacion-y-orientacion-banner .custom-banner .custom-banner-content p {
    margin-bottom: 0;
  }
  .body-container__informacion-orientacion1 h1{
    font-size: 21px;
    line-height: 1.15em;
  }
  .body-container__informacion-orientacion1 p{
    font-size: 16px;
    line-height: 1.2em;
  }
  .body-container__informacion-orientacion2 .dnd-section > .row-fluid,
  .body-container__informacion-orientacion1 .dnd-section > .row-fluid{
    max-width: calc(90% + 30px) !important;
    width: calc(90% + 30px) !important;
  }
  .body-container__informacion-orientacion2 .dnd_area2-row-0-padding {
    padding-top: 48px !important;
    padding-bottom: 18px !important;
  }
  .body-container__informacion-orientacion2 .dnd_area2-row-1-padding {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
  .body-container__informacion-orientacion2 .dnd_area2-row-1-padding.dnd_area2-row-1-vertical-alignment > .row-fluid {
    flex-direction: column;
  }
  .body-container__informacion-orientacion2 .dnd-section .widget-type-cell {
    width: 100% !important;
    margin: 0 !important;    
    float: none !important;
  }
  .information-and-guidance-section {
    display: table;
    width: 100%;
    height: unset;
    margin: 0 0 2px;
  }
  .information-and-guidance-section h2 {
    font-size: 16px;
    line-height: 1.2em;
  }
  .infor-content-inner h4 {
    font-size: 16px;
    line-height: 1.2em;
  }
  .body-container__jornada-puertas-abiertas-pages2 .dnd-section > .row-fluid > div {
    padding: 72px 0;
  }
  .body-container__jornada-puertas-abiertas-pages2 .dnd-section>.row-fluid>div {
    margin: 0;
    padding: 72px 0;
    width: 100% !important;
    float: none !important;
  }
  .body-container__jornada-puertas-abiertas-pages2 .dnd_area2-row-0-vertical-alignment > .row-fluid {
    flex-direction: column;
  }
  .body-container__jornada-puertas-abiertas-pages2 .dnd-section>.row-fluid>div:first-child {
    height: 342px;
  }
  .body-container__jornada-puertas-abiertas-pages2 h2 {
    font-size: 21px;
    line-height: 1.15em;
  } 
  .body-container__horas-probono1 p {
    font-size: 16px;
    line-height: 1.2em;
  }
  .body-container__horas-probono2 .dnd_area2-row-0-vertical-alignment > .row-fluid {
    flex-direction: column;
  }
  .body-container__horas-probono2 .dnd_area2-column-2-padding {
    width: 100% !important;
    margin: 0 !important;
    display: table !important;
  }
  .body-container__horas-probono2 .cell_1620805496035-background-image {
    width: 100% !important;
    margin: 0 !important;
    height: 320px;
  }
  .body-container__horas-probono2 .dnd-section {
    padding-bottom: 18px;
    padding-top: 18px;
  }
  .body-container__horas-probono2 .custom-collaboration .custom-collaboration-heading h3 {
    font-size: 17px;
  }
  .body-container__horas-probono2 .custom-collaboration {
    padding-top: 18px;
  }
  .body-container__horas-probono2 .custom-collaboration .custom-collaboration-column {
    top: 15px;
  }
  .body-container__horas-probono2 .custom-advanced-button-wrapper .custom-advanced-button-column {
    padding-left: 0;
    padding-right: 0;
  }
  .body-container__herencias-y-legados1 .dnd-section {
    padding-bottom: 41px !important;
  }
  .body-container__herencias-y-legados1 h1 {
    font-size: 21px;
  }
  .body-container__herencias-y-legados1 .dnd-section {
    padding-bottom: 54px !important;
  }
  .body-container__herencias-y-legados2 .dnd_area2-row-0-vertical-alignment .dnd-column {
    margin: 0 !important;
    width: 100% !important;
    color: #666;
  }
  .body-container__herencias-y-legados2 .dnd-section > .row-fluid {
    flex-direction: column !important;
  }
  .body-container__herencias-y-legados2 .cell_1620815816338-padding, 
  .body-container__herencias-y-legados2 .dnd_area2-column-2-padding {
    padding-top: 4% !important;
    padding-bottom: 4% !important;
    padding-left: 4% !important;
    padding-right: 4% !important;
  }
  .body-container__herencias-y-legados2 p:last-child {
    margin-bottom: 58px !important;
  }
  .body-container__herencias-y-legados2 .custom-collaboration .custom-collaboration-heading h3 {
    font-size: 17px;
  }
  .body-container__herencias-y-legados2 .custom-collaboration .custom-collaboration-column {
    top: 15px;
  }
  .body-container__tutela-y-mediacion1 p {
    font-size: 16px;
    line-height: 1.2em;
  }
  .body-container__tutela-y-mediacion2 .dnd-section > .row-fluid {
    flex-direction: column !important;
  }
  .body-container__tutela-y-mediacion2 .dnd-column {
    margin: 0 !important;
    width: 100% !important;
    color: #666;
  }
  .body-container__tutela-y-mediacion2 .dnd-column:first-child {
    height: 300px;
  }
  .body-container__tutela-y-mediacion2 .cell_1620824968302-padding {
    padding-top: 5% !important;
    padding-right: 7.5% !important;
    padding-bottom: 2% !important;
    padding-left: 7.5% !important;
  }

  .body-container__faq1 h1 {
    font-size: 44px;
  }
  .body-container__faq1 h3 {
    font-size: 19px;
  }
  .body-container__faq2  .dnd-section > .row-fluid {
    max-width: 100% !important;
  }
  .body-container__faq2 .dnd-section .widget-type-cell {
    padding-left: 0;
    padding-right: 0;
  }
  .body-container__fundacionmapfre1 h1 {
    font-size: 29px;
  }
  .body-container__servicios-de-inclusion1 .dnd-section > .row-fluid{
    max-width: calc(90% + 30px) !important;
  }
  .body-container__servicios-de-inclusion1 p {
    font-size: 16px;
    line-height: 1.2em;
  }
  .body-container__servicios-de-inclusion2 h1 {
    font-size: 18px;
  }
  .body-container__servicios-de-inclusion3 .page-center {
    width: 100%;
    padding: 0 15px;
    max-width: 100% !important;
  }
  .body-container__servicios-de-inclusion3 .dnd-section > .row-fluid{
    max-width: calc(90% + 30px) !important;
  }
  .body-container__servicios-de-inclusion2 .dnd-section > .row-fluid{
    max-width: calc(90% + 30px) !important;
  }
  .body-container__servicios-de-inclusion3 .dnd-section .widget-type-cell {
    padding-left: 0;
    padding-right: 0;
  }
  .hidden-ipad{
    display:none;
  }
}


@media only screen and (max-width: 767px){
  .body-container-wrapper .datos_personales {
    padding: 41px 0;
  }
  .datos_personales fieldset.form-columns-3 > .field {
    width: 100% !important;
    padding: 0 10px;
  } 
  .datos_personales fieldset.form-columns-2 > .field {
    padding: 0 10px;
    width: 100% !important;
    float: none !important;
  }
  .body-container__historias2 .dnd-section > .row-fluid > div{
    padding-left: 15px;
    padding-right: 15px;
  }
  .body-container__historias2 .grve-column-wrapper {
    margin-bottom: 0;
  }
  .body-container__historias1 .dnd-section > .row-fluid {
    width: 90%;
  }
  .body-container__historias1 h2 {
    font-size: 20px;
    line-height: 1.25em;
  }
  .informacion-basica-sobre2 .dnd-section>.row-fluid {
    width: 90%;
    max-width: 90% !important;
  }
  .informacion-basica-sobre2 h2 {
    font-size: 20px;
    line-height: 1.25em;
  }
  .informacion-basica-sobre1 h1 {
    font-size: 28px;
    line-height: 1.09em;
  }
  .table-outer {
    overflow: auto;
  }
  .body-container__informacion-orientacion1 h1 {
    font-size: 22px;
    line-height: 1.15em;
  }
  .body-container__informacion-orientacion1 p {
    font-size: 17px;
    line-height: 1.2em;
  }
  .body-container__informacion-orientacion2 .dnd-section > .row-fluid,
  .body-container__informacion-orientacion1 .dnd-section > .row-fluid {
    max-width: 90% !important;
    width: 90% !important;
    padding:0 !important;
  }

  .body-container__informacion-orientacion2 .dnd_area2-row-0-padding {
    padding-top: 36px !important;
    padding-bottom: 18px !important;
  }
  .body-container__informacion-orientacion2 ul {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 30px;
    margin-bottom: 1.5em;
  }
  .infor-image {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    min-height: 1px;
    float: none;
    position: relative;
  }
  .infor-content {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    float: none;
    position: relative;
  }
  .infor-content-inner h4 {
    font-size: 17px;
    line-height: 1.2em;
  }
  .infor-content-inner a {
    font-size: 14px !important;
    line-height: 1.78em;
  }
  .information-and-guidance-section {
    margin-top: 30px;
  }
  .information-and-guidance-section h2 {
    padding: 0 15px;
  }
  .body-container__jornada-puertas-abiertas-pages2 .dnd-section > .row-fluid > div {
    margin: 0;
    padding: 54px 0;
    width: 100% !important;
    float: none !important;
  }
  .body-container__jornada-puertas-abiertas-pages2 h2 {
    font-size: 22px;
  }
  .body-container__horas-probono1 p {
    font-size: 17px;
    line-height: 1.2em;
  }
  .body-container__horas-probono2 .custom-collaboration .custom-collaboration-heading h3 {
    font-size: 18px;
  }
  .body-container__horas-probono2 .dnd_area2-column-2-padding {
    padding-left: 7.5% !important;
    padding-right: 7.5% !important;
  }
  .body-container__herencias-y-legados1 h1 {
    font-size: 22px;
  }
  .body-container__herencias-y-legados1 .dnd-section {
    padding-bottom: 41px !important;
  }
  .body-container__herencias-y-legados2 h4 {
    line-height: 24px;
    font-size: 18px;
  }
  .body-container__herencias-y-legados2 .dnd_area2-row-0-vertical-alignment .dnd-column:first-child {
    margin: 0 0 30px !important;
  }
  .body-container__herencias-y-legados2 ol li:last-child {
    margin-bottom: 45px;
  }
  .body-container__herencias-y-legados2 .custom-collaboration .custom-collaboration-heading h3 {
    font-size: 18px;
  }
  .body-container__tutela-y-mediacion1 p {
    font-size: 17px;
    line-height: 1.2em;
  }
  .body-container__tutela-y-mediacion2 .dnd-column:first-child {
    margin-bottom: 30px !important;
  }
  .body-container__faq1 h1 {
    font-size: 28px;
  }
  .body-container__faq1 h3 {
    font-size: 19px;
  }
  .information-and-guidance-section h2 {
    font-size: 17px;
    line-height: 1.2em;
  }
  .body-container__horas-probono2 .custom-advanced-button-wrapper .custom-advanced-button-column {
    padding-left: 15px;
    padding-right: 15px;
  }

  .body-container__historias2 img{
    margin-bottom:30px;
  }
  .body-container__herencias-y-legados2 .custom-advanced-button-wrapper .custom-advanced-button-column {
    padding-left: 15px;
    padding-right: 15px;  
  }
  .body-container__herencias-y-legados2 .custom-advanced-button-wrapper .custom-advanced-button .grve-btn{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .body-container__website.datos_personales input[type="submit"]{
    font-size: 14px;
  }
  .body-container__horas-probono2 .dnd_area2-row-2-padding {
    padding-bottom: 40px !important;
  }
  .cm-fundacionmapfre-banner {
    padding: 54px 0 60px;
  }
  .body-container__fundacionmapfre1 h1 {
    font-size: 18px;
  }
  .body-container__fundacionmapfre1 .dnd-section > .row-fluid {
    max-width: 90% !important;
    width: 90% !important;
  }
  .body-container__fundacionmapfre1 .dnd_area-row-0-padding {
    padding-bottom: 124px !important;
  }
  .body-container__servicios-de-inclusion1 .dnd-section>.row-fluid {
    max-width: 90% !important;
  }
  .body-container__servicios-de-inclusion1 p {
    font-size: 17px;
  }
  .body-container__servicios-de-inclusion1 .dnd_area-row-0-padding {
    padding-top: 36px !important;
    padding-bottom: 18px !important;
  }
  .body-container__servicios-de-inclusion2 h1 {
    font-size: 19px;
  }
  .body-container__servicios-de-inclusion3 .custom-ocupacional .custom-ocupacional-column {
    width: 100%;
    float: none;
  }
  .body-container__servicios-de-inclusion3 .custom-advanced-button-wrapper .custom-advanced-button-column {
    padding-left: 15px;
    padding-right: 15px;
  }
  .body-container__servicios-de-inclusion2 .dnd-section > .row-fluid{
    max-width: 90% !important;
    width: 90%;
  }
  .body-container__servicios-de-inclusion3 .dnd-section > .row-fluid {
    max-width: 90% !important;
    width: 90% !important;
  }
  .body-container__servicios-de-inclusion3 .page-center {
    width: 100%;
    padding: 0;
    max-width: 100% !important;
  }
  .body-container__servicios-de-inclusion3 .custom-ocupacional .custom-ocupacional-row {
    margin-left: 0;
    margin-right: 0;
  }
  .body-container__servicios-de-inclusion3 .custom-ocupacional .custom-ocupacional-column {
    margin: 0;
    margin-bottom: 15px !important;
  }
  .body-container__servicios-de-inclusion3  .dnd-section {
    padding-top: 18px;
  }
  .body-container__servicios-de-inclusion3 .custom-ocupacional .custom-ocupacional-heading h1 {
    font-size: 20px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 540px){
  .body-container__website.datos_personales .dnd-section > .row-fluid {
    width: 90%;
  }
  .datos_personales .hs-form-field .hs-input{
    width:100% !important;
  }
  .hs-faq-layout .body-container-wrapper.hs-privacy-section .body-container__website .dnd-section>.row-fluid {
    max-width: 100% !important;
  }
}

@media only screen and (max-width: 380px){
  .body-container__jornada-puertas-abiertas-pages2 .dnd-section > .row-fluid > div:first-child {
    height: 335px;
  }
  .body-container__horas-probono2 .cell_1620805496035-background-image {
    height: 354px;
  }
  .body-container__horas-probono2 .dnd_area2-column-2-padding>div {
    height: unset;
    display: table-cell;
    vertical-align: middle;
    padding: 54px 0;
  }
}


/* ******************************************************************************
*********************************************************************************
Negocio y Empleo
*********************************************************************************
****************************************************************************** */

.body-negocio-wp{
  background-color: #f7f7f7;
}

.banner-negocio .custom-banner .custom-banner-content h3{
  font-size: 26px;  
}
.banner-negocio .custom-banner .custom-banner-content h3 span {
  font-size: 120%;
}
.cm-roncalli-negocio1-sec .dnd-section h3 {
  margin-bottom: 15px;
}
.cm-roncalli-negocio1-sec .dnd-section h3:last-child {
  margin-bottom: 20px;
}
.cm-roncalli-negocio2-sec h1 {
  font-family: neo-sans;
  font-weight: 600;
  font-style: normal;
  text-transform: none;
  font-size: 26px;
  line-height: 30px;
  letter-spacing: -1px;
  color: #ee7b27;
}
.cm-roncalli-negocio2-sec h1 span {
  font-size: 180%;
  line-height: 1.200em;
}
.cm-roncalli-negocio2-sec hr {
  background-color: #e2e2e2;
  border-color: #e2e2e2;
  color: #fff;
  width: 100%;
  height: 1px;
  margin: 0;
}
.cm-roncalli-negocio2-sec .custom-products-bg {
  border-bottom: 1px solid #e2e2e2;
}

.cm-roncalli-negocio3-sec .dnd-section>.row-fluid {
  max-width: 1480px;
}
.cm-roncalli-negocio3-sec .dnd-section>.row-fluid > .dnd-column > .dnd-row > .row-fluid {
  margin-left: -15px;
  margin-right: -15px;
  width: auto;
}

.cm-roncalli-negocio3-sec .span4.dnd-column{
  width: 33.33333333%;
  padding:0 15px;
  margin-left:0;
}

.cm-roncalli-negocio3-sec .hs_cos_wrapper_type_linked_image{
  margin-bottom:20px;
  display:block;
}
.cm-roncalli-negocio3-sec h3 {
  margin: 0 0 18px;
}
.cm-roncalli-negocio3-sec hr {
  width: 50px;
  height: 2px;
  background-color: #ee7b27;
  border-color: #ee7b27;
  color: #fff;
  display: block;
  clear: both;
  margin-top: 0;
  margin-left: 0;
  margin-bottom: 20px;
} 

.cm-roncalli-negocio4-sec h3 {
  margin-bottom: 18px;
}
.cm-roncalli-negocio4-sec hr {
  width: 50px;
  height: 5px;
  background-color: #ee7b27;
  border-color: #ee7b27;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  display: block;
  clear: both;
  margin-top: 0;
  margin-bottom: 20px;
}

.iframe-wp {
  max-width: 1170px;
  margin: 0 auto;
  position: relative;
}
.iframe-wp .hs-responsive-embed-wrapper.hs-responsive-embed {
  margin: 0 !important;
}
.iframe-wp .fluid-width-video-wrapper {
  padding-top: 0 !important;
  height: 608px;
}

.cm-roncalli-negocio5-sec .custom-ocupacional .custom-ocupacional-column {
  width: 25%;
}
.cm-roncalli-negocio5-sec .custom-ocupacional {
  background: #fff;
}
.cm-roncalli-negocio5-sec .custom-ocupacional .custom-ocupacional-heading h1 {
  font-size: 18px;
  line-height: 22px;
}
.cm-roncalli-negocio5-sec .custom-ocupacional .custom-ocupacional-content img {
  opacity: 0.9;
}

.cm-roncalli-negocio5-sec .custom-ocupacional .custom-ocupacional-content:hover img {
  opacity: 0.6;
}

.cm-roncalli-negocio6-sec .dnd-section>.row-fluid {
  max-width: 1480px;
}
.cm-roncalli-negocio6-sec .hs-button, 
.cm-roncalli-negocio6-sec .button--primary {
  width: 100%;
  display: block;
  margin:30px 0 !important;
  max-width: 100%;
  min-width: 100%;
  line-height: 60px;
  padding: 0 1.538em;
}

/* ******************************************************************************
*********************************************************************************
Soluciones Verdes
*********************************************************************************
****************************************************************************** */
.custom-soluciones-banner .custom-banner .custom-banner-content h3>span {
  font-size: 120%;
}
.custom-soluciones-banner .custom-banner span.grve-title-line {
  display: block;
  clear: both;
  margin-top: 18px;
}
.custom-soluciones-banner .custom-banner-button .grve-btn {
  background-color: #ee7b27;
  border-color: #ee7b27;
  color: #fff;
}

.custom-soluciones-sec .dnd-section>.row-fluid{
  padding-right: 5%;
  padding-left: 5%;
}
.custom-soluciones-sec .dnd-section>.row-fluid>div,
.cm-roncalli-negocio1-sec .dnd-section>.row-fluid>div{
  float:none;
}
.custom-soluciones-sec.hs-content-orange-section .dnd-section h3{
  margin-bottom:0;
}

.custom-soluciones2-sec h2 {
  font-family: neo-sans;
  font-weight: 600;
  font-style: normal;
  text-transform: none;
  font-size: 26px;
  line-height: 30px;
  letter-spacing: -1px;
  color: #ee7b27;
  position: relative;
  z-index: 1;
  margin-bottom: 18px;
}
.custom-soluciones2-sec h2 span {
  font-size: 180%;
  line-height: 1.200em;
}
.custom-soluciones2-sec .hs-button, 
.custom-soluciones2-sec .button--primary {
  font-size: 24px;
  line-height: 1.78em;
  padding: 15px 30px;
  margin-top: 3px;
}
.custom-soluciones2-sec .hs-button:hover, 
.custom-soluciones2-sec .button--primary:hover {
  background-color: #fff;
  border-color: #fff;
  color: #ee7b27;
}
.custom-soluciones2-sec hr {
  background: transparent !important;
  padding-top: 31px !important;
}

.custom-soluciones3-sec .grve-column-1-5 {
  width: 16.66666667%;
}


.custom-soluciones3-sec .custom-content-slider-content {
  padding-top: 0 !important;
  padding-bottom: 1px !important;
}
.custom-soluciones3-sec .custom-content-slide-rich strong {
  font-weight: bold !important;
}
.custom-soluciones3-sec .custom-content-slider .custom-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.custom-soluciones3-sec .custom-content-slide-rich p {
  color: #666666;
}


/* ******************************************************************************
*********************************************************************************
Empleo
*********************************************************************************
****************************************************************************** */
.custom-empleo-banner .custom-banner .custom-banner-content h3>span {
  font-size: 120%;
}

.custom-empleo-sec .dnd-section>.row-fluid {
  max-width: 1480px;
}
.custom-empleo-sec .span6.dnd-column {
  width: 50%;
  margin-left: 0;
}
.custom-empleo-sec h3 {
  margin-bottom: 35px;
}
.custom-empleo-sec h3,
.custom-empleo3-sec h3,
.custom-empleo11-sec h3{
  margin-bottom: 35px;
}
.custom-empleo-sec h3 {
  margin-bottom: 20px;
}
.custom-empleo-sec h3:after,
.custom-empleo3-sec h3:after,
.custom-empleo11-sec h3:after{
  width: 50px;
  height: 2px;
  background-color: #ee7b27;
  border-color: #ee7b27;
  color: #ffffff;
  display: block;
  clear: both;
  margin-top: 18px;
  margin-right: auto;
  content: "";
}
.custom-empleo-sec p {
  color: #000000;
}
.custom-empleo-sec img {
  vertical-align: middle;
}
.custom-empleo8-sec hr {
  background-color: #ee7b27;
  border-color: #ee7b27;
  margin-left: auto;
  margin-right: auto;
  width: 50px;
  height: 2px;
  display: block;
  clear: both;
  margin-top: 18px;
}
.custom-empleo9-sec .dnd-section>.row-fluid > .dnd-column > .dnd-row {
  width: 60%;
  margin: 0 auto;
}
.custom-empleo12-sec .hs-trust-us-slider .hs-trust-us-top-section {
  margin-bottom: 45px;
}

.margin-plus-min .dnd-section>.row-fluid > .dnd-column,
.custom-soluciones2-sec .dnd-section>.row-fluid > .dnd-column{
  margin: 0 -15px;
  width: auto;
}
.margin-plus-min .dnd-section>.row-fluid,
.custom-soluciones2-sec .dnd-section>.row-fluid{
  max-width: 1480px;
}


@media only screen and (min-width: 1201px){
  .custom-soluciones4-sec .custom-content-slider-content {
    height: 724px;
    display: table-cell;
    vertical-align: middle;
  }
}

@media only screen and (max-width: 1540px){
  .custom-empleo9-sec .dnd-section>.row-fluid>.dnd-column>.dnd-row > div {
    margin: 0 -10px;
    width: auto;
  }
}

@media only screen and (max-width: 1200px){
  .custom-soluciones-sec .dnd-section {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
  .custom-soluciones2-sec .dnd-section>.row-fluid > .dnd-column {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .custom-empleo-sec h3 {
    font-size: 18px;
    line-height: 1.2em;
  }
  .custom-empleo2-sec h1 {
    font-size: 23px;
    line-height: 1.15em;
  }
  .custom-empleo-sec h3,
  .custom-empleo3-sec h3, 
  .custom-empleo11-sec h3{
    font-size: 18px;
    line-height: 1.2em;
  }
  .custom-empleo8-sec h1 {
    font-size: 23px;
    line-height: 1.15em;
  }

  .custom-empleo12-sec .hs-trust-us-slider .hs-trust-us-top-section {
    margin-bottom: 34px;
  }

  .cm-roncalli-negocio3-sec .dnd-section {
    padding-top: 18px;
  }
  .cm-roncalli-negocio4-sec .dnd-section {
    padding-bottom: 18px;
  }
  .cm-roncalli-negocio6-sec .hs-button, 
  .cm-roncalli-negocio6-sec .button--primary {
    margin:18px 0 !important;
  }
  .cm-roncalli-negocio5-sec .custom-ocupacional .custom-ocupacional-heading h1 {
    font-size: 16px;
    line-height: 20px;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1200px){
  .custom-soluciones2-sec h2 {
    font-size: 20px;
  }
  .custom-soluciones3-sec .custom-content-slider .custom-content-slider-content h2 {
    font-size: 23px;
    line-height: 1.15em;
  }
  .custom-soluciones3-sec .custom-services .custom-services-title h3 {
    line-height: 1.2em;
  }
  .banner-negocio .custom-banner .custom-banner-content h3,
  .cm-roncalli-negocio2-sec h1{
    font-size: 20px;  
  }
  .cm-roncalli-negocio4-sec h3 {
    font-size: 18px;
    line-height: 1.2em;
  }
  .cm-roncalli-negocio3-sec h3 {
    font-size: 18px;
    line-height: 1.2em;
  }
  .cm-roncalli-negocio3-sec .dnd-section {
    padding-bottom: 18px !important;
  }
  .cm-roncalli-negocio4-sec .dnd-section {
    padding-top: 18px !important;
  }

}

@media only screen and (max-width: 991px){
  .cm-roncalli-negocio5-sec .custom-ocupacional .custom-ocupacional-heading h1 {
    font-size: 20px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 959px){
  .custom-soluciones-banner .custom-banner .custom-banner-content h3>span,
  .custom-empleo-banner .custom-banner .custom-banner-content h3>span{
    font-size: 140%;
  }
  .hs-escuela-familias-page .hs-escuela-familias-page .custom-accesibilidad .custom-row .custom-col-6:last-child {
    margin-bottom: 0;
  }
  .hs-escuela-familias-page .custom-accesibilidad .custom-row .custom-col-6:last-child {
    margin-bottom: 0;
  }
}


@media only screen and (min-width: 768px) and (max-width: 959px){
  .custom-soluciones2-sec h2 {
    font-size: 18px;
  }
  .custom-soluciones3-sec .custom-content-slider-content {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .custom-empleo-banner .custom-banner .custom-banner-content p {
    font-size: 16px;
    line-height: 1.2em;
  }
  .custom-empleo-sec h3, 
  .custom-empleo3-sec h3, 
  .custom-empleo11-sec h3 {
    font-size: 16px;
    line-height: 1.2em;
  }
  .custom-empleo8-sec h1 {
    font-size: 21px;
    line-height: 1.15em;
  }
  .banner-negocio .custom-banner .custom-banner-content h3 {
    font-size: 18px;
  }
  .banner-negocio .custom-banner .custom-banner-content h3 span {
    font-size: 140%;
  }
  .banner-negocio .custom-banner .custom-banner-content p {
    font-size: 16px;
    line-height: 1.2em;
    padding-bottom: 15px;
    color: #ee7b27;
  }
  .cm-roncalli-negocio2-sec h1 {
    font-size: 18px;
  }
  .cm-roncalli-negocio3-sec h3,
  .cm-roncalli-negocio4-sec h3{
    font-size: 16px;
    line-height: 1.2em;
  }
  .cm-roncalli-negocio3-sec .dnd-section {
    padding-bottom: 18px !important;
  }
  .cm-roncalli-negocio4-sec .dnd-section {
    padding-top: 18px !important;
  }

}


@media only screen and (max-width: 767px){
  .custom-soluciones2-sec h2 {
    font-size: 19px;
  }
  .custom-soluciones2-sec .hs-button,
  .custom-soluciones2-sec .button--primary {
    font-size: 14px;
    line-height: 1.78em;
  }
  .custom-content-slider .left_img .custom-content-slide-logo-image {
    width: 100%;
    float: none;
  }
  .custom-content-slider .left_img .custom-content-slide-logo-heading {
    width: 100%;
    float: none;
    padding-left:15px;
  }

  .custom-empleo-banner .custom-banner .custom-banner-content p {
    font-size: 17px;
    line-height: 1.2em;
  }
  .custom-empleo-sec .dnd-section {
    padding-top: 36px !important;
    padding-bottom: 0!important;
  }
  .custom-empleo-sec .span6.dnd-column {
    width: 100%;
    margin-left: 0;
  }
  .custom-empleo-sec h3,
  .custom-empleo3-sec h3,
  .custom-empleo11-sec h3 {
    font-size: 17px;
    line-height: 1.2em;
  }
  .custom-empleo3-sec .span4.dnd-column,
  .custom-empleo11-sec .span4.dnd-column{
    padding-bottom: 48px !important;
  }
  .custom-empleo3-sec .span4.dnd-column:last-child,
  .custom-empleo11-sec .span4.dnd-column:last-child{
    padding-bottom: 0 !important;
  }
  .custom-empleo8-sec h1 {
    font-size: 22px;
    line-height: 1.15em;
  }
  .custom-empleo9-sec .dnd-section>.row-fluid>.dnd-column>.dnd-row {
    width: 100%;
    margin: 0 auto;
  }
  .custom-empleo11-sec .span4.dnd-column:last-child {
    padding-bottom: 30px !important;
  }
  .custom-empleo12-sec .hs-trust-us-slider {
    padding-top: 18px !important;
  }
  .custom-empleo-sec .span6.dnd-column:first-child {
    margin-bottom: 30px !important;
  }

  .banner-negocio .custom-banner .custom-banner-content h3 {
    font-size: 19px;
  }
  .banner-negocio .custom-banner .custom-banner-content h3 span {
    font-size: 140%;
  }
  .banner-negocio .custom-banner .custom-banner-content p {
    font-size: 17px;
    line-height: 1.2em;
    padding-bottom: 15px;
    color: #ee7b27;
  }
  .cm-roncalli-negocio2-sec h1 {
    font-size: 19px;
  }
  .cm-roncalli-negocio3-sec .span4.dnd-column {
    width: 100%;
    margin-bottom: 30px;
  }
  .cm-roncalli-negocio3-sec .span4.dnd-column:last-child {
    margin-bottom: 0;
  }
  .cm-roncalli-negocio4-sec .dnd-section,
  .cm-roncalli-negocio3-sec .dnd-section{
    padding-bottom: 18px !important;
    padding-top: 18px !important;
  }
  .cm-roncalli-negocio5-sec .custom-ocupacional .custom-ocupacional-column {
    width: 100%;
  }
  .cm-roncalli-negocio5-sec .custom-ocupacional .custom-ocupacional-heading h1 {
    font-size: 20px;
    line-height: 24px;
  }
  .cm-roncalli-negocio5-sec .custom-ocupacional .custom-ocupacional-column-inner {
    margin-bottom: 5px;
  }

  .cm-roncalli-negocio5-sec .custom-ocupacional .custom-ocupacional-row {
    display: flex;
    flex-wrap: wrap;
  }
  .cm-roncalli-negocio5-sec .custom-ocupacional .custom-ocupacional-column:nth-child(4n+1) {
    order: 1;
  }
  .cm-roncalli-negocio5-sec .custom-ocupacional .custom-ocupacional-column:nth-child(4n+2) {
    order: 2;
  }
  .cm-roncalli-negocio5-sec .custom-ocupacional .custom-ocupacional-column:nth-child(4n+3) {
    order: 3;
  }
  .cm-roncalli-negocio5-sec .custom-ocupacional .custom-ocupacional-column:nth-child(4n+4) {
    order: 4;
  }
  .cm-roncalli-negocio6-sec .hs-button, 
  .cm-roncalli-negocio6-sec .button--primary {
    font-size: 14px;
  }
  .hs-escuela-familias-page .custom-accesibilidad .custom-row.img-left .custom-col-6:last-child {
    margin-bottom: 0;
  }
  .body-container__voluntariado3 {
    padding-bottom: 80px;
  }
}


@media only screen and (max-width: 479px){
  .cm-roncalli-negocio5-sec .custom-ocupacional .custom-ocupacional-heading h1{
    font-size: 18px;
    line-height: 22px;
  }
}


.nuestro-compromiso--sec1 .custom-advanced-button-wrapper .custom-advanced-button .grve-btn {
  -webkit-transition: color .5s ease, background-color .5s ease, background-size .5s ease, border-color .5s ease;
  -moz-transition: color .5s ease, background-color .5s ease, background-size .5s ease, border-color .5s ease;
  -o-transition: color .5s ease, background-color .5s ease, background-size .5s ease, border-color .5s ease;
  -ms-transition: color .5s ease, background-color .5s ease, background-size .5s ease, border-color .5s ease;
  transition: color .5s ease, background-color .5s ease, background-size .5s ease, border-color .5s ease;
}
.nuestro-compromiso--sec1 .custom-advanced-button-wrapper .custom-advanced-button .grve-btn:hover {
  background-color: #fff;
  border-color: #fff;
  color: #ee7b27;
}

.mfp-bg {
  background: #000 !important;
  opacity: 0.7 !important;
}

footer.footer.gracias.footer-type-2 .footer-bottom {
  padding: 15px;
}

.header.header-type-2 .header__container {
  border-color: rgba(0,0,0,0);
  background-color: transparent;
  height: 100px;
}

.header.header-type-2 .header-image img {
  filter: brightness(100);
}

header.header.header-type-2 {
  min-height: auto;
}

.cm-viedo-popup-banner .grve-pattern{
  background-image:url(//7215307.fs1.hubspotusercontent-na1.net/hubfs/7215307/raw_assets/public/Fundaci%C3%B3nJuanXXIII_May2021/images/pattern.png);
}
.header.header-type-2 .header-inner {
  background: transparent;
  position: absolute;
}

.header.header-type-2 .bottom-header-section {
  background-color: transparent;
}

.landing-alert-section h1 {
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #fff;
  margin:0;
}

.landing-alert-section h1 > span {
  display: inline-block;
  vertical-align: top;
}

.landing-top-section .row-fluid [class*="span"] {
  min-height: 0;
}

.cm-viedo-popup-banner .cm-youtube-content {
  background:transparent url(//7215307.fs1.hubspotusercontent-na1.net/hubfs/7215307/raw_assets/public/Fundaci%C3%B3nJuanXXIII_May2021/images/yt40.png) no-repeat 10px 50%;
}

.body-container-wrapper .datos_personales label.hs-form-booleancheckbox-display {
  display: block;
  width: 100%;
  text-align: center;
  max-width: 100%;
}
.body-container-wrapper .datos_personales form .hs-form-booleancheckbox-display input[type='checkbox']+span {
  position: relative;
  padding-left: 22px;
}
.body-container-wrapper .datos_personales form .hs-form-booleancheckbox-display>span:before {
  cursor: pointer;
}

.grasias-right-section-wrapper form .hs-form-booleancheckbox-display input[type='checkbox']:checked+span {
  margin: 0;
  padding-left: 28px;
  color: #000 !important;
}
.grasias-right-section-wrapper form .hs-form-booleancheckbox-display>span:after {
  width: 12px;
  height: 12px;
  left: 2px;
  top: 2px;
}
.grasias-right-section-wrapper form .hs-input[type=radio]+span {
  color: #000;
}
.gracias-header .header-inner.fixed {
  position: relative;
}
@media(max-width:1280px){
  .header-inner.sticky {
    position: fixed !important;
  }
  .header.gracias-header {
    height: 81px !important;
  } 
}



@media(max-width:1200px){
  .cm-viedo-popup-banner .grve-row-inner .grve-column-inner .grve-column-wrapper-inner h1 {
    font-size: 23px;
    line-height: 1.15em;
  }

  .cm-viedo-popup-banner .grve-row-inner .grve-column-inner .grve-column-wrapper-inner h1:nth-child(2) {
    font-size: 20px;
  }

  .landing-alert-section h1{
    font-size: 18px;
    line-height: 1.2em;
  }
  .body-container__patronato2 .span4.dnd-column .hs_cos_wrapper_type_rich_text h3 {
    font-size: 18px;
    line-height: 1.4;
  }
  .body-container__patronato2 .hs_cos_wrapper_type_header h3 {
    font-size: 18px;
    line-height: 1.4;
  }
}

@media(max-width:959px){
  .landing-alert-section h1 {
    font-size: 16px;
    line-height: 1.2em;
  }
}

@media(max-width:767px){
  .landing-alert-section h1 {
    font-size: 17px;
    line-height: 1.2em;
  }

  footer.footer.gracias.footer-type-2 .footer-bottom .copyright {
    margin: 10px 0;
  }

  .landing-bottom-section .video-popup-wrapper {
    margin-bottom: -12px;
  }
  .body-container__proyectoidea4 {
    margin-bottom: 0;
  }
  .body-container__proyectoidea4 .dnd-section {
    padding-bottom: 0;
  }
  .body-container__servies-marketing1.hs-content-orange-section .dnd-section>.row-fluid>div>div {
    padding: 0 15px;
  }
  .body-container__servicios-de-inclusion3 .dnd-section:not(:last-child) {
    padding-bottom: 30px !important;
  }
  .custom-soluciones3-sec .dnd-section:last-child {
    padding-bottom: 50px !important;
  }
  .custom-soluciones4-sec .custom-content-slider .left_img .custom-content-slide-logo-image {
    width: 100%;
  }
  .custom-soluciones4-sec .custom-content-slider .left_img .custom-content-slide-logo-heading {
    padding-left: 40px;
    width: 100%;
  }
  .custom-soluciones4-sec .custom-advanced-button-wrapper .custom-advanced-button .cta_button {
    font-size: 14px !important;
    line-height: 1.78em;
  }
  .body-container-wrapper .datos_personales {
    overflow: hidden;
  }
  .hs-landing-page.hs-page .body-container__website {
    padding-left: 15px;
    padding-right: 15px;
  }
  .hs-landing-page.hs-page .body-container__website {
    padding-left: 15px;
    padding-right: 15px;
  }

  .grasias-top-section h1 span {
    display: inherit;
  } 
  .grasias-bottom-section .social-icons-wrapper {
    padding-bottom: 10px;
    padding-top:18px;
  }
  .grasias-bottom-section .grasias-right-section-wrapper {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .grasias-bottom-section .social-icons-wrapper .grve-element.grve-social ul li {
    margin: 10px;
    line-height: 22px;
  }
  .grasias-two-column-wrapper .page-center>div{
    padding-bottom:20px !important;
    margin-bottom:20px;
  }
  .grasias-right-section .hs-form .inputs-list:first-child{
    margin-bottom:0 !important;
  }
  .grasias-right-section-wrapper .hs-form-field.hs_phone {
    margin-top: 10px;
  }
  .custom-home-section .custom-ocupacional .custom-ocupacional-column:last-child>div{
    padding: 4% !important;
  }

}

@media(max-width:479px){
  .cm-viedo-popup-banner .cm-viedo-popup-banner-last {
    width: 50%;
  }

  .cm-viedo-popup-banner .cm-viedo-popup-banner-middle {
    display: none;
  }

}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your headers look
when it comes to the logo, search field, language switcher and navigation.
You will also find the mobile menu styles below.
*********************************************************************************
****************************************************************************** */

header.header {
  min-height: 138px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.header-inner {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background: #fff;
  z-index: 99;
}

.top-header-section {
  padding-top: 8px;
  padding-bottom: 7px;
  background-color: #c85818;
  color: #fff;
}
.lp-header .top-header-section {
  padding-top: 9px;
  padding-bottom: 10px;
}

.top-header-section .header__container {
  padding-left: 30px;
  padding-right: 30px;
}
.header__container {
  max-width: 100% !important;
}
.top-header-left {
  float: left;
  text-align: left;
  width: 26%;
  margin: 0;
  list-style: none;
  line-height: 1;
  padding: 0;
  vertical-align: text-top;
}

.top-header-right {
  float: right;
  text-align: right;
  width: 74%;
  margin: 0;
  list-style: none;
  line-height: 1;
  vertical-align: text-top;
  padding: 0;
}
.top-header-left >div {
  display: inline-block;
  line-height: 22px;
  vertical-align: middle;
}

.top-header-left .header-contact {
  font-size: 15px;
  font-family: "Barlow Semi Condensed";
  font-weight: 800;
  margin: 0;
  margin-right: 15px;
  line-height: 1.2;
}

.header-contact .hs_cos_wrapper_type_text:before {
  content: "\f095";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 3px;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before, .fa-facebook:before {
  content: "\f09a";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-youtube:before {
  content: "\f167";
}.top-header-right li {
  display: inline-block;
  line-height: 22px;
}

.top-header-right li a {
  font-size: 13px;
  text-transform: uppercase;
  font-family: "Barlow Semi Condensed";
  letter-spacing: .5px;
  display: inline-block;
  padding: 0;
  line-height: normal;
}
.top-header-right .header-cta-wrap a {
  background-color: #fff;
  padding: 4px 10px 3px;
  color: #c85817;
  border-radius: 0px;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0;
  font-family: 'Barlow Semi Condensed',sans-serif;
  margin-left: 12.5px;
}
.top-header-right ul li:not(:last-child):after {
  opacity: 0;
  content: '/';
  margin: 0px 3.2px;
}
.top-header-right .header-button-wrapper a.hs-button {
  background-color: #ee7b27;
  padding: 2px 10px 1px;
  color: #fff;
  border-radius: 0px;
  font-weight: 800;
  font-size: 15px;
  letter-spacing: 0;
  font-family: 'Barlow Semi Condensed',sans-serif;
  margin: 0;
  line-height: 22px;
  transition: none;
  border: 0;
}
.top-header-right > div, .top-header-right> span, .header-cta-wrap> div {
  display: inline-block;
  vertical-align: middle;
}
.top-header-right .hs-menu-wrapper ul {
  display: block;
  margin: 0;
  vertical-align: text-top;
  line-height: 1;
  padding-left: 10px;
  margin-top: -2px;
}
.bottom-header-section .header__container {
  border-bottom: 1px solid;
  padding-left: 1.875rem;
  padding-right: 1.563rem;
  border-color: rgba(0,0,0,0.10);
  height:100px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.custom-logo {
  width: auto;
  float: left;
}
.header-right-col {
  float: right;
  margin-left: 10px;
  width: auto;
}

.custom-menu-primary {
  width: auto;
  float: right;
}
.header-button-wrapper {
  padding-left: 12px;
}

.header-cta-wrap a {
  margin-left: 10px;
}
.custom-logo img {
  margin: 21px 0;
  transition: all .3s;
  max-width: none;
  height: 100%;
  width: auto !important;
  display: block;
}
.custom-logo a {
  position: relative;
  display: block;
  height: 58px;
  transition: all .3s;
}
.header-right-col ul {
  float: left;
  display: inline-block;
  padding: 0;
  margin: 0;
  list-style: none;
}
.header-right-col ul li a {
  line-height: 99px;
  border-right: 1px solid rgba(0,0,0,0.1);
  padding-left: 0px;
  display: inline-block;
  color: #ee7b27;
  padding-right: 20px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  cursor: pointer;
  -o-transition: all .3s;
  transition: all .3s;
}
span.grve-item {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  line-height: 14px;
  font-size: 20px;
  width: 1em;
  height: 1em;
  text-align: center;
  margin-top: 3px;
}
i.grve-icon-search {
  font-family: 'movedo-icons';
  speak: none;
  font-style: normal;
  font-variant: normal;
  font-size: 26px;
  font-weight: bold;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
i.grve-icon-search:before {
  content: "\e905";
}
.header-image {
  float: left;
  padding-left: 1.563rem;
}

.header-image img {
  width: 34px !important;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  margin: 25px 0;
  margin-right: 20px;
}
img {
  max-width: 100%;
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: bottom;
}
.search-area {
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  display: none;
  bottom: 0;
  left: 0;
  z-index: 10000;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
  height: 100%;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  background-color: rgba(0,0,0,0.70);
  -o-transition: all .3s;
  transition: all .3s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  cursor: url(//7215307.fs1.hubspotusercontent-na1.net/hubfs/7215307/raw_assets/public/Fundaci%C3%B3nJuanXXIII_May2021/images/close-light.png) 20 20, crosshair;
}

.search-area-wrapper {
  position: relative;
  max-width: 600px;
  width: 100%;
  height: 100%;
  display: table;
  margin: 0 auto;
}

.search-area-content {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  padding: 100px 15px;
}
.header__search .hs-search-field__input {
  box-sizing: border-box;
  background-color: white;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: center right 15px;
  color: #494a52;
  border: 1.79px solid #D1D6DC;
  border-radius: 6px;
  font-family: Lato, serif;
  font-weight: 300;
  font-size: 22px;
  padding: 0 15px;
  height: 45px;
}

.header__search .hs-search-field--open .hs-search-field__input {
  border: 1.79px solid #D1D6DC;
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  background-color: white;
}

.header__search .hs-search-field__input::placeholder {
  color: transparent;
}

.header__search .hs-search-field--open .hs-search-field__suggestions {
  position: absolute;
  width: 100%;
  background-color: white;
  border-top: -2px solid white;
  border: 1.79px solid #D1D6DC;
  border-radius: 0 0 6px 6px;
  z-index: 10;
}

.header__search .hs-search-field__suggestions li {
  border-top: 1px solid #D1D6DC;
  font-family: Lato, serif;
  font-size: 22px;
}

.header__search .hs-search-field__suggestions li a {
  color: #494a52;
  text-decoration: none;
  padding: 3px 15px;
  transition: background-color 0.3s;
}

.header__search .hs-search-field__suggestions #results-for {
  display: none;
}
.form-open {
  overflow: hidden;
}
.header-cta-wrap,.header-button-wrapper {
  margin-top: -2px;
}
.header-right-col .hs-search-field--open .hs-search-field__suggestions{
  position: absolute;
  top: 86px;
  background: #fff;
  width: 100%;
  padding: 10px;
}

.header-right-col .hs-search-field__suggestions li, 
.header-right-col .hs-search-field__suggestions li a {
  line-height: normal !important;
  border: none;
}
.search-area input[type="text"]:focus::placeholder {
  opacity: 0;
}
@media screen and (min-width: 1282px){
  .custom-menu-primary.mobile {
    display: none !important;
  }
  .search-area input[type="text"] {
    border: none;
    font-family: neo-sans;
    font-weight: 600;
    font-style: normal;
    text-transform: none;
    color: #fff;
    font-size: 26px;
    margin-bottom: 84px;
    letter-spacing: -1px;
    text-align: center;
    position: relative;
    top: 33px;
    outline:0 none;
  }
  .search-area input::placeholder{
    font-size: 200%;
    color: #fff;
    padding: 0 20px;
    line-height: 1.2;
    text-align: center;
    font-family: neo-sans;
    font-weight: 600;
    text-transform: none;
    margin-bottom: 18px;
    letter-spacing: -1px;
    word-break:break-word;
  } 
  .search-area{
    font-size: 26px;
  }
  .search-area .cm-placeholder {
    font-size: 200%;
    color: #fff;
    padding: 0 20px;
    line-height: 1.2;
    text-align: center;
    font-family: neo-sans;
    font-weight: 600;
    text-transform: none;
    margin-bottom: 0;
    letter-spacing: -1px;
    word-break: break-word;
    position: absolute;
    margin-top: 0;
    width: 100%;
    left: 0;
  }
  .search-area-content.active-text .cm-placeholder {
    display:none;
  }
  .search-area .search-placeholder {
    padding: 0 20px;
    border: none;
    line-height: 1.2;
    text-align: center;
    z-index: 6;
    color: inherit;
    position: absolute;
    font-family: neo-sans;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -1px;
    text-transform: none;
    font-size: 26px;
    margin-bottom: 18px;
    top: 0;
    z-index: 9;
    cursor: default;
  }

  .search-area .search-placeholder span {
    font-size: 200%;
    color: #ffffff;
  }

  .search-area form {
    position: relative;
  }
  .scroll .custom-logo img {
    max-width: 83px !important;
    margin: 15px 0;
  }

  .scroll .custom-logo a {
    height: 34px;
  }

  .scroll .custom-menu-primary .navigation-primary > ul.level-1 > li > a,
  .scroll .header-right-col ul li a {
    line-height: 64px;
  }

  .scroll .header-image img {
    margin: 14px 0;
    width: 24px !important;
    margin-right: 20px;
  }

  .sticky-header .bottom-header-section .header__container {
    height: 64px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
  }
}

@media(min-width:960px) and (max-width:1040px){
  .top-header-left {
    width: 27%;
  }

  .top-header-right {
    width: 73%;
  }

  .top-header-left .header-contact {
    margin-right: 0;
  }

  .top-header-right ul li:not(:last-child):after {
    display: none;
  }
  .top-header-right .header-cta-wrap a {
    margin-left: 0;
  }

  .header-button-wrapper {
    padding: 0;
  }
}

@media (max-width: 1281px){
  .custom-menu-primary.dekstop,
  .header-right-col{
    display: none ;
  }
  .mobile-trigger {
    display: inline-block;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
    line-height: 81px;
    color: #ee7b27;
    padding-right: 39px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    padding-left: 25px;
    background-color: #f7f7f7;
    border-left: 1px solid #e3e3e3;
  }
  .mobile-trigger span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 20px;
    width: 1em;
    height: 1em;
    text-align: center;
    line-height: normal;
    top: -2px;
  }
  .mobile-trigger i {
    font-family: 'movedo-icons' ;
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 36px;
    line-height: 21px;
    font-weight: bold;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .mobile-trigger span i:before {
    content: "\e906";
  }
  .mobile-menu-wrapper {
    display: block;
    position: fixed;
    width: 650px;
    height: 100%;
    top: 0;
    width: 550px;
    background-color: #f2f2f2;
    overflow: hidden;
    right: -30px;
    bottom: 0;
    z-index: 10000;
    overflow-y: scroll;
    opacity: 1;
    -webkit-box-shadow: 0px 0px 5px rgb(0 0 0 / 20%);
    box-shadow: 0px 0px 5px rgb(0 0 0 / 20%);
    -webkit-transform: translate3d(100%,0,0);
    -moz-transform: translate3d(100%,0,0);
    -ms-transform: translate3d(100%,0,0);
    -o-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    padding-right: 30px;
    padding-bottom: 90px;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    -moz-transition: -moz-transform .5s ease-in-out;
    -o-transition: -o-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
  }
  .close-trigger {
    text-align: right;
    padding: 18px 18px 22px 20px;
    border-bottom: 1px solid #d8d8d8;
    display: block;
    width: 100%;
    min-width: 270px;
    background-color: #fff;
  }
  .close-btn {
    -webkit-transform: translate3d(0,-200%,0);
    -moz-transform: translate3d(0,-200%,0);
    -ms-transform: translate3d(0,-200%,0);
    -o-transform: translate3d(0,-200%,0);
    transform: translate3d(0,-200%,0);
    -webkit-transition: -webkit-transform .3s cubic-bezier(0.785,0.135,0.15,0.86) .5s;
    -moz-transition: -moz-transform .3s cubic-bezier(0.785,0.135,0.15,0.86) .5s;
    -o-transition: -o-transform .3s cubic-bezier(0.785,0.135,0.15,0.86) .5s;
    transition: transform .3s cubic-bezier(0.785,0.135,0.15,0.86) .5s;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 40px;
    text-align: center;
    cursor: pointer;
    color: #777;
    display: inline-block;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
  }
  .close-btn i {
    font-family: 'movedo-icons';
    speak: none;
    font-style: normal;
    font-size: 30px;
    font-weight: bold;
    line-height: inherit;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .close-btn i:before {
    content: "\e912";
  }
  .search-area-mobile {
    padding: 0px 20px;
    margin-top: 1.000em;
    margin-bottom: 3.077em;
  }
  .custom-logo a {
    height: 51px;
  }
  .bottom-header-section {
    position: relative;
  }
  .bottom-header-section .header__container{
    padding-right:0
  }
  header.header {
    min-height: 120px;
  }
  .custom-logo a img {
    max-width: 125px;
    height: auto;
    margin: 15px 0;
  }
  .custom-logo a {
    height: unset;
  }
  .mobile-trigger:hover {
    color: #ae4c13;
  }
  .mobile-open .close-btn {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  .mobile-open .mobile-menu-wrapper {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
    right: -30px;
    -webkit-transition: -webkit-transform .5s ease-in-out,opacity .0s .0s;
    -moz-transition: -moz-transform .5s ease-in-out,opacity .0s .0s;
    -o-transition: -o-transform .5s ease-in-out,opacity .0s .0s;
    transition: transform .5s ease-in-out,opacity .0s .0s;
  }
  .search-area-mobile form {
    position: relative;
    margin: 0px auto;
    max-width: 430px;
    width: 100%;
  }
  .search-area-mobile input[type=text] {
    width: 100%;
    height: 50px;
    margin-bottom: 0;
    color: #000;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid;
    padding: 12px 20px;
    outline: none;
    margin: 0;
    font-size: 16px;
    font-family: inherit;
    background: transparent;
    border-radius: 0;
    border-color: #6e6e6e;
    padding-right: 50px;
    min-height: 32px;
  }
  .search-area-mobile input[type=text]::placeholder{
    color: inherit !important;
    opacity: 0.5 !important;
  }

  .search-area-mobile button {
    width: 38px;
    height: 38px;
    line-height: 38px;
    font-size: 18px;
    position: absolute;
    border: none;
    top: 4px;
    right: 6px;
    padding: 0;
    cursor: pointer;
    z-index: 3;
    outline: 0;
    margin-top: 2px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background-color: #ee7b27;
    color: #ffffff;
  }

  .search-area-mobile button:before {
    font-size: inherit;
    line-height: inherit;
    font-family: 'movedo-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e905";
  }

  .search-area-mobile button svg {
    display: none;
  }

  .search-area-mobile button:hover {
    background-color: #000000;
    color: #ffffff;
  }

  .menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    opacity: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(247,247,247,0.90);
    cursor: pointer;
    z-index: 999;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    transition: all .5s ease-in-out;
  }
  .mobile-open .menu-overlay {
    opacity: 1;
    pointer-events: auto;
  }
  .search-area-mobile .hs-search-field--open .hs-search-field__suggestions {
    margin: 0px auto;
    max-width: 430px;
    width: 100%;
    left: 0;
    right: 0;
    position: absolute;
    top: 52px;
    background: #fff;
    padding: 10px;
  }

  .bottom-header-section .header__container {
    height: auto;
  }
}

@media(min-width:1500px){
  .custom-menu-primary .navigation-primary ul li ul a {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1200px){
  html {
    font-size: 10px !important;
  } 

}
@media (max-width: 959px){
  .top-header-section {
    display: none;
  }
  header.header {
    min-height: 81px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px){
  .custom-menu-primary .hs-menu-wrapper ul li a{
    font-size: 18px;
    line-height: 1.45em;
  }
}
@media only screen and (max-width: 767px){
  html {
    font-size: 8px !important;
  }
  .mobile-menu-wrapper {
    left: 0;
    width: calc(100% + 30px);
  }
  .custom-menu-primary .hs-menu-wrapper ul li a {
    font-size: 20px;
    line-height: 1.1em;
    padding: 20px 65px 20px 20px;
  }
  .custom-menu-primary .hs-menu-wrapper ul ul li a {
    font-size: 18px;
    line-height: 1.45em;
    padding: 20px 20px;
    padding-left: 80px;
    padding-right: 60px;
  }
}


body.popup-open {
  overflow: hidden;
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
footer looks when it comes to spacing and other general styles.
*********************************************************************************
****************************************************************************** */

.footer {
  background-color: transparent;
}
.footer a{
  font-family: inherit;  
}
.footer__container {
  margin: 0 auto;
}
.ft-col {
  width: 25% ;
  margin-left: 0 ;
  padding: 0px 15px;
  float: left;
}
.footer-bottom {
  padding-bottom: 15px ;
  padding-top: 15px ;
  color: #fff;
  background-color: rgba(56,56,56,1);
}
.footer-top .footer__container {
  border-bottom: 1px solid #3e3f3f;
  padding: 30px 0;
}
.copyright {
  font-size: 12px;
  line-height: 2.000em;
  text-align: center;
  margin: 0;
}

.fa-user:before {
  content: "\f007";
}
.fa-home:before {
  content: "\f015";
}
.fa-phone:before {
  content: "\f095";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-chain:before, .fa-link:before {
  content: "\f0c1";
}
.top-footer-row {
  margin: 0px -15px;
  width: auto;
}
.ft-col h3,
.footer-title{
  color: #ee7b27;
  margin-bottom: 20px;
  font-family: Barlow;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 24px;
  letter-spacing: 0px;
  margin-top: 0;
}
.footer-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.footer-menu ul li {
  margin-bottom: 15px;
  line-height:normal;
}
.footer-menu ul li a {
  font-family: "Barlow Semi Condensed";
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  text-transform: none;
  line-height: 22px;
  letter-spacing: 0px;
}
.footer-logo {
  margin-bottom: 3.846em;
}
a#back-to-top {
  position: fixed;
  width: 30px;
  height: 30px;
  bottom: -60px;
  right: 20px;
  text-align: center;
  z-index: 55;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  background-color: #262829;
  -webkit-border-radius: 3px ;
  border-radius: 3px 
}

a#back-to-top span {
  font-family: 'movedo-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 16px;
  color: #fff;
  line-height: 30px;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
a#back-to-top span:before {
  content: "\e91c"
}

a#back-to-top.show {
  -webkit-transform: translate(0,-80px);
  -moz-transform: translate(0,-80px);
  -ms-transform: translate(0,-80px);
  -o-transform: translate(0,-80px);
  transform: translate(0,-80px)
}
.footer-menu ul li:last-child {
  margin-bottom: 0;
}
.footer-logo-group a img {
  width: 8.33333333%;
  vertical-align:middle;
}
.footer-logo-group a img:first-child {
  margin-left: calc(8.33333333% * 2);
}

.footer-logo-row {
  position: relative;
  right: -60px;
}
.footer-logo-group {
  padding-bottom: 30px;
  padding-top:30px;
  overflow:hidden;
}
.footer-logo-mobile-row{
  display:none;  
}
.ft-col img{
  vertical-align:middle;
}
.footer-logo-group a {
  display: flex;
  align-items: center;
}
@-webkit-keyframes pulse2 {
	from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
	50% { -webkit-transform: scale3d(1.4, 1.4, 1.4); transform: scale3d(1.4, 1.4, 1.4); }
	to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

@keyframes pulse2 {
	from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
	50% { -webkit-transform: scale3d(1.4, 1.4, 1.4); transform: scale3d(1.4, 1.4, 1.4); }
	to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
@media (max-width: 1200px){
  .ft-col {
    width: 50%;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .footer-top .footer__container,
  .footer-logo-group{
    padding-bottom: 18px; 
    padding-top:18px;
  }
  .ft-col:nth-child(2) {
    clear: both;
  }
  .footer-logo-row {
    right: -40px;
  }
}

@media(max-width:959px){
  .footer-logo-row{
    display:none;
  }
  .footer-logo-group a img:first-child {
    margin: 0;
    width: 100%;
  }
  .footer-logo-mobile-row{
    display:initial;  
  }
  .footer-logo-group a {
    display: inherit;
  }
}

@media (max-width: 767px){
  .copyright {
    margin-top: 10px ;
    margin-bottom: 10px;
  } 
  .ft-col {
    margin-bottom: 10px ;
    float: none ;
    margin-top: 35px;
    width: 100%;
    padding-top: 15px ;
  }

  .ft-col h3, .footer-title{
    font-size: 24px;
  }
  .footer-menu ul li a {
    font-size: 18px;
    line-height: 20px;
  }
  .footer-logo-col.ft-col {
    margin-top: 10px;
    padding-top: 0;
  }
  .footer-logo {
    font-size: 18px ;
    line-height: 30px ;
  }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles for your blog. The styles included
are for the listing and post templates, featured images and pagination.
Also for the post meta infromation like tags, author and published date
*********************************************************************************
****************************************************************************** */

/* TODO: Find a better place for this */

.hs-blog-post .footer-logo-group,
.hs-blog-listing .footer-logo-group{
  display:None !important;
}
.post-content-wrapper .blog-bottom-section .content-wrapper {
  max-width: 1480px;
  padding:0;
}
.blog-banner {
  min-height: 200px;
  display: table;
  width: 100%;
  position: relative;
  z-index: 5;
  background-color: #ee7b27;
}
.blog-banner-inner{
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  text-align: center;
}
.blog-banner .page-center {
  padding: 40px 0;
}
.blog-banner h1 {
  font-family: Barlow;
  font-weight: 700;
  font-style: normal;
  font-size: 55px;
  color: #fff;
  text-transform: uppercase;
  line-height: 60px;
  letter-spacing: -1px;
  margin:0 0 18px;
}
.blog-banner p {
  font-family: Barlow;
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  text-transform: none;
  line-height: 28px;
  letter-spacing: 0px;
  margin: 0;
  color: #fff;
}
.content-wrapper-outer .content-wrapper{
  padding:40px 0;
}


.content-wrapper {
  max-width: 1240px;
  padding: 0;
  margin: 0 auto;
}
.post-listing {
  margin: 0px -20px !important;
  width: calc(100% + 40px);
  display: inline-block;
  float: none;
}
.post-item {
  padding-left: 20px;
  padding-right: 20px;
  width: 33.33%;
  display: inline-block;
  margin-right:-3px;
  vertical-align: top;
}
.post-item-inner{
  background-color: #fff;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  margin-bottom: 40px;
  -webkit-box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 10%);
  -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 10%);
  border-radius: 10px;
}
.post-item img {
  border-radius: 10px 10px 0px 0px;
  width: 100%;
}
.post-item-content {
  padding: 36px;
}
.post-meta {
  color: #3e3f3f;
  vertical-align: top;
  margin: 0 0 6px 0;
  list-style: none;
  line-height: 14px;
  font-size: 12px;
}
span.post-date:after {
  content: '/';
  opacity: .3;
  margin: 0 5px;
}
.post-topic a {
  color: #3e3f3f;
}
.post-topic a:hover {
  color: #ee7b27;
}
.post-item h2 {
  margin-bottom: 18px;
  font-family: neo-sans;
  font-weight: 600;
  font-style: normal;
  text-transform: none;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #ee7b27;
  margin-top: 0;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  min-height: 72px; 
}
.post-item h2:hover {
  color: #000;
}
.post-item h2 a{
  color: inherit;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  text-decoration:None;
}
.post-item h2 a:hover{
  color: #ee7b27;
  text-decoration:None;
}
.post-item-content p {
  margin: 0;
  line-height: 21px;
}
.blog-pagination {
  display: block;
  text-align: center;
  margin-top: 40px;
}
.blog-pagination ul {
  list-style: none;
  margin: 0;
  text-align: center;
  padding: 0;
}
.blog-pagination ul li {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  text-align: center;
  line-height: 22px;
  color: #ee7b27;
}
.blog-pagination ul li a {
  display: block;
  color: inherit;
  border: 1px solid;
  width: 40px;
  opacity: .3;
  height: 40px;
  line-height: 38px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  font-family: Barlow !important;
  font-weight: 700 !important;
  font-style: normal;
  font-size: 24px;
  text-transform: uppercase;
  letter-spacing: 0px;
}
.blog-pagination ul li a:hover {
  opacity: 1;
}
.blog-pagination ul li a.active {
  opacity: 1;
}
.blog-pagination ul li a i {
  font-family: 'movedo-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 18px;
  line-height: inherit;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a.prev-link i:before {
  content: "\e91a";
}
a.next-link i:before {
  content: "\e91b";
}
.custom-categories {
  padding-top: 18px;
  margin: 0px 0 40px;
  position: relative;
}
.tag-select{
  border-bottom: 1px solid #a4a4a4;
  position: relative;
  font-size: 20px;
  font-weight: 600;
}
.tag-select-inner{
  padding-bottom: 7px;
  padding-top: 8px;
  padding-left: 15px;
  padding-right: 100px;
  cursor: pointer;
  position: relative;
  display: inline-block;  
}
.tag-select-inner .down-icon{
  position: absolute;
  margin-left: 10px;
  top: 8px;
  font-size: 22px;
  font-style: inherit;
}
.tag-select-inner .down-icon:before {
  content: "\f107";
  font-family: FontAwesome;
}
.custom-categories ul{
  position: absolute;
  border-radius: 0px 0px 10px 10px;
  left: 0;
  top: 53px;
  z-index: 2;
  background: #ee7b27;
  margin: 0px;
  padding: 5px 0 0;
  border-top: 1px solid #fff;
  text-align: left;
  min-width: 310px;
  list-style:none;
  display:none;
}
.custom-categories ul li{
  padding: 2px 5px;
  display: block;
  line-height: 21px;
  cursor: pointer;
}
.custom-categories ul li:nth-child(2n) {
  background: #c85818;
}
.custom-categories ul li a{
  display: inline-block;
  padding: 0 5px;
  position: relative;
  color: #fff;
  text-decoration:none;
}
.tag-select-inner.active {
  border-radius: 10px 10px 0px 0px;
  background: #ee7b27;
  color: #fff;
}
.tag-select-inner.active .down-icon:before {
  content: "\f106";
  font-family: FontAwesome;
}
.tag-select-inner.active .down-icon {
  top: 7px;
}
.cm-subscribe-wrapper {
  margin: 20px 0;
  background-size: cover;
  color: #fff;
  background-position: top center;
  border-radius: 15px;
  background-repeat: no-repeat;
  padding-right: 50px;  
  background-image:url(//7215307.fs1.hubspotusercontent-na1.net/hubfs/7215307/raw_assets/public/Fundaci%C3%B3nJuanXXIII_May2021/images/fondo_newsletter_pc.png);
}
.cm-subscribe-wrapper.sidebar-form{
  background-image:url(//7215307.fs1.hubspotusercontent-na1.net/hubfs/7215307/raw_assets/public/Fundaci%C3%B3nJuanXXIII_May2021/images/fondo_newsletter_mobile.png);
  background-position: center top;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 20px;
  margin-top: 20px;
  padding-top: 100px;
  border-radius: 10px;
}
.cm-subscribe-wrapper.sidebar-form .cm-blank-spacer {
  display: none;
}


.cm-blank-spacer {
  width: 31.623931624%;
  display: block;
  min-height: 1px;
  float: left;
}
.blog-content-and-sidebar-wrapper:after {
  content: " ";
  display: table;
  clear: both;
}
.cm-subscribe-wrapper-inner:after {
  content: " ";
  display: table;
  clear: both;
}
.cm-subscribe-form{
  width: 65.81196581200001%;
  display: block;
  float: left;
  text-align: right;
  margin-left: 2.564102564%;
}
.cm-subscribe-form h3 {
  font-size: 30px;
  font-weight: 600;
  margin: 30px 0 15px;
  color: #fff;
  line-height: 34px;
}
.cm-subscribe-form p{
  font-size: 20px;
  margin: 0;
  margin-bottom: 15px;
  line-height: 28px;
}
.cm-subscribe-form fieldset.form-columns-2 {
  margin-right: 0;
  margin-left: auto;
  max-width: unset;
  display: inline-block;
}
.cm-subscribe-form .hs-form-field {
  margin: 0 10px 0 0  !important;
  width: auto !important;
}
.cm-subscribe-form  fieldset.form-columns-2 .hs-form-field{
  max-width: 180px;
}
.cm-subscribe-form .hs-form-field.hs-email{
  margin: 0  !important;
}
.cm-subscribe-form .hs-form-field > label{
  display:none;
}
.cm-subscribe-form form{
  padding:15px 0;
  max-width:100%;
}
.cm-subscribe-form input[type="text"],
.cm-subscribe-form input[type="email"]{
  padding: 5px 20px;
  border-radius: 5px;
  background: #fff;
  border: 0px;
  min-height: 30px;
  width: 100%;
  color: #000;
  font-size: 16px;
  font-family: inherit;
  margin-bottom: 14px;
  line-height: 20px;
  display: inline-block;
  max-width: 180px;
  height:unset;
}
.cm-subscribe-form .hs-error-msgs {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cm-subscribe-form fieldset.form-columns-2 .input {
  margin-right: 0 !important;
}
.cm-subscribe-form .legal-consent-container{
  font-size: 12px;
}
.cm-subscribe-form .legal-consent-container p{
  text-align: left;
  font-size: 11px;
  line-height: 14px;
  color:#fff;
  display: block !important;
}

.cm-subscribe-form .legal-consent-container p a{
  color:#fff;
  text-decoration:underline;
}
.cm-subscribe-form .legal-consent-container p a:hover{
  color:#fff;
  opacity: .80;
}
.cm-subscribe-form .legal-consent-container .hs-form-field {
  width: 100%;
  margin-left: 10px;
}
.cm-subscribe-form fieldset.form-columns-1{
  margin-right: 0;
  margin-left: auto;
  max-width: 371px;
  text-align: left;
}
.cm-subscribe-form input[type="submit"]{
  margin-top: 0px;
  background-color: #000;
  padding: 2px 20px;
  border-radius: 5px;
  font-weight: 400 !important;
  font-size: 18px;
  text-transform: inherit;
  font-family: neo-sans !important;
  -webkit-appearance: none;
  text-decoration: none !important;
  display: inline-block;
  line-height: 1.4;
  z-index: 2;
  vertical-align: top;
  margin-bottom: 8px;
  outline: 0;
  text-align: center;
  cursor: pointer;
  border: 1px solid transparent;
  box-sizing: border-box;
  letter-spacing: 0px;   
  margin-top: 9px;         
  width:auto;
}
.blog-sidebar .cm-subscribe-form input[type="submit"]{
  width:100%;
}
.cm-subscribe-form .hs-form-required {
  display: none;
}
.cm-subscribe-form .legal-consent-container .hs-form-booleancheckbox-display > span {
  display: block;
  margin-left: 13px;
}
.cm-subscribe-form .hs-input[type=checkbox]{
  margin: 3px 4px 3px 0px;
}
.cm-subscribe-form .hs-error-msgs label{
  font-size: 14px !important;
  color: #f2545b !important;
  text-transform: initial;
  font-family: "Barlow Semi Condensed";
  font-weight: 600;
  font-style: normal;
  letter-spacing: .5px;
  text-align:right;
  line-height:21px;
}
.nueva-llamada-image {
  margin-top: 40px;
  display: flex;
  justify-content: center;
}
.blog-bottom-section {
  padding: 30px 0;
}
.blog-bottom-image-wrapper {
  position: relative;
  right: -60px;
}
.blog-bottom-image-wrapper:before, 
.blog-bottom-image-wrapper:after {
  content: '';
  display: block;
  clear: both;
}
.footer-img-item {
  width: 8.33333333%;
  float: left;
  position: relative;
  min-height: 1px;
  z-index: 1;
}
.footer-img-item img{
  max-width:100%;
}
.footer-img-item-mobile {
  display: none;
}
.footer-img-item.last img {
  margin-top: 30px;
}
.post-content-wrapper .content-wrapper{
  max-width: 990px;
  padding:0 0 40px;
}
.breadcrumb {
  padding: 33px 0 26px 0;
  font-size: 14px;
  color: #000;
  line-height: 18px;
}
.breadcrumb a{
  color:#000;
}
.breadcrumb a:hover{
  color: #ee6814;
}
.blog-post-content  h1 {
  font-family: neo-sans;
  font-weight: 600;
  font-style: normal;
  font-size: 40px;
  color: #ee6814;
  text-transform: none;
  margin: 0;
  line-height: 1.400em;
  letter-spacing: 0px;
}
.hs-blog-post .post-meta {
  font-family: Barlow;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0px;
  font-size: 24px ;
  color: #3e3f3f;
  vertical-align: top;
  margin: 0 0 6px 0;
  list-style: none;
  line-height: 14px;
}
.hs-blog-post .post-meta span {
  font-size: 11px;
  line-height: 22px;
  text-transform: capitalize;
}
span.post-date:after {
  content: '/';
  opacity: .3;
  margin: 0 5px;
}
.hs-blog-post .post-meta span {
  font-size: 11px;
  line-height: 22px;
  text-transform: capitalize;
}
.post-page-featured-image img {
  width: 100%;
}
.post-page-featured-image {
}
.past-meta-section{
  margin-bottom: 30px;
}
.blog-post__body p{
  margin:18px 0;
}
ul.post-share {
  padding: 0;
  text-align: center;
  margin: 0px 0px 30px 0px;
  background: #f4f4f4;
  padding: 15px 0px;
}
ul.post-share li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  line-height: 32px;
}
ul.post-share li a {
  overflow: hidden;
  display: block;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  cursor: pointer;
  color: #d3d3d3;
  transition: all .3s;
}
ul.post-share li a i {
  font-size: 20px;
  padding: 2px 15px;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-facebook:before {
  content: "\f09a";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-linkedin:before {
  content: "\f0e1";
}
ul.post-share li a:hover {
  color: #000;
}
.blog-post-content {
  width: 74.358974359%;
  display: block;
  float: left;
}
.blog-content-and-sidebar-wrapper:after {
  content: " ";
  clear: both;
}
.blog-sidebar {
  width: 23.076923077%;
  display: block;
  float: left;
  margin-left: 2.564102564%;
}

.cm-subscribe-wrapper.sidebar-form .cm-subscribe-form {
  width: 100%;
  display: block;
  float: none;
  text-align: center;
  margin: 0;
}
.cm-subscribe-wrapper.sidebar-form .cm-subscribe-form fieldset.form-columns-2 .hs-form-field {
  max-width: 100%;
  margin: 0 !important;
  float: none !important;
  width: 100% !important;
}
.cm-subscribe-wrapper.sidebar-form .cm-subscribe-form input[type="text"], 
.cm-subscribe-wrapper.sidebar-form .cm-subscribe-form input[type="email"]{
  max-width: 100%;
  margin:0 0 10px;
}
.blog-sidebar-topic h3{
  color: #ee6814;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 5px;
  margin-bottom: 5px;
  font-size: 30px;
  font-family: neo-sans;
  line-height: normal;
  font-weight: 600;
}
.blog-sidebar-topic ul{
  list-style: none;
  padding:0 0 0 20px;
  margin:16px 0;
}

.blog-sidebar-topic ul li::before {
  content: "\2022";
  color: #ee6814;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.blog-sidebar-topic span.filter-link-count {
  display: none;
}
.hs-blog-post .blog-post__body{
  color: #3e3f3f;
  font-size: 18px;
  font-family: neo-sans;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0px;
}
.blog-content-and-sidebar-wrapper {
  margin: 0 0 30px;
}
.related-wrapper h3 {
  margin: 0px;
  text-align: center;
  padding-top: 60px;
  margin-bottom: 20px;
  border-top: 1px solid #eaeaea;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 28px;
  color: #ee6814;
  line-height: normal;
}
.cm-subscribe-post-form {
  padding: 0 0 50px;
}
.cm-subscribe-post-form .cm-subscribe-form input[type="submit"] {
  width: auto;
}
.hs-blog-post .post-meta a {
  font-family: Barlow !important;
}
.hs-blog-listing ::-webkit-input-placeholder,
.hs-blog-post ::-webkit-input-placeholder{
  color: rgb(117, 117, 117);
  opacity:1;
}
.post-page-featured-image {
  margin: 0 0 18px;
}
.cm-subscribe-form .hs_error_rollup .hs-error-msgs label {
  color: #f00000 !important;
  font-family: "Barlow Semi Condensed";
  font-weight: 600;
  font-style: normal;
  font-size: 15px !important;
  text-transform: uppercase;
  letter-spacing: .5px;
}

.cm-subscribe-form  form .hs-fieldtype-booleancheckbox ul.inputs-list p {
  color: #fff;
  font-size: 11px;
  line-height: 14px;
  display: inline-block;
}
.cm-subscribe-form  form .hs-form-booleancheckbox-display>span:before,
.cm-subscribe-form  form .hs-form-booleancheckbox-display>span:after {
  display: none;
}
.cm-subscribe-form  form .hs-input[type=checkbox] {
  position: static;
  opacity: 1;
  padding: 0px 20px;
  margin: 3px 3px 3px 4px;
}
.cm-subscribe-form  .legal-consent-container .field.hs-form-field {
  margin-right: 0;
}
.cm-subscribe-form form .hs-form-booleancheckbox-display input[type='checkbox']:checked+span {
  display: block;
  margin-left: 20px;
}
.hs-blog-post .cm-subscribe-form .hs-input[type=checkbox] {
    margin: 3px 3px 3px 4px;
    height: unset !important;
}
.cm-subscribe-form form .hs-form-booleancheckbox-display input[type='checkbox']:checked+span p {
  color: #fff;
}

@media (max-width: 1640px){
  .blog-bottom-image-wrapper {
    right: 0;
  }
}




@media (max-width: 1540px){
  .blog-banner .page-center,
  .content-wrapper-outer .content-wrapper{
    width: 90%;
  }
  .blog-bottom-section .content-wrapper{
    width: 90%;
  }
  .post-content-wrapper .content-wrapper {
    max-width: 90%;
    padding: 0 0 40px;
  }
}
@media (max-width: 1200px){
  .post-item {
    width: 50%;
    margin-right: -2px;
  }
}

@media (max-width: 959px){
  .footer-img-item{
    display: none;
  }
  .footer-img-item-mobile {
    display: block;
  }
}

@media (max-width: 767px){
  .post-listing {
    width: 100%;
    margin: 0 !important;
  } 
  .post-item {
    width: 100%;
    margin-right: 0;
    padding:0;
  }
  .post-item h2 {
    min-height: unset;
  }
  .blog-banner .page-center {
    padding: 20px 0;
  }
  .blog-banner h1 {
    font-size: 28px;
    line-height: 1.09em;
  }
  .blog-banner p {
    font-size: 19px;
    line-height: 1.17em;
  }
  .blog-pagination ul li a {
    font-size: 14px;
  }
  .content-wrapper-outer .content-wrapper {
    padding: 20px 0;
  }
  .cm-subscribe-wrapper {
    padding-right: 0;
    background-image:url(//7215307.fs1.hubspotusercontent-na1.net/hubfs/7215307/raw_assets/public/Fundaci%C3%B3nJuanXXIII_May2021/images/fondo_newsletter_mobile.png);
  }
  .cm-blank-spacer {
    display: none;
  }
  .cm-subscribe-form {
    width: 100%;
    display: block;
    float: none;
    text-align: center;
    margin-left: 0;
  }
  .cm-subscribe-form h3 {
    margin: 20px 0 15px;
  }
  .cm-subscribe-form {
    padding-top: 161px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 20px;
  }
  .cm-subscribe-form fieldset.form-columns-2 .hs-form-field {
    max-width: 100%;
  }
  .cm-subscribe-form input[type="text"],
  .cm-subscribe-form input[type="email"] {
    max-width: 100%;
    margin-bottom: 10px;
    width: 100% !important;
    text-align: center;
  }
  .cm-subscribe-form fieldset.form-columns-2 .hs-form-field {
    max-width: 100%;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .cm-subscribe-form fieldset.form-columns-2 {
    margin-right: 0;
    margin-left: auto;
    max-width: 100%;
    display: block;
  }
  .cm-subscribe-form p {
    font-size: 24px;
    margin: 0;
    margin-bottom: 15px;
    line-height: 28px;
  }
  .cm-subscribe-wrapper.sidebar-form fieldset.form-columns-1 {
    margin-right: auto;
    margin-left: auto;
    max-width: 371px;
    text-align: left;
  }
  .cm-subscribe-form .inputs-list {
    margin: 0 0 8px;
    width: 100%;
    padding-left: 0;
  }
  .cm-subscribe-form .inputs-list:first-child {
    padding-top: 0;
  }
  .cm-subscribe-wrapper.sidebar-form input[type="submit"] {
    width: 100%;
    margin-top: 0;
  }
  .cm-subscribe-form .hs-form-field {
    margin: 0 0 0 0 !important;
  }
  .cm-subscribe-form .hs-input[type=checkbox] {
    margin: 3px 3px 3px 4px;
  }
  .tag-select-inner {
    padding-right: 50px;
  }
  .blog-post-content {
    width: 100%;
    float: none;
  }
  .blog-sidebar {
    width: 100%;
    display: block;
    float: none;
    margin-left: 0;
    margin-top: 30px;
  }
  .breadcrumb {
    padding: 34px 0 26px 0;
  }
  .cm-subscribe-form fieldset.form-columns-1 {
    margin-right: auto;
    margin-left: auto;
    max-width: 371px;
  }
  .hs-blog-listing .cm-subscribe-form input[type="submit"]{
    width:100%;
  }
  .cm-subscribe-form .hs-error-msgs label{
    text-align:center;
  }

}


@media (max-width: 479px){
  .hs_recaptcha.hs-recaptcha.field.hs-form-field {
    overflow: auto;
  }
}


.hs-blog-listing .cm-subscribe-form .legal-consent-container .hs-form-booleancheckbox-display p {
  color: #fff !important;
  font-size: 11px;
  line-height: 14px;
  margin-top: 6px;
  margin-bottom: 11px;
}

.hs-blog-listing .cm-subscribe-form .legal-consent-container > div:nth-child(2) .hs-form-booleancheckbox-display p {
  margin-bottom:0;
}
.hs-blog-listing .cm-subscribe-form form .hs-input[type=checkbox] {
  opacity: 1;
  box-shadow: none;
}
.hs-blog-listing .cm-subscribe-form form .hs-form-booleancheckbox-display > span:after,
.hs-blog-listing .cm-subscribe-form form .hs-form-booleancheckbox-display > span:before{
  display:none;
}
.hs-blog-listing .cm-subscribe-form form .hs-form-booleancheckbox-display input[type='checkbox']+span {
  margin-left: 16px;
}



















.blog-header {
  background-color: transparent;
  text-align: center;
}

.blog-header__inner {
  max-width: 600px;
  margin: 0 auto;
  padding: 3.3rem 0;
}
.blog-header__title {
  font-size: 2rem;
}
.blog-header__subtitle {
  margin: 1rem 0 2rem;
}

.blog-header__form {
  margin: 0 1rem;
}

@media screen and (min-width: 768px) {
  .blog-header__form {
    width: 500px;
    margin: 0 auto;
  }
}

.blog-index {
  display: flex;
  flex-wrap: wrap;
  padding: 3.3rem 0;
}
.blog-index:after {
  content: "";
  flex: auto;
}
.blog-index__tag-header {
  flex: 1 0 100%;
  padding: 1rem;
}
.blog-index__tag-subtitle {
  font-size: 1.16rem;
  line-height: 1.1;
}
.blog-index__tag-heading {
  padding-bottom: 1rem;
  border-bottom: 3px solid #D1D6DC;
}
.blog-index__post {
  flex:  0 0 100%;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .blog-index__post {
    flex:  0 0 calc(100%/2);
  }
}
@media screen and (min-width: 1000px) {
  .blog-index__post {
    flex:  0 0 calc(100%/3);
  }
}
@media screen and (min-width: 768px) {
  .blog-index__post--large {
    flex: 1 0 100%;
    display: flex;
    justify-items: space-between;
  }
}
.blog-post img {
  max-width: 100%;
}
.blog-index__post-image {
  display: block;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 63%;
  background-image: url('./images/grayscale-mountain.png');
    }
@media screen and (min-width: 768px) {
  .blog-index__post-image--large {
    flex: 1 1 100%;
    padding-bottom: 0;
  }
  .blog-index__post-content--large {
    flex: 1 1 100%;
    padding-left: 2rem;
  }
  .blog-index__post-image--large {
    flex: 1 1 48%;
  }
  .blog-index__post-content--large {
    flex: 1 1 48%;
    padding-left: 2rem;
  }
}
.blog-index__post-content h2 {
  margin: .5rem 0;
}
.blog-index__post-content--small h2 {
  font-size: 1.25rem;
}
.blog-index__post-content p {
  font-family: Lato, sans-serif;
}
.blog-index__post-content a {
  color: #494a52;
}
.blog-index__post img {
  max-width: 100%;
  height: auto;
}


.blog-header__author-avatar {
  height: 200px;
  width: 200px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50%;
  box-shadow: 0 0 12px 0 rgba(0,0,0,0.15);
  margin: 0 auto 1.5rem;
}
.blog-header__author-social-links a {
  display: inline-block;
  position: relative;
  background-color: #000;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin: 0 5px;
}
.blog-header__author-social-links a:hover {
  background-color: #494a52;
}
.blog-header__author-social-links svg {
  fill: #fff;
  height: 15px;
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.blog-post {
  max-width: 960px;
  margin: 0 auto;
  padding: 3.3rem 0;
}
.blog-post h1 {
  font-size: 1.6rem;
}
.blog-post__meta {
  margin: 1rem 0;
}
.blog-post__meta a {
  color: #494a52;
  text-decoration: underline;
}

.blog-post__tags {
  font-family: Lato, sans-serif;
  color: #000;
}
.blog-post__tags svg {
  width: 15px;
  height: auto;
  margin-right: 10px;
}


.blog-recent-posts {
  margin-top: 3rem;
  background-color: transparent;
  padding: 2rem 0;
}
.blog-recent-posts h2 {
  text-align: center;
}
.blog-recent-posts__list {
  display: flex;
}
.blog-recent-posts__post {
  display: block;
  flex:  0 0 100%;
  color: #494a52;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .blog-recent-posts__post {
    flex:  0 0 calc(100%/2);
  }
}
@media screen and (min-width: 1000px) {
  .blog-recent-posts__post {
    flex:  0 0 calc(100%/3);
  }
}
.blog-recent-posts__post:hover {
  text-decoration: none;
}
.blog-recent-posts__image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 63%;
}
.blog-recent-posts__title {
  margin: 1rem 0 .5rem;
}

.blog-comments {
  max-width: 680px;
  margin: 0 auto;
}
.blog-comments form {
  max-width: 100%;
}
.blog-comments .hs-submit {
  text-align: center;
}
.blog-comments .hs-button {
  background-color: transparent;
  border: 2px solid #494A52;
  color: #494A52;
}
.blog-comments .hs-button:hover {
  background-color: #494A52;
  color: #fff;
}
.blog-comments .comment-reply-to {
  border: 0 none;
}
.blog-comments .comment-reply-to:hover {
  background-color: transparent;
  text-decoration: underline;
  color: #494A52;
}

/*             Blog Listing with Sidebar            */

.post-item .page-center{
  display: -webkit-flex; /* Safari */
  display: flex; /* Standard syntax */
  margin-bottom: 20px;
}
.post-item .page-center .span4, .post-item .page-center .span8 {
  -webkit-flex: 1; /* Safari */
  -ms-flex: 1; /* IE 10 */
  flex: 1; /* Standard syntax */
}
.post-item .page-center .span8 {
  flex-basis: 31.914893614%;

}
img.featured-image {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover;
}
@media(max-width: 480px){
  .blog-post img {
    width: 100% !important;
    float: none !important;
  }
}

/*             Blog Grid Listing            */

.blog-index__post.blog-index__post--small {
  display: flex;
}

.blog-index__post-inner-card {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  border-radius: 5px;
  background: #fff;
}

.blog-index__post-image {
  border-radius: 5px 5px 0 0;
}

.blog-index__post-inner-card .blog-index__post-content {
  display: flex;
  flex-direction: column;
  padding: 24px 30px 30px 30px;
  height: 100%;
}

.blog-index__post-content--small h2 {
  font-size: 18px;
  line-height: 26px;
}

.blog-index__post-content--small h2 a:hover {
  text-decoration: none;
  transition: all .5s;
}

.blog-post__meta-section {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: auto;
  padding-top: 30px;
  font-size: 14px;
}

.blog-post__read-more a:hover {
  text-decoration: none;
}

.read-more__arrow {
  position: relative;
  top: 3px;
  padding-left: 10px;
}

.blog-post__read-more svg {
  width: 15px;
  height: auto;
}

.blog-post__read-more a svg {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

@media screen and (max-width: 767px) {
  .blog-index.sidebar {
    padding: 1rem 0;
    padding-bottom: 3.3rem;
  }
}

/*             Blog Grid Listing with Sidebar            */

.blog-index.sidebar {
  display:flex;
}

@media screen and (min-width: 1000px) {
  .blog-index.sidebar .blog-index__post {
    flex: 0 0 calc(100%/2);
  }
}

@media screen and (max-width: 999px) {
  .blog-index.sidebar .blog-index__post {
    flex: 0 0 calc(100%/1);
  }
}

/* Mobile Blog Sidebar */

@media(max-width: 767px) {
  .hs-blog-listing .content-wrapper > .row-fluid {
    display: flex;
    flex-direction: column;
  }

  .hs-blog-listing .span3 {
    order: 1;
  }

  .hs-blog-listing .span9 {
    order: 2;
  }
}

/* Blog Subscription Section */

.subscription-form {
  display: block;
  margin: 0 auto;
  padding: 60px 0;
  width: 40%;
  text-align: center;
}

@media (max-width: 767px) {
  .subscription-form {
    width: 85%;
  }
}

.subscription-form label {
  text-align: center;
}

/*             Blog Post Layout          */


.blog-post {
  position: relative;
  width: 90%;
  margin: 0 auto;
  padding: 84px 100px 80px 100px;
  background: #fff;
  border-radius: 5px;
}

.blog-post.no-image {
  margin-top: 50px;
}

.blog-post__title {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.25;
}

.blog-post__meta a {
  text-decoration: none;
}

.blog-post__links {
  display: block;
  padding: 26px 0;
  margin-top: 20px;
}

.blog-post__back-to-blog {
  text-decoration: none;
}

.blog-post__back-to-blog svg {
  position: relative;
  top: 6px;
  margin-right: 10px;
  width: 20px;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

@media (max-width: 767px) {
  .blog-post {
    width: 90%;
    padding: 30px;
  }
}

/* Blog Comments */

.blog-comments {
  max-width: 100%;
}

.comment.depth-0:first-child {
  margin-top: 2em;
}

.comment.depth-1 {
  padding-left: 2em;
  padding-top: 1em;
  margin-top: 1em;
}

.blog-comments form {
  margin-top: 2em;
  padding-top: 2em;
}

/* Related Articles */

.blog-recent-posts__list {
  flex-wrap: wrap;
}

.blog-recent-posts .blog-index__post-content h2 {
  text-align: left;
}

.blog-recent-posts .blog-post__meta-section {
  justify-content: flex-end;
}









@media (max-width: 767px){
  .hs-blog-listing .cm-subscribe-form .legal-consent-container .hs-form-booleancheckbox-display p {
    color: #fff !important;
    font-size: 11px;
    line-height: 14px;
    margin-top: 0;
    margin-bottom: 8px;
  }
  .hs-blog-listing .cm-subscribe-form form .hs-form-booleancheckbox-display input[type='checkbox']+span {
    margin-left: 20px;
  }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
system pages look. These pages include the error pages (404 and 500),
password protected content and search listing results.
*********************************************************************************
****************************************************************************** */

.error-page {
  padding: 10rem 0;
  text-align: center;
  position: relative;
}
.error-page:before {
  content: attr(data-error);
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-family: Lato, sans-serif;
  font-size: 35vw;
  font-weight: bold;
  color: #F3F6F9;
  z-index: -1;
}
@media screen and (min-width: 1100px) {
  .error-page:before {
    font-size: 20rem;
  }
}
.error-page_heading {
  margin-bottom: 1rem;
}

.systems-page {
  padding: 3rem 20px;
}
.systems-page .success {
  display: inline-block;
  margin: 2rem 0;
  min-width: 650px;
  background-color: #CDE3CC;
  border: 1.5px solid #4F7D24;
  border-radius: 6px;
  font-size: .75rem;
  color: #4F7D24;
  padding: .1rem .75rem;
}

.hs-search-results {
  margin-top: 2rem;
}
ul.hs-search-results__listing li {
  margin-bottom: 2rem;
}
.hs-search-results__title {
  font-family: Merriweather, serif;
  font-size: 1.25rem;
  color: #494a52;
  text-decoration: underline;
  margin-bottom: .25rem;
}
.hs-search-results__title:hover {
  text-decoration: none;
}
.hs-search-results__description {
  padding-top: .5rem;
}
.hs-search-highlight {
  font-weight: bold;
}
.hs-search-results__pagination a {
  color: #494a52;
}

.email-prefs .item.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.email-prefs .item.disabled input:disabled {
  cursor: not-allowed;
}
.error-page a.hs-button,
.systems-page .hs-button{
  width: auto;
}

.systems-page form {
  max-width: 500px;
}

.systems-page [type="checkbox"], 
.systems-page [type="radio"] {
  width: auto;
  vertical-align: middle;
}
.systems-page .hs-button {
  white-space: normal;
  margin-bottom:10px;
}
.systems-page .hs-error-msgs {
  margin-left: 0;
}


.custom-error-wrapper {
  text-align: center;
  padding: 50px 0;
}

.custom-error-content p {
  font-family: Barlow;
  font-weight: 300;
  font-style: normal;
  font-size: 18px;
  text-transform: none;
  line-height: 30px;
  letter-spacing: 0px;
}

.custom-error-content {
  padding-bottom: 21px;
  padding-top: 21px;
}

.custom-error-button .grve-btn {
  padding: 1.636em 2.545em;
  margin-left: 15px;
  margin-right: 15px;
  box-shadow: none;
}

@media(max-width:959px){
  .custom-error-layout .content-wrapper {
    width: 90%;
  }
}

@media(max-width:767px){
  .systems-page form {
    max-width: 100%;
  }
  .systems-page form input.email-edit.hs-input {
    width: 100% !IMPORTANT;
  }
  .systems-page .success {
    min-width: 100%;
  }
  .error-page {
    padding: 10rem 15px;
  }
  .hs-landing-page.hs-page .body-container__website {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@charset "UTF-8";/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2013 Daniel Eden
*/.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);-ms-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);-ms-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);-ms-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);-ms-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);-ms-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);-ms-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);-ms-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);-ms-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;-ms-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);-ms-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);-ms-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);-ms-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);-ms-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);-ms-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);-ms-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);-ms-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);-ms-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);-ms-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);-ms-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);-ms-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);-ms-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);-ms-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);-ms-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);-ms-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);-ms-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);-ms-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);-ms-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);-ms-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);-ms-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);-ms-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);-ms-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);-ms-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);-ms-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0,0,1,45deg);transform:rotate(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0,0,1,45deg);-ms-transform:rotate(0,0,1,45deg);transform:rotate(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);-ms-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);-ms-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);-ms-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);-ms-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);-ms-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);-ms-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);-ms-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);-ms-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.popup-open {
  overflow-y: hidden;
}

.custom-so-juan-top-section .row-fluid .span6 {
  width: 50%;
  padding: 0;
  margin: 0;
}

.custom-so-juan-top-section h1 {
  font-size: 26px;
  line-height: 30px;
  letter-spacing: -1px;
}

.custom-so-juan-top-section h1 > span {
  font-size: 160%;
  display: inline-block;
  line-height: 1.200em;
  vertical-align: top;
}

.custom-so-juan-top-section .row-fluid .span6:first-child {
  padding-left: 15px;
}

.custom-so-juan-top-section .row-fluid .span6:last-child {
  padding-right: 15px;
}

.custom-so-juan-top-section h1 .grve-title-line.grve-bg-white {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #000000;
}

.custom-so-juan-top-section h3 {
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0px;
}

.custom-so-juan-top-section h3 > span {
  display: inline-block;
  vertical-align: top;
}

span.grve-empty-space {
  display: block;
  height: 15px;
}

.custom-so-juan-top-section h4 {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0px;
}

.custom-so-juan-top-section .footer-social ul {
  margin: 0 auto -8px auto;
  list-style: none;
  display: inline-block;
}

.custom-so-juan-top-section .footer-social ul li {
  display: inline-block;
  margin: 10px;
  position: relative;
  margin-left: 0;
  line-height: 22px;
  font-size: 16px;
  float: none;
}

.custom-so-juan-top-section .footer-social ul li a {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #000000;
  width: 2.500em;
  height: 2.500em;
  line-height: 2.500em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
}

.custom-so-juan-top-section .footer-social ul li a i {
  font-size: 16px;
  color: #ee7b27;
}

.custom-so-juan-top-section iframe {
  max-width: 100%;
  display: block;
}

.custom-so-juan-section .hs-column-with-equal-bg .grve-column.wpb_column.grve-middle h2 {
  text-align: center;
}

.custom-so-juan-section .hs-column-with-equal-bg .grve-align-left {
  text-align: center;
}


.custom-so-juan-top-section .iframe_wrapper {
  padding-bottom: 85.737%;
}

.custom-so-juan-section .custom-collaboration .custom-collaboration-heading h3 {
  font-size: 26px;
  line-height: 30px;
  letter-spacing: -1px;
}

.grve-btn.no-shadow {
  box-shadow: none;
}

.custom-juanenergy-section .row-fluid [class*="span"] {
  min-height: 0;
}

.custom-so-juan-top-section .footer-social ul li a:hover {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #000000;
}

.custom-so-juan-top-section .footer-social ul li a:hover i {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

.custom-so-juan-top-section .row-fluid [class*="span"] {
  min-height: 0;
}

@media(max-width:1200px){
  .custom-so-juan-top-section h1 {
    font-size: 20px;
  }

  .custom-so-juan-top-section .row-fluid .span6:first-child {
    padding-top: 23.750px !important;
    padding-bottom: 23.750px !important;
  }

  .custom-so-juan-top-section .dnd-section:not(:first-child)>.row-fluid {
    max-width: calc(90% + 30px) !important;
    width: 100%;
  }

  .custom-so-juan-top-section h3 {
    font-size: 18px;
    line-height: 1.2em;
  }

  .custom-so-juan-section .custom-collaboration .custom-collaboration-heading h3 {
    font-size: 20px;
  }

  .hs-privacy-section .dnd-section {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .custom-mision-top-section .custom-los .grve-column-wrapper p {
    line-height: 24px;
  }

  .body-container__patronato2 .dnd-section {
    padding-top: 18px;
  }


  .body-container__patronato2 .span4.dnd-column .hs_cos_wrapper_type_rich_text h3 {
    font-size: 18px;
    line-height: 1.4;
  }
  .body-container__patronato2 .hs_cos_wrapper_type_header h3 {
    font-size: 18px;
    line-height: 1.4;
  }
}

@media only screen and (min-width: 768px) and (max-width: 959px){
  .hs-privacy-section h2 {
    font-size: 19px;
    line-height: 1.25em;
  }
}

@media(max-width:959px){
  .custom-juan .custom-juan-heading h1 {
    font-size: 18px;
  }

  .custom-so-juan-top-section h1 {
    font-size: 18px;
  }

  .custom-so-juan-top-section .row-fluid .span6:first-child {
    padding-top: 31px !important;
    padding-bottom: 31px !important;
  }

  .custom-so-juan-top-section h3 {
    font-size: 16px;
    line-height: 1.2em;
  }

  .custom-so-juan-section .custom-collaboration .custom-collaboration-heading h3 {
    font-size: 18px;
  }

  .custom-mision-section h3 {
    font-size: 19px;
    line-height: 1.25em;
  }

  .body-container__patronato2 .span4.dnd-column .hs_cos_wrapper_type_rich_text h3,
  .body-container__patronato2 .hs_cos_wrapper_type_header h3 {
    font-size: 16px;
  }
  

}

@media(max-width:767px){
  .custom-attrntion-top-section .dnd-section[class*="background-color"] .row-fluid .span4:last-child {
    margin-bottom: 0;
  }

  .custom-so-juan-top-section .row-fluid .span6 {
    width: 100%;
  }

  .custom-so-juan-top-section h1 {
    font-size: 19px;
  }

  .custom-so-juan-top-section h3 {
    font-size: 17px;
    line-height: 1.2em;
  }

  .custom-so-juan-section .custom-collaboration .custom-collaboration-heading h3 {
    font-size: 19px;
  }

  .donaciones-sec2 .dnd-section {
    padding-left: 15px;
    padding-right: 15px;
  }

  .custom-mision-top-section .custom-los {
    padding: 36px 0;
  }

  .custom-mision-top-section .custom-accesibilidad .custom-row.img-right {
    display: flex;
    flex-wrap: wrap;
  }

  .custom-mision-top-section .custom-accesibilidad .custom-col-6:first-child {
    order: 2;
  }
  .hs-column-with-equal-bg .grve-column.wpb_column.grve-middle:first-child {
    margin-bottom: 30px;
  }

  .body-container__patronato2 .span4.dnd-column .hs_cos_wrapper_type_rich_text h3,
  .body-container__patronato2 .hs_cos_wrapper_type_header h3 {
    font-size: 17px;
  }

  .custom-so-juan-top-section .row-fluid .span6:first-child {
    padding-right: 15px !important;
  }

  .custom-so-juan-top-section .row-fluid .span6:last-child {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .custom-mision-section h3 {
    font-size: 20px;
    line-height: 1.25em;
  }

  .custom-juan .custom-juan-column-inner .custom-row.custom-juan-row-2 .custom-juan-item:first-child {
    margin-bottom: 14px;
  }
}

@media(max-width:540px){
  .colab-sec2 .dnd-section>.row-fluid {
    max-width: 1480px !important;
    width: 90%;
  }
}

@media(max-width:479px){
  .custom-home-section .custom-ocupacional .custom-ocupacional-heading h1 {
    font-size: 18px;
    line-height: 22px;
  }

  .landing-alert-section h1 {
    padding: 0 15px;
  }
}


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

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



/*.leadinModal-2154842 .leadinModal-content{
  width: 25vw !important; 
 max-width: 800px;
}


.leadinModal-2154842 h4{
 display: none !important;
}

.leadinModal-2154842 .dyno-image{
 width: 100% !important;
}

.leadinModal-2154842 .dyno-image img{
 width: 100% !important;
 height: 100% !important;
 max-width: 100% !important;
}

.leadinModal-2154842 .advance-wrapper.callout-special-font a{
 position: absolute !important;
 width: 100% !important;
 top: 0 !important;
 left: 0 !important;
 height: 96% !important;
 opacity: 0 !important;
 padding: 0 !important;
 margin: 0 !important;
}

.leadinModal-v3.leadinModal.leadinModal-theme-bottom-right-corner .leadin-content-body .leadin-preview-wrapper{
 padding: 0;
}

.leadinModal-v3.leadinModal.leadinModal-theme-bottom-right-corner .leadinModal-close{
top: 10px !important;
   right: 10px !important;
   background-color: #000;
   opacity: 0.3;
   border-radius: 50%;
 
}

.leadinModal .leadinModal-close:before{
 display: inline !important;
   line-height: 28px !important;
 padding: 0 7px !important;
 width: auto !important;
   height: auto !important;
}


.leadinModal-2154842.leadinModal-theme-bottom-right-corner.leadinModal-preview.leadinModal-v3 .leadinModal-close:before{
 color: #ef7b28 !important;
 z-index: 1000 !important;
}

.leadinModal-2154842.leadinModal-theme-bottom-right-corner.leadinModal-preview.leadinModal-v3 .leadinModal-close:before{
 color: #ffffff !important;
}

.leadinModal-2154842.leadinModal-v3.leadinModal.leadinModal-theme-bottom-right-corner .leadin-content-body .leadin-preview-wrapper{
  padding: 0 !important;
}

@media (max-width: 767px){

 .leadinModal-2154842 .leadinModal-content{
   width: 100% !important;
   max-width: 100vw;
 }
 

 .leadinModal-2154842 .dyno-image img{
   max-height: 100% !important;
 }
 

 .leadinModal-2154842.leadinModal.leadinModal-v3 .dyno-image{
   width: 100% !important;
   margin-bottom: 0;
 }
}*/



/* Estilos popup cestas de navidad */
@media (min-width: 768px){
  #leadinModal-3980919 .leadinModal-content,
  #leadinModal-3841619 .leadinModal-content{
    width: 40em;
    max-width: 25vw;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  #leadinModal-3980919 .leadinModal-content,
  #leadinModal-3841619 .leadinModal-content{
    width: 40em;
    max-width: 50vw;
  }
}

#leadinModal-3980919 .dyno-image,
#leadinModal-3841619 .dyno-image{
      margin: 0;
    width: 100%;
    height: 100%; 
}

#leadinModal-3980919 .dyno-image img,
#leadinModal-3841619 .dyno-image img{
    max-width: 100%;
}

@media (max-width: 767px){
  #leadinModal-3980919 .dyno-image img,
  #leadinModal-3841619 .dyno-image img{
      max-width: 50vw;
      width: 50vw;
      max-height: none;
  }
}

@media (max-width: 480px){
  #leadinModal-3980919 .dyno-image img,
  #leadinModal-3841619 .dyno-image img{
      max-width: 100vw;
      width: 100vw;
  }
}

#leadinModal-3980919 .leadin-preview-wrapper,
#leadinModal-3841619 .leadin-preview-wrapper{
  padding: 0 !important;
}

#leadinModal-3980919 .leadin-preview-wrapper h4,
#leadinModal-3841619 .leadin-preview-wrapper h4{
  display: none;
}

#leadinModal-3980919 .leadin-preview-wrapper .advance-wrapper a,
#leadinModal-3841619 .leadin-preview-wrapper .advance-wrapper a{
      position: absolute;
    top: 0;
    left: 0;
    height: 90%;
    padding: 0;
    opacity: 0;
}