body.home {background: transparent url(images/ajax-loader.gif) no-repeat center 340px;}

.home #header.up {
  top:0;
}
#sortable-criteria {
  font-family:"Raleway", helvetica, arial, sans-serif;
  font-size:11px !important;
  text-transform:uppercase;
}
#header {
  top:0em;
  padding:1em 0;
  border:none;
  transition:.2s linear top;
  -o-transition:.2s linear top;
  -ms-transition:.2s linear top;
  -moz-transition:.2s linear top;
  -webkit-transition:.2s linear top;
}
#header {
  background-color:black !important;
}

#company h3 {
    clear:both;
}
#company .twocol-one {
    padding-bottom:2em;
}

#header a {
  color:#f2f2f2 !important;
}

.home #home {
  background-color:transparent !important;
}

.flexfull {
  top:0 !important;
}

.flexfull img {
  width: 100% !important;
  margin-left: 0%;
  height:auto;
  max-width:none !important;
}

#main-nav ,
#nav {
  margin-top:6px;
}

#main-nav li a ,
#nav li a {
  padding:0;
  margin:0 10px;
}
#main-nav li a {
  color:#666;
  font-size:12px;
  opacity:1;
}
#main-nav li:hover {
  border:none;
}
#main-nav li a:hover {
  color:#ef3026;
  border-bottom: 3px solid #ef3026;
}
.single-myportfoliotype .menu-item-340 a ,
.page-id-119 #main-nav li:first-child a ,
#main-nav .current-menu-item a {
  border-bottom: 3px solid #ef3026;
}
#portfolio-filter {
  border:none;
  margin:0;
}
#portfolio-filter-terms {
  padding:.5em 0;
  margin:.5em 0;
}
#portfolio-filter-sort {
}
#portfolio-filter-sort li:first-child:after {
  display:none;
}
.postnav ,
.postnav a {
    color:#ef3026 !important;
}
#index-link {
    background:#ef3026;
}
#index-link .inside {
    opacity:1 !important;
    left:2em;
    top:16%;
}
#index-link h2 {
    border-top:none;
    border-bottom:.2em solid white;
    margin:0;
    padding:0 0 .5em 0;
}
#index-link a {
    font-size:1.5em;
    text-shadow:none;
}
#index-link a span.pre-level {font-size: 0.5em;}
#portfolio-filter #portfolio-viewing {
    display:block;
}
.portfolio-list {
    width:100%;
}

#portfolio-list a img {
  opacity: 1;
  -moz-transition: all 1.5s;
  -webkit-transition: all 1.5s;
  -o-transition: all 1.5s;
  transition: all 1.5s;
}

#portfolio-list a:hover img {
  opacity: 0.6;
  -moz-transition: all 1.5s;
  -webkit-transition: all 1.5s;
  -o-transition: all 1.5s;
  transition: all 1.5s;
}

.portfolio-list li:first-child {
    margin-right:1em !important;
}
.portfolio-list li:first-child:after ,
.portfolio-list li:last-child:after {
    display:none;
}
.red {
    color: #ef3026;
}
.client {
    line-height:1.6;
    display:block;
    padding-bottom:.5em;
}

#projects {background-image: url("/wp-content/uploads/2013/02/Grunge-Texture-AB3.jpg");}
#layoutpost-241 {background-image: url("/wp-content/uploads/2013/02/City-Background.png");}
#layoutpost-261 {background-image: url("/wp-content/uploads/2013/02/Background-of-Blanchard.jpg");}
#expertise {background-image: url("/wp-content/uploads/2013/02/Plan-Room-Grunge-Texture-AB1.jpg");}
#layoutpost-274 {background-image: url("/wp-content/uploads/2013/02/Background-of-Project1.jpg");}
#planroom {background-image: url("/wp-content/uploads/2013/02/Plan-Room-Grunge-Texture-AB1.jpg");}
#layoutpost-238 {background-image: url("/wp-content/uploads/2013/02/Test44.jpg");}

#projects .blogmore {
    display:none;
}
#scroll-to-projects a {
    color:#2f2e2e;
}
#scroll-to-projects {
    opacity:0;
    position:absolute;
    z-index:999;
    left:50%;
    margin-left:-60px;
    color:#2f2e2e;
    font-family: "Raleway", sans-serif;
    text-transform:uppercase;
    font-size:1em;
}
#scroll-to-projects:before ,
#scroll-to-projects:after {
    content:'';
    position: absolute;
    left:-1.8em;
    top:.2em;
    width:0;
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-top:7px solid #2f2e2e;
    display:block;
}
#scroll-to-projects:before {
    top:.7em;
}
#scroll-to-projects:after {
}
#scroll-to-projects.show {
    opacity:1;
}
.portfolio-list select {
    font-family:"Raleway", sans-serif;
}
#footer .inflexion img {
    margin-top:1em;
    margin-bottom:-1em;
}

.page-template-template-portfolio-4col-php .item .logo {
    display:none;
}

.single-myportfoliotype {
    background-color:rgb(235,235,235);
}
.single-myportfoliotype .meta span {
    color:#4a4949;
}
.single-myportfoliotype .meta .red {
    color:#ef3026;
}

#header #main-nav li ,
#header #nav li {
    margin-left:1em;
}
#header #main-nav li a ,
#header #nav li a {
    border-color:transparent !important;
}
#header #main-nav .current a ,
#header #nav .current a {
    border-color:#ef3026 !important;
}

.single .slides a:after ,
.flexslider .enlarge-image {
  display: block;
  width: 25px;
  height: 25px;
  background: url('images/magnify-icon.png') no-repeat center center;
  background-size: 25px 25px;
  position: absolute;
  top: 41px;
  right: 86px;
}

.single .slides a {
    position:relative;
}
.single .slides a:after {
    content:' ';
}

img {
  max-width: 100%;
}

#portfolio-list .item_full h3 {
  margin-top: 0;
  margin-bottom: 10px;
}

/* Added by John Lisnock at Blanchard
*****************************************************************************************************************************
*****************************************************************************************************************************/
/* override of line 2260 in style.css */
 ul.block li{ position:absolute; overflow:hidden; float:left; background:#999;} /* added by John L to remove this: url(images/bg/bg-dots2.png) */
/* override of line 2260 in style.css */

/* override of line 2273 in style.css */
ul.block li img{ position:absolute; bottom:0; right:0; border-bottom:2px solid #fff;border-right:2px solid #fff; opacity:1} /* added by John L to remove this: opacity:.8 */
/* override of line 2273 in style.css */

/* class added by John L at Blanchard- to add propper space above first paragraph on portfolio project page */
.clear-lr {
  clear: both; /* sets paragraph on a new line on portfolio project page */
}
/* class added by John L at Blanchard- to add propper space above first paragraph on portfolio project page */

/* class added 2016-05-31 by John L at Blanchard- used for career opportunity openings position  formatting  */
.w75 {
 width: 75% ;
}

.pjust {
 text-align: justify;
}

.dshadow {
box-shadow: 10px 10px 5px #888888;
}


/* class added 2016-05-31 by John L at Blanchard- used for career opportunity openings position  formatting  */

/* Added by John Lisnock at Blanchard
*****************************************************************************************************************************
*****************************************************************************************************************************/

#portfolio-list .item_full p {
  font-family: "Raleway", sans-serif; /* added by John L at Blanchard- change font to match main page  */
  margin-top: 8px;
  line-height: 1.5;
}

#portfolio-list .btn {
  font-family: "Raleway", sans-serif;
  background-color: rgb(152, 151, 151);
  color:#fff;
  padding:.2em .4em;
  font-size: 12px;
}

#portfolio-list .btn:hover {
    background-color:#ef3026;
    color:#fff;
    padding:.2em .4em;
}

@media only screen and (max-width: 1200px) {

    #projects {background-image: url("/wp-content/uploads/Grunge-Texture-AB3_1200.jpg");}
    #layoutpost-241 {background-image: url("/wp-content/uploads/City-Background_1200.png");}
    #layoutpost-261 {background-image: url("/wp-content/uploads/Background-of-Blanchard_1200.jpg");}
    #expertise {background-image: url("/wp-content/uploads/Plan-Room-Grunge-Texture-AB1_1200.jpg");}
    #layoutpost-274 {background-image: url("/wp-content/uploads/Background-of-Project1_1200.jpg");}
    #planroom {background-image: url("/wp-content/uploads/Plan-Room-Grunge-Texture-AB1_1200.jpg");}
    #layoutpost-238 {background-image: url("/wp-content/uploads/Test44_1200.jpg");}
    
}

@media only screen and (min-width:768px) {


/** Projects Page **/
.page-template-template-portfolio-4col-php {
    background-color:rgb(235,235,235);
}
.page-template-template-portfolio-4col-php .container {
    width:90%;
    max-width:1500px;
}
.page-template-template-portfolio-4col-php .imgwrap {
    width:100%;
}
.page-template-template-portfolio-4col-php .imgwrap a {
    z-index:60;
}
.page-template-template-portfolio-4col-php .item .logo {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:50;
    background-color:rgba(255,255,255,.8);
    display:block;
    opacity:0;
    transition:.6s linear opacity;
    -ms-transition:.6s linear opacity;
    -moz-transition:.6s linear opacity;
    -webkit-transition:.6s linear opacity;
}
.page-template-template-portfolio-4col-php .item:hover .logo {
    opacity:1;
}
.page-template-template-portfolio-4col-php .item .logo img {
    width:100%;
    height:auto;
}
.page-template-template-portfolio-4col-php #portfolio-filter ,
.page-template-template-portfolio-4col-php #portfolio-list {
    float:left;
    display: block;
/*
    box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
*/
}
.page-template-template-portfolio-4col-php #portfolio-filter {
    width:30%;
    padding-right:1em;
}
.page-template-template-portfolio-4col-php #portfolio-filter li {
    display:block;
    float:none;
}
.page-template-template-portfolio-4col-php #portfolio-filter li:after {
    display:none;
}
.page-template-template-portfolio-4col-php #portfolio-filter a {
    color:#66809d;
}
.page-template-template-portfolio-4col-php #portfolio-filter a:hover ,
.page-template-template-portfolio-4col-php #portfolio-filter .current {
    background-color:#ef3026;
    color:#fff;
    padding:.2em .4em;
}


.page-template-template-portfolio-4col-php #portfolio-filter span {
    color:#4a4949;
}
.page-template-template-portfolio-4col-php #portfolio-list {
    width:66%;
    padding-left:1em;
    border-left:1px solid rgba(0,0,0,.1);
/*
    position:relative;
    left:3%;
    top:0;
*/
}
.page-template-template-portfolio-4col-php #portfolio-list .item {
    margin-right:1em;
    width:30%;
}

@media screen and (max-width: 639px) {

  .twocol-one, .threecol-one, .fourcol-one, .fivecol-one, .sixcol-one {
    float: none !important;
  }
}
.centerrow .centerthreecol.client {
    height:255px !important;
}
.only-clients .project {
    display: none;
    visibility:hidden;
}
a.pp_next {
    background: url(images/prettyPhoto/default/sprite_next.png) center right no-repeat !important;
}
a.pp_previous {
    background: url(images/prettyPhoto/default/sprite_prev.png) center left no-repeat !important;
}
.single .flexslider > .slides {
    position:relative;
    z-index:0;
}
.flex-direction-nav {
    z-index:10;
}

h1.sep-title, h2.sep-title {text-align: center; color: #FFFFFF;}