.topicons {
    height: 40px;
    position: absolute;
    top: 0;
    width: 100%;
    /* background:rgba(175, 175, 175, 0.5); */
    /* background:#ffffff; */
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #e1e1e1 50%, #f1f1f1 50%, #f6f6f6 100%);
    /* background:-webkit-linear-gradient(-45deg,  #ffffff 0%,#e1e1e1 50%,#f1f1f1 50%,#f6f6f6 100%); */
    /* background:linear-gradient(135deg,  #ffffff 0%,#e1e1e1 50%,#f1f1f1 50%,#f6f6f6 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=1 );
    /* transition:top 0.3s ease-in-out; */
    right: 50px;
    z-index: 58;
}

.topicons ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-size: 16px;
}

.topicons ul li {
    display: inline-block;
}



.topicons .container::before,.topicons .container::after {
    display: none;
}

.top-ct-r {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    text-align: right;
}

.top-ct-l {
    text-align: left;
    display: grid;
    grid-template-columns: repeat(2, 190px);
}
.topicons ul li a,.topicons ul li .follow-us {
  
    margin: 5px;
    line-height: 30px;
    /* padding:6px 12px; */
    height: 40px;
    color: #2d3e50;
    /* background:#000; */
    display: inline-flex;
    align-items: center;
    border-radius: 12px;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s linear;
}

.whatsapp-top .fa {
    color: #24cf64;
}

.mail-top .fa {
    color: #888;
}

.facebook-top:hover, .facebook-top:focus {
    background: #3b5998!important;
}

.instagram-top:hover, .instagram-top:focus {
   
    background-image: -o-radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)!important;
    background-image: radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)!important;
}

.topicons ul li .fa {
    font-size: 1.5em;
    line-height: 20px;
}

.topicons .top-ct-r li a {
    border-radius: 50%;
    width: 40px;
}

.topicons ul li .follow-us {
    background: none;
    color: #333;
}

.topicons .top-ct-l li a {
    background: transparent;
    color: #003c61;
}

.topicons .top-ct-l li .fa {
    margin-right: 5px;
}

@media (max-width: 660px) {
    .topicons .top-ct-l li span {
        display:none;
    }

    .topicons .top-ct-l li a {
        width: 40px;
        border-radius: 50%;
    }

    .topicons .top-ct-l li .whatsapp-top {
        background: #25d366;
    }

    .topicons .top-ct-l li .mail-top {
        background: #003c61;
    }

    .whatsapp-top .fa,.mail-top .fa {
        color: #fff;
        margin: 0!important;
    }

    .topicons ul li .follow-us {
        display: none;
    }

    .top-ct-r {
        text-align: right;
        width: auto;
        align-items: center;
        justify-content: flex-end;
    }

    .top-ct-l {
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }

    .topicons .container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }
}

.topicons li a:hover,.topicons li a:focus {
    /* background: #e2d9d9!important; */
    color: #ffffff;
    outline: none;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
    background: transparent;
    height: 120px;
    right: 0;
    background-repeat: no-repeat;
    background-position: right top;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 770.4 146.3' style='enable-background:new 0 0 770.4 146.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2338E0E0;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M100.4,82.4c-1-0.9-2.2-1.6-3.6-2.2c-6.1-2.6-13.7-1.9-19.8,1.3c-11.2,5.8-16.6,18.9-6.3,26.3 c8.9,6.5,24.1,4.7,31-4C107,97.3,107.4,87.4,100.4,82.4z'/%3E%3Cpath class='st0' d='M274.3,91.7c-0.9,0.1-1.7,0.3-2.5,0.6c-3.5,1.3-5,4.1-4.4,7c1.1,5.3,8.8,10.6,16.7,9.2 c6.9-1.3,9.7-6.8,5.5-11.5C286.5,93.4,279.7,90.7,274.3,91.7z'/%3E%3Cpath class='st0' d='M770.4,0H115.2c-4.2,6-12.8,81.7,24.2,103.4c21.3,12.5,45.6-8.3,63.9-17.5c63.1-31.7,100.3,23.4,153,32.4 c75.1,12.9,111.2-19.8,183.2-21.4c71.1-1.6,127.8,12.5,190.3,40.2c12.6,5.6,26.6,8.3,40.6,9.2V0z'/%3E%3C/g%3E%3Cpath class='st0' d='M15.7,0C-0.9,16-8.5,60.6,13.9,78.3c18.8,14.9,41.2,12.1,64.5-5.8C105.7,51.6,88.5,17,83.7,0H15.7z'/%3E%3C/svg%3E%0A");
    background-size: contain;
}

.acm-features .image img {
    max-width: 100%;
    height: auto;
}

.navbar-default .off-canvas-toggle {
    position: absolute;
    color: #253d4f;
    background: rgb(255 255 255 / 0.7);
    right: 0;
    top: 0;
    border-radius: 50% 0 0 50%;
}

.logo-top {
    display: none;
    opacity: 0;
    transition: all 0.3s;
}

.small-nav .logo-top {
    display: block;
    opacity: 1;
    float: left;
    width: 100%;
}

@media (max-width: 768px) {
    body {
        padding-top: 0px;
    }

    .topicons {
    height: 50px;
    }
}

.small-nav {
    background: #fff;
    box-shadow: 0 2px 10px rgb(0 0 0 / 0.25);
    height: 50px;
}

section#slider {
    position: relative;
    border-top: none;
}

.mostrar {
    transform: none!important;
    opacity: 1 !important;
}

#back-to-top, #whatsapp-bottom {
    right: 10px;
    position: fixed;
    z-index: 999;
    /* top: auto; */
    display: flex;
    align-items: center;
    flex-direction: column;
    transform: scale(0);
    opacity: 0;
    transition: all 0.3s linear;
}

#back-to-top {
    /* bottom: 115px; */
}

#back-to-top .btn, #whatsapp-bottom .btn {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    line-height: 1;
    border: none;
    transition: all 0.4s ease-in;
    border-radius: 50%;
    box-shadow: -2px 2px 5px #0000008c;
    background: #60c9cf;
}

#back-to-top .btn.round, #whatsapp-bottom .btn.round {
    border-radius: 50%;
    margin-right: 10px;
    box-shadow: 0 5px 5px -3px #000;
}

#whatsapp-bottom {
    bottom: 60px;
}

#back-to-top .fa, #whatsapp-bottom .fa {
    font-size: 25px;
    display: flex;
    text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
    align-items: center;
    justify-content: center;
}

#whatsapp-bottom .btn {
    background: #25d366;
}

#back-to-top .btn:hover, #whatsapp-bottom .btn:hover, #back-to-top .btn:focus, #whatsapp-bottom .btn:focus {
    background: #333;
    box-shadow: inset 0 0 10px #000;
    opacity: 0.1;
}

.btn-xss .fa {
    font-size: 15px;
}

.swiper-slide h1 {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    /* color: red; */
}

.swiper-slide .introtext {
    font-weight: 300;
    letter-spacing: 2px;
}

.about {
    min-height: 100vh;
    background: #ffffff24;
    /* background: radial-gradient(#FFFFFF 0%, #38e0e0 100%); */
    color: #2c3d50;
    display: flex;
    align-items: center;
    justify-content: center;
}

.servicios {
    /* background: #ced734; */
    min-height: 100vh;
    align-items: center;
    justify-content: center;
    border-top: 1px solid rgb(85 197 204 / 0.4);
    display: flex;
}

.f-item-d {
    background: #fff;
}

.flex-row {
    grid-gap: 20px;
}

.icon-txt {
    display: grid;
    grid-template-columns: 100px 1fr;
    grid-gap: 15px;
    /* align-items: center; */
    justify-content: center;
}

.module-title h3 {
    font-size: 42px;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 50px;
    color: #1ba8b1;
    margin-top: 0;
}

.grid-row-serv-91 .features-item {
    padding: 15px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.grid-row-serv-91 .features-item .font-icon {
    width: 90px;
    height: 90px;
    background: #D5DD33;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.grid-row-serv-91 .features-item .font-icon svg {
    width: 55px;
    height: 55px;
    fill: #0000008c;
    filter: drop-shadow(4px 4px 0 white);
}

.icon-txt p {
    font-size: 15px;
    text-align: justify;
}

.module-title .pre-title {
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    border: none;
    margin-bottom: 5px;
    color: #1ba8b1;
}

.module-title .pre-title::after {
    width: 100px;
    display: inline-block;
    height: 6px;
    background: #57697736;
    content: '';
    margin: 8px 0 0 9px;
}

.img-icon img {
    /* cursor: pointer; */
    max-width: 100%;
    height: auto;
    position: relative;
}

.grid-row-serv .features-item h3 {
    margin: 12px 0 30px;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 300;
    color: #376586;
    letter-spacing: 1px;
}

.small-nav .navbar-default .off-canvas-toggle {
    background: #38E0E0;
}

.t3-off-canvas .t3-off-canvas-header {
    background: #38e0e0;
    height: 50px;
    display: flex;
    align-items: center;
}

.t3-off-canvas .t3-off-canvas-header h2 {
    font-size: 22px;
    color: #253d4f;
}

.t3-off-canvas .close {
    opacity: 1;
    background: #0000001f;
    color: #111111;
    width: 50px;
    height: 50px;
    font-size: 36px;
}

:focus {
    outline: none;
}

.trabajos .icon-txt {
}

.img-icon {
}

.trabajos {
    min-height: 100vh;
    padding: 3rem 0;
    background: #ececec;
}

.module-title {
    margin: 45px auto 30px;
    font-weight: 300;
    text-transform: uppercase;
    color: #a5a5a5;
}

.grid-row-serv-95 .features-item {
    /* grid-template-columns: 100% 120px 1fr; */
    padding: 15px;
    text-align: center;
    background: #fff;
    /* display: gridrid;    background: #fff;
    grid-template-columns: 140px 1fr;
 */
    grid-gap: 15px;
}

.img-box img {
    max-width: 100%;
    box-shadow: 0 0 black;
    height: auto;
    box-shadow: 2px 0 36px -15px #ccc;
}

.ct-txt h3 {
    color: red;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 20px;
    /* display: inline-block; */
    /* width: min-content; */
    /* min-width: 100%; */
}

.ct-txt {
    padding: 15px;
}

.grid-row-serv-95 .features-item h3 {
    margin: 15px 0;
    width: 100%;
    text-align: left;
    margin: 15px 0 45px 0;
    font-weight: 300;
    color: #2c4455;
    text-transform: uppercase;
}


.grid-row-serv-91 .features-item h3 {
    font-weight: 300;
    color: #1ca7a7;
    text-transform: uppercase;
    margin-bottom: 25px;
}


.trabajos .icon-txt p {
    font-size: 20px;
}

.simplemag {
    min-height: 55vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.simplemag img {
    padding: 100px 0;
    background: #ff010d;
}

.main-box:not(:first-child) {
    border-top: 1px dotted #38e0e0;
}


.ft-item {
    display: grid;
    grid-template-columns: 120px 1fr;
    background: #fff;
}
@media(max-width:480px){
.ft-item {
    display: flex;
    flex-direction: column;
    background: #fff;
    margin-bottom: 25px;
}
}
.ct-txt p {
    width: min-content;
}

.features-item {
    width: 100%;
}