/*html, body {
  width: auto !important;
}*/
body {
  min-width: 970px;
  background: url(../images/pattern.jpg) repeat;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 14px !important;
}
/*.container{ padding: 0 30px; }*/
/*.container{ 
    width: 970px; 
    max-width: none !important;
    
    margin-right: auto;
    margin-left: auto; 
}*/
.fullwidth{
	padding: 0 15px;
	margin: 0 auto;
}
.page-header{ border: none; padding-bottom: 1px; }
.page-header p{ fonts-size: 14px;}

p{ line-height: 1.5; margin-bottom: 20px; font-size: 14px; }
a, a:focus{ outline: none; }
h3{ margin-bottom: 30px; }

.container > .navbar-collapse{
  margin-right: -15px !important;
}

.navbar{ margin-bottom: 0; background: #7c7c7c; border: none; }
.navbar-default{ background: #7c7c7c; border: none;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ background: none !important; color: #fff; }
.navbar-default .navbar-nav > li > a{ font-weight: 600; color: #212121; font-size: 14px; text-transform: uppercase; }
.navbar-brand{
	display: block;
	background: url(../images/logo.jpg) left top no-repeat;
	width: 231px;
	height: 138px;
	text-indent: -99999px;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{ margin-left: 0;}
.location{ float: right; color: #ffffff; font-size: 13px; margin-top: 10px; }
.location p{ margin-bottom: 5px; font-weight: 600; }
.location a{ color: #ffffff; }
.navbar-nav{ float: right; margin-top: 30px; clear: right; }

/*.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}*/

#about{
	background: url(../images/about-banner2.jpg) center top no-repeat;
	height: 1044px;
	color: #ffffff;
}
#about p{
  line-height: 2;
  font-weight: 700;
  font-size: 16px;
}
.row{ border: none;}
.row-padded, #client-references {
  background-color: #ffffff;
}

#footer{
	color: #575757;
	font-size: 12px;
	margin-top: 20px;
}
#footer a{ color: #575757; }

/* -----------specific portfolio--------------*/
.window{
    height:528px;   width: 636px;
    overflow: hidden; /*--Hides anything outside of the set width/height--*/
    position: relative;
    padding: 0;
}
.image_reel{position: absolute; top: 0; left: 0; display:none;}
.image_reel img{float:left}

.paging{/*display:none*/}
.paging a{ border:2px solid #c1c1c1; width:50px; height:50px; display:block; float:left; margin:0 1px 2px 0}
.paging a.active{ border:2px solid #7c7c7c; }

.portfoliotext{
  background:#fff; 
  height:528px;
}
.portfoliotext a{ color: #000; }
.portfoliotext a.projectlink:focus, .portfoliotext a.projectlink:hover{ text-decoration: none;}
.portfoliotext .fa{ font-size: 11px;}

/* -----------portfolio category------------- */

.view {
    width: 223px;
    height: 185px;
    /*margin: 5px;*/
    margin-bottom: 15px;
    /*float: left;*/
    /*border: 10px solid #fff;*/
    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
    /*background: #fff url(../images/bgimg.jpg) no-repeat center center;*/
    /*display: none;*/
}
.view .mask, .view .content {
    width: 223px;
    height: 185px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}
.view img {
    display: block;
    position: relative
}
.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    font-weight: bold;
    /*background: rgba(0, 0, 0, 0.8);*/
    margin: 50px 0 0 0;
}
.view p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center;
}
.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #fff;
    color: #000 !important;
    text-transform: uppercase;
    box-shadow: 0 0 1px #fff;
}
.view a.info:hover {
    box-shadow: 0 0 5px #fff;
}


/*-- */
.view-first img {
    transition: all 0.2s linear;
}
.view-first .mask {
    opacity: 0;
    background-color: rgba(124,124,124, 0.7);
    transition: all 0.4s ease-in-out;
}
.view-first h2 {
    transform: translateY(-100px);
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
.view-first p {
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.2s linear;
}
.view-first a.info{
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

/* */
.view-first:hover img {
    transform: scale(1.1);
}
.view-first:hover .mask {
    opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}
.view-first:hover p {
    transition-delay: 0.1s;
}
.view-first:hover a.info {
    transition-delay: 0.2s;
}

/* Non-responsive overrides
 *
 * Utilitze the following CSS to disable the responsive-ness of the container,
 * grid system, and navbar.
 */

/* Reset the container */
.container {
  width: 970px;
  max-width: none !important;
}

/* Demonstrate the grids */
.col-xs-4 {
  /*padding-top: 15px;
  padding-bottom: 15px;
  background-color: #eee;
  background-color: rgba(86,61,124,.15);
  border: 1px solid #ddd;
  border: 1px solid rgba(86,61,124,.2);*/
}
/*.col-xs-6{ width: 49%;}*/

.container .navbar-header,
.container .navbar-collapse {
  margin-right: 0;
  margin-left: 0;
}

/* Always float the navbar header */
.navbar-header {
  float: left;
}

/* Undo the collapsing navbar */
.navbar-collapse {
  display: block !important;
  height: auto !important;
  padding-bottom: 0;
  overflow: visible !important;
}

.navbar-toggle {
  display: none;
}
.navbar-collapse {
  border-top: 0;
}

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

/* Always apply the floated nav */
.navbar-nav {
  float: right;
  margin: 0;
}
.navbar-nav > li {
  float: left;
}
.navbar-nav > li > a {
  padding: 15px;
}

/* Redeclare since we override the float above */
.navbar-nav.navbar-right {
  float: right;
}

/* Undo custom dropdowns */
.navbar .navbar-nav .open .dropdown-menu {
  position: absolute;
  float: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-width: 0 1px 1px;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #333;
}
.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar .navbar-nav .open .dropdown-menu > .active > a,
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #fff !important;
  background-color: #428bca !important;
}
.navbar .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  color: #999 !important;
  background-color: transparent !important;
}

.project-t{ margin-left: 2px;}
.project-t a{
  float: left;
  display: inline-block;
  /*list-style: none;*/
  margin-right: 14px;
  margin-bottom: 14px;
}
.project-t a:last-child{ margin-right: 0; }