/*!
 * Start Bootstrap - Freelancer v5.0.4 (https://startbootstrap.com/template-overviews/freelancer)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-freelancer/blob/master/LICENSE)
 */
 body{
     font-family:Lato
    }

 h1,h2,h3,h4,h5,h6{
     font-weight:700;
     font-family:Montserrat
    }


    h6{
        color: #74C660;
        text-align: center;
    }

 hr.star-dark,hr.star-light{
     max-width:15rem;
     padding:0;
     text-align:center;
     border:none;
     border-top:solid .25rem;
     margin-top:2.5rem;margin-bottom:2.5rem;
     margin-left:auto;margin-right:auto
    }
 hr.star-dark:after,hr.star-light:after{
     position:relative;
     top:-.8em;
     display:inline-block;
     padding:0 .25em;
     content:'\f005';
     font-family:"Font Awesome 5 Free";
     font-weight:900;
     font-size:2em
    }
 hr.star-light{
     border-color:#fff
    }
 hr.star-light:after{
     color:#fff;
     background-color:#74C660
    }
 hr.star-dark{
     border-color:#2c3e50
    }
 hr.star-dark:after{
     color:#2c3e50;
     background-color:#fff
    }
 section{
     padding:6rem 0
    }
 section h2{font-size:2.25rem;line-height:2rem}
 @media (min-width:992px){
     section h2{font-size:3rem;line-height:2.5rem}
    }
 .btn-xl{
     padding:1rem 1.75rem;font-size:1.25rem
    }

 .scroll-to-top{
     z-index:1042;right:1rem;bottom:1rem;display:none
    }
 .scroll-to-top a{
     width:3.5rem;
     height:3.5rem;
     background-color:rgba(33,37,41,.5);
     line-height:3.1rem
    }
 #mainNav{
     padding-top:1rem;
     padding-bottom:1rem;
     font-weight:700;
     font-family:Montserrat
    }
 #mainNav .navbar-brand{
     color:#fff}
 #mainNav .navbar-nav{
     margin-top:1rem;letter-spacing:.0625rem}
 #mainNav .navbar-nav li.nav-item a.nav-link{
     color:#fff}
 #mainNav .navbar-nav li.nav-item a.nav-link:hover{
     color:#74C660
    }
 #mainNav .navbar-nav li.nav-item a.nav-link:active,#mainNav .navbar-nav li.nav-item a.nav-link:focus{color:#fff}
 #mainNav .navbar-nav li.nav-item a.nav-link.active{
     color:#74C660}
 #mainNav .navbar-toggler{
     font-size:80%;padding:.8rem}
 @media (min-width:992px){
     #mainNav{padding-top:1.5rem;padding-bottom:1.5rem;-webkit-transition:padding-top .3s,padding-bottom .3s;transition:padding-top .3s,padding-bottom .3s
    }
 #mainNav .navbar-brand{
     font-size:2em;-webkit-transition:font-size .3s;transition:font-size .3s
    }
 #mainNav .navbar-nav{margin-top:0}
 #mainNav .navbar-nav>li.nav-item>a.nav-link.active{color:#fff;
    background:#74C660
}
 #mainNav .navbar-nav>li.nav-item>a.nav-link.active:active,#mainNav .navbar-nav>li.nav-item>a.nav-link.active:focus,#mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover{
     color:#fff;
     background:#74C660
    }
 #mainNav.navbar-shrink{
     padding-top:.5rem;
     padding-bottom:.5rem
    }
 #mainNav.navbar-shrink .navbar-brand{font-size:1.5em}}
 header.masthead{
     padding-top:calc(6rem + 72px);
     padding-bottom:6rem
    }
 header.masthead h1{font-size:3rem;line-height:3rem}
 header.masthead h2{font-size:1.3rem;font-family:Lato}
 @media (min-width:992px){
     header.masthead{
         padding-top:calc(6rem + 106px);
         padding-bottom:6rem
        }
 header.masthead h1{font-size:4.75em;line-height:4rem}
 header.masthead h2{font-size:1.75em}}
 .portfolio{
     margin-bottom:-15px
    }
 .portfolio .portfolio-item{
    position:relative;
    display:block;
    max-width:25rem;
    width: 150px;
    padding-bottom: 0px!important;
    
    }
 .portfolio .portfolio-item .portfolio-item-caption{
     -webkit-transition:all ease .5s;
     transition:all ease .5s;
     opacity:0;
     background-color: rgba(49, 180, 4, 1)
    }
 .portfolio .portfolio-item .portfolio-item-caption:hover{
     opacity:0.9
    }
.portfolio .portfolio-item .portfolio-item-caption .portfolio-item-caption-content{
        font-size:1.5rem
    }
 @media (min-width:576px){
     .portfolio{margin-bottom:-30px}
    }
 .portfolio-modal .portfolio-modal-dialog{
     padding:3rem 1rem;
     min-height:calc(100vh - 2rem);
     margin:1rem calc(1rem - 8px);
     position:relative;
     z-index:2;
     -webkit-box-shadow:0 0 3rem 1rem rgba(0,0,0,.5);
     box-shadow:0 0 3rem 1rem rgba(0,0,0,.5)
    }
 .portfolio-modal .portfolio-modal-dialog .close-button{
     position:absolute;
     top:2rem;
     right:2rem;
    }
 .portfolio-modal .portfolio-modal-dialog .close-button i{
     line-height:38px
    }
.close-button:hover{
    color: #31B404;
}
 .portfolio-modal .portfolio-modal-dialog h2{
     font-size:2rem
    }
 @media (min-width:768px){
     .portfolio-modal .portfolio-modal-dialog{
         min-height:100vh;
         padding:5rem;
         margin:3rem calc(3rem - 8px);
        }
 .portfolio-modal .portfolio-modal-dialog h2{
     font-size:3rem
    }
}
 .floating-label-form-group{
     position:relative;
     border-bottom:1px solid #e9ecef
    }
 .floating-label-form-group input,.floating-label-form-group textarea{
     font-size:1.5em;
     position:relative;
     z-index:1;
     padding-right:0;
     padding-left:0;
     resize:none;
     border:none;
     border-radius:0;
     background:0 0;
     -webkit-box-shadow:none!important;
     box-shadow:none!important
    }
 .floating-label-form-group label{
     font-size:.85em;
     line-height:1.764705882em;
     position:relative;
     z-index:0;
     top:2em;
     display:block;
     margin:0;
     -webkit-transition:top .3s ease,opacity .3s ease;
     transition:top .3s ease,opacity .3s ease;
     vertical-align:middle;
     vertical-align:baseline;
     opacity:0
    }
 .floating-label-form-group:not(:first-child){
     padding-left:14px;
     border-left:1px solid #e9ecef
    }
 .floating-label-form-group-with-value label{
     top:0;
     opacity:1
    }
 .floating-label-form-group-with-focus label{
     color:#74C660
    }
 form .row:first-child .floating-label-form-group{
     border-top:1px solid #e9ecef
    }
 .footer{
     padding-top:5rem;
     padding-bottom:5rem;
     background-color:#2c3e50;
     color:#fff
    }
 .copyright{
     background-color:#1a252f
    }
 a{
    color:#74C660
 }
 .portfolio-modal.row a:active, .portfolio-modal.row a:focus, .portfolio-modal.row a:hover{
     color:#fff;
    }
 .btn{
     border-width:2px
    }
 .bg-primary{
     background-color:#74C660!important
    }
 .bg-secondary{
     background-color:#2c3e50!important
    }
 .text-primary{
     color:#74C660!important
    }
 .text-secondary{
     color:#2c3e50!important
}
 .btn-primary{
     background-color:#74C660;
     border-color:#74C660
    }
 .btn-primary:active,.btn-primary.focus,.btn-primary:hover{
    background-color:#31B404;
    border-color:#31B404!important;
    }

 .img-fluid {
     width: 150px;
 }

 .imagenDatos{
    width: 200px; 
}

 .imagenModal{
     margin-left:0px;
 }

 #text{
     margin: 0p;
     text-align: left!important;
 }

 #text li{
    margin-bottom: 4px;
}

.block, .col-12{
    padding: 0px;
}
.models {
    padding: 10px;
}

.response-col_status{
    width: 20px;
}

.parameters-col_name{
    width: 175px;
}