/*!
 * Start Bootstrap - Freelancer v3.3.7+1 (http://startbootstrap.com/template-overviews/freelancer)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
 body{
     font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;
     overflow-x:hidden
 }
 
 p{
     font-size:20px
     
 }
 small{
     font-size:16px
     
 }
 a,a.active,a:active,a:focus,a:hover{
     color:#fff;
 }
 h1,h2,h3,h4,h5,h6{
     font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
     text-transform:uppercase;
     font-weight:700
 }
 hr.star-light,hr.star-primary{
     padding:0;
     border:none;
     border-top:solid 5px;
     text-align:center;
     max-width:250px;
     margin:25px auto 30px;
 }
 hr.star-light:after,hr.star-primary:after{
     content:"\f005";
     font-family:FontAwesome;
     display:inline-block;
     position:relative;
     top:-.8em;
     font-size:2em;
     padding:0 .25em;
 }
 hr.star-light{
     border-color:#fff
 }
 hr.star-light:after{
     background-color:#5D5C61;
     color:#fff
 }
 hr.star-primary{
     border-color:#5D5C61
 }
 hr.star-primary:after{
     background-color:#fff;
     color:#5D5C61;
 }
 .img-centered{
     margin:0 auto;
 }
 header{
     text-align:center;
     background:#b3c2bf;
     color:#fff;
 }
 header .container{
     padding-top:100px;
     padding-bottom:50px;
 }
 header img{
     display:block;
     margin:0 auto 20px;
 }
 header .intro-text .name{
     display:block;
     font-family:"Times New Roman", Times, serif;
     text-transform:uppercase;
     font-weight:700;
     font-size:2em;
 }
 header .intro-text .skills{
     font-size:1.25em;
     font-weight:300;
 }
 @media (min-width:768px){
     header .container{
         padding-top:200px;
         padding-bottom:100px;
     }
     header .intro-text .name{
         font-size:4.75em;
     }
     header .intro-text .skills{
         font-size:1.75em;
     }
     
 }
 .navbar-custom{
     background:#5D5C61;
     font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
     text-transform:uppercase;
     font-weight:700;
     border:none;
 }
 .navbar-custom .navbar-brand,.navbar-custom .navbar-brand.active,.navbar-custom .navbar-brand:active,.navbar-custom .navbar-brand:focus,.navbar-custom .navbar-brand:hover, navbar-lang{
     color:#fff;
 }
 .navbar-lang{
  font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:1em;
  color:#fff;
  text-align: center;
  vertical-align:central;
 }
 navbar-lang:hover{
  color:#b3c2bf;
 }
 .navbar-custom .navbar-nav{
     letter-spacing:1px
 }
 .navbar-custom .navbar-nav li a{
     color:#fff;
 }
 .navbar-custom .navbar-nav li a:hover{
     color:#b3c2bf;
 }
 .navbar-custom .navbar-nav li a:active,.navbar-custom .navbar-nav li a:focus{
     color:#fff;
 }
 .navbar-custom .navbar-nav li.active a,.navbar-custom .navbar-nav li.active a:active,.navbar-custom .navbar-nav li.active a:focus,.navbar-custom .navbar-nav li.active a:hover{
     color:#fff;background:#b3c2bf;
 }
 .navbar-custom .navbar-toggle{
     color:#fff;
     text-transform:uppercase;
     font-size:10px;
     border-color:#fff;
 }
 .navbar-custom .navbar-toggle:focus,.navbar-custom .navbar-toggle:hover{
     background-color:#b3c2bf;
     color:#fff;
     border-color:#b3c2bf;
 }
 @media (min-width:768px){
     .navbar-custom{
         padding:25px 0;
         -webkit-transition:padding .3s;
         -moz-transition:padding .3s;
         transition:padding .3s;
     }
     .navbar-custom .navbar-brand{
         font-size:2em;
         -webkit-transition:all .3s;
         -moz-transition:all .3s;
         transition:all .3s;
     }
     .navbar-custom.affix{
         padding:10px 0;
     }
     .navbar-custom.affix .navbar-brand{
         font-size:1.5em;
     }
     
 }
 section{
     padding:100px 0;
 }
 section h2{
     margin:0;
     font-size:3em;
 }
 section.success{
     background:#b3c2bf;
     color:#fff;
 }
 @media (max-width:767px){
     section{
         padding:75px 0;
     }
     section.first{
         padding-top:75px;
     }
     
 }
 #portfolio .portfolio-item{
     margin:0 0 15px;
     right:0;
 }
 #portfolio .portfolio-item .portfolio-link{
     display:block;
     position:relative;
     max-width:400px;
     margin:0 auto;
 }
 #portfolio .portfolio-item .portfolio-link .caption{
     background:rgba(179, 194, 191,0.9);
     position:absolute;
     width:100%;
     height:100%;
     opacity:0;
     transition:all ease .5s;
     -webkit-transition:all ease .5s;
     -moz-transition:all ease .5s;
 }
 #portfolio .portfolio-item .portfolio-link .caption:hover{
     opacity:1;
 }
 #portfolio .portfolio-item .portfolio-link .caption .caption-content{
     position:absolute;
     width:100%;
     height:20px;
     font-size:20px;
     text-align:center;
     top:50%;margin-top:-12px;
     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;
     }
     
 }
 .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{
     z-index:1;
     position:relative;
     padding-right:0;
     padding-left:0;
     border:none;
     border-radius:0;
     font-size:1.5em;
     background:0 0;
     box-shadow:none!important;
     resize:none;
 }
 .floating-label-form-group label{
     display:block;
     z-index:0;position:relative;
     top:2em;
     margin:0;
     font-size:.85em;
     line-height:1.764705882em;
     vertical-align:middle;
     vertical-align:baseline;
     opacity: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;
 }
 .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:#b3c2bf;
 }
 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:#b3c2bf;
 }
 footer .footer-col{
     margin-bottom:50px;
 }
 footer .footer-below{
     padding:25px 0;
     background-color:#b3c2bf;
 }
 .btn-outline{
     color:#fff;
     font-size:20px;
     border:2px solid #fff;
     background:0 0;
     transition:all .3s ease-in-out;
     margin-top:15px;
 }
 .btn-outline.active,.btn-outline:active,.btn-outline:focus,.btn-outline:hover{
     color:#b3c2bf;
     background:#fff;
     border:2px solid #fff;
 }
 .btn-primary{
     color:#fff;
     background-color:#b3c2bf;
     border-color:#b3c2bf;
     font-weight:700;
 }
 .btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open .dropdown-toggle.btn-primary{
     color:#fff;
     background-color:#5D5C61;
     border-color:#5D5C61;
 }
 .btn-primary.active,.btn-primary:active,.open .dropdown-toggle.btn-primary{
     background-image:none;
 }
 .btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{
     background-color:#5D5C61;
     border-color:#5D5C61;
 }
 .btn-primary .badge{
     color:#b3c2bf;
     background-color:#fff;
 }
 .btn-success{
     color:#fff;
     background-color:#b3c2bf;
     border-color:#b3c2bf;
     font-weight:700;
 }
 .btn-success.active,.btn-success:active,.btn-success:focus,.btn-success:hover,.open .dropdown-toggle.btn-success{
     color:#fff;
     background-color:#5D5C61;
     border-color:#5D5C61;
 }
 .btn-success.active,.btn-success:active,.open .dropdown-toggle.btn-success{
     background-image:none;
 }
 .btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{
     background-color:#5D5C61;
     border-color:#5D5C61;
     box-shadow:5px 5px 2.5px gray;
 }
 .btn-success .badge{
     color:#b3c2bf;
     background-color:#fff;
 }
 .btn-social{
     display:inline-block;
     height:50px;
     width:50px;
     border:2px solid #fff;
     border-radius:100%;
     text-align:center;
     font-size:20px;
     line-height:45px;
 }
 .scroll-top{
     position:fixed;
     right:2%;
     bottom:2%;
     width:50px;
     height:50px;
     z-index:1049;
 }
 .scroll-top .btn{
     font-size:20px;
     width:50px;
     height:50px;
     border-radius:100%;
     line-height:28px;
 }
 .portfolio-modal .modal-content{
     border-radius:0;
     background-clip:border-box;
     -webkit-box-shadow:none;
     box-shadow:none;
     border:none;
     min-height:100%;
     padding:100px 0;
     text-align:center;
 }
 .portfolio-modal .modal-content h2{
     margin:0;
     font-size:3em;
     
 }
 .portfolio-modal .modal-content img{
     margin-bottom:30px;
 }
 .portfolio-modal .modal-content .item-details{
     margin:30px 0;
 }
 .portfolio-modal .close-modal{
     position:absolute;
     width:75px;
     height:75px;
     background-color:transparent;
     top:25px;right:25px;
     cursor:pointer;
 }
 .portfolio-modal .close-modal:hover{
     opacity:.3;
 }
 .portfolio-modal .close-modal .lr{
     height:75px;
     width:1px;
     margin-left:35px;
     background-color:#b3c2bf;
     transform:rotate(45deg);
     -ms-transform:rotate(45deg);
     -webkit-transform:rotate(45deg);
     z-index:1051;
 }
 .portfolio-modal .close-modal .lr .rl{
     height:75px;
     width:1px;
     background-color:#b3c2bf;
     transform:rotate(90deg);
     -ms-transform:rotate(90deg);
     -webkit-transform:rotate(90deg);z-index:1052;
 }
 .portfolio-modal .modal-backdrop{
     opacity:0;
     display:none;
 }
 #skipnav a{
     padding:6px;
     position:absolute;
     top:-40px;
     left:0;
     color:#fff;
     border-right:1px solid #fff;
     border-bottom:1px solid #fff;
     border-bottom-right-radius:8px;
     background:0 0;
     transition:top 1s ease-out,background 1s linear;
     z-index:2000;
 }
 #skipnav a:focus{
     position:absolute;
     left:0;
     top:0;
     background:#b3c2bf;
     outline:0;
     transition:top .1s ease-in,background .5s linear;
     
 }
 div #maincontent{
     outline:0;
 }
#border{
 border-bottom: 2px #5D5C61 solid;
}

.indent{
 text-indent: 50px;
}

.mycontent-left {
  border-left: 1px solid #fff;
}

.lang{
 color:#fff;
 font-size: 1em;
 font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
 text-decoration:underline; 
}

.icon, icon.active, icon:hover, icon:focus, icon:active{
 color:green;
}