/*!* Start Bootstrap - Freelancer v1.1.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 
}
 p.small{
     font-size:16px 
}
 a,a:hover,a:focus,a:active,a.active{
     color:#18bc9c;
     outline:0 
}
 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:0;
     border-top:solid 5px;
     text-align:center;
     max-width:250px;
     margin:25px auto 30px 
}
 hr.star-light:after,hr.star-primary:after{
     content:"\f153";
     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:#18bc9c;
     color:#fff 
}
 hr.star-primary{
     border-color:#2c3e50 
}
 hr.star-primary:after{
     background-color:#fff;
     color:#2c3e50 
}
 .img-centered{
     margin:0 auto 
}
 header{
     text-align:center;
     background:#18bc9c;
     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:montserrat,helvetica neue,Helvetica,Arial,sans-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: 150px;
         padding-bottom:100px;
    }
     header .intro-text .name{
         font-size: 3.75em;
    }
     header .intro-text .skills{
         font-size:1.75em 
    }
}
 .navbar-custom{
     background:#2c3e50;
     font-family:montserrat,helvetica neue,Helvetica,Arial,sans-serif;
     text-transform:uppercase;
     font-weight:700;
     border:0 
}
 .navbar-custom a:focus{
     outline:0 
}
 .navbar-custom .navbar-brand{
     color:#fff 
}
 .navbar-custom .navbar-brand:hover,.navbar-custom .navbar-brand:focus,.navbar-custom .navbar-brand:active,.navbar-custom .navbar-brand.active{
     color:#fff 
}
 .navbar-custom .navbar-nav{
     letter-spacing:1px 
}
 .navbar-custom .navbar-nav li a{
     color:#fff 
}
 .navbar-custom .navbar-nav li a:hover{
     color:#18bc9c;
     outline:0 
}
 .navbar-custom .navbar-nav li a:focus,.navbar-custom .navbar-nav li a:active{
     color:#fff 
}
 .navbar-custom .navbar-nav li.active a{
     color:#fff;
     background:#18bc9c 
}
 .navbar-custom .navbar-nav li.active a:hover,.navbar-custom .navbar-nav li.active a:focus,.navbar-custom .navbar-nav li.active a:active{
     color:#fff;
     background:#18bc9c 
}
 .navbar-custom .navbar-toggle{
     color:#fff;
     text-transform:uppercase;
     font-size:10px;
     border-color:#fff 
}
 .navbar-custom .navbar-toggle:hover,.navbar-custom .navbar-toggle:focus{
     background-color:#18bc9c;
     color:#fff;
     border-color:#18bc9c 
}
 @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:#18bc9c;
     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(24,188,156,.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:0;
     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:#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:#2c3e50 
}
 footer .footer-col{
     margin-bottom:50px 
}
 footer .footer-below{
     padding:25px 0;
     background-color:#233140 
}
 .btn-outline{
     color:#fff;
     font-size:20px;
     border:solid 2px #fff;
     background:0 0;
     transition:all .3s ease-in-out;
     margin-top:15px 
}
 .btn-outline:hover,.btn-outline:focus,.btn-outline:active,.btn-outline.active{
     color:#18bc9c;
     background:#fff;
     border:solid 2px #fff 
}
 .btn-primary{
     color:#fff;
     background-color:#2c3e50;
     border-color:#2c3e50;
     font-weight:700 
}
 .btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{
     color:#fff;
     background-color:#1a242f;
     border-color:#161f29 
}
 .btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{
     background-image:none 
}
 .btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{
     background-color:#2c3e50;
     border-color:#2c3e50 
}
 .btn-primary .badge{
     color:#2c3e50;
     background-color:#fff 
}
 .btn-success{
     color:#fff;
     background-color:#18bc9c;
     border-color:#18bc9c;
     font-weight:700 
}
 .btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{
     color:#fff;
     background-color:#128f76;
     border-color:#11866f 
}
 .btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{
     background-image:none 
}
 .btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{
     background-color:#18bc9c;
     border-color:#18bc9c 
}
 .btn-success .badge{
     color:#18bc9c;
     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 
}
 .btn:focus,.btn:active,.btn.active{
     outline:0 
}
 .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 
}
 .scroll-top .btn:focus{
     outline:0 
}
 .portfolio-modal .modal-content{
     border-radius:0;
     background-clip:border-box;
     -webkit-box-shadow:none;
     box-shadow:none;
     border:0;
     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:#2c3e50;
     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:#2c3e50;
     transform:rotate(90deg);
     -ms-transform:rotate(90deg);
     -webkit-transform:rotate(90deg);
     z-index:1052 
}
 .portfolio-modal .modal-backdrop{
     opacity:0;
     display:none 
}
 .btn-group-lg>.btn, .btn-lg {
     border-radius: 4px;
}
 .form-control {
     height: 46px;
     padding: 0 10px;
     font-size: 15px;
}
 .vt_api {
     background: #1b967e;
     border-radius: 5px;
     padding: 10px 20px;
     text-align: left;
     margin-bottom: 20px;
}
 .vt_api .ct {
}
 .vt_api .ct p {
}
 .vt_api .ct p:before {
     content: '';
     background: url('/vatlayer_plus_euvatga.png') no-repeat;
     width: auto;
     background-size: 375px;
     height: 60px;
     display: block;
     position: relative;
}
 .vt_api .ct a {
     color: #fff;
     text-decoration: underline;
}
 .vt_api .ct a.cta_v {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ee6123),color-stop(1,#de5011));
    background: -o-linear-gradient(bottom,#ee6123 0,#de5011 100%);
    background: -moz-linear-gradient(bottom,#ee6123 0,#de5011 100%);
    background: -webkit-linear-gradient(bottom,#ee6123 0,#de5011 100%);
    background: -ms-linear-gradient(bottom,#ee6123 0,#de5011 100%);
    background: linear-gradient(to bottom,#ee6123 0,#de5011 100%);
    color: #ffffff;
    padding: 4px 10px 6px 10px;
    display: block;
    width: 200px;
    text-align: center;
    border-radius: 5px;
    margin-top: 15px;
     text-decoration: none;
}