/*!
 * Start Bootstrap - Freelancer v1.1.0 (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.active,
a:active,
a:focus,
a:hover
    {
        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: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
    }
.navbar-custom,
header .intro-text,
.name
    {
        font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
        text-transform:uppercase
    }
hr.star-light
    {
        border-color:#fff
    }
hr.star-light:after
    {
        background-color:#150495;
        color:#fff
    }
hr.star-primary
    {
        border-color:#fff
    }
hr.star-primary:after
    {
        background-color:#150495;
        color:#fff
    }
.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-custom,
.navbar-nav li a,
header
    {
        color:#fff
    }
.img-centered
    {
        margin:0 auto
    }
header
    {
        text-align:center;
        background:#B0BCFF
    }
header .container
    {
        padding-top:100px;
        padding-bottom:50px
    }
header img{display:block;margin:0 auto 20px}
header .intro-text .name
    {
        display:block;
        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:106px;
                padding-bottom:28px
            }
        header .intro-text .name
            {
                font-size:4.75em
            }
        header .intro-text .skills
            {
                font-size:1.75em
            }
    }
.navbar-custom
    {
        background:#150495;
        font-weight:700;
        border:none
    }
.navbar-custom a:focus
    {
        outline:0
    }
.navbar-custom .navbar-nav
    {
        letter-spacing:1px
    }
.navbar-custom .navbar-nav li a:hover
    {
        color:#18BC9C;
        outline:0
    }
.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:#18BC9C
    }
.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:#18BC9C;
        color:#fff;
        border-color:#18BC9C
    }
@media (min-width:768px)
    {
        .navbar-custom
            {
                padding:12px 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:#ffffff
    }
@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:#ffffff
    }
.btn-social,
.scroll-top,
.scroll-top .btn
    {
        width:50px;
        height:50px
    }
#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:#18BC9C
    }
form .row:first-child .floating-label-form-group
    {
        border-top:1px solid #eee
    }
footer
    {
        color:#ffffff
    }
footer h3
    {
        margin-bottom:30px
    }
footer .footer-above
    {
        padding-top:50px;
        background-color:#2C3E50
    }
footer .footer-col
    {
        margin-bottom:50px
    }
footer .footer-below
    {
        padding:41px 0;
        background-color:#150495
    }
.btn-outline
    {
        color:#ffffff;
        font-size:20px;
        border:2px solid #ffffff;
        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:#18BC9C;
        background:#ffffff;
        border:2px solid #ffffff
    }
.btn-primary.active,
.btn-primary:active,
.btn-success.active,
.btn-success:active,
.open .dropdown-toggle.btn-primary,
.open .dropdown-toggle.btn-success
    {
        background-image:none
    }
.btn-primary
    {
        color:#fff;
        background-color:#2C3E50;
        border-color:#2C3E50;
        font-weight:700
    }
.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open .dropdown-toggle.btn-primary
    {
        color:#fff;
        background-color:#1a242f;
        border-color:#161f29
    }
.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:#2C3E50;
        border-color:#2C3E50
    }
.btn-primary .badge
    {
        color:#2C3E50;
        background-color:#fff
    }
.btn-success
    {
        color:#fff;
        background-color:#150495;
        border-color:#150495;
        font-weight:700
    }
.btn-success.active,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.open .dropdown-toggle.btn-success
    {
        color:#fff;
        background-color:#BA58FB;
        border-color:#BA58FB
    }
.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:#18BC9C;
        border-color:#18BC9C
    }
.btn-success .badge
    {
        color:#18BC9C;
        background-color:#fff
    }
.btn-social
    {
        display:inline-block;
        border:2px solid #fff;
        border-radius:100%;
        text-align:center;
        font-size:20px;
        line-height:45px
    }
.btn.active,
.btn:active,
.btn:focus
    {
        outline:0
    }
.scroll-top
    {
        position:fixed;
        right:2%;
        bottom:2%;
        z-index:1049
    }
.scroll-top .btn
    {
        font-size:20px;
        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: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:#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
    }