/*!
 * Start Bootstrap - Freelancer v5.0.3 (https://startbootstrap.com/template-overviews/freelancer)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-freelancer/blob/master/LICENSE)
 */
body
{
     font-family:'Raleway', sans-serif;
}

h1
{
    color: #429cd6;
    font-family: 'Raleway', sans-serif;
    font-weight:900;  
    text-shadow: 2px 2px 10px #000000;
}


h2
{
    color: #429cd6;
    font-family: 'Raleway', sans-serif;
    font-weight: 900;  
}

h3
{
    font-size: 36px;
    color: #429cd6;
    font-family: 'Raleway', sans-serif;
    font-weight: 900;  
    text-shadow: 2px 2px 5px #000000;
}
h4
{
 
    font-size: 26px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;  
    text-shadow: 2px 2px 5px #000000;
}

h5
{
 
    font-size: 20px;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;  
}


.textname{
  font-size: calc(8px + 13vw);
    line-height: 50px;
}

.textdesc{
  font-size: calc(3px + 3.3vw);
}

.textdesc2{
      font-size: calc(3px + 3vw);
}

.portfoliotxt{
    text-align: justify;
    -webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}


@media screen and (min-width: 670px) and (orientation: portrait) {
  .textname {
     font-size: 87px;
          line-height: 70px;
  }
}

@media screen and (min-width: 645px) and (orientation: portrait) {
      .textdesc {
     font-size: 21.285px;
  }
          .textdesc2 {
     font-size: 19.35px;
  }
}

@media screen and (min-width: 670px) and (orientation: landscape) {
  .textname {
     font-size: 87px;
          line-height: 70px;
  }
}

@media screen and (min-width: 645px) and (orientation: landscape) {
      .textdesc {
     font-size: 21.285px;
  }
          .textdesc2 {
     font-size: 19.35px;
  }
}

hr.star-dark,hr.star-light
{
    max-width:15rem;
    padding:0;
    text-align:center;
    border:none;
    border-top:solid .25rem;
    margin-top:2.5rem;
    margin-bottom:2.5rem;
    margin-left:auto;
    margin-right:auto
}

hr.star-dark:after,hr.star-light:after
{
    position:relative;
    top:-.8em;
    display:inline-block;
    padding:0 .25em;
    content:'\f005';font-family:'Raleway', sans-serif;
    font-weight:900;
    font-size:2em
}

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

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

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

hr.star-dark:after
{
    color:#fff;
    background-color:#474B4F
}

section
{
    padding:6rem 0
}

section h2
{
    font-size:2.25rem;
    line-height:2rem
}

@media (min-width:992px)
{
    section h2
    {
        font-size:3rem;
        line-height:2.5rem
    }
}

.btn-xl
{
    padding:1rem 1.75rem;
    font-size:1.25rem
}

.btn-social
{
    width:3.25rem;
    height:3.25rem;
    font-size:1.25rem;
    line-height:2rem
}

.scroll-to-top
{
    z-index:1042;
    right:1rem;
    bottom:1rem;
    display:none
}

.scroll-to-top a
{
    width:3.5rem;
    height:3.5rem;
    background-color:rgba(33,37,41,.5);
    line-height:3.1rem
}


#mainNav
{
    padding-top:1rem;
    padding-bottom:1rem;
    font-weight:700;
    font-family:'Raleway', sans-serif;
    display: none;
}

#mainNav .navbar-brand
{
    color:#fff
}

#mainNav .navbar-nav
{
    margin-top:1rem;
    letter-spacing:.0625rem
}

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

#mainNav .navbar-nav li.nav-item a.nav-link:hover
{
   color: #429cd6;
}

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

#mainNav .navbar-nav li.nav-item a.nav-link.active
{
    color:#429cd6;
}

#mainNav .navbar-toggler
{
    font-size:80%;
    padding:.8rem;
            visibility: hidden;
}

@media (min-width:992px)
{
    #mainNav
    {
        padding-top:1.5rem;
        padding-bottom:1.5rem;
        -webkit-transition:padding-top .3s,padding-bottom .3s;
        transition:padding-top .3s,padding-bottom .3s;
        visibility: hidden;
    }
    
    #mainNav .navbar-brand
    {font-size:2em;
        -webkit-transition:font-size .3s;
        transition:font-size .3s;
                    visibility: hidden;
    }
    
    #mainNav .navbar-nav
    {
        margin-top:0;
                visibility: hidden;
    }
    
    #mainNav .navbar-nav>li.nav-item>a.nav-link.active
    {
        color:#fff;
        background:#86C232;
                visibility: hidden;
    }
    
    #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:#fff;
        background:#86C232;
                visibility: hidden;
    }
    
    #mainNav.navbar-shrink
    {
        padding-top:.5rem;
        padding-bottom:.5rem;
                visibility: hidden;
    }
    
    #mainNav.navbar-shrink .navbar-brand
    {
        font-size:1.5em;
                visibility: hidden;
    }
}

header.masthead
{
    padding-top:calc(6rem + 72px);
    padding-bottom:6rem
}

header.masthead h1
{
    font-size:3rem;
    line-height:3rem
}

header.masthead h2
{
    font-size:1.3rem;
    font-family: 'Raleway', sans-serif;
}

@media (min-width:992px)
{
    header.masthead
    {
        padding-top:calc(6rem + 106px);
        padding-bottom:6rem
    }
    header.masthead h1
    {
        font-size:4.75em;
        line-height:4rem
    }
    header.masthead h2
    {
        font-size:1.75em
    }
}

.portfolio
{
    margin-bottom:-15px
}

.portfolio .portfolio-item
{
    position:relative;
    display:block;
    max-width:25rem;
}

.no-padding
{
    padding-left: 0px; !important;
    padding-right: 0px; !important;
    margin-left: 0px; !important;
    margin-right: 0px; !important;
}

.portfolio .portfolio-item .portfolio-item-caption
{
    -webkit-transition:all ease .5s;
    transition:all ease .5s;
    opacity:0;
    background-color:rgba(66,156,214,.9)
}

.portfolio .portfolio-item .portfolio-item-caption:hover
{
    opacity:1
}

.portfolio .portfolio-item .portfolio-item-caption .portfolio-item-caption-content
{
    font-size:1.5rem;
}

@media (min-width:576px)
{
    .portfolio
    {
    }
    
    .portfolio .portfolio-item
    {
    }
}

.portfolio-modal .portfolio-modal-dialog
{
    padding:3rem 1rem;
    min-height:calc(100vh - 2rem);
    margin:1rem calc(1rem - 8px);
    position:relative;
    z-index:2;
    -webkit-box-shadow:0 0 3rem 1rem rgba(0,0,0,.5);
    box-shadow:0 0 3rem 1rem rgba(0,0,0,.5)
}

.portfolio-modal .portfolio-modal-dialog .close-button
{
    position:absolute;
    top:2rem;
    right:2rem
}

.portfolio-modal .portfolio-modal-dialog .close-button i
{
    line-height:20px
}

.portfolio-modal .portfolio-modal-dialog h2
{
    font-size:2rem
}

@media (min-width:768px)
{
    .portfolio-modal .portfolio-modal-dialog
    {
        min-height:100vh;
        padding:2rem;
        margin:3rem calc(3rem - 8px)
    }
    
    .portfolio-modal .portfolio-modal-dialog h2
    {
        font-size:3rem
    }
}

.floating-label-form-group
{
    position:relative;
    border-bottom:1px solid #e9ecef
}

.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;
    -webkit-box-shadow:none!important;
    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;
    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 #e9ecef
}

.floating-label-form-group-with-value label
{
    top:0;
    opacity:1
}

.floating-label-form-group-with-focus label
{
    color:#429cd6
}

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

.footer
{
    padding-top:5rem;
    padding-bottom:5rem;
    background-color:#222629;
    color:#fff
}

.copyright
{
    background-color:#474B4F
}

a
{
    color:#429cd6
}

a:active,a:focus,a:hover
{
    color:#3680b0
}

.btn
{
    border-width:2px;
    font-family: 'Raleway', sans-serif;
    font-weight: 900;
        text-shadow: 2px 2px 5px #000000;
}

.bg-primary
{
    background-color:#222629 !important
}

.bg-secondary
{
    background-color:#474B4F !important
}

.text-primary
{
    color:#429cd6 !important
}

.text-secondary
{
    color:#429cd6 !important
}

.btn-primary
{
    background-color:#429cd6;
    border-color:#429cd6
}

.btn-primary:active,.btn-primary:focus,.btn-primary:hover
{
    background-color:#3680b0;
    border-color:#3680b0
}

.btn-secondary
{
    background-color:#474B4F;
    border-color:#474B4F
}

.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover
{
    background-color:#6B6E70;
    border-color:#6B6E70
}

.w3-content{max-width:980px;margin:auto}
.w3-display-container{position:relative}
.w3-btn:hover,.w3-btn-block:hover,.w3-btn-floating:hover,.w3-btn-floating-large:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-button{color:#000;background-color:#f1f1f1;padding:8px 16px}.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-btn,.w3-btn-floating,.w3-btn-floating-large,.w3-closenav,.w3-opennav,.w3-btn-block,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-btn-floating,.w3-btn-floating-large{display:inline-block;text-align:center;color:#fff;background-color:#000;position:relative;overflow:hidden;z-index:1;padding:0;border-radius:50%;cursor:pointer;font-size:24px}
.w3-btn-floating{width:40px;height:40px;line-height:40px}.w3-btn-floating-large{width:56px;height:56px;line-height:56px}
.w3-disabled,.w3-btn:disabled,.w3-button:disabled,.w3-btn-floating:disabled,.w3-btn-floating-large:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
.w3-btn.w3-disabled:hover,.w3-btn-block.w3-disabled:hover,.w3-btn:disabled:hover,.w3-btn-floating.w3-disabled:hover,.w3-btn-floating:disabled:hover,
.w3-btn-floating-large.w3-disabled:hover,.w3-btn-floating-large:disabled:hover{box-shadow:none}
.w3-btn-group .w3-btn{float:left}.w3-btn-block{width:100%}
.w3-btn-bar .w3-btn{box-shadow:none;background-color:inherit;color:inherit;float:left}.w3-btn-bar .w3-btn:hover{background-color:#ccc}
.w3-badge,.w3-tag,.w3-sign{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}
.w3-badge{border-radius:50%}
ul.w3-ul{list-style-type:none;padding:0;margin:0}ul.w3-ul li{padding:6px 2px 6px 16px;border-bottom:1px solid #ddd}ul.w3-ul li:last-child{border-bottom:none}
.w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}
.w3-navbar{list-style-type:none;margin:0;padding:0;overflow:hidden}
.w3-navbar li{float:left}.w3-navbar li a,.w3-navitem,.w3-navbar li .w3-btn,.w3-navbar li .w3-input{display:block;padding:8px 16px}.w3-navbar li .w3-btn,.w3-navbar li .w3-input{border:none;outline:none;width:100%}
.w3-navbar li a:hover{color:#000;background-color:#ccc}
.w3-navbar .w3-dropdown-hover,.w3-navbar .w3-dropdown-click{position:static}
.w3-navbar .w3-dropdown-hover:hover,.w3-navbar .w3-dropdown-hover:first-child,.w3-navbar .w3-dropdown-click:hover{background-color:#ccc;color:#000}
.w3-navbar a,.w3-topnav a,.w3-sidenav a,.w3-dropdown-content a,.w3-accordion-content a,.w3-dropnav a,.w3-navblock a{text-decoration:none!important}
.w3-navbar .w3-opennav.w3-right{float:right!important}.w3-topnav{padding:8px 8px}
.w3-navblock .w3-dropdown-hover:hover,.w3-navblock .w3-dropdown-hover:first-child,.w3-navblock .w3-dropdown-click:hover{background-color:#ccc;color:#000}
.w3-navblock .w3-dropdown-hover,.w3-navblock .w3-dropdown-click{width:100%}.w3-navblock .w3-dropdown-hover .w3-dropdown-content,.w3-navblock .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-topnav a{padding:0 8px;border-bottom:3px solid transparent;-webkit-transition:border-bottom .25s;transition:border-bottom .25s}
.w3-topnav a:hover{border-bottom:3px solid #fff}.w3-topnav .w3-dropdown-hover a{border-bottom:0}
.w3-opennav,.w3-closenav{color:inherit}.w3-opennav:hover,.w3-closenav:hover{cursor:pointer;opacity:0.8}
.w3-btn,.w3-btn-floating,.w3-dropnav a,.w3-btn-floating-large,.w3-btn-block, .w3-navbar a,.w3-navblock a,.w3-sidenav a,.w3-pagination li a,.w3-hoverable tbody tr,.w3-hoverable li,
.w3-accordion-content a,.w3-dropdown-content a,.w3-dropdown-click:hover,.w3-dropdown-hover:hover,.w3-opennav,.w3-closenav,.w3-closebtn,*[class*="w3-hover-"]
{-webkit-transition:background-color .25s,color .15s,box-shadow .25s,opacity 0.25s,filter 0.25s,border 0.15s;transition:background-color .25s,color .15s,box-shadow .15s,opacity .25s,filter .25s,border .15s}
.w3-ripple:active{opacity:0.5}.w3-ripple{-webkit-transition:opacity 0s;transition:opacity 0s}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}