/*!
 * 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
}
p.small
{
font-size:16px
}
a,a.active,a:active,a:focus,a:hover
{
color:#FFFF00
text-underline:none;
}
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:#ffff00;
color:#fff
}
hr.star-primary
{
border-color:#2C3E50
}
hr.star-primary:after
{
background-color:#fff;
color:#ffff00
}
.img-centered
{
margin:0 auto
}
header
{
text-align:center;
background:#333333;
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;
color:#FFFF00
}
header .intro-text .skills
{
font-size:1.25em;
font-weight:300;
color:#FFFF00
}
@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:#333333;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{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:#FFFF00}.navbar-custom .navbar-nav li a:active,.navbar-custom .navbar-nav li a:focus{color:#cccccc}.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:#cccccc}.navbar-custom .navbar-toggle{color:#cccccc;text-transform:uppercase;font-size:10px;border-color:#fff
}
.navbar-custom .navbar-toggle:focus,.navbar-custom .navbar-toggle:hover
{
background-color:#333333;
color:#ffff00;
border-color:#ffff00
}
@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:#333333;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(253, 242, 2, 1);
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:#ffff00}form .row:first-child .floating-label-form-group{border-top:1px solid #FFFF00}
footer{color:#FFFF00}
footer h3{margin-bottom:30px}
footer .footer-above{padding-top:50px;background-color:#333333}
footer .footer-col{margin-bottom:50px}
footer .footer-below{padding:25px 0;background-color:#333333}
.btn-outline
{
color:#333333;
font-size:24px;
border:2px solid #333333;
background:0 0;
background-color:#FFFFFF;
transition:all .3s ease-in-out;
margin-top:15px
}
.btn-outline.active,.btn-outline:active,.btn-outline:focus,.btn-outline:hover
{
color:#FFFFFF;
background:#333333;
border:2px solid #333333
}
.btn-primary
{
color:#333333;
background-color:#ffffff;
border-color:#ffffff;
font-weight:700
}
.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open .dropdown-toggle.btn-primary
{
color:#fff;
background-color:#FFFFF;
border-color:#333333
}
.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:#2C3E50;
border-color:#2C3E50
}
.btn-primary
.badge
{
color:#2C3E50;
background-color:#fff
}
.btn-success
{
color:#fff;
background-color:#333333;
border-color:#333333;
font-weight:700
}
.btn-success.active,.btn-success:active,.btn-success:focus,.btn-success:hover,.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.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;
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:#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
}
#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:#18BC9C;
outline:0;
transition:top .1s ease-in,background .5s linear
}
div#maincontent
{
outline:0
}
.button {
    background-color: #333333;
    border: 10px;
    width: 100%;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 24px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.button {
    background-color: #ffffff;
    color: #ffff00;
    border: 2px solid #000000;
}

.button5:hover {
    background-color: white;
    color: #333333;
}