.bg-img-1 {
    background: linear-gradient(to bottom, rgba(44, 44, 44, 0.20) 0, rgba(0, 0, 0, 0.30) 100%), url(../assets/carrusel/trmnc_1.webp);
}

.bg-img-2 {
    background: linear-gradient(to bottom, rgba(44, 44, 44, 0.20) 0, rgba(0, 0, 0, 0.30) 100%), url(../assets/carrusel/trmnc_2.webp);
}

.bg-img-3 {
    background: linear-gradient(to bottom, rgba(44, 44, 44, 0.20) 0, rgba(0, 0, 0, 0.30) 100%), url(../assets/carrusel/trmnc_3.webp);
}

.bg-img-4 {
    background: linear-gradient(to bottom, rgba(44, 44, 44, 0.20) 0, rgba(0, 0, 0, 0.30) 100%), url(../assets/carrusel/trmnc_4.webp);
}

.bg-img-5 {
    background: linear-gradient(to bottom, rgba(44, 44, 44, 0.20) 0, rgba(0, 0, 0, 0.30) 100%), url(../assets/carrusel/trmnc_5.webp);
}

.bg-img-6 {
    background: linear-gradient(to bottom, rgba(44, 44, 44, 0.20) 0, rgba(0, 0, 0, 0.30) 100%), url(../assets/carrusel/trmnc_6.webp);
}

.bg-img-7 {
    background: linear-gradient(to bottom, rgba(44, 44, 44, 0.20) 0, rgba(0, 0, 0, 0.30) 100%), url(../assets/carrusel/trmnc_7.webp);
}

.bg-img-8 {
    background: linear-gradient(to bottom, rgba(44, 44, 44, 0.20) 0, rgba(0, 0, 0, 0.30) 100%), url(../assets/carrusel/trmnc_8.webp);
}

.bg-img-9 {
    background: linear-gradient(to bottom, rgba(44, 44, 44, 0.20) 0, rgba(0, 0, 0, 0.30) 100%), url(../assets/carrusel/trmnc_9.webp);
}

.carousel-image {
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.navbar-clear {
    position: absolute;
    z-index: 1;
}

.btn-flotante-wa {
    color: white;
    border-radius: 50%;
    padding: 7px 7px;
    position: fixed;
    bottom: 120px;
    right: 30px;
    transition: all 300ms ease 0ms;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    z-index: 99;
}

.btn-flotante-ig {
    color: white;
    border-radius: 50%;
    padding: 7px 7px;
    position: fixed;
    bottom: 75px;
    right: 30px;
    transition: all 300ms ease 0ms;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    z-index: 99;
}

.btn-flotante-ms {
    color: white;
    border-radius: 50%;
    padding: 7px 7px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: all 300ms ease 0ms;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    z-index: 99;
}

.btn-flotante-ms:hover {
    background-color: #e2e2e237;
    transform: translateY(-7px);
}

.btn-flotante-wa:hover {
    background-color: #e2e2e237;
    transform: translateY(-7px);
}

.btn-flotante-ig:hover {
    background-color: #e2e2e237;
    transform: translateY(-7px);
}

@media only screen and (max-width: 600px) {
    .btn-flotante-ms {
        right: 10px;
    }
    .btn-flotante-ig {
        right: 10px;
    }
    .btn-flotante-wa {
        right: 10px;
    }
    .section-one {
        padding: 30px 50px 30px 50px !important;
    }
    .section-one p {
        text-align: justify !important;
        font-size: 18px !important;
    }
    .section-two {
        padding: 30px 60px 10px 60px !important;
    }
    .section-two h1 {
        font-size: 35px !important;
        text-shadow: #343434 1px 0 12px;
    }
    .section-three {
        padding: 30px 50px 20px 50px !important;
    }
    .img-left {
        margin-left: 0px !important;
    }
    .wrapped-text h2 {
        text-shadow: #343434 1px 0 12px !important;
        font-size: 33px !important;
    }
    .wrapped-text p {
        text-shadow: #343434 1px 0 12px !important;
        font-weight: 200 !important;
        font-size: 20px !important;
    }
    .section-five img {
        margin-top: 30px !important;
        width: 200px !important;
    }
    .section-six {
        background-color: #1C1C1C;
        color: white;
        padding: 70px 60px 70px 60px !important;
        text-align: center;
    }
    .section-six img {
        width: 120px !important;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .vertical-line {
        border-right: 0px !important;
    }
    .img_logo {
        width: 230px;
    }
    .section-end {
        background-color: #1C1C1C;
        padding: 40px !important;
        color: white;
    }
    .section-four h1 {
        font-size: 33px !important;
    }
    .section-end h1 {
        font-size: 33px !important;
    }
}

.text-end-nav {
    text-align: end;
    text-shadow: #343434 1px 0 12px;
}

.section-one {
    background-color: #1C1C1C;
    color: white;
    padding: 160px 180px 160px 180px;
    text-align: justify;
}

.section-one p {
    font-size: 22px;
    font-weight: 100;
}

.section-two {
    background-image: url(../assets/trmnc_details.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 100px;
    color: white;
}

.section-two h1 {
    font-size: 42px;
    text-shadow: #343434 1px 0 12px;
}

.section-three {
    background-color: #1C1C1C;
    color: white;
    padding: 110px 150px 50px 150px;
    text-align: justify;
}

.wrapped {
    position: relative;
    display: inline-block;
    text-align: center;
}

.wrapped img:hover {
    -webkit-filter: blur(4px);
    /* Chrome, Safari, Opera */
    filter: blur(4px);
    transition: all 0.5s;
}

.wrapped-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.wrapped-text h2 {
    text-shadow: #343434 1px 0 12px;
    font-size: 38px;
}

.wrapped-text p {
    text-shadow: #343434 1px 0 12px;
    font-weight: 200;
    font-size: 19px;
}

.section-end {
    background-color: #1C1C1C;
    padding: 100px;
    color: white;
}

.section-four {
    background-color: #1C1C1C;
    color: white;
}

.section-five {
    padding: 180px 80px 180px 80px;
    background-image: url(../assets/trmnc_build.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: white;
    text-shadow: #343434 1px 0 12px;
}

.section-six {
    background-color: #1C1C1C;
    color: white;
    padding: 220px 200px 220px 200px;
    text-align: left;
}

.text-footer p {
    font-weight: 100;
}

.vertical-line {
    border-right: 1px solid #525252;
}


/* fadeIn */

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.u--fadeIn {
    -webkit-animation: fadeIn 1s ease-in;
    -moz-animation: fadeIn 1s ease-in;
    -o-animation: fadeIn 1s ease-in;
    animation: fadeIn 1s ease-in;
}


/* fadeInLeft */

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translate3d(-50%, 0, 0);
    }
    100% {
        opacity: 1;
        -moz-transform: none;
    }
}

@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translate3d(-50%, 0, 0);
    }
    100% {
        opacity: 1;
        -o-transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-50%, 0, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}

.u--fadeInLeft {
    -webkit-animation: fadeInLeft 1s ease-in;
    -moz-animation: fadeInLeft 1s ease-in;
    -o-animation: fadeInLeft 1s ease-in;
    animation: fadeInLeft 1s ease-in;
}


/* fadeInRight */

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translate3d(50%, 0, 0);
    }
    100% {
        opacity: 1;
        -moz-transform: none;
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translate3d(50%, 0, 0);
    }
    100% {
        opacity: 1;
        -o-transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(50%, 0, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}

.u--fadeInRight {
    -webkit-animation: fadeInRight 1s ease-in;
    -moz-animation: fadeInRight 1s ease-in;
    -o-animation: fadeInRight 1s ease-in;
    animation: fadeInRight 1s ease-in;
}


/* fadeInUp */

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translate3d(0, 50%, 0);
    }
    100% {
        opacity: 1;
        -moz-transform: none;
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translate3d(0, 50%, 0);
    }
    100% {
        opacity: 1;
        -o-transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 50%, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}

.u--fadeInUp {
    -webkit-animation: fadeInUp 1s ease-in;
    -moz-animation: fadeInUp 1s ease-in;
    -o-animation: fadeInUp 1s ease-in;
    animation: fadeInUp 1s ease-in;
}


/* fadeInDown */

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translate3d(0, -50%, 0);
    }
    100% {
        opacity: 1;
        -moz-transform: none;
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translate3d(0, -50%, 0);
    }
    100% {
        opacity: 1;
        -o-transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -50%, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}

.u--fadeInDown {
    -webkit-animation: fadeInDown 1s ease-in;
    -moz-animation: fadeInDown 1s ease-in;
    -o-animation: fadeInDown 1s ease-in;
    animation: fadeInDown 1s ease-in;
}


/* fadeOut */

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.u--fadeOut {
    -webkit-animation: fadeOut 1s ease-out;
    -moz-animation: fadeOut 1s ease-out;
    -o-animation: fadeOut 1s ease-out;
    animation: fadeOut 1s ease-out;
}


/* fadeOutLeft */

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(-50%, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: none;
    }
}

@-moz-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -moz-transform: translate3d(-50%, 0, 0);
    }
    100% {
        opacity: 0;
        -moz-transform: none;
    }
}

@-o-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -o-transform: translate3d(-50%, 0, 0);
    }
    100% {
        opacity: 0;
        -o-transform: none;
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translate3d(-50%, 0, 0);
    }
    100% {
        opacity: 0;
        transform: none;
    }
}

.u--fadeOutLeft {
    -webkit-animation: fadeOutLeft 1s ease-out;
    -moz-animation: fadeOutLeft 1s ease-out;
    -o-animation: fadeOutLeft 1s ease-out;
    animation: fadeOutLeft 1s ease-out;
}


/* fadeOutRight */

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(50%, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: none;
    }
}

@-moz-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -moz-transform: translate3d(50%, 0, 0);
    }
    100% {
        opacity: 0;
        -moz-transform: none;
    }
}

@-o-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -o-transform: translate3d(50%, 0, 0);
    }
    100% {
        opacity: 0;
        -o-transform: none;
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translate3d(50%, 0, 0);
    }
    100% {
        opacity: 0;
        transform: none;
    }
}

.u--fadeOutRight {
    -webkit-animation: fadeOutRight 1s ease-out;
    -moz-animation: fadeOutRight 1s ease-out;
    -o-animation: fadeOutRight 1s ease-out;
    animation: fadeOutRight 1s ease-out;
}


/* fadeOutUp */

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 50%, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: none;
    }
}

@-moz-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -moz-transform: translate3d(0, 50%, 0);
    }
    100% {
        opacity: 0;
        -moz-transform: none;
    }
}

@-o-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -o-transform: translate3d(0, 50%, 0);
    }
    100% {
        opacity: 0;
        -o-transform: none;
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translate3d(0, 50%, 0);
    }
    100% {
        opacity: 0;
        transform: none;
    }
}

.u--fadeOutUp {
    -webkit-animation: fadeOutUp 1s ease-out;
    -moz-animation: fadeOutUp 1s ease-out;
    -o-animation: fadeOutUp 1s ease-out;
    animation: fadeOutUp 1s ease-out;
}


/* fadeOutDown */

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, -50%, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: none;
    }
}

@-moz-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -moz-transform: translate3d(0, -50%, 0);
    }
    100% {
        opacity: 0;
        -moz-transform: none;
    }
}

@-o-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -o-transform: translate3d(0, -50%, 0);
    }
    100% {
        opacity: 0;
        -o-transform: none;
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translate3d(0, -50%, 0);
    }
    100% {
        opacity: 0;
        transform: none;
    }
}

.u--fadeOutDown {
    -webkit-animation: fadeOutDown 1s ease-out;
    -moz-animation: fadeOutDown 1s ease-out;
    -o-animation: fadeOutDown 1s ease-out;
    animation: fadeOutDown 1s ease-out;
}