@font-face {
     font-family: GothamLight;
     src: url(../fonts/Gotham-Light.otf);
}
 @font-face {
     font-family: GothamThin;
     src: url(../fonts/Gotham-Thin.otf);
}
 @font-face {
     font-family: GothamThin;
     src: url(../fonts/Gotham-Thin.otf);
}
 @font-face {
     font-family: GothamBold;
     src: url(../fonts/Gotham-Bold.otf);
}
 * {
     /*color: #868686 !important;*/
     color:#ccc !important;

}

html {
  overflow:   scroll;
}
::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* make scrollbar transparent */
}


body
{
    background-color: #000 !important;
}

img {
    /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
      filter: gray; /* IE5+ */
      -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
      -webkit-transition: all .9s ease-in-out; 
    }

    img:hover {
    filter: none;
      -webkit-filter: grayscale(0);
      /*-webkit-transform: scale(1.01);*/
    }

    #logo img
    {
        filter:none;
    }

    #welcome img
    {
        filter:none;
    }



ul
{
    padding:0px;
    margin: 0px;
}
 p {
     font-family: "GothamLight";
     font-size: 14px;
     text-align: justify;
     padding: 0px;
     margin: 0px;

}
footer
{
    font-family: "GothamThin";
    text-align: center;
    font-size: 14px;
margin-top:20px;
}

footer p
{
    text-align: center;
    margin-bottom: 50px;
}

form
{
text-align:center;
}
.navbar
{
display: none;
}
#social
{
    float: left;
}

#social img

{
    width: 20px;
    margin-right: 10px;
}
.col-sm-6 {
        padding-left: 5px;
        padding-right: 5px;
    }

 #welcome {
     width: 100%;
     height: 100vh;
     display: -webkit-flex;
    /* Safari */
     -webkit-align-items: flex-start;
    /* Safari 7.0+ */
     display: flex;
     align-items: flex-start;
}
 #welcome div {
     -webkit-flex: 1;
    /* Safari 6.1+ */
     flex: 1;
     text-align: center;
}
 #center {
     -webkit-align-self: center;
    /* Safari 7.0+ */
     align-self: center;
     margin-left: auto;
     margin-right: auto;
}
 #center img {
     width: 200px !important;
     text-align: center;
}

.about img
{
    width: 100%;
}
 .sitelogo h1 {
     font-size: 16px;
     font-family: GothamThin;
     margin-top: -15px;
     padding: 0px;

}


.row
{
      padding: 0px;
      margin: 0px;
}
 #logo {
  
     margin:10px;
}
 #logotext {

     float: right;
     font-family: "GothamThin";
     margin-right: 5px;
}

#logotext .so
{
     font-family: "GothamLight";
}


#primary_nav_wrap {
     float: left;
     font-family: "GothamLight";   
}

#secondary_nav_wrap ul li:last-child
{
margin-right:0px !important;
}



#primary_nav_wrap ul
{
    list-style:none;
    position:relative;
    float:left;
    margin:0;
    padding:0
}

#primary_nav_wrap ul a
{
    display:block;
    text-decoration:none;


}

#primary_nav_wrap ul li
{
    position:relative;
    float:left;

    font-weight: normal;
    font-family: "GothamThin"; 
    margin-right: 35px;
 
}



#primary_nav_wrap ul ul
{
    display:none;
    position:absolute;
  
    left:0;
    padding:0
}

#primary_nav_wrap ul ul li
{
    float:none;


    background-color: #000;
    z-index: 999999;
    width: 200px;
font-size:12px;



}



#primary_nav_wrap ul li:hover > ul
{
    display:block
}

#secondary_nav_wrap {
     float: right;
font-family: "GothamThin";
}



#secondary_nav_wrap ul
{
    list-style:none;
    position:relative;
    float:left;
    margin:0;
    padding:0

}
#secondary_nav_wrap ul a
{
    display:block;
    text-decoration:none;



}

#secondary_nav_wrap ul li
{
    position:relative;
    float:left;
    font-weight: normal;
    font-family: "GothamThin"; 
    margin-right: 35px;

}

#secondary_nav_wrap ul li:last-child
{
   
    margin-right: 0px;

}
#secondary_nav_wrap ul ul
{
    display:none;
    position:absolute;
    left:0;
    padding:0

}

#secondary_nav_wrap ul ul li
{

    background-color: #000;
    z-index: 999999;
    width: 200px;
font-size:12px;
}



#secondary_nav_wrap ul li:hover > ul
{
    display:block
}






 .container {
     padding-top: 25px;
}

.inspiration
{
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      height: 100%;

}
 .inspiration img {
    width: 100%;
    text-align: center;

     margin-bottom: 40px;

}
.sketch
{
      width:100%;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
     
}
 .sketch img {

   max-width: 60%;
    text-align: center;

     

}
 .sketch p {
     text-align: center;
margin-top:10px;
margin-bottom:40px;
     
}

 .content {
     margin-top: 50px;
}
 .col-sm-6 {
   padding: 0px;
   margin: 0px;

}
.col-sm-12
{
     padding: 0px;
     margin: 0px;
}
 .ect {
     margin-top: 80px;
}
.project
{
    position: relative;
    z-index: 10000;
}
 .projectimages
 {
    max-width: 100%;
 }
 .projectimages img {
     width: 100%;
     height: 100%;
     margin-bottom: 20px;
     margin-right: auto;
     margin-left: auto;
}

#gpi
{
    max-width: 450px;
}
.projecttext
{
    margin-top: 40px;
    margin-bottom: 40px;
}
 .projecttext p {
     font-family: "GothamThin";

}
 .projecttext h5 {
     font-family: "GothamThin";
}
 .projectlabel {
     width: 100%;
     list-style: none;
     float: left;
     font-family: GothamThin;
     font-size: 12px;
     line-height: 50px;
     text-align: right;
     font-weight: bold;
     margin-top: -3px;

    padding-right: 5px;
  
}
.proimages{
      float: right;
        
}

.proimages img
{
    border:2px solid #000;
    outline: 3px solid #000;
    outline-offset: -5px;
    z-index: -1000;
}
 .projectname span {
     font-family: "GothamThin";
     color: #b3b3b3;
     margin-bottom: 20px;
     font-size: 14px;

}
 .projectnav span {
     float: right;
     font-family: "GothamThin";
     color: #b3b3b3;
     margin-bottom: 20px;
     font-size: 14px;
}
 .contact {
     color:#b3b3b3;
     font-family: GothamLight;

}

.contact p
{
    text-align: center;
}
.contact h4
{
    text-align: center;
}
.contact .form-group
{
    text-align: center;
}
.btn-primary
{
    color: :#000;
    background-color:#b3b3b3;
    border: none;
}

.col-sm-4
{
text-align:center;
padding-top:100px;

}
 .teamimage {
     border-radius: 50%;
text-align:center;
height:150px;

}

@media(min-width: 768px){
  .col-1-5{
    width: 20%;

    position: relative;
    min-height: 1px;
   text-align:center;
  }
}



@media (min-width: 320px) and (max-width: 767px) {

#primary_nav_wrap
{
    display: none;
}

#secondary_nav_wrap
{
    display: none;
}

    #logo2
    {
margin: 0px;
padding: 0px;
width:150px !important;
    }
    .navbar
    {
        display: block;
        margin-bottom: 10px;
       text-align: center;
      position: relative;
    }


#mobilenav ul li
{
    list-style: none;
    padding: 0px;
    margin:0px;
    
  
    }


#mobilenav ul
{
    list-style:none;
    padding: 0px;
    margin:0px;
   
}




#mobilenav ul li
{
   padding: 0px;
    margin:0px;
    font-family: "GothamThin"; 

}

#mobilenav ul li ul li {
  clear: both;
  width: 100%;
}

#mobilenav ul ul
{
    display:none;
    position: relative;
    font-size: small;
    padding: 0px;
    margin:0px;
}


#mobilenav ul ul li
{
    float:left;
    padding: 0px;
    margin:0px;

}


#mobilenav ul li:hover > ul
{
    display:block
}




 img {

filter: none;
    }

    img:hover {
    filter: none;
     
    }
  .projectlabel{
display: none;
  }

  .proimages
  {
    text-align: center;
    margin-bottom: 5px;
  }
  .leftnav, .rightnav
  {display: none;}

  #logo, #logotext
  {
    display: none;
  }

  #logotext2
  {
    font-size: 13px;
  }
.navbar-toggler-icon
{
    height: 20px;
    width: 20px;

}

.navbar-brand 
{
        margin-left: 70px;
}

.navbar-brand img{
    width:172px;
}
  .navbar-toggler:not(:disabled):not(.disabled)
  {
    float: right;
    text-align: center;
    background-image:url('../img/menu.png');
    background-repeat: no-repeat;
  }
  .projectname span 
  {
    float: right;
    font-size:11px;
  }
  .projectnav a
{
font-size: 10px;
text-align: center;
  }
.col-sm-4
{
padding-top:30px;
}
}
 