@font-face {
    font-family: "Seravek";
    src: url("../tipografias/seravek.ttf");
}
@font-face {
    font-family: "Seravek-bold";
    src: url("../tipografias/seravek-bold.ttf");
}
@font-face {
    font-family: "Seravek-extralight";
    src: url("../tipografias/seravek-extralight.ttf");
}
@font-face {
    font-family: "Seravek-extralight-italic";
    src: url("../tipografias/seravek-extralight-italic.ttf");
}
@font-face {
    font-family: 'fontello';
    src: url('../font/fontello.eot?5732459');
    src: url('../font/fontello.eot?5732459#iefix') format('embedded-opentype'),
            url('../font/fontello.woff2?5732459') format('woff2'),
            url('../font/fontello.woff?5732459') format('woff'),
            url('../font/fontello.ttf?5732459') format('truetype'),
            url('../font/fontello.svg?5732459#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}
  
/* ------------------------ GENERALES ------------------------ */
* {
    scrollbar-width: thin;
}

html,
body {
    font-family: "Poppins", "Century Gothic", Arial, sans-serif !important;
    font-weight: 300;
    font-style: normal;
    color: #1a1a1a;
    margin: 0;
    padding: 0;
}

.ico:before,
.ico:after {
  font-family: "fontello";
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  speak: none;
}

.icon-menu:before {
  content: "\f0c9";
  color: #b3b3b3;
  font-size: 30px;
}

.icon-cancel:before {
  content: "\e801";
  color: #b3b3b3;
  font-size: 30px;
}

.point:before {
  content: "\f111";
  color: #000;
  font-size: 7px;
  margin: 0 10px;
}

.hidden {
    display: none !important;
}

.hide {
    display: none;
}

/* ------------------------ PARALLAX ------------------------ */

.jarallax {
    z-index: 5;
}

.jarallax h2 {
    font-family: "Seravek-extralight", sans-serif !important;
    text-shadow: 2px 2px 5px black;
}

.jarallax, .demo-table {
    height: 250px !important;
}

.demo-table {
    background-color: rgba(0, 0, 0, 0.6) !important;
    box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, 0.75);
}

header {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

ul {
    padding: 0;
    margin: 0;
}

header ul li {
    list-style: none;
}

a {
    text-decoration: none;
}

.content {
  width: 93%;
  position: relative;
  margin: auto;
  overflow: hidden;
}


/* ------------------------ MENÚ MOBILE ------------------------ */

.menu-desktop {
    display: none;
}
  
.menu-moviles {
    background: #fff;
    height: 90px;
    position: fixed;
    width: 100%;
    z-index: 3;
    text-align: center;
    border-bottom: 5px solid #b89f5c;
}

.logo_top {
    display: block;
    padding-right: 75px;
}

.menu-moviles figure {
    margin: 10px auto;
    width: 280px;
}

.menu-moviles figure img {
   width: 100%;
   margin-top: 10px;
}

.menu_bar {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width:55px;
}

.menu_bar button{
    background: none;
    border: 0;
    padding: 0 15px;
}

.bt-menu {
    display: inline-block;
}

.bt-close {
    display: none;
}

ul.menu-mobile {
    box-shadow: 0 .5rem .5rem rgba(41, 44, 51, .1);
    width: 100%;
    padding: 15px 0 0 0;
    position: absolute;
    width: 0;
    height: 240px;
    margin-top: 4px;
    left: 0; 
    z-index: 20; 
    overflow-x: hidden; 
    box-sizing: border-box;
    background: #fff;
    color: #b3b3b3;
    font-weight: 500;
}

ul.menu-mobile li a {
    display: block;
    font-size: 16px;
    padding: 10px 30px;
    color: #b3b3b3;
    font-weight: 500;
}

.idiomas a {
    display: inline-block !important;
    padding: 10px 5px !important;
}
.idiomas img {
    margin-right: 5px;;
    vertical-align: middle;
    width: 20px;
}

ul.menu-mobile li:nth-child(1) {
    text-align: center;
}

ul.menu-mobile li:nth-child(1) img {
    width: 40%;
}



/* ------------------------ MENÚ DESKTOP ------------------------ */
.menu-desktop {
    display: flex;
    align-items: center;
    width: 100%;
    height: 93px;
    position: fixed;
    z-index: 10;
    background: #fff;
    box-shadow: 0 0.38vw 1vw rgba(0, 0, 0, 0.4);
    border-bottom: 5px solid #b89f5c;
}
  
.content-menu {
    position: relative;
    width: 95%;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
}

.content-menu ul {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.content-menu li {
    float: left;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    width: 120px;
    text-align: center;
    line-height: 20px;
}

.content-menu li:nth-child(1) {
    margin-top: 10px;
    margin-right: 35px;
}

.content-menu li:nth-child(1) a img {
    height: 100%;
    width: 100%;
}

.content-menu li a {
    color: #5b5e5e;
}

.content-menu li:hover a,.content-menu li a.active {
    font-weight: 500;
}

.btn-idiomas {
    color: #fff;
    position: absolute;
    font-size: 16px;
    right: -55px;
    top: -5px;
    background: #b89f5c;
    padding: 3px 10px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.idiomas a {
    color: #b89f5c !important;
}


/* ------------------------ HOME ------------------------ */

#home {
   
    overflow: hidden;
    border-bottom: 5px solid #b89f5c;
    /* box-shadow: 0 .5rem .5rem rgba(0, 0, 0, 0.5) !important; */
    box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, 0.75);
}

#ri-grid ul li a {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#ri-grid {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#ri-grid ul {
  box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, 0.75);
}

#home .main h1 {
    color: #fff;
    position: absolute;
    z-index: 2;
    text-shadow: 2px 2px 5px black;
    font-weight: 100;
    font-size: 60px;
    font-family: "Seravek-extralight" !important;
    font-weight: 100;
    font-style: normal;
}


/* ------------------------ LETRAS ------------------------ */

#frase {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 30px;
    letter-spacing: 1px;
    min-height: 250px;
    font-family: "Seravek-extralight" !important;
    padding: 20px 0;
}

#frase p {
    margin: 0;
}

#frase .content-frase {
    margin-top: -10px;
}

#frase p:nth-child(1) {
    margin-bottom: 30px;
}

#frase span:nth-child(1) {
    color: #5d80ab;
}

#frase span:nth-child(3) {
    color: #bb9d68;
}

#frase span:nth-child(5) {
    color: #7d6a8a;
}

#frase p:nth-child(2) {
    color: #5c5e5e;
}

#frase .point- {
    font-size: 50px;
    color: #000;
    margin: 0 10px;
}

/* ------------------------ NOSOTROS ------------------------ */

.bg-image-titles {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 250px;
    box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, 0.75);
    position: relative;
}

.bg-image-titles::before {
    background: rgba(0, 0, 0, 0.4) !important;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
}

.bg-image-titles h2 {
   /* text-shadow: 5px 5px gray; */
   font-family: "Seravek-extralight", sans-serif;
    font-size: 34px;
    position: relative;
    text-align: center;
}

.title-our {
    background-image: url("../img/parallax/caballos.jpg");
}

#our {
    color: #1a1a1a;
    display: flex;
    height: 100%;
}

#our h2 {
    font-family: "Seravek-extralight" !important;
}

#our article {
    width: 100%;
}

#our .slider-partners .swiper-container, 
#our .slider-partners  {
    height: 440px;
    position: relative;
}

#our .slider-partners .swiper-slide {
 /* background-position: center;
  background-size: cover;
  */
  color: #fff;
  height: 100%;
  width: 100%;
  position: relative;
  display: inline-block;

}

#our .slider-partners .swiper-slide .conten-slider {
    color: #1a1a1a;
}
  
#our .slider-partners .swiper-slide .info-slide {
    align-content: center;
    width: 70%;
    margin: auto;
    padding: 10px 0;
}

#our .slider-partners .swiper-slide .transparency {
    background-color: rgba(93, 128, 171, 0.7);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
}

#our .slider-partners .swiper-slide .info-slide h2 {
    font-size: 36px;
    margin-top: 0 !important;
    margin-bottom: 50px;
    text-align: center;
}

#our .slider-partners .swiper-slide .info-slide h3 {
    margin: 0;
    font-size: 26px;
    font-family: "Poppins", "Century Gothic", Arial, sans-serif !important;
    font-weight: 500;
}
#our .slider-partners .swiper-slide .info-slide ul {
    padding:20px;
}
#our .slider-partners .swiper-slide .info-slide ul li {
    margin-bottom: 20px;
    font-size: 16px !important;
}
#our .slider-partners .swiper-slide .info-slide ul li:last-child {
    margin-bottom: 0;
}

.swiper-pagination{
    bottom: 20px !important;
}

.swiper-pagination .swiper-pagination-bullet {
   background: #fff !important; 
}

.swiper-pagination .swiper-pagination-bullet-active {
   background: #fff !important; 
}

.swiper-button-next, .swiper-button-prev {
    color: #fff !important;
    margin-top: 0 !important;
}

.vdark::after {
    color: #b3b3b3 !important; 
    font-size: 30px !important;
}

#our .slider-partners .swiper-button-next:after, 
#our .slider-partners .swiper-button-prev:after {
    font-size: 30px !important;
}

/* #our .slider-partners .swiper-button-next:before, 
#our .slider-partners .swiper-button-prev:before {
    content: " ";
    background: rgba(250,250,250,.2);
    width: 155%;
    height: 100%;
    position: absolute;
    border-radius: 100%;
} */

/*
#our .slider-partners .swiper-slide:nth-child(1) {
   background-image: url("../img/galeria_nosotros/nosotros1.jpg");
}

#our .slider-partners .swiper-slide:nth-child(2) {
   background-image: url("../img/galeria_nosotros/nosotros2.jpg");
}

#our .slider-partners .swiper-slide:nth-child(3) {
    background-image: url("../img/galeria_nosotros/nosotros3.jpg");
}
*/

#our .slider-partners .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#our .info-partners-mobile h2 {
    text-align: center;
    font-size: 36px;
    margin-bottom: 0;
}

#our .info-partners-mobile .partn-1,
#our .info-partners-mobile .partn-2 {
    text-align: center;
}

#our .info-partners-mobile .partn-1 figure,
#our .info-partners-mobile .partn-2 figure {
    line-height: 0;
    margin: 22px auto;
    width: 300px;
}

#our .info-partners-mobile .partn-1 figure img,
#our .info-partners-mobile .partn-2 figure img {
    width: 100%;
}

#our .info-partners-mobile .partn-1 span,
#our .info-partners-mobile .partn-2 span {
    display: block;
    margin:0 auto;
    text-align: left;
    width: 300px;
}

#our .info-partners-mobile .swiper-slide {
  width: 80%;
}

#our .info-partners-mobile .swiper-slide .descrip-partn1,
#our .info-partners-mobile .swiper-slide .descrip-partn2 {
    text-align: left;
    position: relative;
    padding: 0 30px;
}

#our .info-partners-mobile .swiper-slide .descrip-partn1 div:first-child,
#our .info-partners-mobile .swiper-slide .descrip-partn2 div:first-child{
    position: relative;
}

#our .info-partners-mobile .swiper-slide .descrip-partn1 div:first-child a,
#our .info-partners-mobile .swiper-slide .descrip-partn2 div:first-child a{
    display:block;
}

#our .info-partners-mobile .swiper-slide .descrip-partn1 div:first-child a figure,
#our .info-partners-mobile .swiper-slide .descrip-partn2 div:first-child a figure{
    margin:0;
    position: absolute;
    right: 0;
    top:40px;
    width: 20px;
}

#our .info-partners-mobile .swiper-slide .descrip-partn1 div:first-child a figure img,
#our .info-partners-mobile .swiper-slide .descrip-partn2 div:first-child a figure img{
    width: 100%;
}

#our .info-partners-mobile .button-close:before {
    content: "\e801";
    color: #b3b3b3;
    font-size: 40px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 30px;
}

#our .info-partners-mobile .descrip-partn1 .link-partn1,
#our .info-partners-mobile .descrip-partn2 .link-partn2 {
    width: 0;
    position: absolute;
   top: -22px;
   right: 10px;
}

#our .info-partners-mobile .descrip-partn1 figure,
#our .info-partners-mobile .descrip-partn2 figure {
    line-height: 0;
    text-align: center;
}

#our .mySwiper-partners {
    height: 100%;
    margin-bottom: 30px;
    margin-top: 10px;
    font-size: 22px;
}

#our .mySwiper-partners .description{
    padding:10px 30px;
}

#our .info-partners-desktop h2 {
    text-align: center;
    font-size: 22px;
}

#our .info-partners-desktop .content-partners {
    display: flex;
    justify-content: space-evenly;
}

#our .info-partners-desktop .description {
    font-size: 14px;
}

#our .info-partners-desktop .content-partners div {
    cursor: pointer;
}

#our .info-partners-desktop .content-partners figure {
    line-height: 0;
}

#our .info-partners-desktop .content-partners .name {
    display: block;
    font-family: "Seravek-extralight" !important;
    font-size: 21px;
    color: #5b5e5e;
    text-align: left;
    margin-left: 40px;
    line-height: 21px;
}
.mySwiper-partners .name {
    display: block;
    font-family: "Seravek-extralight" !important;
    font-size: 24px;
    color: #5b5e5e;
    line-height: 24px;
    text-align: left;
    width: 160px;
    margin: 0 auto;
}

#our .info-partners-desktop .content-partners .work {
    font-family: "Seravek-extralight-italic" !important;
    color: #5b5e5e;
    text-align: left;
    margin-left: 40px;
}

.mySwiper-partners .work {
    display: block;
    font-family: "Seravek-extralight-italic" !important;
    color: #5b5e5e;
    font-size: 18px;
    text-align: left;
    width:160px;
    margin: 0 auto;
}

#our .info-partners-desktop .content-partners .bio, .mySwiper-partners .bio {
    color: #5b5e5e;
    display: block;
    font-family: "Seravek-extralight" !important;
    font-size: 15px;
    margin:0 auto;
    text-align: left;
    text-decoration: underline;
    width: 160px;
}

#our .info-partners-desktop .name {
    font-family: "Seravek-extralight" !important;
    color: #5b5e5e;
    font-size: 21px;
    line-height: 21px;
}

#our .info-partners-desktop .work {
    font-family: "Seravek-extralight-italic" !important;
    color: #5b5e5e;
    display: block;
    font-size: 15px;
    margin-bottom: 12px;
}

#our .info-partners-desktop {
    font-family: "Poppins", "Century Gothic", Arial, sans-serif !important;
    color: #5b5e5e;
    display: flex;
    align-content: center;
    height: 100%;
}

#our .info-partners-desktop .description p {
    margin-bottom: 10px;
}


#our .info-partners-desktop .partner-1, 
#our .info-partners-desktop .partner-2 {
    display: flex;
    width: 100%;
}

#our .info-partners-desktop .partner-1 figure, 
#our .info-partners-desktop .partner-2 figure {
    margin: 0 20px 0 0;
    line-height: 0;
}

#our .info-partners-desktop .partner-1 ul, 
#our .info-partners-desktop .partner-2 ul {
    color: #5b5e5e;
    padding:0 0 0 12px;
}

.descrip-partn1 ul,.descrip-partn2 ul {
    color: #5b5e5e;
    padding:12px 0 0 12px;
}

#our .info-partners-desktop .partner-1 ul li, 
#our .info-partners-desktop .partner-2 ul li {
    margin-bottom: 10px;
    font-size: 14px;
}

.descrip-partn1 li,.descrip-partn2 li {
    margin-bottom: 10px;
    font-size: 16px;
}

#our .info-partners-desktop .partner-1 div:nth-child(1),
#our .info-partners-desktop .partner-2 div:nth-child(1) {
    text-align: center;
}

#our .info-partners-desktop .partner-1 div:nth-child(2),
#our .info-partners-desktop .partner-2 div:nth-child(2) {
    position: relative;
}

#our .info-partners-desktop .partner-1 div:nth-child(2) .name,
#our .info-partners-desktop .partner-2 div:nth-child(2) .name {
   display: block;
}

#our .info-partners-desktop .partner-1 div:nth-child(2) figure img,
#our .info-partners-desktop .partner-2 div:nth-child(2) figure img {
    width: 100%;
}

#our .info-partners-desktop .button-close:before {
    content: "\e801";
    color: #b3b3b3;
    font-size: 30px;
    cursor: pointer;
    position: absolute;
    right: 3px;
    top: -40px;
    line-height: 30px;
}


/* ------------------------- SERVICIOS ------------------------- */

.title-services {
    background-image: url("../img/parallax/montanas.jpg");
}

#services {
    background-image: url("../img/background_hacemos.jpg"); 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
    color: #1a1a1a;
    height: 100%;
}

#services .container-services-mobile .swiper-slide .info-slide,
#values .container-values-mobile .swiper-slide .info-slide {
    width: 80%;
    margin: auto;
    text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 2px;
}

#services .container-services-mobile .mySwiper-services {
    height: 700px;
    color: #fff;
}

.container-services, .container-values-desktop {
    width: 100%;
}

#services .container-services-mobile .mySwiper-services .swiper-slide,
#values .container-values-mobile .mySwiper-values .swiper-slide {
    width: 80%;
}

#services .container-services-mobile .mySwiper-services .swiper-slide .transparency,
#values .container-values-mobile .mySwiper-values .swiper-slide .transparency {
    width: 100%;
    height: 100%;
}

#services .container-services-mobile .mySwiper-services .swiper-slide:nth-child(1) .transparency {
    background: rgb(93, 128, 171, 0.8);
}

#services .container-services-mobile .mySwiper-services .swiper-slide:nth-child(2) .transparency {
    background: rgb(187, 157, 104, 0.8);
}

#services .container-services-mobile .mySwiper-services .swiper-slide:nth-child(3) .transparency {
    background: rgb(125, 106, 138, 0.8);
}

#services .container-services-mobile .mySwiper-services .swiper-slide:nth-child(4) .transparency {
    background: rgb(92, 94, 94, 0.8);
}

#services .container-services-mobile .mySwiper-services .swiper-slide .description, #values .container-values-mobile .swiper-slide .description {
    padding-left: 18px;
}

#services .container-services-mobile .mySwiper-services .swiper-slide .description li, #values .container-values-mobile .swiper-slide .description li {
    font-family: "Poppins", "Century Gothic", Arial, sans-serif;
    font-size: 20px;
    margin-bottom: 14px;
}

#services .container-services-mobile .mySwiper-services .swiper-slide h2,
#values .container-values-mobile .mySwiper-values .swiper-slide h2{
    margin: 0 0 30px 0;
    padding-top: 80px;
    font-family: "Seravek-extralight" !important;
    font-size: 32px;
    line-height: 36px;
}


#services .container-services-desktop,
#values .container-values-desktop {
    height: 100%;
}

#services .container-services-desktop article,
#values .container-values-desktop article {
    width: 50%;
    float: left;
    height: 100%;
}

#services .container-services-desktop article:nth-child(1),
#values .container-values-desktop article:nth-child(1) {
    align-items: center;
    background: rgb(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    text-align: center;
}

#services .container-services-desktop article:nth-child(1) button,
#values .container-values-desktop article:nth-child(1) button {
    background: none;
    border: 0;
    cursor: pointer;
    color: #4d4d4d;
    width: 100%;
}

#services  .container-services-desktop article:nth-child(1) ul li h3,
#values  .container-values-desktop article:nth-child(1) ul li h3 {
    font-family: "Seravek-extralight";
    color: #3f3f3f;
}

#services .container-services-desktop article:nth-child(1) ul li:nth-child(1):hover h3,
#services .container-services-desktop article:nth-child(1) ul li:nth-child(1) h3.active,

#values .container-values-desktop article:nth-child(1) ul li:nth-child(1):hover h3,
#values .container-values-desktop article:nth-child(1) ul li:nth-child(1) h3.active,
#values .container-values-desktop article:nth-child(1) ul li:nth-child(5):hover h3,
#values .container-values-desktop article:nth-child(1) ul li:nth-child(5) h3.active {
    color: rgb(93, 128, 171);
    font-family: "Seravek" !important;
}

#services .container-services-desktop article:nth-child(1) ul li:nth-child(3):hover h3,
#services .container-services-desktop article:nth-child(1) ul li:nth-child(3) h3.active,

#values .container-values-desktop article:nth-child(1) ul li:nth-child(3):hover h3,
#values .container-values-desktop article:nth-child(1) ul li:nth-child(3) h3.active  {
    color: rgb(125, 106, 138);
    font-family: "Seravek" !important;
}



#services .container-services-desktop article:nth-child(1) ul li:nth-child(4):hover h3,
#services .container-services-desktop article:nth-child(1) ul li:nth-child(4) h3.active,

#values .container-values-desktop article:nth-child(1) ul li:nth-child(4):hover h3,
#values .container-values-desktop article:nth-child(1) ul li:nth-child(4) h3.active  {
    color: rgb(92, 94, 94);
    font-family: "Seravek" !important;
}

#services .container-services-desktop article:nth-child(1) ul.services-menu li:nth-child(2):hover h3,
#services .container-services-desktop article:nth-child(1) ul li:nth-child(2) h3.active,

#values .container-values-desktop article:nth-child(1) ul.values-menu li:nth-child(2):hover h3,
#values .container-values-desktop article:nth-child(1) ul.values-menu li:nth-child(2) h3.active {
    color: rgb(187, 157, 104);
    font-family: "Seravek" !important;
}

#services .container-services-desktop ul.services-menu,
#values .container-values-desktop ul.values-menu {
    width: 100%;
}

#services .container-services-desktop ul.services-menu li,
#values .container-values-desktop ul.values-menu li {
    list-style: none;
    position: relative;
}

#services .container-services-desktop ul.services-menu h3,
#values .container-values-desktop ul.values-menu h3 {
    font-size: 24px;
}

#services .container-services-desktop article:nth-child(2),
#values .container-values-desktop article:nth-child(2) {
    display: flex;
    color: #fff;
    position: relative;
}

#services .container-services-desktop article:nth-child(2) div,
#values .container-values-desktop article:nth-child(2) div {
    font-size: 20px;
    padding: 30px;
}

#services .container-services-desktop article:nth-child(2) div h3,
#values .container-values-desktop article:nth-child(2) div h3 {
    font-family: "Seravek-extralight";
    font-size: 30px;
    margin-top: 0;
    line-height: 35px;
}

.content-services,.content-values{
    background: rgba(93, 128, 171, 0.7);
    text-shadow: rgba(0, 0, 0, 0.6) 1px 1px 2px;
}

p.disclaimer{
    font-size: 14px;
    font-style: italic;
    margin-top: 25px;
}

.container-services-desktop .content-services .wrap,
.container-values-desktop .content-values .wrap {
    width: 90%;
    margin: auto;
}

.container-services-desktop .content-services ul,
.container-values-desktop .content-values ul{
    padding-left: 18px;
    font-family: "Poppins", "Century Gothic", Arial, sans-serif;
    font-size: 16px;
}

.container-services-desktop .content-services ul li,
.container-values-desktop .content-values ul li{
    margin-bottom: 8px;
}

.container-services-desktop .content-services button,
.container-values-desktop .content-values button {
    background: none;
    border: 0;
    cursor: pointer;
    height: 50px;
    width: 50px;
    position: absolute;
    right: 50px;
    top: 70px;
}

#services .container-services-desktop .content-services button span:before,
#values .container-values-desktop .content-values button span:before {
    color: #fff !important;
    font-size: 40px;
}

.container-services-desktop .arrow,
.container-values-desktop .arrow {
    position: absolute;
    right: 0;
    top: 15px;
}

.container-services-desktop .arrow:before, .arrow:after,
.container-values-desktop .arrow:before, .arrow:after {
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    top: -1px;
    content: " ";
    position: absolute;
    display: block;
    width: 0;
    height: 0;     
}

.container-services-desktop .arrow:after,
.container-values-desktop .arrow:after {
    left: -15px;
    z-index: 2;
}

.container-services-desktop .arrow:before,
.container-values-desktop .arrow:before {
    left: -40px;
    z-index: 1;
}

.container-services-desktop .arr-1::after

.container-values-desktop .arr-1::after,
.container-values-desktop .arr-5::after {
    background: rgb(110, 126, 148, 0.2);
}

.container-values-desktop .arr-2::after {
    background: rgb(129, 118, 93, 0.2);
}

.container-services-desktop .arr-3::after,

.container-values-desktop .arr-3::after {
    background: rgb(125, 106, 138, 0.2);
}

.container-services-desktop .arr-1::before,

.container-values-desktop .arr-1::before,
.container-values-desktop .arr-5::before {
    border-right: 40px solid rgba(93, 128, 171, .9);
}

.container-services-desktop .arr-2::before,

.container-values-desktop .arr-2::before {
    border-right: 40px solid rgb(187, 157, 104, 0.9);
}

.container-services-desktop .arr-3::before,

.container-values-desktop .arr-3::before {
    border-right: 40px solid rgba(125, 106, 138, .9);
}

.container-services-desktop .arr-4::before,

.container-values-desktop .arr-4::before {
    border-right: 40px solid rgba(92, 94, 94, .9);
}

#services .grid {
    width: 25%;
    text-align: center;
    float: left;
    place-items: center;
    transition: opacity 0.50s, transform 0.50s; 
    overflow: hidden; 
    cursor: pointer;
    position: relative;
    display: grid;
    position: relative;
    background: rgb(255, 255, 255, 0.5);
}

#services .grid .first-title,
#values .grid .first-title {
    color: #1a1a1a;
    font-size: 24px;
}

#services .content-elem,
#values .content-elem {
    position: absolute;
    top: 33%; 
    top: 0; 
    color: #fff;
    font-size: 20px;
}

#values .grid h2 {
    font-size: 20px;
    font-weight: 600;
}

#services .grid .content-elem,
#values .grid .content-elem {
    padding: 0 30px;
    text-align: left;
    position: relative;
    top: 10px;
    position: absolute;
}

#services .grid .content-elem button, 
#values .grid .content-elem button {
    background: none;
    border: 0;
    position: absolute;
    top: -10px;
    right: 5px;
    cursor: pointer;
}

#services .grid .content-elem button .icon-cancel:before,
#values .grid .content-elem button .icon-cancel:before {
    color: #fff;
}

#values .mySwiper-values .swiper-slide {
    height: 100%;
}

#values .mySwiper-values {
    height: 750px;
    color: #fff;
}

#values {
   background-image: url("../img/background_values.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; 
    color: #1a1a1a;
}

.title-values {
    background-image: url("../img/parallax/ave.jpg");
}

#values .container-values-mobile .mySwiper-values .swiper-slide:nth-child(1) .transparency {
    background: rgb(93, 128, 171, 0.8);
}

#values .container-values-mobile .mySwiper-values .swiper-slide:nth-child(2) .transparency {
    background: rgb(187, 157, 104, 0.8);
}

#values .container-values-mobile .mySwiper-values .swiper-slide:nth-child(3) .transparency {
    background: rgb(125, 106, 138, 0.8);
}

#values .container-values-mobile .mySwiper-values .swiper-slide:nth-child(4) .transparency {
    background: rgb(92, 94, 94, 0.8);
}

#values .container-values-mobile .mySwiper-values .swiper-slide:nth-child(5) .transparency {
    background: rgb(93, 128, 171, 0.8);
}

#values .grid {
    width: 20%;
    height: 860px;
    cursor: pointer;
    text-align: center;
    position: relative;
    display: grid;
    place-items: center;
    transition: opacity 0.50s, transform 0.50s;
    overflow: hidden;
    float: left;
    background: rgb(255, 255, 255, 0.5);
}

#values .container-values-desktop {
    height: 860px;
}

#values .content-elem {
    position: absolute;
    top: 0;
}


/* -------------------------- FOOTER -------------------------- */

footer {
  background-color: #1a1a1a;
  text-align: center;
  padding: 30px;
  color: #ccc;
  border-top: 5px solid #b89f5c;
  display: flex;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);
}

footer a {
  color: #ccc;
}

footer .logo {
  text-align: left;
  margin-bottom: 50px;
}

footer .logo img {
    margin-left: 50px;;
    width: 230px;
}

footer .redes {
    display: flex;
    justify-content: center;
}

footer .redes figure {
    width: 40px;
    margin: 0;
    margin-right: 15px;
    margin-top: 20px;
}

footer .redes figure img {
    width: 100%;
}

footer .copy p{
    font-size: 14px;
    margin:0;
}

@media (max-width: 580px) {
    #our .slider-partners .swiper-slide .info-slide h2{
        margin-bottom: 20px;
    }

    #services .container-services-mobile .mySwiper-services .swiper-slide h2, #values .container-values-mobile .mySwiper-values .swiper-slide h2 {
        font-size: 28px;
    line-height: 30px;
        margin-bottom: 20px;
        padding-top: 40px;
    }

    #services .container-services-mobile .mySwiper-services .swiper-slide .description li, #values .container-values-mobile .swiper-slide .description li{
        font-size: 18px;
        margin-bottom: 10px;
    }
}

@media (max-width: 600px) {
    .content-frase p span {
        display: block;
    }
    .content-frase p span.point- {
        display: none;
    }
}

@media (max-width: 655px) {
    #values .container-values-mobile .mySwiper-values .swiper-slide h2{
        min-height: 108px;
    }
}

@media (max-width: 767px) {
    #our{
        flex-direction: column;
    }
    .info-partners-desktop,.container-services-desktop,.container-values-desktop{
        display: none !important;
    }
    .info-partners-mobile{
        display: block;
    }
    .xs-hidden{
        display: none!important;
    }
    footer .logo{
        margin: 30px 0 50px 0;
        text-align: center;
    }
    footer .logo img{
        margin: 0;
    }
}

@media (min-width: 768px) {

    .logo-cliente {
        width: 30%;
    }

    #frase {
        font-size: 36px;
    }

    .bg-image-titles, 
    .container-services-mobile,
    .container-values-mobile,
    .info-partners-mobile {
        display: none;
    }

    .jarallax, 
    .info-partners-desktop,
    .container-services-desktop,
    .container-values-desktop {
        display: block;
    }

    .jarallax h2 {
        font-size: 36px !important;
    }

    .ri-grid {
        margin-top: 73px !important;
    }

    #our {
        height: 650px;
    }

    #our h2 {
        font-size: 36px !important;
        margin-top: 0;
    }

    #our article {
        width: 50%;
    }

    #our .info-partners-desktop figure:nth-child(1) {
        width: 120px;
    }

    #our .info-partners-desktop figure:nth-child(1) img {
        width: 100%;
    }

    #our .info-partners-desktop .content-partners .name {
        font-size: 18px;
        margin: 0 auto;
        text-align: left;
        width: 160px;
    }

    #our .info-partners-desktop .content-partners .work {
        margin: 0 auto;
        width: 160px;
    }

    #our .content-descrip-partn{
        width: 90%;
        margin: auto;
    }

    #our .info-partners-desktop .description {
        font-size: 13px;
    }

    #our .info-partners-desktop .partner-1 div:nth-child(2) figure,
    #our .info-partners-desktop .partner-2 div:nth-child(2) figure {
        margin:0;
        position: absolute;
        right: 0;
        top: 0px;
        width: 20px !important;
    }

    #our .slider-partners .swiper-container, 
    #our .slider-partners {
        height: 650px;
    }

    #our .mySwiper-partners {
      margin-bottom: 0;
    }

    #our .slider-partners .swiper-slide .info-slide ul li {
      /*  font-size: 18px !important; */
    }

    #services .container-services-desktop {
        height: 500px;
    }
    
    #services .grid,
    #values .grid {
        float: left;
        height: 100%;
    }

    #values .container-values-desktop {
        height: 675px;
    }

    footer .logo,
    footer .copy {
        float: left;
        width: 50%;
    }

    footer .redes {
        display: flex;
        justify-content: right;
    }

    footer .redes figure {
        float: left;
        margin:12px 0 0 20px;
    }

    footer {
        padding: 10px 0;
        height: 260px;
    }

    footer > div {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    footer .copy {
        text-align: right;
    }

}

@media (min-width:768px) and (max-width:1023px){
    #our .info-partners-desktop .content-partners .bio,
    #our .info-partners-desktop .content-partners .work,
    #our .info-partners-desktop .content-partners .name{
        text-align: center !important;
    }
}

@media (min-width: 1024px) {
 
    .content-menu li {
        width: 140px;
    }
    
    .btn-idiomas {
        right: -90px;
    }

    .ri-grid {
        margin-top: 73px !important;
    }

    #our .content-partners figure,
    #our .partner-1 figure:nth-child(1),
    #our .partner-2 figure:nth-child(1) {
        width: 160px !important;
    }

    #our .info-partners-desktop .description {
        font-size: 14px;
    }

    #services .container-services-desktop {
        height: 500px;
    }

    #values .container-values-desktop {
        height: 630px;
    }

    .container-services-desktop .content-services button,
    .container-values-desktop .content-values button {
        right: 100px;
        top: 80px;
    }


}

@media (min-width: 1200px) {

    #our, 
    #our .slider-partners .swiper-container, 
    #our .slider-partners {
        height: 600px;
    }

    #our .info-slide {
        width: 60% !important;
        margin: auto;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    #our .info-slide h2 {
        margin-top: 30px !important;
    }

    #our .info-partners-desktop h2 {
        margin-top: 0 !important;
        margin-bottom: 30px;
    }

    #our .partner-1 figure:nth-child(1), #our .partner-2 figure:nth-child(1) {
        width: 215px !important;
    }

    .content-menu li {
        width: 109px;
    }

    .content-menu li:nth-child(1) {
        width: 229px;
        margin-right: 200px;
    }

    .content-menu li:nth-child(6) {
        margin-left: -20px;
    }

    #home .main h1 {
        font-size: 72px;
    }

    #our .info-partners-desktop .content-partners .partn-1 {
        justify-content: right;
    }

    #our .info-partners-desktop .content-partners .partn-2 {
        justify-content: left;
    }

    .slider-partners .swiper-button-next {
        right: 90px !important;
    }
    
    .slider-partners .swiper-button-prev {
        left: 90px !important;
    }

    #services .container-services-desktop .content-elem,
    #values .container-values-desktop .content-elem {
        font-size: 18px;
    }

    #values .container-values-desktop {
        height: 650px;
    }

    .container-services-desktop .content-services .wrap,
    .container-values-desktop .content-values .wrap {
        width: 80%;
        margin: auto;
    }

    footer .content {
        width: 80%;
        margin: auto;
    }

}

@media (min-width: 1440px) {

    #our,
    #our .slider-partners .swiper-container, 
    #our .slider-partners{
        height: 560px;
    }

    #our .content-descrip-partn {
        width: 70%;
    }
 
    .container-services-desktop .content-services .wrap,
    .container-values-desktop .content-values .wrap {
        width: 60%;
        margin: auto;
    }

    .container-services-desktop .content-services button,
    .container-values-desktop .content-values button {
        right: 260px;
        top: 80px;
    }

}