/*!
 * Start Bootstrap - Freelancer v4.0.0-beta (http://startbootstrap.com/template-overviews/freelancer)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-freelancer/blob/master/LICENSE)
 */



@font-face {
    font-family: GT-Walsheim-Pro-Regular;
    src: url(../vendor/font-awesome/fonts/GT-Walsheim-Pro-Regular.eot)
}

p{
    font-family: GT-Walsheim-Pro-Regular , sans-serif;
}

a,a.active,a:active,a:focus,a:hover{
    color:#18bc9c;outline:0
}


hr.star-light,hr.star-primary{
    max-width:250px;
    margin:25px auto 30px;
    padding:0;
    text-align:center;
    border:none;
    border-top:solid 5px
}

hr.star-light:after,hr.star-primary:after{
    position:relative;
    top:-.8em;
    display:inline-block;
    padding:0 .25em;
    content:'\f005'
}

hr.star-light{
    border-color:#fff
}

hr.star-light:after{
    color:#fff;
    background-color:#4F2D7F
}

hr.star-primary{
    border-color:#00A7B5

}

hr.star-primary:after{
    color:#00A7B5;
    background-color:#fff
}

.img-centered{
    margin:0 auto
}


section{
    padding:5px;
}

section.success{
    padding:1px
}

@media (max-width:767px){
    section{
        padding:30px 0
    }section.first{
        padding-top:200px
    }
}

.scroll-top{
    position:fixed;
    z-index:1049;
    right:2%;
    bottom:2%;
    width:50px;
    height:50px
}

.scroll-top .btn{
    font-size:16px;
    line-height:28px;
    width:50px;
    height:50px;
    text-align:center;
    border-radius:100%
}
.scroll-top .btn:focus{outline:0}#mainNav{
    font-weight:700;
    text-transform:uppercase;
    border:none;
    background:#fff
}

#mainNav a:focus{
    outline:0
}

#mainNav .navbar-brand{
    font-size:1.1rem;
    color:#4F2D7F

}
#mainNav .navbar-brand.active,#mainNav .navbar-brand:active,#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{
    color:#4F2D7F
}

#mainNav .navbar-nav{
    letter-spacing:1px
}

#mainNav .navbar-nav li.nav-item a.nav-link{
    color:#4F2D7F
}

#mainNav .navbar-nav li.nav-item a.nav-link:hover{
    color:#9581B2;
    outline:0
}

#mainNav .navbar-nav li.nav-item a.nav-link:active,#mainNav .navbar-nav li.nav-item a.nav-link:focus{
    color:#4F2D7F
}

#mainNav .navbar-toggler{
    font-size:10px;
    padding:11px;text-transform:uppercase;
    color:#4F2D7F;
    border-color:#4F2D7F
}

#mainNav .navbar-toggler:focus,#mainNav .navbar-toggler:hover{
    color:#4F2D7F;
    border-color:#9581B2;
}

@media (min-width:992px){
    #mainNav{
        padding-top:5px;
        padding-bottom:5px;
        -webkit-transition:padding-top .1s,padding-bottom .1s;
        -moz-transition:padding-top .1s,padding-bottom .3s;
        transition:padding-top .1s,padding-bottom .1s
}
        
#mainNav .navbar-brand{
    font-size:2em;
    -webkit-transition:all .1s;
    -moz-transition:all .1s;transition:all .1s
        }#mainNav .navbar-nav>li.nav-item>a.nav-link.active{color:#4F2D7F;border-radius:3px;}#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:#4F2D7F;}#mainNav.navbar-shrink{padding-top:10px;padding-bottom:10px}#mainNav.navbar-shrink .navbar-brand{font-size:1.5em}}header.masthead{padding-top:100px;padding-bottom:50px;text-align:center;color:#fff;background:#E9E5DF}header.masthead img{display:block;margin:0 auto 20px}

header.masthead .intro-text .name{
    font-size:2em;
    display:block;
    text-transform:uppercase
}
header.masthead .intro-text .skills{
    font-size:1.25em;

}
@media (min-width:768px){
    header.masthead{
        padding-top:200px;
        padding-bottom:100px
    }
    header.masthead .intro-text .name{
        font-size:4.75em
    }
    header.masthead .intro-text .skills{font-size:1.75em
    }
}

#portfolio{
    background:#E9E5DF;    
}

#portfolio .portfolio-item{right:0;margin:0 0 15px}#portfolio .portfolio-item .portfolio-link{position:relative;display:block;max-width:400px;margin:0 auto;cursor:pointer}#portfolio .portfolio-item .portfolio-link .caption{position:absolute;width:100%;height:100%;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;transition:all ease .5s;opacity:0;background:rgba(149,129,178,.9)}#portfolio .portfolio-item .portfolio-link .caption:hover{opacity:1}#portfolio .portfolio-item .portfolio-link .caption .caption-content{font-size:20px;position:absolute;top:50%;width:100%;height:20px;margin-top:-12px;text-align:center;color:#fff}#portfolio .portfolio-item .portfolio-link .caption .caption-content i{margin-top:-12px}#portfolio .portfolio-item .portfolio-link .caption .caption-content h3,#portfolio .portfolio-item .portfolio-link .caption .caption-content h4{margin:0}#portfolio *{z-index:2}@media (min-width:767px){#portfolio .portfolio-item{margin:0 0 30px}}.portfolio-modal .modal-dialog{max-width:100%;min-height:100%;margin:0;padding:0;text-align:center;border:none;border-radius:0;background-clip:border-box;-webkit-box-shadow:none;box-shadow:none}

.portfolio-modal .modal-dialog .modal-content{
    padding:100px 0;
    border:0;
    border-radius:0
}


.portfolio-modal .modal-dialog .modal-content img{
    margin-bottom:30px
}

.portfolio-modal .modal-dialog .modal-content .item-details
{
    margin:30px 0
}
.portfolio-modal .close-modal{position:absolute;top:25px;right:25px;width:75px;height:75px;cursor:pointer;background-color:transparent}.portfolio-modal .close-modal:hover{opacity:.3}.portfolio-modal .close-modal .lr{z-index:1051;width:1px;height:75px;margin-left:35px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background-color:#2c3e50}.portfolio-modal .close-modal .lr .rl{z-index:1052;width:1px;height:75px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);background-color:#2c3e50}.portfolio-modal .modal-backdrop{display:none;opacity:0}.floating-label-form-group{position:relative;margin-bottom:0;padding-bottom:.5em;border-bottom:1px solid #eee}.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;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;-moz-transition:top .3s ease,opacity .3s ease;-ms-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 #eee}.floating-label-form-group-with-value label{top:0;opacity:1}.floating-label-form-group-with-focus label{color:#18bc9c}

form .row:first-child .floating-label-form-group{
    border-top:1px solid #eee
}

footer{
    color:#fff
}

footer h3{
    margin-bottom:30px
}

footer .footer-above{
    padding-top:50px;
    background-color:#4F2D7F
}

footer .footer-col{
    margin-bottom:50px
}

footer .footer-below{
    padding:25px 0;
    background-color:#4F2D7F
}

.btn-outline{
    font-size:20px;
    margin-top:15px;
    transition:all .3s ease-in-out;
    color:#fff;
    border:solid 2px #fff;
    background:0 0
}

.btn-outline.active,.btn-outline:active,.btn-outline:focus,.btn-outline:hover{
    color:#18bc9c;
    border:solid 2px #fff;
    background:#fff
}

.btn-primary{
    font-weight:700;
    color:#fff;
    border-color:#4F2D7F;
    background-color:#4F2D7F
}
.btn-primary.focus,.btn-primary:focus{
    color:#fff;
    border-color:#000;
    background-color:#9581B2
}

.btn-primary:hover{
    color:#fff;
    border-color:#9581B2;
    background-color:#9581B2
}
.btn-primary.active,.btn-primary:active,.open>.btn-primary.dropdown-toggle{color:#fff;border-color:#161f29;background-color:#1a252f}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.btn-primary.dropdown-toggle.focus,.open>.btn-primary.dropdown-toggle:focus,.open>.btn-primary.dropdown-toggle:hover{color:#fff;border-color:#000;background-color:#0d1318}.btn-primary.active,.btn-primary:active,.open>.btn-primary.dropdown-toggle{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled]

.btn-primary:hover{
    border-color:#2c3e50;
    background-color:#2c3e50
}

.btn-primary .badge{
    color:#2c3e50;
    background-color:#fff
}
    
.btn-success{
    font-weight:700;
    color:#fff;
    border-color:#4F2D7F;
    background-color:#4F2D7F
}

.btn-success.focus,.btn-success:focus{
    color:#fff;
    border-color:#4F2D7F;
    background-color:#725798
}

.btn-success:hover{
    color:#fff;
    border-color:#725798;
    background-color:#725798
}

.btn-success.active,.btn-success:active,.open>.btn-success.dropdown-toggle{
    color:#fff;
    border-color:#725798;
    background-color:#725798
}

.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.btn-success.dropdown-toggle.focus,.open>.btn-success.dropdown-toggle:focus,.open>.btn-success.dropdown-toggle:hover{
    color:#fff;
    border-color:#725798;
    background-color:#725798
}

.btn-success.active,.btn-success:active,.open>.btn-success.dropdown-toggle{
    background-image:none
}

.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{border-color:#4F2D7F;background-color:#4F2D7F}
.btn-success .badge{
    color:#4F2D7F;
    background-color:#fff
}

.btn-social{
    font-size:20px;
    line-height:45px;
    display:inline-block;
    width:50px;
    height:50px;
    text-align:center;
    border:2px solid #fff;
    border-radius:100%
}

.btn.active, .btn:active, .btn:focus{
    outline:0
}

/*! esto esta nuevo cambiar solo el nav */

.no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}




$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})


#b{
    padding-top: 10px;
    width: 10px;
    height: 10px;
    color: red;
}


.wrap {
  width: 90%;
  max-width: 1000px;
  margin: auto;
 
}



.formulario {
  /* --------------------------------------- */
  /* ----- Radio Button */
  /* --------------------------------------- */
  /* --------------------------------------- */
  /* ----- Checkbox */
  /* --------------------------------------- */ }
  .formulario h2 {
    font-size: 11px;
    color: #001F3F;
    margin-bottom: 20px;
    margin-left: 20px; }
  .formulario > div {
    padding: 15px 0;
    }
  .formulario .radio label,
  .formulario .checkbox label {
    display: inline-block;
    cursor: pointer;
    color: #4F2D7F;
    position: relative;
    padding: 5px 15px 5px 51px;
    font-size: 16px;
    
    
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .formulario .radio label:hover,
    .formulario .checkbox label:hover {
      background: rgba(220, 213, 229, 0.4); }
    .formulario .radio label:before,
    .formulario .checkbox label:before {
      content: "";
      display: inline-block;
      width: 17px;
      height: 17px;
      position: absolute;
      left: 15px;
      border-radius: 50%;
      background: none;
      border: 3px solid #4F2D7F; }
  .formulario input[type="radio"] {
    display: none; }
    .formulario input[type="radio"]:checked + label:before {
      display: none; }
    .formulario input[type="radio"]:checked + label {
      padding: 5px 15px;
      background: #4F2D7F;
      border-radius: 2px;
      color: #fff; }
  .formulario .checkbox label:before {
    border-radius: 3px; }
  .formulario .checkbox input[type="checkbox"] {
    display: none; }
    .formulario .checkbox input[type="checkbox"]:checked + label:before {
      display: none; }
    .formulario .checkbox input[type="checkbox"]:checked + label {
      background: #4F2D7F;
      color: #fff;
      padding: 5px 15px; }