.card__blurred {
    background-image: url('../img/blur__back.svg');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    position: relative;
}

.card__blurred.card__blurred__dark  {
    background-image: url('../img/blur__back__dark.svg');
    background-repeat: no-repeat;
    background-position: 0;
    background-size: contain;
    position: relative;
}

.card__blurred.card__blurred__white {
    background-image: url('../img/blur__back__white.svg');
    background-repeat: no-repeat;
    background-position: 0;
    background-size: contain;
    position: relative;
}

.blurred__inner {
    padding: 3rem 4rem 5rem 3rem;
}

.card__blurred__title {
    font-size: 2.25rem;
    font-weight: 300;
    max-width: 320px;
    margin-bottom: 1.5rem;

}

.card__blurred__title b {
    display: block;
    font-weight: 700;
}

.card__blurred__desc {
    margin-bottom: 2rem;
}

.card__blurred.text__white {
    color: var(--white);
}

.inverted-radius {
    width: auto;
    height: auto;
    position: relative;
    color: #000;
}

.inverted-radius:before {
    --r: 32px;
    --s: 32px;
    --x: 18px;
    --y: 12px;
    width: 100%;
    aspect-ratio: 1;
    background: rgba(0, 0, 0, 0.22);
    border-radius: var(--r);
    --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%, #0000 72%);
    --_g: conic-gradient(at calc(100% - var(--r)) var(--r), #0000 25%, #000 0);
    --_d: (var(--s) + var(--r));
    -webkit-mask:
        calc(100% - var(--_d) - var(--x)) 0 var(--_m),
        100% calc(var(--_d) + var(--y)) var(--_m),
        radial-gradient(var(--s) at 100% 0, #0000 99%, #000 calc(100% + 1px)) calc(-1*var(--r) - var(--x)) calc(var(--r) + var(--y)),
        var(--_g) calc(-1*var(--_d) - var(--x)) 0,
        var(--_g) 0 calc(var(--_d) + var(--y));
            mask:
        calc(100% - var(--_d) - var(--x)) 0 var(--_m),
        100% calc(var(--_d) + var(--y)) var(--_m),
        radial-gradient(var(--s) at 100% 0, #0000 99%, #000 calc(100% + 1px)) calc(-1*var(--r) - var(--x)) calc(var(--r) + var(--y)),
        var(--_g) calc(-1*var(--_d) - var(--x)) 0,
        var(--_g) 0 calc(var(--_d) + var(--y));
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    margin: 0 auto;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    content: "";
    height: 100%;
}

.inverted-radius:after {
    --r: 32px;
    --s: 32px;
    --x: 18px;
    --y: 12px;
    width: calc(100% - 2px);
    aspect-ratio: 1;
    background: #fff;
    border-radius: var(--r);
    --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%, #0000 72%);
    --_g: conic-gradient(at calc(100% - var(--r)) var(--r), #0000 25%, #000 0);
    --_d: (var(--s) + var(--r));
    -webkit-mask:
        calc(100% - var(--_d) - var(--x)) 0 var(--_m),
        100% calc(var(--_d) + var(--y)) var(--_m),
        radial-gradient(var(--s) at 100% 0, #0000 99%, #000 calc(100% + 1px)) calc(-1*var(--r) - var(--x)) calc(var(--r) + var(--y)),
        var(--_g) calc(-1*var(--_d) - var(--x)) 0,
        var(--_g) 0 calc(var(--_d) + var(--y));
            mask:
        calc(100% - var(--_d) - var(--x)) 0 var(--_m),
        100% calc(var(--_d) + var(--y)) var(--_m),
        radial-gradient(var(--s) at 100% 0, #0000 99%, #000 calc(100% + 1px)) calc(-1*var(--r) - var(--x)) calc(var(--r) + var(--y)),
        var(--_g) calc(-1*var(--_d) - var(--x)) 0,
        var(--_g) 0 calc(var(--_d) + var(--y));
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;

    margin: 0 auto;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    left: 1px;
    right: 1px;
    bottom: 1px;
    top: 1px;
    content: "";
    height: calc(100% - 2px);
} 




.inverted__radius__inner {
    position: relative;
    z-index: 3;
    padding-top: 4rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
}

.card__inverted {
    position: relative;
}

.card__inverted__title {
    font-size: 1.5rem;
    font-weight: 300;
}
.card__inverted__title strong,
.card__inverted__title b{
    display: block;
}
.card__inverted__title.is__inline strong,
.card__inverted__title.is__inline b{
    display: inline;
}

.card__inverted__desc {
    font-size: 1rem;
    font-weight: 300;
}

.card__inverted__indicator {
    position: absolute;
    top: -1.125rem;
    right: -1rem;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: var(--blue-dark);
}


.block__contact {
    padding: 0 2rem;
    background-image: url('../img/back__contact.webp');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}


.block__contact:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 50%;
    background-color: var(--blue-medium);
    z-index: 2;
}

.inner__block__contact {
    position: relative;
    z-index: 3;
}

.block__contact.is__singled {
    padding-top: 2rem;
    padding-bottom: 4rem;
    background-size: cover;
    background-position: center center;
    background-image: url('../img/back__contact.webp');
}

.block__contact.is__singled:after {
    content: none;
}

.form__contact {
    background-color: var(--blue-medium);
}



.hero__banner {
    min-height: 480px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.hero__banner img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
}

.inner__hero__banner {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    z-index: 2;
    color: var(--white);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding-left: 2rem;
    padding-right: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 8rem;
    padding-bottom: 4rem;
    width: 100%;
}

.hero__banner__title {
    font-weight: 300;
    font-size: 3rem;
    max-width: 410px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.hero__banner__title strong {
    font-weight: 700;
}
.hero__banner__title span {
    font-weight: 300;
}
.hero__banner__title.is__one__line  {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 600px;
}

.hero__banner__subtitle {
    font-weight: 400;
    font-size: 1.5rem;
    max-width: 480px;
}

.block__about {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-color: var(--blue-dark);
    color: var(--white);
}




.block__custom {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-color: var(--white-smoth);
}
.block__custom.block__cultura{
    background-color: var(--turquesa);
}

.block__custom__title {
    color: var(--blue-dark);
    font-size: 2.25rem;
    font-weight: 300;
}

.block__custom__title span {
    font-weight: 300;
}

.block__custom__desc {
    color: var(--blue-ultradark);
    font-size: 1.5rem;
    padding-top: 2rem;
    text-align: justify;
}

.riel__tabs {
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.wrap__tabs__content{
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.list__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;                /* Use flexbox for layout */
  overflow-x: auto;             /* Enable horizontal scroll */
  white-space: nowrap;          /* Prevent tabs from wrapping */
  -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
  list-style: none;
  padding-left: 0;
  padding-bottom: 1rem;
}

.list__tabs__tab {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;               /* Do not allow tabs to shrink or grow */
    padding: 0.25rem 3rem;
    background-color: var(--blue-smoth);
    border-radius: 2rem;
    margin-right: 2rem;
    color: var(--blue-medium);
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: all linear 0.25s;
    -o-transition: all linear 0.25s;
    transition: all linear 0.25s;
}
.list__tabs__tab.is__active {
    background-color: var(--main-black);
    color: var(--white);
}
.list__tabs__tab:active,
.list__tabs__tab:hover {
    background-color: var(--turquesa);
    color: var(--blue-ultradark);
}

.tab__content__inner .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}



.heading__block {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.heading__subtitle {
    font-size: 2.25rem;
    font-weight: 300;
    color: var(--blue-dark);
}
.heading__subtitle strong {
    font-weight: 700;
}
.heading__description{
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--blue-ultradark);
    max-width: 400px;
}


.tab__content__title {
    color: var(--blue-ultradark);
    font-weight: 300;
    font-size: 2.25rem;
}

.tab__content__desc {
    color: var(--main-black);
    font-size: 1.5rem;
}
.tab__content__desc ul {
    color: var(--main-black);
    font-size: 1.5rem;
}
.inner__block__products{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.grid__mansory .grid {
    text-align: center;
}

.grid__mansory__item {
  height: auto;
  text-align: center;
  width: 33.33333%;
  padding: 1rem;
  position: absolute;
}

.grid__mansory__item img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 16px;
  -o-object-fit: cover;
     object-fit: cover;
}

.grid__mansory__item.adjust img {
  height: 17rem;
}
.grid__mansory__item.adjust-2 img {
  height: 25rem;
}

.grid__mansory__overlay {
    position: absolute;
    left: 2rem;
    top: 2rem;
    right: 0;
    bottom: 0;
    width: calc(100% - 4rem);
    height: calc(100% - 4rem);
    background-color: rgba(0, 0, 0, 0.7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    border-radius: 1rem;

    opacity: 0;
    visibility: hidden;
    -webkit-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;
}
.grid__mansory__overlay p{
    margin-bottom: 0;
    font-weight: 300;
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
            transform: translateY(10px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;
}
.grid__mansory__overlay strong{
    font-weight: 600;
    font-size: 1.25rem;
}
.grid__mansory__item:hover .grid__mansory__overlay {
    opacity: 1;
    visibility: visible;
}
.grid__mansory__item:hover .grid__mansory__overlay p{
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}


.head__gallery {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.head__gallery h3 {
    font-size: 2.25rem;
    font-weight: 300;
    color: var(--blue-ultradark);
}
.gallery__servicios .head__gallery h3 {
    color: var(--white);
}
.head__gallery strong {
    display: block;
}

.riel__vertical__tabs {
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.list__vertical__tabs {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.list__vertical__tab {
    padding-right: 1.5rem;
} 
.list__vertical__tab a{
    text-decoration: none;
    color: var(--blue-dark);
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: all linear 0.25s;
    -o-transition: all linear 0.25s;
    transition: all linear 0.25s;
}
.list__vertical__tab a:hover ,
.list__vertical__tab a.active {
    color: var(--blue-medium);
    font-weight: 400;
    text-decoration: underline;
}

.head__title__wrap {
    color: var(--blue-dark);
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.head__title{
    font-size: 2.25rem;
    font-weight: 300;
}

.head__title strong{
    font-weight: 700;
}

.grid__project__date {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--blue-medium);
}

.grid__project__title {
    color: var(--blue-dark);
    font-size: 2rem;
}

.grid__project__description {
    font-size: 1.5rem;
    font-weight: 300;
}


.breadcrumb .breadcrumb-item a {
    color: #8B9098;
    font-size: 1.125rem;
    font-weight: 400;
    text-decoration: none;
}
.breadcrumb .breadcrumb-item.active,
.breadcrumb .breadcrumb-item.active a {
    color: var(--blue-dark);
    font-weight: 600;
}

.gallery__interior{
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-color: var(--main-black);
}

.gallery__interior .gallery__interior__title {
    color: var(--white);
    font-size: 2.25rem;
    font-weight: 300;
}

.inner__gallery__interior {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem;
}

.gallery__photo ul {
    padding-left: 0;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.gallery__photo ul a {
    display: block;
    width: 32%;
}

img.fslightbox-source {
    border-radius: 2rem;
}

.list__posts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.item__grid__posts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 48%;
    cursor: pointer;
    text-decoration: none;
    margin-bottom: 4rem;
}

.inverted__radius__blog {
    padding-left: 3rem;
    padding-right: 3rem;
    padding-top: 5rem;
}
.inverted__radius__blog .rounded__image {
    height: 210px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
    width: 100%;
}

.item__grid__posts .card__inverted__indicator {
    background-color: var(--blue-medium);
}

.item__grid__posts .inverted-radius:before {
    background: var(--blue-medium);
}
.item__grid__posts  .inverted-radius::after {
    -webkit-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;
}
.item__grid__posts:hover  .inverted-radius::after {
    background: var(--blue-smoth);
}

.item__grid__posts__title {
    color: var(--blue-ultradark);
    width:100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.list__posts__pagination {
    text-align: center;
    margin-bottom: 2rem;
}
.list__posts__pagination ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.list__posts__pagination ul li {
    margin: 0 0.5rem;
}
.list__posts__pagination ul li .page-numbers,
.list__posts__pagination ul li a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: var(--turquesa);
    border: 2px solid var(--turquesa);
    font-weight: 700;
    text-decoration: none;
    font-size: 1rem;
    -webkit-transition: all linear 0.25s;
    -o-transition: all linear 0.25s;
    transition: all linear 0.25s;
}
.list__posts__pagination ul li .page-numbers.current {
    background-color: var(--blue-medium);
    color: var(--white);
    border: 2px solid var(--blue-medium);
    font-weight: 700;
}


.list__posts__pagination ul li .page-numbers.dots {
    background-color: var(--white);
    color: var(--blue-ultradark);
    border: none;
    font-weight: 400;
    width: 20px;
    height: 40px;
    border-radius: 0;
}

.list__posts__pagination ul li .prev.page-numbers {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuOTcxMDggMTcuNjAwMUMxMC41MDQzIDE3LjA2NjkgMTAuNTA0MyAxNi4yMDU1IDkuOTcxMDggMTUuNjcyMkw0LjY3OTU3IDEwLjM2N0wyNS40MjE4IDEwLjM2N0MyNi4xNzM4IDEwLjM2NyAyNi43ODkxIDkuNzUxNzMgMjYuNzg5MSA4Ljk5OTcxQzI2Ljc4OTEgOC4yNDc2OSAyNi4xNzM4IDcuNjMyMzkgMjUuNDIxOCA3LjYzMjM5TDQuNjc5NTcgNy42MzIzOUw5Ljk4NDc2IDIuMzI3MkMxMC4xMTEzIDIuMjAwNjEgMTAuMjExOCAyLjA1MDMzIDEwLjI4MDMgMS44ODQ5M0MxMC4zNDg4IDEuNzE5NTQgMTAuMzg0IDEuNTQyMjcgMTAuMzg0IDEuMzYzMjRDMTAuMzg0IDEuMTg0MjIgMTAuMzQ4OCAxLjAwNjk1IDEwLjI4MDMgMC44NDE1NTJDMTAuMjExOCAwLjY3NjE1NiAxMC4xMTEzIDAuNTI1ODcyIDkuOTg0NzYgMC4zOTkyODNDOS44NTgxNyAwLjI3MjY5NCA5LjcwNzg5IDAuMTcyMjggOS41NDI0OSAwLjEwMzc3MUM5LjM3NzA5IDAuMDM1MjYxMiA5LjE5OTgyIDIuNTkwNzhlLTA3IDkuMDIwOCAyLjY0OTQ2ZS0wN0M4Ljg0MTc4IDIuNzA4MTRlLTA3IDguNjY0NSAwLjAzNTI2MTIgOC40OTkxMSAwLjEwMzc3MUM4LjMzMzcxIDAuMTcyMjggOC4xODM0MyAwLjI3MjY5NCA4LjA1Njg0IDAuMzk5MjgzTDAuMzk5ODYzIDguMDQyNTlDMC4yNzMxMDggOC4xNjkwOCAwLjE3MjU0NSA4LjMxOTM0IDAuMTAzOTMxIDguNDg0NzVDMC4wMzUzMTc0IDguNjUwMTUgLTMuMjM5OTVlLTA3IDguODI3NDcgLTMuMTc2N2UtMDcgOS4wMDY1NUMtMy4xMTM0NGUtMDcgOS4xODU2MiAwLjAzNTMxNzQgOS4zNjI5NCAwLjEwMzkzMSA5LjUyODM1QzAuMTcyNTQ1IDkuNjkzNzYgMC4yNzMxMDggOS44NDQwMSAwLjM5OTg2MyA5Ljk3MDUxTDguMDQzMTcgMTcuNjAwMUM4LjE2OTY2IDE3LjcyNjkgOC4zMTk5MiAxNy44Mjc1IDguNDg1MzIgMTcuODk2MUM4LjY1MDczIDE3Ljk2NDcgOC44MjgwNSAxOCA5LjAwNzEzIDE4QzkuMTg2MiAxOCA5LjM2MzUyIDE3Ljk2NDcgOS41Mjg5MyAxNy44OTYxQzkuNjk0MzQgMTcuODI3NSA5Ljg0NDU5IDE3LjcyNjkgOS45NzEwOCAxNy42MDAxWiIgZmlsbD0iIzI0MzY3OCIvPgo8L3N2Zz4K");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px auto;
    color: transparent;
    border-color: var(--turquesa);
    background-color: var(--turquesa);

}

.list__posts__pagination ul li .next.page-numbers {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjgxOCAwLjM5OTg2NEMxNi4yODQ3IDAuOTMzMTE4IDE2LjI4NDcgMS43OTQ1MyAxNi44MTggMi4zMjc3OEwyMi4xMDk1IDcuNjMyOTdMMS4zNjcyOSA3LjYzMjk3QzAuNjE1MjY5IDcuNjMyOTcgLTIuNDc5NTVlLTA1IDguMjQ4MjcgLTIuNDc5NTVlLTA1IDkuMDAwMjlDLTIuNDc5NTVlLTA1IDkuNzUyMzEgMC42MTUyNjkgMTAuMzY3NiAxLjM2NzI5IDEwLjM2NzZMMjIuMTA5NSAxMC4zNjc2TDE2LjgwNDMgMTUuNjcyOEMxNi42Nzc3IDE1Ljc5OTQgMTYuNTc3MyAxNS45NDk3IDE2LjUwODggMTYuMTE1MUMxNi40NDAzIDE2LjI4MDUgMTYuNDA1IDE2LjQ1NzcgMTYuNDA1IDE2LjYzNjhDMTYuNDA1IDE2LjgxNTggMTYuNDQwMyAxNi45OTMxIDE2LjUwODggMTcuMTU4NEMxNi41NzczIDE3LjMyMzggMTYuNjc3NyAxNy40NzQxIDE2LjgwNDMgMTcuNjAwN0MxNi45MzA5IDE3LjcyNzMgMTcuMDgxMiAxNy44Mjc3IDE3LjI0NjYgMTcuODk2MkMxNy40MTIgMTcuOTY0NyAxNy41ODkyIDE4IDE3Ljc2ODMgMThDMTcuOTQ3MyAxOCAxOC4xMjQ2IDE3Ljk2NDcgMTguMjkgMTcuODk2MkMxOC40NTUzIDE3LjgyNzcgMTguNjA1NiAxNy43MjczIDE4LjczMjIgMTcuNjAwN0wyNi4zODkyIDkuOTU3NDFDMjYuNTE2IDkuODMwOTIgMjYuNjE2NSA5LjY4MDY2IDI2LjY4NTEgOS41MTUyNUMyNi43NTM3IDkuMzQ5ODUgMjYuNzg5MSA5LjE3MjUzIDI2Ljc4OTEgOC45OTM0NUMyNi43ODkxIDguODE0MzggMjYuNzUzNyA4LjYzNzA2IDI2LjY4NTEgOC40NzE2NUMyNi42MTY1IDguMzA2MjQgMjYuNTE2IDguMTU1OTkgMjYuMzg5MiA4LjAyOTQ5TDE4Ljc0NTkgMC4zOTk4NjRDMTguNjE5NCAwLjI3MzEwOSAxOC40NjkxIDAuMTcyNTQ2IDE4LjMwMzcgMC4xMDM5MzJDMTguMTM4MyAwLjAzNTMxODEgMTcuOTYxIDAgMTcuNzgxOSAwQzE3LjYwMjkgMCAxNy40MjU1IDAuMDM1MzE4MSAxNy4yNjAxIDAuMTAzOTMyQzE3LjA5NDcgMC4xNzI1NDYgMTYuOTQ0NSAwLjI3MzEwOSAxNi44MTggMC4zOTk4NjRaIiBmaWxsPSIjMjQzNjc4Ii8+Cjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px auto;
    color: transparent;
    border-color: var(--turquesa);
    background-color: var(--turquesa);
}


.list__posts__pagination ul li a:hover {
    background-color: var(--blue-medium);
    border-color: var(--blue-medium);
    color: var(--white-smoth);
}
.goto__first__page,
.goto__last__page{
    background-color: var(--turquesa);
}
.goto__first__page:hover,
.goto__last__page:hover {
    border-color: var(--blue-medium);
}
.goto__first__page.disabled,
.goto__last__page.disabled{
    background-color: var(--blue-smoth);
    border-color: var(--blue-smoth);
    pointer-events: none;
    cursor: not-allowed;
}
.goto__first__page.disabled svg path,
.goto__last__page.disabled svg path{
    fill: #C8CED5;
}
.goto__first__page.disabled svg path,
.goto__last__page.disabled svg path{
    fill: #C8CED5;
}
.goto__first__page:hover svg path,
.goto__last__page:hover svg path{
    fill: var(--white-smoth);
}

.list__posts__pagination .page__indicator{
    border: 2px solid var(--turquesa);
}

.list__posts__pagination .page__indicator.active{
    background-color: var(--blue-medium);
    color: var(--white-smoth);
    border-color: var(--blue-medium);
}


.head__interior {
    padding-top: 8rem;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}


.interior__post__author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.interior__post__author img {
    border-radius: 50%;
    max-width: 80px;
    width: 80px;
    height: 80px;
    border: 2px solid rgba(0, 0, 0, 0.29);
}
.interior__post__name {
    color: var(--blue-ultradark);
}
.interior__post__date {
    color: var(--blue-medium);
}


.interior__post__title {
    font-size: 2rem;
    color: var(--blue-ultradark);
}


.interior__post__text {
    padding-top: 2rem;
    padding-bottom: 4rem;
}
.interior__post__text ul li,
.interior__post__text p{
    font-size: 1.35rem;
    color: var(--main-black);
    font-weight: 400;
}
.interior__post__text h3,
.interior__post__text h2{
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--blue-ultradark);
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}
.interior__post__text p img {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
    margin-top: 2rem;
    border-radius: 2rem;
}

.divider__post {
    border-bottom: 1px solid #BEC5D3;
    margin-bottom: 1.5rem;
    width: 100%;
}

.form__contact {
    padding: 6rem 4rem 8rem;
    color: var(--white);
}

.form__contact form {
    border-top: 1px solid var(--white);
    padding-top: 3rem;
}

.title__form__contact {
    font-size: 2rem;
    font-weight: 300;
    margin-bottom: 2rem;
}


.terms__recaptcha a {
    text-decoration: none;
    color: var(--white);
    font-weight: 600;
    text-decoration: underline;
    color: var(--turquesa);
}

.inner__contact__wrap {
    margin-left: auto;
    max-width: 1200px;
    margin-right: auto;
    padding-top: 4rem;
    padding-bottom: 6rem;
}

.subtitle__contact{
    font-size: 2.5rem;
    color: var(--blue-dark);
    font-weight: 300;
}

.options__contact {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}
.options__contact li {
    margin-bottom: 1rem;
}
.options__contact li a {
    font-size: 1rem;
    color: var(--main-black);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    text-decoration: none;
}
.options__contact li a svg {
    width: 20px;
    min-width: 20px;
    margin-right: 0.5rem;
}
.inverted-radius.is__blurred__card {
    color: var(--white);
}

.inverted-radius.is__blurred__card:before {
    background: rgba(255, 255, 255, 0);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-box-shadow: inset #fff 0px 1px 3px 0px, #fff 0px 0px 0px 1px;
            box-shadow: inset #fff 0px 1px 3px 0px, #fff 0px 0px 0px 1px;
}
.inverted-radius.is__blurred__card:after {
    background: rgba(255, 255, 255, 0.005);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    top: 1px;
    left: 1px;
}

.inverted-radius.is__blurred__card .card__inverted__indicator {
    background-color: var(--blue-medium);
}
.inverted-radius.is__blurred__card .card__inverted__title {
    font-size: 2.25rem;
    font-weight: 300;
}
.inverted-radius.is__blurred__card .card__inverted__title strong {
    font-weight: 700;
}
.inverted-radius.is__blurred__card .card__inverted__desc {
    font-weight: 500;
    font-size: 1rem;
}

.item__grid__posts__description p {
    width:100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.block__contact .inverted__radius__inner{
    padding-top: 6rem;
    padding-bottom: 6rem !important;
}

.block__contact .is__blurred__card{
    max-width: 580px;
}

@media screen and (max-width: 1200px) {
    .form__contact {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .block__contact {
        padding-left: 0;
        padding-right: 0;
    }


    .wrap__tabs__content {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    
    .riel__tabs {
        padding-left: 2rem;
    }

    .breadcrumb__container {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .inner__contact__wrap {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .heading__block {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    
}


@media screen and (max-width: 960px) {
    .inverted__radius__inner .btn__site{
        font-size: 1rem;
    }
}
@media screen and (max-width: 767px) {
     .form__contact {
        padding-left: 0;
        padding-right: 0;
    }

    .inverted__radius__inner {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .block__contact .inverted__radius__inner {
        padding-top: 3rem;
        padding-bottom: 2rem !important;
    }
    

    .block__contact:after {
        content: none;
        display: none;
    }
    .inner__block__contact .form__contact {
        width: calc(100% + 4rem );
        margin-left: -2rem;
        padding-left: 2rem;
        padding-right: 2rem;
        padding-bottom: 1rem;
        padding-top: 3rem;
    }

    .block__custom__title{
        font-size: 2rem;
        text-align: center;
    }
    .block__custom__desc {
        font-size: 1.25rem;
    }

    .tab__content__desc ul,
    .tab__content__desc {
        font-size: 1rem;
    }

    .hero__banner__title strong,
    .hero__banner__title b{
        display: block;
    }
    .tab__content__title {
        font-size: 1.5rem;
        text-align: center;
    }

    .grid__mansory__item {
        width: 50%;
    }

    .grid__project__title {
        font-size: 1.5rem;
    }
    .grid__project__date {
        font-size: 1.125rem;
    }

    .list__posts .item__grid__posts {
        width: 100%;
        margin-bottom: 3rem;
    }

    .list__posts__pagination ul li a {
        font-size: 1rem;
        width: 40px;
        height: 40px;
    }

    .list__posts__pagination .goto__first__page svg,
    .list__posts__pagination .goto__last__page svg {
        width: 20px;
    }
    .inverted__radius__inner.inverted__radius__blog{
        padding-top: 6rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .inverted__radius__inner.inverted__radius__blog > img {
        height: 160px;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: cover;
           object-position: cover;
        border-radius: 2rem;
    }

    .interior__post__title  {
        font-size: 1.5rem;
        font-weight: 700;
    }

    .interior__post__text h3, 
    .interior__post__text h2 {
        font-size: 1.25rem;
        font-weight: 600;
    }
    

    .interior__post__iamge img{
        height: auto;
        min-height: 240px;
        width: 100%;
        border-radius: 1rem;
    }

    .breadcrumb__container .breadcrumb {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
    .breadcrumb__container .breadcrumb li {
        min-width: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .breadcrumb__container .breadcrumb li a {
        display: inline;
        float: left;
        font-size: 0.875rem;
    }

    .interior__post__text ul li, .interior__post__text p {
        font-size: 1rem;
    }
    .gallery__photo ul {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .gallery__photo ul a {
        width: 48%;
        margin-bottom: 2rem;
    } 
    .gallery__photo ul a img {
        border-radius: 1rem;
        min-height: 180px;
    }
    .gallery__photo ul a:nth-of-type(3n + 1) {
        width: 100%;
    }

    .inner__contact__wrap .form__contact {
        width: calc(100% + 4rem);
        margin-left: -2rem;
        padding-left: 2rem;
        padding-right: 2rem;
        padding-top: 3rem;
        padding-bottom: 1rem;
    }

    .contact__fullpage .inner__contact__wrap {
        padding-bottom: 0;
    }

    .subtitle__contact {
        font-size: 1.5rem;
    }

    .title__form__contact {
        font-size: 1.5rem;
    }

    .head__gallery h3 {
        font-size: 2rem;
        text-align: center;
    }
    

    .heading__subtitle {
        font-size: 1.5rem;
        text-align: center;
    }
    .heading__description{
        text-align: center;
        font-size: 0.875rem;
    }

    .hero__banner__title {
        width: 100%;
        font-size: 2.5rem;
        margin-bottom: 1rem;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .hero__banner__subtitle {
        font-size: 1.25rem;
        text-align: center;
    }

    .list__posts__pagination ul li {
        margin: 0 0.25rem;
    }

    .list__posts__pagination ul li .page-numbers, .list__posts__pagination ul li a {
        width: 30px;
        height: 30px;
        font-size: 0.875rem;
    }
    .list__posts__pagination ul li .next.page-numbers,
    .list__posts__pagination ul li .prev.page-numbers {
        background-size: 16px auto;
    }


    .inverted-radius.is__blurred__card .card__inverted__title{
        font-size: 1.25rem;
    }

    .hero__banner {
        min-height: 300px;
    }
    .inner__hero__banner {
        padding-top: 6rem;
        padding-bottom: 2rem;
    }

    .list__tabs__tab {
        padding: 0.5rem 1.5rem;
    }

    .list__posts {
        width: calc(100% + 2rem);
        margin-left: -1rem;
    }

    .list__posts .card__inverted .card__inverted__indicator {
        width: 65px;
        height: 65px;
        right: 0;
        top: -0.5rem;
    }
    .list__posts .card__inverted .card__inverted__indicator svg {
        width: 20px;
        height: auto;
    }

    .subtitle__contact {
        text-align: center;
    }

    .inverted-radius.is__blurred__card:before {
        background: rgba(255, 255, 255, 0.01);
    }
    .inverted-radius.is__blurred__card:after {
        background: rgba(255, 255, 255, 0.055);
        -webkit-backdrop-filter: blur(4px);
                backdrop-filter: blur(4px);
    }


    .block__contact.is__singled {
        padding-top: 0;
        background-size: cover;
        background-position: 0 0;
        background-image: url(../img/back__contact__mobile.webp);
    }


    .wrap__tabs__content{
        padding-top: 1rem;
    }


    .grid__mansory__overlay {
        text-align: left;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .grid__mansory .grid .grid__mansory__item:nth-of-type(3n+1) .grid__mansory__overlay{
        padding-left: 3rem;
        padding-right: 2rem;
    }
    .grid__mansory__overlay p{
        font-size: 0.875rem;
    }
    .grid__mansory .grid .grid__mansory__item:nth-of-type(3n+1) .grid__mansory__overlay p{
        font-size: 1rem;
    }


    .options__contact li {
        font-size: 1rem;
    }


    
}