.body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans', sans-serif!important;
    color: #285e81;
    line-height: 1.45;
    font-size: 2.9rem
}


.tamañoimg {
    height: 5% !important;
}

.letra {
    color: #000;
    font-family: "Open Sans" !important;
    /* font-family: "Raleway", sans-serif; */
    font-size: 24px;
    font-style: normal;
    font-variant: normal;
    font-weight: 700 !important;
    line-height: 26.4px;
}

.color {
    color: whitesmoke;
    font-family: 'Open Sans', sans-serif!important;
    font-size: 50px;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    line-height: 26.4px;
    Text-shadow: 1px 1px 1px 1px #57b846!important;
}

.color-slider {
    color: rgb(255, 255, 255);
    font-family: 'Open Sans', sans-serif!important;
    font-size: 40px;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    Text-shadow: 1px 1px 1px 1px #57b846!important;
}
.barra {
    background-color: rgb(41, 39, 39);
}

.btn .btn-outline-success {
    font-family: 'Open Sans', sans-serif!important;
}
.container-fluido {
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    width: 90%;
}

/**************************BARRA**********************/

.letrabarra {
    font-family: "Open Sans" !important;
    font-weight: normal;
    color: #84ba1c;
    font-weight: bold!important;
    font-size: 25px;
}

.botonbarra {
    color: #84ba1c !important;
    font-size: 20px;
    padding: 0.2em 0.8em;
    background: rgba(0, 0, 0, 0);
    border-radius: 4px;
    border: 2px solid;
    border-color: #84ba1c;
    transition: all 0.5s ease;
    position: relative;
}

.botonbarra:hover {
    background: #84ba1c;
    color: #fff !important;
}


/* Por debajo de 700px */

@media screen and (max-width: 1300px) {
    .letrab {
        font-size: 50px;
        margin-bottom: 4%;
    }
}


/* Por debajo de 400px */

@media screen and (max-width: 800px) {
    .letrab {
        font-size: 25px;
    }
}


/**************************BOTON**********************/

.site-navbar-light {
    background: white !important;
    position: relative;
    left: 0;
    right: 0;
    z-index: 3;
}

.navbar-nav li a{
    color:#104e75!important;
}

.site-navbar-light.scrolled {
    position: fixed;
    background: #ffffff !important;
    right: 0;
    left: 0;
    top: 0;
    margin-top: -130px;
    box-shadow: 1px 1px 5px 1px #95bf2a;
}

.site-navbar-light.scrolled .nav-link {
    padding-top: 0.7rem !important;
    padding-bottom: 0.7rem !important;
    color:#104e75!important;
    
}


.btn.btn-outline-white {
    border-color: #95bf2a;
    background: black;
    border-radius: 5px;
    border-width: 2px;
    color: white;
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.btn {
    font-size: 15px!important;
    padding: 8px 10px!important;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 400;
    color: #e9f8ad;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    display: inline-block;
}
.site-navbar-light .navbar-nav>.nav-item>.nav-link {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.btn {
    font-size: 20px;
    padding: 12px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 400;
    color: white;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    display: inline-block;
}

.btn i {
    margin-right: 5px;
}

.btn:focus,
.btn:active {
    box-shadow: none;
    outline: none;
    color: #fff;
}

.btn-common {
    background-color: #6ca7cc;
    position: relative;
    z-index: 1;
}

.btn-common:hover {
    color: #6ca7cc;
    background: #edf6f6;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1);
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}

.btn-border {
    color: #85bb1d;
    background-color: transparent;
    border: 1.5px solid #85bb1d;
}

.btn-border:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
}

.btn-lg {
    padding: 12px 34px;
    font-size: 14px;
}

.btn-rm {
    padding: 7px 10px;
}

button:focus {
    outline: none !important;
}

#main-slide-grand .carousel-control {
    display: none;
    transition: all 0.3s ease-in-out;
}

#main-slide-grand .carousel-indicators {
    cursor: pointer;
    bottom: 5px;
}

#main-slide-grand:hover .carousel-control {
    display: block;
    transition: all 0.3s ease-in-out;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}


/* #main-slide-grand .carousel-item img {
    position: relative;
    width: 80%;
} */

#main-slide-grand .carousel-inner .carousel-item::after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

#main-slide-grand .carousel-item .carousel-caption {
    opacity: 0;
    transition: opacity 100ms ease 0s;
    z-index: 0;
}

#main-slide-grand .carousel-item .carousel-caption .heading-infinity {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.1rem;
    margin-top: 30px;
}

#main-slide-grand .carousel-item .carousel-caption p {
    font-size: 20px;
    margin-bottom: 2%;
    margin-top: 3%;
}

#main-slide-grand .carousel-item.active .carousel-caption {
    opacity: 1;
    transition: opacity 100ms ease 0s;
    z-index: 1;
}

#main-slide-grand .carousel-caption {
    color: #fff;
    position: absolute;
    top: 30%;
}

#main-slide-grand .carousel-caption .btn {
    margin: 25px 25px 0px 0px;
}

#main-slide-grand .carousel-control-next,
#main-slide-grand .carousel-control-prev {
    opacity: 1;
    box-shadow: none;
}

#main-slide-grand .carousel-control-prev span {
    padding: 15px;
}

#main-slide-grand .carousel-control-next span {
    padding: 15px;
}

#main-slide-grand .carousel-control {
    top: 45%;
}

#main-slide-grand .carousel-control .lni-chevron-left,
#main-slide-grand .carousel-control .lni-chevron-right {
    position: absolute;
    z-index: 5;
}

#main-slide-grand .carousel-control .lni-chevron-left {
    left: 15px;
}

#main-slide-grand .carousel-control .lni-chevron-right {
    right: 15px;
}

.carousel-indicators li {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

#main-slide-grand .carousel-control i {
    line-height: 40px;
    font-size: 18px;
    width: 45px;
    border: 2px solid #fff;
    height: 45px;
    display: block;
    border-radius: 2px;
    background: transparent;
    color: #fff;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
}

#main-slide-grand .carousel-control i:hover {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    border-color: #fff;
}

#main-slide-grand p {
    color: #fff!important;
}


/********************************************************* areas index********************************************************/


/* Por debajo de 700px */

@media screen and (max-width: 580px) {
    .itemarea {
        margin-left: 30px;
    }
}


/********************************************************* quienes somos********************************************************/

.btn.btn-lg {
    font-size: 16px !important;
    padding: 13px 40px !important;
}

.btn.btn-secondary {
    border: 2px solid #ccc;
    background: none;
    border-radius: 0px;
    color: #999999;
}

.btn.btn-secondary:hover {
    background: #6ca7cc;
    border-color: #6ca7cc;
    color: #fff;
}

.about-infinity .content h3 {
    font-size: 26px;
    font-weight: 300;
    line-height: 36px;
    color: #7e7e7e;
    margin-bottom: 20px;
    font-family: 'Open Sans', sans-serif!important;
}

.about-infinity .about-infinity-slider img {
    width: 100%;
    height: auto;
}

.call-to-action h2 {
    color: white;
}

.call-to-action .btn-call {
    background: #104e75;
    border-color: #104e75;
}

.call-to-action:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
}

.call-to-action .block h2 {
    font-size: 30px;
    margin-bottom: 6px;
    font-weight: 600;
}

.call-to-action .block p {
    padding-right: 30px;
    color: #fff;
}

.call-to-action .block .input-group {
    margin-top: 30px;
}

.call-to-action .block .input-group input {
    height: 50px;
    border-radius: 0;
    border: none;
    box-shadow: none;
}

.call-to-action .block .input-group .btn-subscription {
    height: 50px;
    border-radius: 0;
    border: none;
    box-shadow: none;
    background: #104e75;
    padding: 0px 35px;
    color: #fff;
    font-weight: bold;
}

.tituloh2{
    font-size: 32px!important;
    font-weight: bold!important;
}
/******************************************reg freelancer************************************************************/

.botonfreelancer {
    color: #a2e92e !important;
    font-family: 'Open Sans', sans-serif!important;
    font-size: 25px;
    font-weight: 500;
    padding:10px!important;
    background: rgba(0, 0, 0, 0);
    border-radius: 4px;
    border: 2px solid;
    border-color: #a2e92e;
    transition: all 0.5s ease;
    position: relative;
    margin-top:20px!important;
}

.botonfreelancer:hover {
    background: #84ba1c;
    color: #fff !important;
}


/*********************************************************publicaciones***************************************************/

.h3noticias{
    font-size: 50px!important;
}
.pnoticias {
    font-family: 'Open Sans', sans-serif!important;
    color: #104e75;
    text-align: justify!important;
    transform: none;
}

.heading-infinity {
    text-align: center;
    padding-bottom: 70px;
}

.heading-infinity h2 {
    color: #104e75;
    padding-bottom: 15px;
    font-weight: 600;
    font-size: 40px;
    line-height: 40px;
}

.heading-infinity {
    font-family: 'Open Sans', sans-serif!important;
    font-size: 15px;
    line-height: 24px;
    font-weight: 300;
    color: #104e75;
}

.service-infinity {
    text-align: center;
    padding: 20px 40px;
}

.service-infinity .block {
    margin-bottom: 50px;
}

.service-infinity .block i {
    font-size: 30px;
    display: inline-block;
    margin-bottom: 15px;
    color: #1bafb4;
}

.service-infinity h2 {
    font-family: 'Open Sans', sans-serif!important;
    color: #104e75;
    font-weight: bold;
    font-size: 32px!important;
    margin-bottom: 15px;
    /*text-shadow: 1px 1px 1px rgb(43, 45, 63)!important;*/
    /* letter-spacing: 1px; */
}
.service-infinity h3{
    font-family: 'Open Sans', sans-serif!important;
    color: #104e75;
    font-weight: bold;
    font-size: 24px!important;
    margin-bottom: 15px;
    /*text-shadow: 1px 1px 1px rgb(43, 45, 63)!important;*/
    /* letter-spacing: 1px; */
}

.service-infinity h2 {
    font-size: 3.5rem;
}

.service-infinity img {
    margin-bottom: 30px;
}

.service-infinity:hover {
    /*cursor: pointer;*/
}


.carousel-item-img {
    height: 5%;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.contenedor-imagen{
    height: 32vh!important;
    margin-bottom:20px;

}
.carousel-item-imagen {
   
    object-fit: cover;
    margin: auto;
    height: 32vh;
    width: 100%;
}

.contenedor-imagen-areas{
    height: 32vh!important;
    margin-bottom:20px;
    padding:10px;
}
.carousel-item-areas {
   
    object-fit: cover;
    margin: auto;
    height: 32vh;
    width: 100%;
}
.texto-areas h2{
    font-size: 24px;
}
.carousel-item {
    height: 83vh!important;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.imagenslider {
    filter: brightness(0.6);
    object-fit: cover;
    margin: auto;
    height: 83vh;
    width: 100%;
}

.carousel-item-quienesomos {
    height: 45vh!important;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imagen-slider-nosotros {
    object-fit: cover;
    margin: auto;
    height: 45vh!important;
    width: 100%;
}

.carousel-item-general {
    height: 100%!important;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


/* .cardarea {
    height: 50vh;
} */


/******************************************reg empresa************************************************************/

.botonempresa {
    margin-top: -0.5%;
    color: #2476ae !important;
    font-family: 'Open Sans', sans-serif!important;
    font-size: 25px;
    font-weight: 500;
    padding: 0.5em 1.2em;
    background: rgba(0, 0, 0, 0);
    border-radius: 4px;
    border: 2px solid;
    border-color: #2476ae;
    transition: all 0.5s ease;
    position: relative;
}

.botonempresa:hover {
    background: #2476ae;
    color: #fff !important;
}


/********************************************************pie de pagina****************************************************************/

.site-footer .site-heading-2 {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: .05em;
    color: rgba(255, 255, 255, 0.6);
}

.redes {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: .05em;
    color: rgba(255, 255, 255, 0.6);
}

.pie,
.ppie {
    margin-top:-20px!important;
    padding: 30px 20px!important;
    color: #f6f4f4;
}

#section-about {
    padding: 4em 0!important;
}
.site-section {
    padding: 1em 0!important;
}
.display-4 {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.1;
}


/********************************************* N O S O T R O S *****************************************************************************************************************/

.nosotrosh2 {
    color: #15689d;
}

.colorseccion1 {
    background: rgba(171, 235, 198, 0.329)!important;
}

.colorseccion2 {
    background: rgba(174, 214, 241, 0.329)!important;
}

.pb-130 {
    padding-bottom: 130px;
}

.pt-125 {
    padding-top: 50px;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.single-services {
    padding: 50px 30px;
    border-radius: 10%;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

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


/* Por debajo de 700px */
@media screen and (max-width: 1200px) {
    #main-slide-grand .carousel-caption {
        top: 20%;
    }
}

@media screen and (max-width: 1100px) {
    .contenido {
        font-size: 12px;
    }
    .titulono {
        font-size: 25px;
    }
    .texto-areas h2{
        font-size: 18px;
    }
    #main-slide-grand .carousel-caption {
        top: 25%;
    }
    
}


/* Por debajo de 400px */

@media screen and (max-width: 800px) {
    .contenido {
        font-size: 10px;
    }
    .titulono {
        font-size: 20px;
    }
    
}


/* .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
} */


/**************imagen******************/

.text-center {
    text-align: center!important;
}

.h-100 {
    height: 100%!important;
}

.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}

.justify-content-center {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.te {
    margin-bottom: .5rem;
    font-family: 'Open Sans', sans-serif!important;
    font-weight: 500;
    line-height: 1.2;
}


/************************************************************** FORMULARIO EMPRESARIO*****************************************************************************************************************************/

.container-formularioe {
    background: transparent;
    border-radius: 10px;
    border: #1c6497 3px solid;
}

.colorboton {
    border-color: #104e75 !important;
    background: #104e75 !important;
    border-radius: 5px;
    border-width: 2px;
    color: white !important;
}

.form-control {
    border: none;
    border-radius: 0px;
    font-size: 13px!important;
    color:#555!important;
    height: 40px!important;
    border-radius: 5px!important;
}
.lista-beneficios li{
    text-align: left!important;
    color:#15689d;
}

/************************************************************** FORMULARIO FREELANCER ****************************************************************************************************************************/

.container-formulario {
    background: transparent;
    border-radius: 10px;
    border: #84ba1c 3px solid;
}

.container-formulario label {
    font-size: 16px;
    color: #555;
}
.container-formularioe label {
    font-size: 16px;
    color: #555;
}

.titulo-formulario {
    padding-top: 50px;
    padding-right: 30px;
    padding-bottom: 50px;
    padding-left: 80px;
}

.formulario {
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
}

body {
    background: none;
    font-family: "Open" sans-serif;
}

@media screen and (max-width: 800px) {
    #contenidofree {
        font-size: 12px;
    }
    #titulofree {
        font-size: 18px;
    }
}


/* @media screen and (max-width: 560px) {
    #advanced-search-form .form-group {
        width: 100%;
        margin-left: 0;
    }
    #advanced-search-form h2 {
        text-align: center;
    }


} */


/***********BOTON**********/

.btn.btn-outline-white {
    border-color: #95bf2a;
    background: #84ba1c;
    border-radius: 5px;
    border-width: 2px;
    color: white;
}

.btn.btn-outline-white:hover {
    border-color: #104e75!important;
    background: #104e75!important;
    border-radius: 5px;
    border-width: 2px;
    color: white;
}


/******************************************************AREAS*******************************************************************/

.bodyareas {
    background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
    min-height: 100vh;
    font-family: "Open" sans-serif;
}

.galleryar-containerar h1 {
    text-align: center;
    margin-top: 30px;
    font-family: "Open" sans-serif;
    font-weight: bold;
    color: #104e75;
}

.galleryar-container p.page-description {
    text-align: center;
    margin: 30px auto;
    font-size: 18px;
    color: #104e75;
}

.tz-galleryar {
    padding: 40px;
}

.tz-galleryar .thumbnail {
    padding: 0;
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 4px;
    border: none;
    transition: 0.15s ease-in-out;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.06);
}

.tz-galleryar .thumbnail:hover {
    transform: translateY(-10px) scale(1.02);
}

.tz-galleryar .lightbox img {
    border-radius: 4px 4px 0 0;
    width: 100%;
    height: 50%;
}

.tz-galleryar .caption {
    padding: 10px 10px;
    text-align: center;
}

.tz-galleryar .caption h3 {
    font-size: 14px;
    font-weight: bold;
    margin-top: 0;
}

.tz-galleryar .caption p {
    font-size: 12px;
    color: #7b7d7d;
    margin: 0;
}

.baguetteBox-button {
    background-color: transparent !important;
}


/**************************************************************************C O N T A C T O************************************************************************************/


/*****************************************************************O F E R T A S********************************************************************************/

.botones {
    width: 100%;
    text-align: center;
}

#separar {
    padding: 3%;
    padding-right: 0%;
    display: inline-block;
}

.boton4 {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 15px;
    font-weight: 500;
    padding: 0.5em 1.2em;
    background: #318aac;
    border: 2px solid;
    border-color: #318aac;
    position: relative;
    width: 10px;
    height: 10px;
}

.boton4:hover {
    color: rgba(255, 255, 255, 1) !important;
    box-shadow: 0 4px 16px rgba(49, 138, 172, 1);
    transition: all 0.2s ease;
}

.bordecolor {
    border: #95bf2a 2px solid;
    padding-left: 15px;
    padding-right: 15px;
}

.most_popular_item_area.menu_list_page {
    background: #fff;
}

.most_popular_item_area {
    background: url(../img/popular_menu_bg.jpg) no-repeat scroll center center;
    background-size: cover;
    padding: 100px 0px;
    position: relative;
    z-index: 2;
}

.most_popular_item_area.menu_list_page .popular_filter {
    margin: 0px;
}

.most_popular_item_area .popular_filter {
    text-align: center;
    margin: 45px 0px 55px 0px;
    overflow: hidden;
}

.most_popular_item_area .popular_filter li {
    display: inline-block;
    margin-right: 12px;
}

.most_popular_item_area .p_recype_item_main {
    background: #fff;
    padding: 50px 65px;
}

.most_popular_item_area .p_recype_item_main .row.p_recype_item_active {
    margin-top: -30px;
}

ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

li {
    display: list-item;
    text-align: -webkit-match-parent;
}

.activado {
    font-weight: bold!important;
    color:red!important;
}

.read_mor_btn {
    background: transparent;
    text-align: center;
    width: 120px;
    font-family: "Cantata One", serif;
    color: #333333;
    line-height: 40px;
    display: inline-block;
    font-size: 12px;
    z-index: 2;
    position: relative;
    letter-spacing: .42px;
    text-transform: uppercase;
}

#modal-personalizado .modal-title{
    color:#104e75!important;
    font-weight: bold!important;
    font-size: 28px!important;
}
#modal-personalizado .modal-descripcion,#modal-personalizado .modal-requisitos{
    color:#104e75!important;
    text-align: justify!important;
    padding:20px!important;
}
#modal-personalizado .modal-archivos{
    color:#104e75!important;
    text-align: justify!important;
    font-weight: bold;
}
#modal-personalizado a{
    color:#104e75!important;
    text-align: justify!important;
    font-weight: bold;
}
#modal-personalizado h2{
    text-align: center;
    color:#104e75!important;
    font-weight: bold;
}
#modal-personalizado a:hover{
    color:#11110f!important;
    margin-left:10px;
}


/**************************************************************************SERVICIOS************************************************************************************/

.servicios {
    font-size: 25px;
}


/**************************************************************************COORDINADORES************************************************************************************/

.bodycoordinadores {
    background-image: linear-gradient(to top, #ecedee 0%, #eceeef 75%, #e7e8e9 100%);
    min-height: 100vh;
    font: normal 16px sans-serif;
    padding: 60px 0;
}

.container.gallery-container {
    background-color: #fff;
    color: #35373a;
    /* min-height: 100vh; */
    max-width: 150vh;
    border-radius: 20px;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.06);
}

.gallery-container h1 {
    text-align: center;
    margin-top: 70px;
    font-family: 'Droid Sans', sans-serif;
    font-weight: bold;
}

.gallery-container p.page-description {
    text-align: center;
    max-width: 800px;
    margin: 25px auto;
    color: #888;
    font-size: 18px;
}

.tz-gallery {
    padding: 40px;
}

.tz-gallery .lightbox img {
    width: 100%;
    height: 85%;
    margin-bottom: 30px;
    transition: 0.2s ease-in-out;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}

.tz-gallery .lightbox img:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
}

.tz-gallery img {
    border-radius: 4px;
}

.baguetteBox-button {
    background-color: transparent !important;
}
.titulo-mediano{
    font-size: 32px!important;
}
.btn-link{
    width: 100%;
}
.btn-link:hover{
    text-decoration: none!important;
}
.img-carousel{
    width:50%!important;margin-bottom:30px!important;
}

@media(max-width: 1400px) {
    .carousel-item {
        height: 60hv!important;
    }
    .color-slider {
        font-size: 30px!important;

    }
    #main-slide-grand .carousel-caption {
        top: 20%;
    }
    #main-slide-grand .carousel-item .carousel-caption p {
        font-size: 14px;
    }
    .letrabarra {
        
        font-size: 20px!important;
    }
    .botonbarra {
        font-size: 15px!important;
    }
    .service-infinity h3{
        font-size: 16px!important;
    }
}

@media(max-width: 1000px) {
    .carousel-item {
        height: 60hv!important;
    }
    .color-slider {
        font-size: 30px!important;

    }
    #main-slide-grand .carousel-caption {
        top: 15%;
    }
    #main-slide-grand .carousel-item .carousel-caption p {
        font-size: 14px;
    }
    .img-carousel{
        width:80%!important;
    }
    .letrabarra {
        
        font-size: 15px!important;
    }
   
}

@media(max-width: 768px) {
    body {
        padding: 0;
    }
    .container.gallery-container {
        border-radius: 0;
    }
    .body, h1, h2, h3, h4, h5, h6 {
        font-size: 2.0rem;
    }
}

.boton4{
    font-size: 25px!important;
}

/******************************************************REDES SOCIALES*******************************************************************/

.sticky-container {
    padding: 0px;
    margin: 0px;
    position: fixed;
    right: -130px;
    top: 230px;
    width: 170px;
    z-index: 1100;
}

.sticky li {
    list-style-type: none;
    background-color: #fff;
    color: #efefef;
    height: 43px;
    padding: 0px;
    margin: 0px 0px 1px 0px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
}

.sticky li:hover {
    margin-left: -115px;
}

.sticky li img {
    float: left;
    margin: 5px 4px;
    margin-right: 9px;
    /* width: 20%;
    height: 90%; */
}

.sticky li p {
    padding-top: 5px;
    margin: 0px;
    line-height: 16px;
    font-size: 15px;
}

.sticky li p a {
    text-decoration: none;
    color: #104e75;
}

.sticky li p a:hover {
    text-decoration: underline;
}

@media(max-width: 768px) {

    .color-slider {
        font-size: 20px!important;

    }
    #main-slide-grand .carousel-caption {
        top: 15%;
    }
    .letrabarra {
        
        font-size: 15px!important;
    }
    .titulo-mediano{
        font-size: 17px!important;
    }
    .boton4{
        font-size: 17px!important;
    }
}