@charset "UTF-8";
/*@import "vendor/_init"*/
/* ==========================================================================
   /HTML5 Boilerplate v5.3.0
   @mixin ========================================================================= */
html {
  font-family: 'Inter', sans-serif;
  color: #333; }

body {
  margin: 0; }

*::-moz-selection {
  background: #FFCD00;
  color: #333366; }

*::selection {
  background: #FFCD00;
  color: #333366; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

audio, canvas, iframe, img, svg, video {
  vertical-align: middle; }

img {
  max-width: 100%;
  height: auto; }

figure {
  margin: 0; }

ul {
  list-style: none;
  padding-left: 0;
  margin: 0; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 100%; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

textarea {
  resize: vertical; }

div, section, input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

h1, h2, h3, h4 {
  font-family: 'Inter', sans-serif;
  text-transform: uppercase;
    color: #333;
    margin: 0;
    line-height: 105%;
    font-weight: 600;}

h5, h6 {
  color: #333;
  margin: 0;
  line-height: 125%; }

h1 {
  font-size: 2.5em;
  line-height: 120%; }

h2 {
  font-size: 2em; }

h3 {
  font-size: 2.26em; }

h4 {
  font-size: 1.75em; }

h5 {
  font-size: 1.64em;
  font-weight: 400;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto; }

h6 {
  font-size: 1.31em;
  font-weight: 300; }

h2 + h5 {
  margin: 10px 0 30px; }

p {
  font-size: 1.1em;
  line-height: 140%;
  font-weight: 400;
  color: #333333; }

a {
  text-decoration: none;
  display: inline-block;
  color: #333366; }
a:focus{
  outline: auto;}
a:active, a:hover {
    outline: 0;}

/* /// COLORS ///*/
[class^="bg_"], [class*="bg_"] {
  color: #fff; }
  [class^="bg_"] > div, [class*="bg_"] > div{
    padding: 30px;}
  [class^="bg_"] h2, [class^="bg_"] h3, [class^="bg_"] h4, [class^="bg_"] p, [class*="bg_"] h2, [class*="bg_"] h3, [class*="bg_"] h4, [class*="bg_"] p {
    color: #fff; }
  [class^="bg_"] p, [class*="bg_"] p {
    margin-bottom: 0; }

.bg_purple {
  background: #5C2883; }
  section .bg_purple a{
    color: #FFF;}
  .bg_purple svg polygon {
    stroke-width: 2;
    stroke: #FFF;}

.bg_blue {
  background: #2AB5E6; }

.bg_orange {
  background: #f9622c; }

.bg_yellow {
  background: #FFCD00; }
  .bg_yellow p {
    color: #333; }
  .bg_yellow h4 {
    color: #333;
    margin-top: 10px; }
  .bg_yellow h2, .bg_yellow h3 {
    color: #333; }
  .bg_yellow a{
    color: #333;
    font-weight: 500;}
  .bg_yellow svg polygon {
    stroke-width: 2;
    stroke: #333;}

.bg_pink {
  background: #A04AAD;
  -o-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transform: all 0.4s ease-in-out;
  -webkit-transform: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

.bg_orange.box4{
  display: none;}

a.bg_pink:hover {
  background: #333366; }

a.bg_pink span {
  color: #fff; }

a.bg_pink svg g {
  stroke: #FFf; }

.green h2 span, .green .arrow {
  color: #FFF; }

.green svg g {
  stroke: #FFF; }

.yellow h2 span, .yellow .arrow {
  color: #FFF; }

.yellow svg g {
  stroke: #FFF; }

.orange h2 span, .orange .arrow {
  color: #FFF; }

.orange svg g {
  stroke: #FFF; }

/* ==========================================================================
   Author's custom styles
   @mixin ========================================================================= */
/* MENU */
.nav-toggle {
  width: 50px;
  height: 50px;
  float: right;
  position: relative;
  margin-bottom: 5px;
  background: transparent;
  border: none; }
  .nav-toggle:focus {
    outline: #333366; }
  .nav-toggle .iconMenu {
    background: #333366;
    width: 35px;
    height: 3px;
    margin: 0 auto;
    margin-top: 1px;
    display: block;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transform: all 0.5s ease-in-out;
    -webkit-transform: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  .nav-toggle .iconMenu:after, .nav-toggle .iconMenu:before {
    content: " ";
    background: #333366;
    width: 35px;
    height: 3px;
    margin: 0 auto;
    display: block;
    position: absolute;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transform: all 0.5s ease-in-out;
    -webkit-transform: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  .nav-toggle:hover .iconMenu, .nav-toggle:hover .iconMenu:after, .nav-toggle:hover .iconMenu:before {
    background: #FFCD00; }
  .nav-toggle .iconMenu:before {
    top: 12px; }
  .nav-toggle .iconMenu:after {
    bottom: 12px; }

.nav-toggle.close .iconMenu {
  background: transparent; }

.nav-toggle.close .iconMenu:before {
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 24px; }

.nav-toggle.close .iconMenu:after {
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  bottom: 24px; }

.nav-toggle.close .menu-wrapper {
  display: block; }


.nav-collapse {
  margin-top: 20px;
  border-top: 2px solid #333366;
  padding: 15px 20px 0;
  display: none; }
  .nav-collapse ul:first-child > li {
    border-top: 1px solid #aaaad5; }
    .nav-collapse ul:first-child > li:first-child {
      border: none; }
  .nav-collapse li {
    padding: 20px 0; }
  .nav-collapse a {
    font-family: 'Inter', sans-serif;
    color: #333;
    display: inline-block;
    text-transform: uppercase;
    font-size: 0.9em;
    line-height: 120%;
    font-weight: 100;
    position: relative;
    overflow: hidden;
    z-index: 100;
    -o-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transform: all 0.4s ease-in-out;
    -webkit-transform: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; }
    .nav-collapse a:after {
      width: 100%;
      content: "";
      height: 3px;
      display: block;
      background: #FFCD00;
      position: absolute;
      bottom: -1px;
      left: -100%;
      z-index: -1;
      -o-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -ms-transform: all 0.4s ease-in-out;
      -webkit-transform: all 0.4s ease-in-out;
      -webkit-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out; }
    .nav-collapse a:hover {
      color: #333366; }
  .nav-collapse li.active a:after, .nav-collapse li.current_page_item a:after, .nav-collapse a:hover:after {
    left: 0%;}

/* /// HEADER ///*/
.main_header {
  position: fixed;
  z-index: 10000;
  background: #fff;
  width: 100%;
  max-width: 2000px;
  top: 38px;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
  -o-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transform: all 0.4s ease-in-out;
  -webkit-transform: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }
  .main_header.hide {
    top: -150px; }
  .main_header .pack {
    margin: 10px 20px; }
  .main_header p {
    display: none; }

header .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.logo {
  max-width: 120px; }
  .logo a {
    display: inline-block; }

/* /// CONTENIDO GENERAL ///*/
main {
  margin-top: 110px;}

section .content {
  margin: 60px 20px; }

aside .content, .bd_cv .content {
  padding: 60px 20px;
  margin: 0; }

.box {
  padding: 20px; }

.arrow {
  display: inline-block;
  margin-top: 20px; }
  .arrow svg {
    -o-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transform: all 0.4s ease-in-out;
    -webkit-transform: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: inline-block;
    margin-left: 5px; }
    .arrow svg polygon {
      stroke-width: 2; }

.arrow.back svg {
  margin-right: 10px; }

.back polygon {
  stroke: #333366; }

a:hover .arrow svg {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px); }

a:active {
  color: #333;
  font-weight: 600; }

.btn {
  color: #333;
  background-color: #ffcd00;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1em;
  padding: 10px 24px;
  width: auto;
  text-align: center;
  display: inline-block;
  margin-top: 30px;
  position: relative;
  z-index: 1000;
  line-height: 160%;
  -o-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transform: all 0.4s ease-in-out;
  -webkit-transform: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }
.btn:hover {
    color: #fff;
    background-color: #5c2883; }
.bg_purple .btn {
  color: #333366; }
.bg_purple .btn:hover {
    background: #fff;
    color: #333; }
.bg_yellow .btn {
    background: #fff; }
.bg_yellow .btn:hover {
    color: #fff;
    background: #5C2883; }

.grid_box, .grid, .grid_process, .grid_form, .grid_about {
  max-width: 500px;
  margin: 40px auto 0; }
  .grid_box > div, .grid > div, .grid_process > div, .grid_form > div, .grid_about > div{
    margin: 20px 0; }

.grid_box img {
  margin: 0 auto;
  display: inherit; }

.flex_box h5, .flex_box h4, .grid_box h4 {
  margin-top: 15px; }

.grid_box h5{
    text-transform: uppercase;
    color: #fff;
    background: #E65B2A;
    margin-top: 0;
    padding: 20px 24px;
  }



.flex_box p, .grid_box p {
  margin-top: 5px; }

.flex_box h5 {
  margin-top: 30px; }

@supports (display: grid) {
  .grid_box > div, .grid > div, .grid_process > div, .grid_about > div {
    margin: 0; }
  .grid_box, .grid_process, .grid_about {
    display: grid;
    margin-top: 40px; }
  .grid_box {
    grid-gap: 30px; } }

/*.phrase {
  margin: 20px 0; }*/

.bg_purple + div article {
  margin-bottom: 20px; }

.link-title {
  width: 100%;
}

.flex_box > div {
  margin: 30px 0;
  text-align: center; }

.incubated{
  text-align: center;}
.incubated h5 {
  margin-top: 20px; }
.img-incub{
  padding: 0 10px;}

section .flex_box > div > div {
  text-align: center; }

.incubated p {
  margin-top: 0; }

.incubated hr {
  width: 100px;
  margin: 10px auto; }

.incubated .pink:before {
  border-top: 100px solid #B2309D; }

.incubated hr.pink {
  border-top: 2px solid #B2309D; }

.incubated .yellow:before {
  border-top: 100px solid #FFCD00; }

.incubated hr.yellow {
  border-top: 2px solid #FFCD00; }

.incubated .blue:before {
  border-top: 100px solid #0bcaca; }

.incubated hr.blue {
  border-top: 2px solid #0bcaca; }


/* /// NUEVAS SECCIONES ///*/


.center-block h1 {
    max-width: 90%;
    margin: 0 auto;
    padding-top: 50px;
}
.center-block h6, center-block p {
    max-width: 90%;
    margin-top: 20px;
}
.left-block h2{
    max-width: 75%;
}
.grid_box.categories{
    grid-gap: 15px;
}
.grid_box.categories h4 {
    margin-top: 0;
}


/* /// EYECATCHER ///*/
.eyecatcher {
  position: relative;
  background-color: #333366;
  min-height: 250px; }
  .eyecatcher .top-title {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px; }
    .eyecatcher .top-title h1, .eyecatcher .top-title p {
      margin: 0;
      color: #fff;
      max-width: 400px; }

.eyecatcher-home a {
  position: relative;
  background-color: #333366;
  min-height: 180px;
  display: block; }
  .eyecatcher-home a:hover .box {;
    top: 0; }

.eyecatcher-home a.green:hover .box {
    background: #f29022;
}

.eyecatcher-home a.yellow:hover .box {
    background: #a44ab1;
}

.eyecatcher-home a.orange:hover .box {
    background: #2ab9ea;
}

.eyecatcher-home .box {
  position: absolute;
  z-index: 100;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  -o-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transform: all 0.4s ease-in-out;
  -webkit-transform: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

.eyecatcher-home h2 {
  color: #fff;
  margin-top: 8%;
  line-height: 100%;}

.eyecatcher-home .arrow {
  margin-top: 10px; }

.social a {
  border-radius: 50%;
  margin: 10px;
  text-align: center;
  -o-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transform: all 0.4s ease-in-out;
  -webkit-transform: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

.social a:hover path {
    fill: #fff;
}

.bg_pink .social a {
  width: 40px;
  height: 40px; }

.bg_pink .social svg {
  padding-top: 8px;
  height: 25px; }

.bg_pink .social path {
  fill: #FFF; }

/* /// FOOTER ///*/
footer {
  text-align: center;
  font-size: 75%;
  z-index: 10000000;
  position: relative;}
  footer .logo {
    margin: 0 auto; }
  footer p a{
    color: #fff;}
  footer .social {
    margin: 15px 0;}
  footer .legal a, footer p a {
    color: rgba(255, 255, 255, 0.75);
    position: relative;
    z-index: 100;
    -o-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transform: all 0.4s ease-in-out;
    -webkit-transform: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; }
    footer .legal a:before, footer p a:before {
      content: "";
      width: 100%;
      height: 2px;
      background: rgba(255, 255, 255, 0.5);
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: -1;
      -o-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -ms-transform: all 0.4s ease-in-out;
      -webkit-transform: all 0.4s ease-in-out;
      -webkit-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out; }
    footer .legal a:hover, footer p a:hover {
      color: #333366; }
      footer .legal a:hover:before, footer p a:hover:before {
        height: 100%;
        background: #FFCD00; }
  footer p {
    color: rgba(255, 255, 255, 0.5); }
  footer .social a {
    width: 30px;
    height: 30px; }
  footer .social svg {
    padding-top: 6px;
    height: 17px; }
  footer .social path {
    fill: rgba(255, 255, 255, 0.5); }

/* /// CONTACTO ///*/
.contact-info .box1 > div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px; }
  .contact-info .box1 > div > div div {
    text-align: center;
    width: 10%; }

.contact-info .box1 p {
  width: 85%;
  margin-top: 0; }

.contact-info h4 {
  margin-bottom: 20px; }

.thanks {
  max-width: 500px; }

/* /// BACKGROUNG ///*/
.back_img, .form_img {
  background: #ffcd00; }

  .back_img .btn {
    background: #fff; }
  .back_img .btn:hover {
    color: #fff;
    background: #5C2883; }

/* /// ARTICLE ///*/
article .content {
  padding: 40px 20px; }

article header {
  margin-bottom: 20px; }
  article header h1 {
    margin-bottom: 20px; }
  article header p {
    color: #333366; }

header + figure {
  margin-top: 30px;}

.entry{
  padding-top: 60px;
  padding-bottom: 60px;}
.grid_cv .entry{
  padding-left: 20px;
  padding-right: 20px;}

.entry p, .entry ul {
  margin-top: 20px;
  line-height: 150%; }
.entry p:first-child{
  margin-top: 0;
}
.grid_cv h1{
  font-size: 3.2em;
}

.entry li {
  margin-top: 10px;
  margin-left: 15px;
  position: relative; }
  .entry li:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: -15px;
    top: 7px;
    border-left: 8px solid #FFCD00;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent; }

.entry h4 {
  margin-top: 40px;
  line-height: 125%; }

.entry .arrow {
  margin-top: 40px; }

.entry .btn {
  position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100000;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #FFD400;; }
.entry .btn:hover {
    background: #5C2883; }

    .entry p a, .entry li a {
      position: relative;
      text-decoration: underline #FFCD00;
      text-decoration-style: double;}
  .entry p a:before, .entry li a:before {
    content: "";
    width: 100%;
    background-color: transparent;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    -o-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transform: all 0.4s ease-in-out;
    -webkit-transform: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; }
  .entry p a:hover:before, .entry li a:hover:before {
    background-color: #FFCD00;
    height: 100%; }

.entry p a {
  font-weight: 600; }
  .entry p a:before {
    height: 3px; }

.entry li a {
  display: inline;
  border-bottom: 2px solid #FFCD00;
  -o-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transform: all 0.4s ease-in-out;
  -webkit-transform: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }
  .entry li a:before {
    height: 0; }
  .entry li a:hover {
    background: #FFCD00; }

.pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 40px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .pager polygon {
    stroke: #333366;
    stroke-width: 2; }
  .pager li {
    padding: 10px; }
  .pager .active {
    background: #FFCD00;
    padding: 5px 10px;
    color: #333366;
    font-weight: 600; }
  .pager span {
    -o-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transform: all 0.4s ease-in-out;
    -webkit-transform: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: inline-block; }
  .pager .back svg {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  .pager a {
    -o-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transform: all 0.4s ease-in-out;
    -webkit-transform: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; }
    .pager a:hover {
      color: #FFCD00; }
      .pager a:hover span {
        -webkit-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px); }
      .pager a:hover .back {
        -webkit-transform: translateX(-15px);
        -ms-transform: translateX(-15px);
        transform: translateX(-15px); }

/* /// AGENCIAS ///*/
.grid_process .bg_blue p, .grid_process .bg_pink p, .grid_process .bg_orange p {
  color: #fff; }

.process_in p {
  margin-left: 50px;
  max-width: 400px; }

.process_in span {
  position: relative;
  font-size: 2.25em;
  color: #333366;
  line-height: 100%;
  display: inline-block;
  width: 50px;
  z-index: 1; }
  .process_in span:before {
    content: "";
    position: absolute;
    bottom: -8px;
    left: -5px;
    z-index: -1;
    width: 85%;
    height: 100%; }

.process_in .pink::before {
  border-bottom: 4px solid #A04AAD; }

.process_in .blue::before {
  border-bottom: 4px solid #2AB5E6; }

.process_in .yellow::before {
  border-bottom: 4px solid #FFCD00; }

.process_in .orange::before {
  border-bottom: 4px solid #f9622c; }

.pack.bg_yellow {
  padding-left: 0;
  padding-right: 0; }

/* /// ERROR 404 ///*/
.page_fail {
  position: relative;
  overflow: hidden;
  background: #f1c202; }
  .page_fail > div {
    position: absolute; }
  .page_fail .fail {
    padding: 30px; }
  .page_fail .text1 {
    text-align: center;
    width: 100%;
    top: 30px; }
  .page_fail .text2 {
    padding: 30px;
    bottom: 30px; }
  .page_fail h1 {
    color: #fff;
    background-image: url("images/page-fail/error-box.png");
    background-size: 100%;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 10px 50px 10px 30px; }
  .page_fail a {
    position: relative;
    z-index: 1;
    font-weight: 600;
    -o-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transform: all 0.4s ease-in-out;
    -webkit-transform: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; }
    .page_fail a:before {
      content: "";
      width: 100%;
      height: 3px;
      background: #333366;
      display: inline-block;
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: -1;
      -o-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -ms-transform: all 0.4s ease-in-out;
      -webkit-transform: all 0.4s ease-in-out;
      -webkit-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out; }
    .page_fail a:hover {
      color: #fff; }
      .page_fail a:hover:before {
        height: 100%; }

/* ///  Formulario  ///*/
form div {
  margin-bottom: 1.625rem;
  position: relative; }

form label {
    font-family: 'Inter', sans-serif;
    margin-bottom: 0.625rem;
    display: inline-block;
    width: 100%;
    color: #333;
    font-weight: 600;
    font-size: 1.1em;
    line-height: 100%; }

form label.error {
  background: #333465;
  color: #ffffff;
  padding: 6px 10px;
  font-size: 72%;
  line-height: 120%;
  position: absolute;
  text-align: center;
  right: 0;
  width: 95px;
  font-family: 'Inter', sans-serif;
  text-transform: none; }
form label label.error{
  font-size: 12px;
  z-index: 10;}
  form label.error:before {
    content: "";
    border-top: 7px solid transparent;
    border-right: 10px solid #333366;
    border-bottom: 7px solid transparent;
    position: absolute;
    left: -10px;
    top: 13px; }
  form label a{
    text-decoration: underline;}
  form label a{
    position: relative;
    display: inline;}
  form label a:before{
    position: absolute;
    content: "";
    width: 0;
    height: 3px;
    bottom: 1px;
    left: -1px;
    background: #333366;
    -o-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transform: all 0.4s ease-in-out;
    -webkit-transform: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
  form label a:hover:before{
    width: calc(100% + 2px);}

form input, form select, form textarea {
  border: 0px;
  padding: 10px 10px;
  color: #333366;
  background: #fff;
  width: 100%;
  font-size: 1em;
  line-height: 140%;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -moz-appearance: none;
  -moz-border-radius: 0;
  appearance: none; }
  form input:focus, form select:focus, form textarea:focus {
    color: #333366;
    outline: #333366;
    -webkit-box-shadow: 0px 0px 1px 1.5px #333366;
    box-shadow: 0px 0px 1px 1.5px #333366;
    font-size: 1em; }
  form input[type="checkbox"], form input[type="radio"]{
    width: 20px;
    height: 20px;
    vertical-align: middle;}
  form input[type="checkbox"]:checked {
    background: #333366;}
  form input[type="checkbox"]:checked:before{
    content: "";
    background: url('images/check.svg') center center no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    line-height: 100%;
    font-weight: 700;}
  form small {
    vertical-align: middle;}

form input:-webkit-autofill, form textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset; }

form input.valid {
  -webkit-text-fill-color: #333366; }

form textarea {
  height: 80px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

form input[placeholder]::-webkit-input-placeholder, form textarea[placeholder]::-webkit-input-placeholder {
  color: rgba(51, 51, 102, 0.4);
  line-height: 140%;
  -o-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transform: all 0.2s ease-in-out;
  -webkit-transform: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

form input[placeholder]:focus::-webkit-input-placeholder, form textarea[placeholder]:focus::-webkit-input-placeholder {
  color: #fff; }

form select {
  color: #969696;
  background: #fff;
  border-radius: 0;
  font-weight: 300; }

form select::-ms-expand {
  display: none; }

form select.valid {
  color: #333366; }

form .sub {
  background: #5C2883;
    color: #fff;
    padding: 10px 0;
    position: relative;
    border: 0;
    border-radius: 0;
    font-size: 1em;
    height: 50px;
    font-family: 'Inter', sans-serif;
    text-transform: uppercase;
    line-height: 100%;
    width: 250px;
    z-index: 10000;
    cursor: pointer;
    -o-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transform: all 0.4s ease-in-out;
    -webkit-transform: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    margin-bottom: 10px; }
  
  form .sub:hover{
    background: #fff;
    color: #333; }

form .caja {
  position: relative; }
  form .caja span {
    position: absolute;
    right: 15px;
    top: 22px;
    font-size: 1.2em;
    color: #333366; }
.form-container h4{
  margin-top: 0;
  margin-bottom: 30px;
}
/* ///  LOADING  ///*/
.loading {
  margin-top: -60px;
  z-index: 100000;
  background: #ffce00;
  padding: 10px 0;
  margin-left: -20px;}
.loading p {
  color: #fff;
  text-align: center;
  background: #333167;
  width: 240px;
  padding: 10px;
  margin: 0;
  margin-left: 20px;}
.loading img {
  max-width: 30px;
  margin-left: 10px;}
.send{
  display: none;}
.sending{
  display: block;}
.hidden{
  display: none;}


/* /// Carousel ///*/
.carousel{
  margin-top: 3rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;}
.carousel + .phrase{
  margin-top: 2.5rem;}
.slick-track{
  display: flex;
  justify-content: space-between;}
.partners .slick-track{
  align-items: center;}
.slick-slide{
  float: none;
  padding: 0 12px;}
.partners .slick-slide img{
  margin: 0 auto;}
.slick-list{
  width: 80%;
  margin: 0 auto;}
.slick-dots{
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 1rem;}
.slick-dots li + li{
  margin-left: 8px;}
.slick-dots button{
  border-radius: 100%;
  padding: 0;
  width: 12px;
  height: 12px;
  color: transparent;
  border: none;}
.slick-dots button:focus{
  outline: none;}
.slick-dots .slick-active button{
  background-color: #FFCD00;}
.slick-dots li:not(.slick-active) button{
  background-color: #eceaea;
  cursor: pointer;
  transition: background-color 0.4s ease-in-out;}
.slick-dots li:not(.slick-active) button:hover{
  background-color: #dcdcdc;}
.slick-arrow{
  border: none;
  color: transparent;
  cursor: pointer;
  background: transparent url("data:image/svg+xml,%3Csvg width='9px' height='15px' viewBox='0 0 9 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='%23333366' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg fill='%23333366' fill-rule='nonzero'%3E%3Cpolygon points='0.378885247 0 0 0.356986569 7.5758306 7.5 0 14.6430134 0.378885247 15 8.33333333 7.5'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
  background-size: 15px;
  width: 30px;
  height: 50px;
  padding: 0;
  transition: box-shadow 0.4s ease-in-out;}
.slick-arrow:hover{
  box-shadow: 0px 0px 4px #eceaea;}
.slick-arrow:focus, .slick-slide:focus{
  outline: none;}
.slick-prev{
  transform: rotateY(180deg);}

/* /// Autor Photo ///*/
.saboxplugin-wrap .clearfix{
  display: none;}
.entry .saboxplugin-wrap .saboxplugin-socials{
  background: transparent;
  border: 0;
  padding: 0;}
.entry .saboxplugin-wrap .saboxplugin-authorname{
  margin-bottom: 0;}
.entry .saboxplugin-wrap .saboxplugin-desc{
  margin-bottom: 5px;}
.entry  .saboxplugin-wrap .saboxplugin-desc p {
  margin-bottom: 0;}

/* /// Social Share ///*/
.social-share {
  display: flex;}
.social-share [class*="share-"]{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #333366;
  border: 2px solid #fff;
  transition: all 0.4s ease-in-out;}
.social-share a img{
  width: 70%;}
.social-share a + a{
  margin-left: 0.75rem;}
.social-share .share-fb:hover{
  background-color: #1877f1;}
.social-share .share-tw:hover{
  background-color: #00abf0;}
.social-share .share-in:hover{
  background-color: #00669c;}
.social-share .share-mail:hover{
  background-color: #d54c3f;}
.social-share .share-wp:hover{
  background-color: #54d160;}

/* /// Newsletter ///*/
.mc-wrap{
  max-width: 350px;
  margin: 0 auto;}
.mc-wrap  h4{
  margin-bottom: 1rem;}
.mc-field-group, .mc-wrap .clear{
  margin-bottom: 0;}
.mc-wrap .sub {
  background: #FFCD00;
  color: #333366;
  width: 100%;
  border-left: 4px solid #333366; }
.mc-wrap input{
  height: 40px;}
.mc-field-group {
  width: 70%;
  float: left;}
.mc-wrap .mc-btn {
  width: 30%;
  display: inline-block;}
.mc-wrap input[type="email"]{
  border: 0;
  padding: 10px;}
.mc-wrap .response {
  color: #ffcd00;
  margin-bottom: 2rem;}
#mc_embed_signup form div.mce_inline_error{
  background-color: #d63131;}
.mc-wrap .responses-wrap {
  display: inline-block;}
.mc-wrap .responses-wrap a{
  color: #ffcd00;
  text-decoration: underline;}

  /* /// Language ///*/
   .language{
    position: fixed;
    background: #5C2883;
    width: 100%;
    z-index: 10001;
    text-align: right;
    top: 0;
  }
  .language p{
    margin: 0;
  }
  .language a{
    color: #fff;
    font-size: 12px;
    padding: 7px 15px;
  }

/* /// FAQ ///*/
.faq {
  display: flex;
  align-items: center;
  justify-content: center;
}

.faq-container {
  width: 720px;
  margin: 0 20px 60px 20px;
}

.title {
  text-align: center;
  padding: 0 30px 30px 30px;
}

details {
  margin-bottom: 25px;
}

details > summary {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  cursor: pointer;
}

/* ==========================================================================
   Media Queries
   @mixin ========================================================================= */
@media only screen and (max-width: 350px) {
 h2 {
   font-size: 2.8em; }
 .eyecatcher-home a {
   min-height: 220px; }
 .eyecatcher-home h2 {
   margin-top: 10%; }
 .plus:after {
   width: 30%;
   left: -35%; }
  .slick-list{
    width: 78%;}
}

@media only screen and (min-width: 550px) and (max-width: 767px) {
 .form_img {
   max-height: 830px; }
 .eyecatcher-home .box {
   top: 40%;}}
  
@media only screen and (max-width: 767px){
  .entry {
    padding-top: 40px;
    padding-bottom: 40px;}
  .incubated p + p {
    font-size: 0.95em;  }
  .arrow svg {
    margin-left: 3px;
    width: 7px;
    height: 11px; }
  .share-wrap{
    margin-top: 20px;}
  .grid_cv .share-wrap {
    margin-top: 1rem;
    margin-bottom: 0.75rem;}
  .share-wrap p, .icon-share{
    display: inline-block;}
  .icon-share{
    margin-left: 3px;}
  .center-block h1, .center-block h6, center-block p, .left-block h2 {
    max-width: 100%;
    padding: 0;}
}

@media only screen and (min-width: 640px) {
  .phrase {
    text-align: center; }
}

@media only screen and (min-width: 48em) {
  /* /// MENU /// */
  .nav-toggle {
    display: none; }
  .nav-collapse {
    display: block;
    padding: 0;
    margin: 0;
    background: transparent;
    border-top: 0;
    text-align: right; }
    .nav-collapse li {
      padding: 0;
      display: inline-block; }
      .nav-collapse li:last-child {
        padding-right: 0; }
    .nav-collapse ul:first-child li {
      border: 0; }
  .nav-collapse ul ul {
    margin-top: 0; }
  /* /// HEADER /// */
  main {
    position: relative; }
  .main_header .pack {
    margin: 20px; }
  header .pack {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 25px 20px; }
  header .row {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .flex_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .flex_box > div {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 20em;
      flex: 1 1 20em;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .flex_box > div:nth-child(2n+2) {
      margin: 0 40px; }
  .flex_box > div {
    margin-top: 0;
    margin-bottom: 0; }
  .page_fail {
    height: auto; }
    .page_fail .text1 {
      width: 50%;
      top: 55%; }
    .page_fail .text2 {
      width: 50%;
      right: 0;
      top: 10%;
      padding: 40px; }
  /* /// CONTENIDO GENERAL ///*/
  section h1 {
    max-width: 450px; }
  .eyecatcher-home {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .eyecatcher-home a {
      min-height: 380px; }
    .eyecatcher-home .box {
      top: 30%;
      padding: 24px; }
    .eyecatcher-home h2 {
      margin-top: 45%;
      font-size: 1.95em; }
  h6 {
    max-width: 600px;
    margin: 30px auto 0;
    text-align: center; }
  section .content {
    margin: 80px 40px; }
  aside .content, .bd_cv .content {
    padding: 80px 40px; }
  [class^="bg_"], [class*="bg_"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  [class^="bg_"] > div, [class*="bg_"] > div{
    padding: 0 25px;}
  .grid_cv .form-container{
    padding-top: 40px;
    padding-bottom: 20px; }
  .pack.bg_yellow {
    display: block; }
  .plus:after {
    left: -40%;
    height: 260px; }
  .flex_box{
    margin-top: 60px;}
  .grid_box, .grid, .grid_process, .grid_form {
    max-width: inherit;
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;}
  .grid_box > *, .grid > *, .grid_process > *, .grid_form > *{
    flex-basis: 48%;}
  .grid_box > *:nth-child(2n+1), .grid > *:nth-child(2n+1), .grid_form > *:nth-child(2n+1){
    margin-right: 20px;}
  .grid_box .bg_purple + div article:last-child {
    margin-bottom: 0; }
  .contact-info .bg_yellow {
    padding-top: 35px;
    padding-bottom: 35px;}
  .contact-info .form-container form{
    display: block;}
  .contact-info .form-container textarea{
    height: 70px;}
  .contact-info .form-container .sub {
    margin-top: 0;}
  .grid_cv .form-container{
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;}
  .form-container form{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
  .form-container .col2{
    flex-basis: calc(100% / 2 - 20px);
    margin-bottom: 0;}
  .form-container textarea{
    height: 130px;}
  .form-container .sub{
    margin-top: 20px;}
  .grid_form textarea {
      height: 228px; }
  .bd_cv textarea {
    height: 125px; }
  .slick-list{
    width: 90%;}
  .incubated .slick-slide{
    padding: 0 30px;}
  .img-incub{
    padding: 0 15px;}
  .entry .saboxplugin-wrap{
    border: 0;}
  .entry .saboxplugin-wrap .saboxplugin-gravatar{
    padding-left: 0;}
  .entry .saboxplugin-wrap .saboxplugin-authorname{
    margin-top: 25px;}
  .share-wrap {
    position: fixed;
    right: 1%;
    top: 29%;
    z-index: 1;}
  .social-share a{
    width: 32px;
    height: 32px;}
  .icon-share{
    text-align: center;
    margin-bottom: 0.5rem;}
  .share-wrap p{
    display: none;}
  .social-share {
    flex-direction: column;}
  .social-share a + a {
    margin-left: 0;
    margin-top: calc(0.5rem - 2px);}
  @supports (display: grid) {
    .bg_orange.box4{
      display: inherit;}
    .grid_box > *:nth-child(2n+1), .grid > *:nth-child(2n+1), .grid_form > *:nth-child(2n+1){
      margin-right: 0;}
    .grid_box {
      display: grid;
      grid-template-columns: 48% 48%;
      max-width: inherit;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch; }
      .grid_box > div {
        margin: 0; }
      .grid_box .bg_purple {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2; }
    .grid {
      max-width: inherit;
      display: grid;
      grid-gap: 20px;
      grid-template-columns: 1fr 3fr 6fr;
      grid-template-rows: 20px 260px 240px 270px 260px 20px; }
      .grid > div {
        margin: 0; }
      .grid .box1 {
        grid-row: 1 / 3;
        grid-column: 2 / 4; }
        .grid .box1 > div > * {
          margin-left: 40%; }
      .grid .box2 {
        grid-row: 2 / 4;
        grid-column: 1 / 3;
        overflow: hidden; }
      .grid .box3 {
        grid-row: 3 / 5;
        grid-column: 3; }
      .grid .box4 {
        grid-row: 4 / 7;
        grid-column: 1 / 3; }
      .grid .box5 {
        grid-row: 5;
        grid-column: 2 / 4;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .grid .box5 picture {
          -ms-flex-item-align: center;
          align-self: center; }
    .legal {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: baseline;
      -ms-flex-align: baseline;
      align-items: baseline; }
      .legal p {
        margin: 0 0 0 7px;
        padding-left: 7px;
        border-left: 1.5px solid; }
    .grid_process, .grid_about {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 20px;
      max-width: initial; }
    .grid_process{
      grid-template-rows: 0 450px 20px 550px 20px 450px 20px 450px 0;}
    .grid_about{
      grid-template-rows: 0 450px 20px 450px 20px 0;}
      .grid_process .box1, .grid_about .box1{
        grid-column: 1;
        grid-row: 1 / 4;
        overflow: hidden; }
      .grid_process .box2, .grid_about .box2 {
        grid-column: 2;
        grid-row: 2; }
      .grid_process .box3, .grid_about .box3 {
        grid-column: 1;
        grid-row: 4; }
      .grid_process .box4, .grid_about .box4 {
        grid-column: 2;
        grid-row: 3 / 6;
        overflow: hidden; }
      .grid_process .box5 {
        grid-column: 1;
        grid-row: 5 / 8;
        overflow: hidden; }
      .grid_process .box6 {
        grid-column: 2;
        grid-row: 6; }
      .grid_process .box7 {
        grid-column: 1;
        grid-row: 8; }
      .grid_process .box8 {
        grid-column: 2;
        grid-row: 7 / 10;
        overflow: hidden; }
    .grid_box.process_in {
      grid-gap: 40px 60px; }
    .grid_form {
      max-width: inherit;
      display: grid;
      grid-gap: 40px;
      grid-template-columns: 1fr 1fr; }
      .grid_form > div {
        margin: 0; }
    .contact-info .box4 {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      padding-top: 85px; } }
  .grid_cv .box2 {
    margin: 0 auto;
  }
  footer .social {
    margin: 20px 0; }
  footer .pack {
    padding: 40px; }
  .eyecatcher-home a {
    -ms-flex-preferred-size: 34%;
    flex-basis: 34%; }
  .eyecatcher {
    min-height: 220px; }
    .eyecatcher .top-title {
      padding-left: 40px;
      bottom: 8%; }
  article header, article figure, article .entry {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto; }
  article header p {
    display: inline;
    margin-right: 20px; }
  article .content {
    padding: 50px 60px; }
  .entry .btn {
    width: 250px;
    right: 0;
    left: auto;;}
  .pager {
    margin-top: 60px; }
  .bg_pink .social a {
    margin: 5px;}
  .content.form-container {
    width: 100%; } }

@media only screen and (min-width: 768px) and (max-width: 959px){
  .nav-collapse{
    flex-basis: 85%;}
  .nav-collapse li {
    padding: 0 1.5% 0 0;}
}

@media only screen and (min-width: 960px) {
  header .pack {
    margin: 25px 30px; }
    header .pack p {
      border-left: 2px solid #FFCD00;
      display: inline-block;
      color: #333;
      font-size: 90%;
      margin: 0 0 0 10px;
      padding-left: 10px; }
  .plus:after {
    height: 300px; }
  .eyecatcher .top-title {
    bottom: 18%; }
  .eyecatcher-home a {
    min-height: 450px; }
  .eyecatcher-home h2 {
    margin-top: 55%; }
  .bg_pink .social a {
    margin: 10px;}
  form textarea{
    height: 65px;}
  .carousel{
    margin-top: 4rem;}
  .img-incub{
    padding: 0 15px;}
}


@media only screen and (min-width: 1024px) {
  /* /// HEADER /// */
  header .pack {
    margin: 25px 40px; }
  .logo {
    max-width: initial; }
  .nav-collapse {
    flex-basis: 60%;}
  .nav-collapse li {
    padding: 0 1.5% 0 0;}
  /* ///  CONTENIDO GENERAL /// */
  section .content {
    margin: 50px; }
  article .content, aside .content, .bd_cv .content {
    padding: 80px 60px; }
  .eyecatcher .top-title {
    padding-left: 60px; }
  .eyecatcher-home a {
    min-height: 500px; }
  [class^="bg_"] > div, [class*="bg_"] > div{
    padding: 0 60px;}
  footer .pack {
    padding: 60px; }
  form label {
    font-size: 1.15em;}
  .share-wrap {
    top: 24%;
    right: 2%;
    z-index: 100000000;}
  @supports (display: grid) {
    .grid_process {
      grid-template-rows: 0 380px 20px 380px 20px 380px 20px 380px 0; }
    .grid_about{
      grid-template-rows: 0 380px 20px 380px 20px 0; }
    .grid_cv .form-container {
      padding: 60px; } }
  .page_fail .text2 {
    top: 15%; } }

@media only screen and (min-width: 1024px) and (max-height: 800px) and (max-width: 1199px) {
  @supports (display: grid) {
    article .bg_yellow h1 {
      opacity: 0; } } }

@media only screen and (min-width: 75em) {
  /* ///  CONTENIDO GENERAL /// */
  header .pack p {
    font-size: 95%; }
  .main_header .pack {
    margin: 20px 60px; }
  .nav-collapse li {
    padding: 0 2% 0 0; }
  .eyecatcher .top-title p {
    max-width: 400px; }
  .eyecatcher-home .arrow {
    margin-top: 1rem;}
  footer{
    z-index: 10000000000;}
  section .content {
    max-width: 1100px;
    margin: 100px auto; }
  section h1 {
    max-width: 700px; }
  article .content, aside .content, .bd_cv .content {
    max-width: 1100px;
    margin: 0 auto;
    padding: 50px 0; }
  article header, article figure, article .entry {
    max-width: 800px;}
  article .entry{
    padding: 60px 20px;}
  h1, h2, h3, h4{
    line-height: 110%;}
  h1 {
    font-size: 3.5em;}
  h2 {
    font-size: 3em; }
  h3 {
    font-size: 2.25em; }
  h4 {
    font-size: 1.8em; }
  h5 {
    font-size: 1.64em; }
  h6 {
    font-size: 1.64em;
    margin: 40px auto 0;
    max-width: 720px; }
  p {
    margin-top: 20px; }
    p .box {
      padding: 30px; }
  .flex_box h5, .flex_box h4, .grid_box h4 {
    margin-top: 30px; }

  .flex_box > div:nth-child(2n+2) {
    margin: 0 80px; }
  .plus:after {
    height: 320px; }
  /* article .btn {
    display: none; }
  .grid_cv .box1{
    padding-top: 40px;
    padding-bottom: 40px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;}
  .grid_cv h1{
    font-size: 4em;}
  .grid_cv .entry {
    padding-left: 40px;
    padding-right: 100px;}
  .grid_cv .share-wrap {
    top: initial;
    bottom: 20px; } */
  .grid_cv .form-container {
    padding: 100px 0; } 
  .grid_box, .grid, .grid_process, .grid_form {
    margin-top: 70px;}
  .form-container h2{
    display: none;}
  .carousel{
    margin-top: 5rem;}
  .carousel + .phrase{
    margin-top: 3rem;}
  .slick-dots{
    margin-top: 1.5rem;}
  form:not(#form-vacant) div {
    margin-bottom: 1.75rem;}
  form:not(#form-vacant) label:not(.error) {
    font-size: 1.2em;}
  .entry h4 {
    line-height: 130%;}
  .share-wrap {
    top: 18%;}
  #mc_embed_signup .mc-field-group, #mc_embed_signup .clear{
    margin: 0;}
  @supports (display: grid) {
    .grid_process {
      grid-template-rows: 0 350px 20px 500px 20px 350px 20px 400px 0; }
      .grid_process [class^="bg_"] > div, .grid_process [class*="bg_"] > div {
        padding: 0 80px; }
    .grid_about{
      grid-template-rows: 0 350px 20px 350px 20px 0; }
      .grid_about [class^="bg_"] > div, .grid_about [class*="bg_"] > div {
        padding: 0 80px; }
    /* .grid_cv {
      grid-gap: 40px; }
      .grid_cv .box1 {
        left: initial;
        width: 455px; }
      .grid_cv .form-container {
        padding-bottom: 40px; }
      .grid_cv {
        max-width: inherit;
        display: grid;
        grid-gap: 30px;
        grid-template-columns: 3fr 4fr; }
        .grid_cv .box2 {
          grid-column: 2;
        max-width: initial;}
        .grid_cv .box1 {
          width: 42%;
          margin-top: 0;
          -webkit-box-ordinal-group: 0;
          -ms-flex-order: -1;
          order: -1;
          bottom: 0;
          left: 0;
          height: 100vh;
          -webkit-box-pack: end;
          -ms-flex-pack: end;
          justify-content: center;
          position: fixed;
          padding-top: 0;
          padding-bottom: 0;}
        .grid_cv .form-container {
          padding-bottom: 0;
          padding-top: 100px; }
        .grid_cv .form-container h1 {
        line-height: 80%;
      font-size: 3.5em;} } */
  .eyecatcher .top-title {
    bottom: 20%; }
  .eyecatcher-home .box {
    padding: 2rem;}
  .eyecatcher-home h2 {
    font-size: 3em;
    max-width: 400px; }
  .eyecatcher-home a {
    min-height: 600px; }
  header + figure {
    margin-top: 50px;}
  .entry p, .entry ul {
    font-size: 1.2em;
    margin-top: 30px; } }

/* @media only screen and (min-width: 1200px) and (min-height: 1024px) {
  @supports (display: grid) {
    .grid_cv .form-container {
      padding-bottom: 20%; } } }

@media only screen and (min-width: 1200px) and (max-height: 850px) {
  @supports (display: grid) {
    .grid_cv .form-container {
      padding-bottom: 0; } } } */

@media only screen and (min-width: 1500px) {
  header .pack p {
    font-size: 100%; }
  .nav-collapse a {
    font-size: 1.15em;}
  .btn{
    font-size: 1.1em;
    width: auto;}
    .btn:before{
      width: 260px;}
    .btn:after{
      width: 258px;}
  .eyecatcher-home h2 {
    margin-top: 60%;}
  .eyecatcher-home a {
    min-height: 750px; }
  .eyecatcher-home .box {
    padding-left: 16%;
    top: 35%; }
  section .content {
    max-width: 1200px;
    margin: 150px auto; }
  aside .content, .bd_cv .content {
    max-width: 1200px;
    padding: 100px 0; }
  .wrapper {
    max-width: 2000px;
    margin: 0 auto; }
  .grid_process [class^="bg_"] > div, .grid_process [class*="bg_"] > div {
    padding: 0 110px; }
  .grid_about [class^="bg_"] > div, .grid_about [class*="bg_"] > div {
    padding: 0 110px; }
  form:not(#form-vacant) label:not(.error) {
    font-size: 1.3em;}
  .grid_cv .form-container {
    padding: 150px 0;
    max-width: 1200px;}
  article .entry {
    padding: 60px 0;}
  .contact-info .box4{
    padding-top: 110px;}
  .contact-info .box1 p{
    width: 88%;}
  @supports (display: grid) {
    .grid {
      grid-gap: 25px;
      grid-template-rows: 20px 260px 240px 320px 260px 20px; }
      .grid .box1 > div > * {
        margin-left: 40%; }
      .grid .bg_yellow p {
        max-width: 420px; }
    .grid_process {
      grid-template-rows: 0 450px 20px 450px 20px 450px 20px 450px 0; }
    .grid_about{
      grid-template-rows: 0 450px 20px 450px 20px 0;}}
  .link_plus svg {
    bottom: 17px;
    left: 17px; }
  .plus:after {
    height: 380px; }
  .pager {
    margin-top: 80px; }
  footer .pack {
    padding: 80px; }
  .back_img {
    max-height: 700px; }}

@media only screen and (min-width: 1900px) {
  .nav-collapse a {
    font-size: 1.2em;}
  .eyecatcher-home h2 {
    font-size: 3.5em;
    margin-top: 70%;}
  .eyecatcher-home .arrow {
    font-size: 1.2rem;
    margin-top: 1.5rem;}
  .eyecatcher-home .box {
    top: 30%;}
  form div {
    margin-bottom: 2rem;}
  form label:not(.error) {
    font-size: 1.35em;
    margin-bottom: 0.75rem;}
  }