@font-face {
    font-family: 'Americana-Std-Roman';
    src: url('fonts/Americana-Std-Roman.otf');
}

@font-face {
    font-family: 'Southern-Aire';
    src: url('fonts/Southern-Aire.ttf');
}

@font-face {
    font-family: 'Rasa-Regular';
    src: url('fonts/Rasa-Regular.ttf');
}

@font-face {
    font-family: 'Mayan';
    src: url('fonts/Mayan.ttf');
}

:root {
    --colorwhite: #fff;
    --colorDark: #1f1203;
    /* --colorDark: #000c; */
    --colorDark2: #1f1203;
    /* --ColorBlue: #886c42; */
    --ColorBlue: #dfab0d;
    --ColorBlue2: #dfab0d;
    --ColorBlue3: #dfab0d;
    --ColorBlue4: #dfab0d;
    --palete1: #000000;
    --palete2: #003249;
    --palete3: #007ea7;
    --palete4: #fff;
    --palete5: #ffffff;
}

body {
    color: #fff;
}

.trm-counter-up {
    border-radius: 50px;
}

.iconTitle {
    width: 10%;
}

.trm-banner .trm-banner-cover {
    margin-top: -70px;
}

.trm-social a i {
    font-size: 25px;
}

.iconWhats i {
    font-size: 22px;
}

.btnPdfDownload i {
    font-size: 20px;
}


/* .trm-right-side .trm-btn i {
    font-size: 20px !important;
}

.trm-btn i {
    font-size: 25px;
} */

.trm-app-frame {
    border: 0;
    border-radius: 0;
}

.trm-main-card-frame .trm-main-card.trm-active-el {
    border-radius: 10px;
}

form input,
form textarea,
.trm-app-frame {
    background-color: var(--colorDark2) !important;
}

.trm-app-frame {
    background-image: url('../images/bg.webp');
    background-size: cover;
    background-position-y: -50px;
}

.investPage {
    background-image: url('../images/slide/slide.jpg');
    background-size: cover;
}

.testPage {
    background-image: url('../images/slide/slide.jpg');
    background-size: cover;
}

.trm-counter-up,
.trm-service-icon-box,
.trm-contact-card,
footer,
.trm-top-bar,
.trm-testimonial-card,
.trm-portfolio-item .trm-item-description,
.trm-blog-card,
.card {
    background-color: var(--colorDark);
}

.trm-service-icon-box h5 {
    margin-top: 0;
}

.trm-main-card-frame .trm-main-card {
    background-color: var(--colorDark2);
}

.trm-top-bar:after,
.trm-main-card-frame .trm-main-card:before {
    background-color: var(--colorDark3);
}

.trm-top-bar .container .trm-left-side .trm-logo-frame .trm-logo-text span,
.trm-main-card-frame .trm-main-card .trm-social a:hover,
.trm-counter-up .trm-counter-number .trm-counter-symbol,
.trm-accent-color,
footer .trm-label a,
.trm-menu nav ul li a:hover,
.trm-blog-card .trm-card-descr .trm-category a:hover,
.trm-label.trm-label-color,
.trm-label.trm-label-color:hover {
    color: var(--ColorBlue2);
}

.trm-top-bar {
    width: 90%;
    margin: auto;
}

.trm-label {
    bottom: 60px;
    left: -24px !important;
}

.trm-label.trm-label-color i {
    font-size: 20px;
}

.trm-blog-card .trm-card-descr .trm-category a {
    text-transform: initial;
    opacity: 1;
    font-size: 14px;
    font-weight: 500;
    color: rgba(204, 205, 207, 0.7);
    font-family: 'Inter', sans-serif;
    letter-spacing: 0.05em;
    -webkit-font-smoothing: antialiased;
}

.priceTotal {
    font-size: 25px;
    color: var(--ColorBlue2);
}

.contenPrice {
    margin-bottom: 0;
}

.trm-blog-card .trm-card-descr {
    padding: 30px;
}

.trm-anima-link span {
    font-size: 15px;
    font-weight: normal;
}

.trm-btn,
.trm-menu nav ul li:after,
.trm-mc-header .trm-avatar-frame .trm-dot,
.trm-btn:hover,
.trm-mc-header .trm-avatar-frame .trm-dot:after,
.trm-portfolio-item .trm-item-description .trm-zoom-icon,
.c-scrollbar_thumb {
    background-color: var(--ColorBlue2);
}

.trm-btn,
.trm-btn:hover {
    border: var(--ColorBlue2);
}

.trm-list li:before {
    border: 3px solid var(--ColorBlue2);
}

.iconStart {
    width: 70px;
    margin-bottom: 30px;
}

.trm-logo-frame {
    line-height: 1;
}

.trm-logo-text .logoName {
    font-family: 'Southern-Aire';
    font-size: 40px;
    font-weight: normal;
}

.trm-mc-header .logoName {
    font-family: 'Southern-Aire';
    font-size: 40px;
    font-weight: normal;
    color: var(--ColorBlue2);
}

.trm-logo-text p {
    font-family: 'Mayan';
    font-size: 30px;
    font-weight: normal;
}

.sloganName {
    font-family: 'Americana-Std-Roman';
}

.typeData {
    background-color: var(--ColorBlue4);
    color: var(--colorwhite);
    position: absolute;
    z-index: 9;
    padding: 8px 15px;
    border-bottom-left-radius: 15px;
    right: 0;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}

.contenButtons {
    /* border: 1px solid var(--ColorBlue2);
    border-radius: 50px; */
    margin-top: 20px;
}

.btnShared,
.btnLocation {
    border: 1px solid var(--ColorBlue2);
}

.btnShared {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

.btnLocation {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.contenButtons .btn {
    background-color: transparent;
    color: var(--colorwhite);
}

.contenButtons .btn:hover,
.contenButtons .btn:focus,
.contenButtons .btn:active {
    background-color: var(--ColorBlue2);
    color: var(--colorwhite);
}

video {
    width: 100%;
}

.btnPlay {
    background-color: transparent;
    border: 1px solid var(--ColorBlue2);
    border-radius: 100px;
    color: #ffffff;
}

.trm-banner-text {
    padding: 0 10px;
    text-align: left;
}

.trm-banner-text h1 {
    font-size: 45px;
}

.trm-mode-switcher-place .trm-mode-switcher .tgl-light+.trm-swich {
    background: var(--colorDark2);
}

.trm-mode-switcher-place .trm-mode-switcher .tgl-light+.trm-swich:after {
    border: solid 3px var(--ColorBlue2);
    background: var(--colorDark);
}

.btnAriel,
.btnAriel:focus {
    background-color: var(--ColorBlue2);
    color: var(--colorwhite);
    border-radius: 100px;
    padding: 5px 23px;
    box-shadow: none;
}

.formContact input,
.formContact input:hover,
.formContact input:focus,
.formContact input:active {
    color: #fff;
    box-sizing: border-box;
    height: 45px;
    border-radius: 10px;
    border: none;
    box-shadow: inset 0 0 4px -1px rgba(255, 255, 255, 0.6);
    background-color: #fff;
    padding: 0 20px;
    border: 1px solid #fff;
}

.formContact input::placeholder,
.formContact textarea::placeholder {
    color: #fff;
}

.formContact textarea:hover,
.formContact textarea:focus,
.formContact textarea:active {
    box-shadow: inset 0 0 4px -1px #fff;
    border-color: #fff;
}

.formContact textarea {
    color: #fff;
    box-sizing: border-box;
    border-radius: 10px;
    border: none;
    box-shadow: inset 0 0 4px -1px rgb(255, 255, 255);
    background-color: #ffffff;
    padding: 20px 20px;
    border: 1px solid #fff;
}

.form-group {
    margin-bottom: 0;
}

.trm-list li {
    color: #cccdcfb3;
}

.bgCommunity {
    position: relative;
}

h5 {
    font-size: 30px;
}


/* .contentBtnWa {
    position: absolute;
    bottom: 10%;
    right: 50px;
}

.contentBtnWa .btn {
    box-shadow: 0px 0px 20px 0px #000;
    padding: 12px 23px;
} */


/* .trm-banner-text {
    text-align: center;
} */

.textContentTitle {
    /* background-color: #000000b0; */
    /* padding: 30px 30px 15px; */
    /* -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    -o-transform: skew(-10deg);
    transform: skew(-10deg); */
    width: 80%;
    text-align: left;
    border-radius: 16px;
}

.textTwo {
    font-size: 25px !important;
    margin-bottom: 0;
    font-weight: 700;
}

.textTree {
    color: var(--ColorBlue2) !important;
    /* -webkit-transform: skew(10deg);
    -moz-transform: skew(10deg);
    -ms-transform: skew(10deg);
    -o-transform: skew(10deg);
    transform: skew(10deg); */
    text-transform: uppercase;
    text-shadow: 2px 2px 5px #1b1b1b !important;
    font-size: 55px !important;
    margin-bottom: -200px !important;
    font-family: 'Mayan';
    font-weight: normal;
}

.trm-main-card-frame .trm-main-card.trm-active-el,
.trm-main-card-frame .trm-main-card,
.trm-scroll-animation.trm-active-el,
.trm-contact-card,
.trm-service-icon-box,
#testimonialsDesktop,
#testimonialsMobil .trm-testimonial-card {
    /* transform: translateY(-40px); */
    background-image: url('../images/pattern.png');
    background-size: 120px;
}

.trm-testimonials-slider .trm-slider-navigation {
    top: 80px;
}

#testimonialsDesktop {
    padding-top: 30px;
    background-color: var(--colorDark);
    border-radius: 10px;
}

#testimonialsDesktop .trm-testimonial-card {
    background-color: transparent;
}

#testimonialsDesktop .trm-testimonials-slider .trm-slider-navigation {
    z-index: 9;
}

.trm-main-card-frame .trm-main-card {
    height: calc(85vh - 100px);
}

.trm-mt-40 {
    margin-top: 30px;
}

.trm-mb-40 {
    margin-bottom: 30px;
}

.cardBodyInvest {
    background-color: var(--colorDark2);
}

.cardInvest {
    transform: translateY(0);
}

.titleInvest {
    margin-top: 25px;
    font-size: 28px;
}

.trm-order {
    background-color: var(--colorDark);
}

.sendData i {
    font-size: 20px;
}

.formContact .trm-btn {
    font-size: 18px;
}

.priceCover {
    font-size: 32px !important;
    font-weight: bold !important;
}


/* PROYECTS */

#pageProyects form input {
    background-color: var(--colorDark) !important;
    height: auto;
}

.groupSearch input,
.groupSearch input:focus,
.groupSearch input:active,
.groupSearch input:hover {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

.groupSearch button {
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
}

#pageProyects select,
#pageProyects select:focus,
#pageProyects input,
#pageProyects input:focus,
#pageProyects textarea,
#pageProyects textarea:focus {
    background-color: var(--colorDark) !important;
    color: rgba(204, 205, 207, 0.7);
    border: 0;
    box-shadow: 0 0 0 0;
    height: auto;
}

#pageProyects .trm-main-card-frame {
    transform: translateY(-350px);
}

#formInfo h3 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 30px;
}

#formInfo textarea {
    margin-bottom: 15px;
}

.formsearchclient {
    display: inline-flex;
}

.allProjects .trm-main-card-frame {
    transform: translateY(-400px) !important;
}

.detailsProyect .trm-main-card-frame {
    transform: translateY(-40px) !important;
}

.tagDetails {
    background-color: var(--ColorBlue2);
    color: var(--colorwhite);
    padding: 5px;
    font-size: 18px !important;
    width: 130px;
    text-align: center;
    border-radius: 15px;
}

#testimonialsMobil {
    display: none;
}

.trm-icon {
    margin: auto;
    margin-bottom: 20px;
}

.titleContact {
    margin-bottom: 20px;
}

#slideGallery .carousel-indicators li {
    width: 20px;
    height: 20px;
    border-radius: 50px;
    border: 5px solid #fff;
    background-color: transparent;
}

#slideGallery .carousel-indicators .active {
    background-color: #fff !important;
}

#prevGallery,
#nextGallery {
    cursor: pointer;
}

footer .trm-label a:hover {
    color: var(--ColorBlue2);
}

.iconCard {
    width: 45px;
    border: 2px solid var(--ColorBlue2);
    border-radius: 50px;
    padding: 8px;
    transition: ease-in-out .3s;
}

.iconCard:hover {
    transform: scale(1.1);
    transition: ease-in-out .3s;
}

.trm-main-card-frame .trm-main-card .trm-social a {
    margin: 0 5px;
}

.detailsProyect .textContentTitle {
    width: 100%;
}

.detailsProyect .trm-app-frame .trm-content-start {
    margin: 0 180px;
}

#footer {
    display: block;
    height: 130px !important;
}

#footer h2 {
    color: var(--ColorBlue2);
    font-size: 20px;
    font-family: 'Rasa-Regular';
}

#footer p {
    font-size: 15px;
    line-height: 25px;
    color: var(--colorwhite);
    font-family: 'Rasa-Regular';
}

.formDesktop {
    display: block;
}

.formMobile {
    display: none;
}

.contentMobile {
    display: none;
}

.contentDesktop {
    display: block;
}

.trm-counter-up .trm-counter-number {
    font-size: 18px;
}

.trm-counter-up {
    padding: 40px 25px !important;
}

.cardPromotions {
    padding-left: 4px !important;
    padding-right: 4px !important;
    margin-left: 4px !important;
    margin-right: 4px !important;
}


/* END PROYECTS */


/* PROMOTIONS */

.swiper-wrapper {
    z-index: 9;
}

#promotionsDesktop {
    margin-bottom: 0;
    padding: 0 60px;
}

#promotionsDesktop .swiper-slide-active {
    width: 560px !important;
    margin-right: 70px !important;
}

#promotionsDesktop:hover .swiper-slide-active {
    /* padding: 0 70px; */
    width: 500px;
}

#promotionsDesktop,
#promotionsDesktop .trm-testimonial-card {
    background-image: none;
}

#promotionsMobile .swiper-slide {
    width: 150px;
    /* margin-left: 10px; */
    margin-right: 10px;
}

.swiper-slide .card {
    border: 0;
    background-color: transparent;
    margin-bottom: 0;
}

#promotionsMobile .swiper-slide img {
    border-radius: 100%;
    border: 4px solid var(--ColorBlue2);
    transition: ease-in-out .3s;
    margin-top: 30px;
    margin-bottom: 10px;
    cursor: pointer;
}

#promotionsMobile .swiper-slide img:hover {
    transform: scale(1.1);
    transition: ease-in-out .3s;
}

#promotionsMobile .swiper-slide p {
    text-align: center;
}

.contentImagaFancy img {
    padding: 40px 0 !important;
}


/* END PROMOTIONS */

.trm-menu nav ul li a {
    padding: 0 10px;
    font-family: 'Mayan';
    font-size: 12px;
}

#promotionsMobile {
    display: none;
}

#promotionsDesktop .card {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#promotionsDesktop .card img {
    border-radius: 100px;
    transition: ease-in-out .3s;
    border: 4px solid var(--ColorBlue2);
    cursor: pointer;
    margin: 0 10px;
}

#promotionsDesktop .card img:hover {
    transform: scale(1.1);
    transition: ease-in-out .3s;
}

#promotionsDesktop .trm-testimonial-card,
#promotionsDesktop .trm-testimonial-card .card {
    background-color: transparent !important;
}

#promotionsDesktop .trm-testimonial-card {
    padding: 0 !important;
    box-shadow: none;
}

#promotionsDesktop .trm-testimonial-card .card {
    border: 0 !important;
    padding: 0;
}

#promotionsDesktop .trm-slider-navigation {
    padding: 0 !important;
}

#promotionsDesktop .trm-testimonials-slider {
    margin-left: -25px;
    margin-right: -25px;
    padding: 0px 25px;
}

#promotionsDesktop .trm-testimonials-slider .trm-slider-navigation {
    opacity: 1 !important;
}

#instafeed .trm-service-icon-box {
    padding: 25px 5px;
}

@media only screen and (max-width: 991px) {
    .trm-logo-text p {
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px) {
    #testimonialsMobil .trm-slider-navigation {
        opacity: 1;
        padding: 0 40px;
        z-index: 999;
        margin-top: -65px;
    }
    #promotionsMobile .trm-slider-navigation {
        position: relative;
        margin-bottom: 25px;
    }
    #promotionsMobile .trm-slider-navigation .trm-testimonials-slider-mobile-prev {
        position: absolute;
        left: 0;
    }
    #promotionsMobile .trm-slider-navigation .trm-testimonials-slider-mobile-next {
        position: absolute;
        right: 0;
    }
    .trm-service-icon-box {
        padding: 20px;
    }
    .trm-top-bar .container .trm-left-side {
        width: 40%;
    }
    .formDesktop {
        display: none;
    }
    .formMobile {
        display: block;
        margin-top: 60px !important;
    }
    .contentMobile {
        display: block;
    }
    .contentDesktop {
        display: none;
    }
    #slideGallery .carousel-indicators li {
        width: 8px;
        height: 8px;
        border: 1px solid #fff;
    }
    /* .contentImagaFancy {
        padding-left: 0 !important;
        padding-right: 0 !important;
    } */
    .modalPromotionSection {
        width: 100%;
    }
    .contentImagaFancy img {
        width: 100%;
    }
    #footer {
        height: 170px !important;
        text-align: center;
    }
    #promotionsMobile {
        display: block;
    }
    #promotionsDesktop {
        display: none;
    }
}

.contentImage {
    position: relative;
}

.yellow {
    position: absolute;
    background-color: #ffdd00;
    bottom: 0;
    width: 100%;
    color: #2f2f2f;
    padding: 10px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}

.trm-banner .trm-banner-content {
    padding-top: 0px;
}

.coverMovil {
    display: none;
}

.coverDesktop {
    display: block;
}

@media only screen and (max-width: 720px) {
    .trm-banner .trm-banner-content .trm-banner-text {
        transform: translateY(-70px);
    }
    .coverDesktop {
        display: none;
    }
    .coverMovil {
        display: block;
    }
    .investPage {
        background-image: url('../images/bgInvest.jpg');
        background-size: 100%;
    }
    .trm-app-frame {
        background-image: url('../images/bgmovil.webp');
        background-size: auto;
        background-attachment: fixed;
        background-position-y: -300px;
    }
    .textContentTitle {
        width: 100%;
    }
    .textTree {
        font-size: 45px !important;
    }
    .cardIconType {
        width: 33% !important;
        padding: 0 5px;
    }
}

@media only screen and (max-width: 575px) {
    #testimonialsDesktop {
        display: none;
    }
    #testimonialsMobil {
        display: block;
    }
}

@media only screen and (max-width: 560px) {
    .trm-top-bar .container .trm-left-side {
        width: 50%;
    }
}

@media only screen and (max-width: 457px) {
    .trm-top-bar .container .trm-left-side {
        width: 70%;
    }
    .textTree {
        font-size: 35px !important;
    }
    .trm-banner .trm-banner-content .trm-banner-text {
        text-align: left;
    }
}

@media only screen and (max-width: 414px) {
    .trm-top-bar .container .trm-left-side {
        width: 70%;
    }
    /* #slideCover {
        display: none;
    } */
    .investPage {
        background-size: cover;
        background-attachment: fixed;
    }
    .textTree {
        font-size: 25px !important;
    }
    .trm-banner .trm-banner-content .trm-banner-text {
        transform: translateY(-120px);
        width: 100%;
        text-align: center;
    }
    @media only screen and (max-width: 305px) {
        .trm-top-bar .container .trm-left-side {
            width: 80%;
        }
    }
}