/****************************
   FONTS - BEBAS
 ****************************/
@font-face {
   font-family: "Gilroy-Black";
   src: url("../fonts/Gilroy-Black.eot?") format("eot"),
      url("../fonts/Gilroy-Black.woff") format("woff"),
      url("../fonts/Gilroy-Black.ttf") format("truetype"),
      url("../fonts/Gilroy-Black.svg#Gilroy-Black") format("svg");
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: "Gilroy-Bold";
   src: url("../fonts/Gilroy-Bold.eot?") format("eot"),
      url("../fonts/Gilroy-Bold.woff") format("woff"),
      url("../fonts/Gilroy-Bold.ttf") format("truetype"),
      url("../fonts/Gilroy-Bold.svg#Gilroy-Bold") format("svg");
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: "Gilroy-Light";
   src: url("../fonts/Gilroy-Light.eot?") format("eot"),
      url("../fonts/Gilroy-Light.woff") format("woff"),
      url("../fonts/Gilroy-Light.ttf") format("truetype"),
      url("../fonts/Gilroy-Light.svg#Gilroy-Light") format("svg");
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: "Gilroy-Medium";
   src: url("../fonts/Gilroy-Medium.eot?") format("eot"),
      url("../fonts/Gilroy-Medium.woff") format("woff"),
      url("../fonts/Gilroy-Medium.ttf") format("truetype"),
      url("../fonts/Gilroy-Medium.svg#Gilroy-Medium") format("svg");
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: "MinionPro-Regular";
   src: url("../fonts/MinionPro-Regular.eot?") format("eot"),
      url("../fonts/MinionPro-Regular.woff") format("woff"),
      url("../fonts/MinionPro-Regular.ttf") format("truetype"),
      url("../fonts/MinionPro-Regular.svg#MinionPro-Regular") format("svg");
   font-weight: normal;
   font-style: normal;
}

:root {
   /* SIZES BOX */
   --ui_container_primary: 1100px;
   --ui_container_secundary: 505px;
   /* FONTS */
   --font-Gilroy-Black: 'Gilroy-Black';
   --font-Gilroy-Bold: 'Gilroy-Bold';
   --font-Gilroy-Light: 'Gilroy-Light';
   --font-Gilroy-Medium: 'Gilroy-Medium';
   --font-MinionPro-Regular: 'MinionPro-Regular';

   /* COLORES */
   --color-F7F5F9: #F7F5F9;
   --color-FFFFFF: #FFFFFF;
   --color-675983: #675983;
   --color-675884: #675884;
   --color-9D248E: #9D248E;
   --color-5BBAE9: #5BBAE9;
   --color-BD1083: #BD1083;
   --color-7CCEF2: #7CCEF2;
   --color-361051: #361051;
   --color-00ADE6: #00ADE6;
   --color-BD1084: #BD1084;
   --color-9D9C9C: #9D9C9C;
   --color-C6BECE: #C6BECE;
}

@media screen and (max-width:1130px) {

   /* SECTION FIVE */
   .ui_content_five__text {
      max-width: 100%;
   }

   .ui_section_five_b_content__text {
      max-width: 100%;
   }

   .ui_section_five_b_content__box {
      max-width: 100%;
      padding-right: 50px;
   }

   .ui_section_thirteen_content__box {
      padding-right: 65px;
      max-width: 100%;
   }

   /* SECTION SIX */
   .ui_content_six__box {
      justify-content: center;
   }

   .ui_content_six__text {
      max-width: 100%;
   }

   .ui_content_six {
      padding-right: 50px;
      padding-left: 50px;
   }

   /* SECTION SEVEN */
   .ui_section_seven {
      padding: 50px;
   }

   /* SECTION EIGHT */
   .ui_section_eight_a_content__box {
      padding-left: 0px;
      padding-right: 50px;
   }

   .ui_section_eight_a_content__text {
      max-width: 100%;
   }

   .ui_section_eight_b_elements {
      display: none;
   }

   .ui_section_eight_b_content::before {
      height: 100%;
      width: 100%;
      border-top-left-radius: 100px;
   }

   .ui_section_eight_b_content {
      width: 100%;
   }

   .ui_section_eight_b_content__text {
      max-width: 100%;
   }

   .ui_section_eight_b_content__box {
      max-width: 100%;
      padding: 60px;
   }

   .ui_section_eight_a {
      margin-bottom: 30px;
   }

   /* SECTION NINE */
   .ui_section_nine_a {
      padding-left: 15px;
      padding-right: 50px;
   }

   .ui_section_nine_right_content {
      flex: initial;
      padding-right: 65px;
   }

   .ui_section_nine_right__text {
      max-width: 100%;
   }

   /* SECTION TEN */
   .ui_paragraph__ten {
      max-width: 100%;
   }

   .ui_section_ten_content {
      padding-right: 50px;
   }

   /* SECTION TWELVE */
   .ui_section_twelve {
      padding-left: 65px;
      padding-right: 65px;
   }

   /* SECTION FOURTEN */
   .ui_section_fourteen_content {
      padding-left: 50px;
      padding-right: 65px;
   }

   /* SECTION FIFTEN */
   .ui_section_fifteen_a {
      padding-right: 65px;
   }
}

@media screen and (max-width:1020px) {

   /* SECTION ONE */
   .ui_bg_one {
      height: 430px;
   }

   .ui_bg_one_content_bg::before {
      width: 100%;
   }

   .ui_bg_one_content_elements_box {
      padding-left: 0px;
      justify-content: center;
   }

   /* SECTION TWO */
   .ui_section_two {
      padding-top: 70px;
      padding-bottom: 70px;
   }

   .ui_item_year {
      padding: 15px;
   }

   .ui_item_year_circle_top {
      width: 150px;
      height: 150px;
   }

   .ui_item_year_text .ui_paragraph {
      max-width: initial;
   }

   .ui_item_year_circle__span {
      font-size: 3rem;
   }

   .ui_item_year_circle_top__inside,
   .ui_item_year_circle_bottom__inside {
      width: 80px;
      height: 80px;
   }

   .ui_item_year_text {
      padding-right: 0px;
   }

}

@media screen and (max-width:860px) {
   .ui_navigation {
      display: none !important;
   }

   /* SECTION ONE */
   .ui_bg_one {
      height: 340px;
   }

   .ui_bg_one_content_elements_images {
      max-width: 235px;
   }

   .ui_bg_one_content_bg {
      display: none;
   }

   .ui_bg_one_content_elements {
      width: 100%;
   }

   .ui_bg_one_content_elements_box {
      max-width: 100%;
   }

   /* SECTION TWO */
   .ui_section_two {
      justify-content: flex-start;
      padding-left: 7%;
   }

   .ui_elements_circle {
      display: none;
   }

   .ui_item_year {
      width: 100%;
   }

   .ui_header_two {
      margin-bottom: 45px;
   }

   .ui_header_two__h2 {
      font-size: 2rem;
      line-height: 1em;
   }

   .ui_circle_text {
      width: 150px;
      height: 150px;
   }

   .ui_circle_text__arrow {
      width: 90px;
      height: 90px;
   }

   .ui_circle_text__figure {
      max-width: 25px;
   }

   .ui_section_two__bg {
      width: 37%;
      background-size: 100% 100%;
   }

   /* SECTION FOUR */
   .ui_section_four {
      height: 355px;
   }

   /* SECTION FIVE */
   .ui_content_five {
      width: 60%;
   }

   .ui_section_five_a_elements {
      width: 45%;
   }

   .ui_nav {
      /* display: none; */
      display: block;
   }

   .ui_icon_movil {
      display: block;
   }

   .ui_nav_movil {
      position: fixed;
      top: 0;
      right: -100%;
      width: 50%;
      height: 100vh;
      background-color: #F8F8F8;
      transition: all 1s linear;
      -webkit-transition: all 1s linear;
      -moz-transition: all 1s linear;
      -ms-transition: all 1s linear;
      -o-transition: all 1s linear;
   }

   .ui_nav_movil.ui_active {
      right: 0%;
   }

   .ui_nav__ul {
      flex-direction: column;
   }

   .ui_nav__li {
      width: 100%;
   }

   .ui_nav__ul a {
      display: block;
      padding: 10px 7px;
      text-align: center;
   }

   .ui_nav__ul>li {
      margin-right: 0px;
   }

   .ui_nav__ul>li>a {
      color: var(--color-361051) !important;
      border-bottom: 2px solid var(--color-BD1083) !important;
   }

   .ui_subnav {
      padding-top: 0%;
      position: relative;
      left: 0%;
      transform: translateX(0%);
      -webkit-transform: translateX(0%);
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -o-transform: translateX(0%);
      max-width: 100%;
      width: 100%;
   }

   .ui_subnav__ul::before {
      display: none;
   }

   .ui_nav_movil_header {
      display: block;
   }

   .ui_brand__figure {
      max-width: 3rem;
   }

   .ui_paragraph__five p {
      font-size: .8rem;
   }

   .ui_content_five__box {
      padding-bottom: 60px;
      padding-top: 60px;
   }

   .ui_section_five_b {
      flex-direction: column;
      margin-top: 0%;
      padding-right: 0px;
   }

   .ui_section_five_b_elements {
      width: 100%;
      order: 2;
   }

   .ui_section_five_b_content {
      width: 100%;
      order: 1;
      padding-left: 40px;
      padding-right: 40px;
      margin-bottom: 50px;
   }

   .ui_section_five_b_content__box {
      max-width: 100%;
      padding-right: 0px;
      padding-top: 50px;
   }

   .ui_section_five_b_content__text {
      max-width: 100%;
   }

   .ui_section_five_a {
      padding-left: 40px;
   }

   /* SECTION SIX */
   .ui_section_six {
      flex-direction: column;
   }

   .ui_elements_six {
      width: 100%;
   }

   .ui_content_six {
      width: 100%;
      padding-left: 40px;
      padding-right: 40px;
   }

   .ui_content_six__box {
      max-width: 100%;
   }

   .ui_content_six__text {
      max-width: 100%;
   }

   .ui_content_six__box {
      padding-top: 40px;
      padding-bottom: 0px;
   }

   .ui_elements_six_group_bottom {
      display: -webkit-flex;
      display: flex;
      justify-content: flex-end;
   }

   /* SECTION SEVEN */
   .ui_section_seven__box {
      flex-direction: column;
   }

   .ui_text_seven {
      width: 100%;
   }

   .ui_paragraph__seven {
      max-width: 100%;
   }

   .ui_section_seven {
      padding: 50px 40px;
   }

   .ui_text_seven {
      padding: 0px;
   }

   /* SECTION EIGHT */
   .ui_section_eight_a {
      flex-direction: column;
      margin-bottom: 0px;
   }

   .ui_section_eight_a_elements {
      width: 100%;
   }

   .ui_section_eight_a_content {
      width: 100%;
      padding-top: 50px;
      padding-left: 40px;
      padding-right: 40px;
      padding-bottom: 50px;
   }

   .ui_section_eight_a_content__box {
      max-width: 100%;
      padding-left: 0px;
      padding-bottom: 0px;
      padding-right: 0px;
   }

   .ui_section_eight_a_content__text {
      max-width: 100%;
   }

   .ui_section_eight_b_elements {
      display: none;
   }

   .ui_section_eight_b_content {
      width: 100%;
   }

   .ui_section_eight_b_content::before {
      width: 100%;
      height: 100%;
      border-top-left-radius: 3rem;
   }

   .ui_section_eight_b_content__box {
      max-width: 100%;
      padding: 40px;
   }

   .ui_section_eight_b_content__text {
      max-width: 100%;
   }

   .ui_section_eight_a_elements_bottom__inside {
      padding-bottom: 40%;
   }

   .ui_section_eight_a_elements__box {
      width: 80%;
   }

   /* SECTION NINE */
   .ui_section_nine {
      flex-direction: column;
      position: relative;
      padding-bottom: 60px;
   }

   .ui_section_nine_left {
      width: 100%;
      padding-top: 60px;
      order: 2;
   }

   .ui_section_nine_right {
      width: 100%;
      flex-direction: column;
      order: 1;
   }

   .ui_section_nine_left_content {
      padding-right: 15px;
   }

   .ui_section_nine_left_content__box {
      max-width: 100%;
   }

   .ui_section_nine_right_content {
      padding-top: 15px;
      padding-left: 40px;
      padding-right: 40px;
   }

   .ui_section_nine_right__text {
      max-width: 100%;
   }

   .ui_section_nine_b {
      flex-direction: column;
   }

   .ui_section_nine_a {
      padding-left: 40px;
      padding-right: 40px;
   }

   .ui_section_nine_right_circles {
      top: 2%;
   }

   /* SECTION TEN */
   .ui_section_ten {
      flex-direction: column;
      padding-left: 0px;
   }

   .ui_section_ten_content {
      width: 100%;
      padding-right: 40px;
      padding-left: 40px;
      margin-bottom: 50px;
   }

   .ui_section_ten_content__box {
      max-width: 100%;
   }

   .ui_paragraph__ten {
      max-width: 100%;
   }

   .ui_paragraph__ten p:nth-child(5)::before {
      width: 100%;
      right: 0px;
   }

   .ui_paragraph__ten p:nth-child(5) {
      padding-left: 50px;
      padding-right: 50px;
      position: relative;
      right: 40px;
   }

   .ui_section_ten_elements {
      width: 100%;
   }

   .ui_paragraph__eleven p:first-child {
      margin-bottom: 25px;
   }

   /* SECTION ELEVEN */
   .ui_section_eleven__box {
      flex-direction: column;
      padding-left: 40px;
      padding-right: 40px;
   }

   .ui_section_eleven_circle_a,
   .ui_section_eleven_circle_b,
   .ui_section_eleven_circle_c {
      display: none;
   }

   .ui_section_eleven_elements {
      width: 100%;
      order: 2;
   }

   .ui_section_eleven_content {
      width: 100%;
      margin-bottom: 60px;
      padding-left: 0px;
   }

   /* SECTION TWELVE */
   .ui_section_twelve::after {
      display: none;
   }

   .ui_section_twelve::before {
      display: none;
   }

   .ui_section_twelve_content__box {
      width: 100%;
   }

   .ui_section_twelve_content__text {
      max-width: 100%;
   }

   .ui_section_twelve_b {
      flex-direction: column;
   }

   .ui_section_twelve_b__col {
      width: 100%;
   }

   .ui_section_twelve_b>div:first-child {
      padding-right: 0px;
      margin-bottom: 50px;
   }

   .ui_section_twelve_b>div:last-child {
      padding-left: 0px;
   }

   .ui_section_twelve {
      padding-left: 40px;
      padding-right: 40px;
   }

   /* SECTION THIRTEEN */
   .ui_section_thirteen::before {
      display: none;
   }

   .ui_section_thirteen {
      flex-direction: column;
   }

   .ui_section_thirteen_bg {
      width: 100%;
      padding-right: 0px;
      margin-bottom: 50px;
   }

   .ui_section_thirteen_content {
      width: 100%;
   }

   .ui_section_thirteen_content__box {
      padding-left: 40px;
      padding-right: 40px;
   }

   /* SECTION FOURTEN */
   .ui_section_fourteen_content {
      flex-direction: column;
      padding-left: 40px;
      padding-right: 40px;
   }

   .ui_section_fourteen_content>div:last-child {
      padding-left: 0px;
   }

   .ui_section_fourteen_col {
      width: 100%;
   }

   .ui_section_fourteen_content__text {
      max-width: 100%;
   }

   /* SECTION FIFTEEN */
   .ui_section_fifteen {
      padding-left: 0px;
   }

   .ui_section_fifteen_a {
      padding-right: 40px;
      padding-left: 40px;
   }

   .ui_fifteen_circle_elements_details {
      position: absolute;
      top: -75px;
      right: 0px;
      order: 1;
      width: 100%;
   }

   .ui_fifteen_circle_elements {
      padding: 70px;
   }

   .ui_fifteen_circle_elements_content {
      flex-direction: column;
      padding-left: 25px;
      padding-right: 25px;
   }

   .ui_section_fifteen_b_elements {
      width: 100%;
   }

   .ui_fifteen_circle_elements_content_ul {
      max-width: 100%;
      order: 2;
      margin-top: 40%;
   }

   .ui_fifteen_circle_elements_details__box {
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
   }

   .ui_fifteen_circle_elements_details_top {
      width: 30%;
   }

   .ui_fifteen_circle_elements_details_bottom {
      width: 30%;
   }

   .ui_fifteen_circle_elements_content_ul li p {
      text-align: left;
   }

   .ui_fifteen_circle_elements_content__li p br {
      display: none;
   }

   .ui_fifteen_circle_elements_content_ul li:first-child span {
      display: inline;
   }

   /* SECTION FIFTEN */
   .ui_section_fifteen_b {
      padding-left: 0px;
      flex-direction: column;
      padding-top: 40px;
   }

   .ui_section_fifteen_b_content {
      width: 100%;
      margin-bottom: 40px;
      padding-left: 25px;
      padding-right: 25px;
      padding-top: 40px;
   }

   .ui_list_number_fifteen li:last-child {
      padding-left: 0px;
   }

   .ui_footer_elements_bg {
      width: 125px;
   }
}

@media screen and (max-width:650px) {

   /* SECTION TWO */
   .ui_item_year_circle_top {
      width: 120px;
      height: 120px;
   }

   .ui_item_year_circle_top__inside,
   .ui_item_year_circle_bottom__inside {
      width: 70px;
      height: 70px;
   }

   .ui_item_year_circle__span {
      font-size: 2.8rem;
   }

   .ui_item_year_text {
      padding-left: 18px;
   }

   /* SECTION FOUR */
   .ui_section_four {
      height: 300px;
   }

   /* SECTION FIVE */
   .ui_section_five_a {
      padding-left: 25px;
      position: relative;
   }

   .ui_section_five_a_elements {
      position: absolute;
      bottom: 0;
      right: 0;
   }

   .ui_content_five {
      width: 100%;
   }

   .ui_header_five__h2 {
      font-size: 1.3rem;
   }

   .ui_paragraph__five {
      padding-right: 30%;
   }

   .ui_section_five_b_content {
      padding-left: 25px;
      padding-right: 25px;
   }

   .ui_section_five_b_content__box {
      padding-bottom: 0px;
   }

   /* SECTION SIX */
   .ui_section_six {
      padding-right: 0px;
   }

   .ui_content_six {
      padding-left: 25px;
      padding-right: 25px;
   }

   /* SECTION SEVEN */
   .ui_section_seven {
      border-top-left-radius: 50px;
      padding-left: 25px;
      padding-right: 25px;
   }

   /* SECTION EIGHT */
   .ui_section_eight_a_content {
      padding-left: 25px;
      padding-right: 25px;
   }

   .ui_section_eight_b_content__box {
      padding-left: 25px;
      padding-right: 25px;
   }

   /* SECTION NINE */
   .ui_section_nine_right_circles {
      width: 20%;
      top: 1%;
   }

   .ui_section_nine_a {
      padding-left: 25px;
      padding-right: 25px;
   }

   .ui_section_nine_right_content {
      padding-left: 25px;
      padding-right: 25px;
   }

   .ui_section_nine_left {
      padding-top: 40px;
   }

   /* SECTION TEN */
   .ui_section_ten_content {
      padding-left: 25px;
      padding-right: 25px;
   }

   .ui_paragraph__ten p:nth-child(5) {
      width: calc(100% + 40px);
   }

   .ui_section_ten_elements__box {
      padding: 35px;
   }

   .ui_paragraph__ten p:nth-child(5) {
      padding-left: 25px;
      padding-right: 25px;
      width: calc(100% + 50px);
      left: -25px;
   }

   .ui_section_ten {
      padding-top: 40px;
      overflow: hidden;
   }

   .ui_paragraph__ten p:nth-child(2) {
      font-size: 4rem;
   }

   /* SECTION ELEVEN */
   .ui_section_eleven__box {
      padding-left: 25px;
      padding-right: 25px;
   }

   /* SECTION TWELVE */
   .ui_section_twelve {
      padding-left: 25px;
      padding-right: 25px;
   }

   .ui_header_five__h2--twelve br {
      display: none;
   }

   /* SECTION THIRTEEN */
   .ui_section_thirteen_content__box {
      padding-left: 25px;
      padding-right: 25px;
   }

   /* SECTION FOURTEEN */
   .ui_section_fourteen_content {
      padding-left: 25px;
      padding-right: 25px;
   }

   .ui_section_fourteen_content>div:first-child {
      padding-right: 0px;
      margin-bottom: 15px;
   }

   /* SECTION FIFTEN */
   .ui_section_fifteen_list_elements {
      width: 70px;
      height: 70px;
   }

   .ui_section_fifteen_a {
      padding-left: 0px;
      padding-right: 0px;
   }

   .ui_section_fourteen__ul--fifteen {
      padding-left: 25px;
      padding-right: 25px;
   }

   .ui_section_fifteen_a .ui_header_five {
      padding-left: 25px;
      padding-right: 25px;
   }

   .ui_fifteen_circle_elements::before {
      border-top-left-radius: 147px;
   }

   .ui_fifteen_circle_elements {
      padding: 40px 27px;
   }

   .ui_fifteen_circle_elements_details {
      top: -55px;
   }

   .ui_fifteen_circle_elements_content_ul {
      margin-top: 30%;
   }
}