/*
Theme Name: Template Name
Theme URI: http://www.eggplantstudios.ca
Author: Shawn Wernig - Eggplant Studios
Author URI: http://www.eggplantstudios.ca
Description: A custom designed theme for Business Name
Version: 1.0
*/

@font-face {
    font-family: 'colaborate-thinregular';
    src: url('fonts/colaborate_thin_macroman/ColabThi-webfont.eot');
    src: url('fonts/colaborate_thin_macroman/ColabThi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/colaborate_thin_macroman/ColabThi-webfont.woff') format('woff'),
         url('fonts/colaborate_thin_macroman/ColabThi-webfont.ttf') format('truetype'),
         url('fonts/colaborate_thin_macroman/ColabThi-webfont.svg#colaborate-thinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'colaborate-regularregular';
    src: url('fonts/colaborate_regular_macroman/ColabReg-webfont.eot');
    src: url('fonts/colaborate_regular_macroman/ColabReg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/colaborate_regular_macroman/ColabReg-webfont.woff') format('woff'),
         url('fonts/colaborate_regular_macroman/ColabReg-webfont.ttf') format('truetype'),
         url('fonts/colaborate_regular_macroman/ColabReg-webfont.svg#colaborate-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'colaborate-mediumregular';
    src: url('fonts/colaborate_medium_macroman/ColabMed-webfont.eot');
    src: url('fonts/colaborate_medium_macroman/ColabMed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/colaborate_medium_macroman/ColabMed-webfont.woff') format('woff'),
         url('fonts/colaborate_medium_macroman/ColabMed-webfont.ttf') format('truetype'),
         url('fonts/colaborate_medium_macroman/ColabMed-webfont.svg#colaborate-mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.woocommerce .col2-set > .col-1,
.woocommerce .col2-set > .col-2 {
    width: 50%;
    flex: auto;
    max-width: 50%;
}
.woocommerce-checkout form .woocommerce-input-wrapper,
.woocommerce-checkout form input,
.woocommerce-checkout form select,
.woocommerce-checkout form textarea {
    display: block !important;
    width: 100%;
}


.strong, strong, .bold, b {
    font-family: 'colaborate-mediumregular', sans-serif;
}


.font {  }


.color, .colour { 
    color: #444251;
}



/**
 *     
 * 
 * Links
 */ 

nav a { text-decoration: none; }
a, a:active, a:hover { color: #444251; text-decoration: none; }
a:active { text-decoration: underline; }
a:hover {color:#615e73;}

#jumbotron a { 
    color: #999999;
    text-decoration: none;
    -webkit-transition: all 1000ms;
    -moz-transition: all 1000ms;
    transition: all 1000ms;
}
#jumbotron a:hover { 
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms;
    color: #dddddd;
    text-decoration: none;
}

#page-nav { 
    display: block; 
    text-align: center; 
    border: 1px solid #cccccc;
    margin-bottom: 16px;
}
#page-nav a {
    box-sizing: border-box;
    display: inline-block;
    width: 50%;
    padding: 16px 32px;
    background: #e4e4e4;
    font-size: 20px;
    color: #444444;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
    text-decoration: none;
    transition: all 400ms;
}
#page-nav a:hover {
    background: #eeeeee;
}
#page-nav a:first-child {
    text-align: left;
}
#page-nav a:last-child {
    text-align: right;
}

#entry .block-list {
    list-style: none;
    margin: 0px; 
    padding: 0px;
    display: block;
}
#entry .block-list > li {
    padding: 16px 32px;
    border: 1px solid #eeeeee;
    background: #f8f8f8;
    margin: 0px;
    margin-bottom: 16px;
}
#entry  .block-list > li > a {
    text-decoration: none;
}

.container {
    max-width: 1140px;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}
.post-container {
    background: white;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 30px;
}

.post-container > .padding {
    padding: 30px;
    padding-top: 0px;
    margin-bottom: 30px;
}

#single-jumbotron {
    margin-top: -96px;
    position: relative;
    z-index: 99;

}

.padding-right-lots { padding-right: 32px; }
.padding-left-lots { padding-left: 32px; }
.padding-bottom-lots { padding-bottom: 32px;  }
.padding-top-lots { padding-top: 32px;  }

/**
 *     
 * 
 * Headings
 */


/**
 *     
 * 
 * Headings
 * 
 */


h1 { font-size: 60px;}
h2 { font-size: 40px;}
h3 { font-size: 30px;}
h4 { font-size: 26px;}
h5 { font-size: 22px;}
h6 { font-size: 18px;}



#jumbotron h1, #jumbotron h2, #jumbotron h3, #jumbotron h4, #jumbotron h5, #jumbotron h6 { 
    -webkit-text-shadow: 1px 1px 1px black;
    -moz-text-shadow: 1px 1px 1px black;
    text-shadow: 1px 1px 1px black;
}
#page-footer h1, #page-footer h2, #page-footer h3, #page-footer h4, #page-footer h5, #page-footer h6 { 
    -webkit-text-shadow: 1px 1px 1px black;
    -moz-text-shadow: 1px 1px 1px black;
    text-shadow: 1px 1px 1px black;
}
#page-footer h1 { font-size: 24px;}
#page-footer h2 { font-size: 24px;}
#page-footer h3 { font-size: 24px;}
#page-footer h4 { font-size: 18px;}
#page-footer h5 { font-size: 18px;}
#page-footer h6 { font-size: 18px;}

/*#entry-body h1 { font-size: 36px;}*/
/*#entry-body h2 { font-size: 28px;}*/
/*#entry-body h3 { font-size: 24px;}*/
/*#entry-body h4 { font-size: 20px;}*/
/*#entry-body h5 { font-size: 20px;}*/
/*#entry-body h6 { font-size: 20px;}*/

h1,h2,h3,h4,h5,h6 { 
    font-family: 'colaborate-thinregular', sans-serif; 
    color: #666666;
    line-height: 130%;
    font-weight: 100;
    margin: 8px 0px;
}

.bg-purple h1,
.bg-purple h2,
.bg-purple h3,
.bg-purple h4,
.bg-purple h5,
.bg-purple h6 { 
    -webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.5); 
    -moz-text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    color: #aaaaaa;
    }
.bg-purple a, .bg-purple a:link,.bg-purple a:visited {
    color: #cccccc; text-decoration: none;
    -webkit-transition: all 200ms; -moz-transition: all 200ms; transition: all 200ms;
}

.bg-orange {
    background: url('images/eggplant-orange-bg.jpg') center top no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.bg-orange h1 { font-size: 64px;color: #eeeeee;text-align: left; font-weight: bold; }
.bg-orange h3 { font-size: 40px;color: #eeeeee;text-align: left; font-weight: bold; }

.bg-purple a:hover { color: #eeeeee;  }

.card-columns {
    column-count: 2;
}

.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {} 
.panel h2 { font-size: 32px; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
a h1, a h2, a h3, a h4, a h5, a h6 { display: block; text-decoration: none;  }


#entry-header .entry-title { font-size: 38px; }
.entry-header .entry-title { font-size: 26px !important; }


.big { font-size: 24px; line-height: 130%; }
.font-bold {
    font-weight: bold;
}


.col2 { width: 100%;  }
.col2 > .col { width: 50%; }
.col3 { width: 100%;  }
.col3 > .col { width: 33%; }

/*----------------------------------------------------------------------------------------------------*/
/*-------------------------------------------- PAGE STRUCTURE ----------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
#quote-footer > div.vc_row {

    padding-top: 64px !important;
    padding-right: 64px !important;
    padding-bottom: 64px !important;
    padding-left: 64px !important;
    background-image: url('images/eggplant-orange-bg.jpg') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;

}
#home-quote {
    background: #444251;
    padding: 32px;
    margin-top: -320px;
    box-shadow: 0px 0px 12px rgba(0,0,0,0.3);
    border: 1px solid #eeeeee;
}

.vc_btn3.vc_btn3-color-orange,
.vc_btn3.vc_btn3-color-orange.vc_btn3-style-flat {
    color: #fff;
    background-color: #dc6d24 !important;
}
.vc_tta-panels {
    background-color: transparent !important;
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
    padding: 18px 25px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 0;
    color: #fff;
    background-color: #dc6d24 !important;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    box-sizing: border-box;
    word-wrap: break-word;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    line-height: normal;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

html { }

body {
    font-family: 'colaborate-thinregular', sans-serif; 
    font-size:20px;
    line-height: 145%;
    color:#555;   
    min-height: 400px;
}

#page-main { }

.portfolio-mac-laptop {
    position: relative;
}

.portfolio-mac-laptop .portfolio-mac-laptop-container {
    top: -250px;
    margin-bottom: -250px !important;
    position: relative;
    margin: 0px auto;
    z-index: 10;
    width: 100%;
    max-width: 1500px !important;
}


.portfolio-mac-laptop .portfolio-mac-imac {

}

.portfolio-mac-laptop .portfolio-mac-imac-content {
    position: absolute;
    display: block;
    top: 0px;
    margin: 0px auto;
    z-index: 20;
    padding-top: 3.8%;
    padding-left: 11.8%;
    padding-right: 11.8%;
}

.portfolio-mac-laptop .portfolio-mac-imac-content > div {
    box-shadow: inset 1px 1px 32px rgba(0,0,0,.1);
    border: 1px solid #cccccc;
}

.portfolio-mac-laptop .portfolio-mac-imac-content img {
    width: 100%;
    height: auto;
    margin: 0px auto;
    display: block;
    position: relative;
    z-index: -2;
}



.bg-grey { background: #f3f3f3; }
.bg-dark-grey { background: #f3f3f3; }
.wrapper { max-width: 900px; width: 100%; margin-left: auto; margin-right: auto; }
.bg-light-grey { 
    background: #fafafa; 
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}
.bg-purple {
    background: #23222a url('images/page-bg.jpg') center top no-repeat;
    color: #aaaaaa;
    -webkit-background-size: cover;
}

.disclaimer { font-size: 12px; }
.text-grey { color: #aaaaaa; }

.panel .panel-content {
    width: 80%; padding: 0 2.5%;
    float: left;
    position: relative; 
}
.feature-item .panel-content { width: 100%; padding: 0px; margin-bottom: 32px; }
.panel .panel-content .panel-columns {
    -moz-column-count:2; /* Firefox */
    -webkit-column-count:2; /* Safari and Chrome */
    column-count:2;
}
.panel .panel-image { width: 15%; padding: 0; float: left; position: relative; }
.panel .panel-image img { width: 90%; height: auto; }

#page-footer { font-size: 16px; line-height: 130%; padding-top: 150px;padding-bottom: 150px;  }
#page-footer .fit { -webkit-box-shadow: 1px 1px 4px black; -moz-box-shadow: 1px 1px 4px black; box-shadow: 1px 1px 4px black; }
#page-footer p { margin: 0px; }
#page-footer p { margin-bottom: 6px; }
#page-footer a, #page-footer a:link, #page-footer a:visited { color: #aaaaaa; text-decoration: none; }
#page-footer a:hover { color: #eeeeee; }
#page-footer .widget { margin-bottom: 32px; }

#page-sub-footer {
    color: #aaaaaa;
}
#page-sub-footer a, #page-sub-footer a:link, #page-sub-footer a:visited { color: #cccccc; text-decoration: none; }
#page-sub-footer a:hover { color: #eeeeee; }

.relative { position: relative; }



.woocommerce .variations-grid td,
.woocommerce .variations-grid th
{
	padding: 6px !important;
}

/*----------------------------------------------------------------------------------------------------*/
/*-------------------------------------------- PROJECT STUFF  ----------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
.portfolio-container {
    background: white;
    margin-top: 100px;
}
.portfolio-container .col > .padding {
    padding: 32px;
}
.portfolio-container .entry-thumbnail {
    margin-top: -100px;
    transition: all 400ms;
    top: 0px;
    position: relative;
    filter: grayscale(50%);
}

.portfolio-container:hover .entry-thumbnail {
    top: -5px;
    filter: grayscale(0%);
}



.imac {
    background: url('images/imac.png') center center no-repeat;
    width: 100%;
    background-size: contain;
    position: relative;
    height: 300px;
    margin-bottom: 32px; 
    z-index: 99;
}
.imac.large { height: 450px; }

.mobiles { position: relative; height: 300px; margin-bottom: 32px;  }
.ipad {
    position: absolute; top: 0px; left: 0px;
    background: url('images/ipad.png') center center no-repeat;
    width: 100%;
    background-size: contain;
    height: 300px;
    margin-bottom: 32px; 
}
.iphone {
    position: absolute; top: 0px; left: 0px;
    background: url('images/iphone.png') center center no-repeat;
    width: 100%;
    background-size: contain;
    height: 300px;
    margin-bottom: 32px; 
}
#post-nav-wrapper {
    border-top: 1px dotted #dddddd;
}
#post-nav {
    margin: 12px auto;
    margin-top: 64px;
    text-align: center;
}
#post-nav a, #post-nav span {
    display: inline-block;
    text-decoration: none;
}
#post-nav .list-3d-item, 
.button-group .list-3d-item { display: inline-block; }

#post-nav .prev { margin-right: 32px; }
#post-nav .next { margin-left: 32px; }
#post-nav .index {  }


#entry-comments { } 
.well { 
    padding: 32px; 
    background: #eeeeee; 
    border: 1px solid #cccccc;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    -webkit-box-shadow: inset 1px 1px 12px #dddddd;
    -moz-box-shadow: inset 1px 1px 12px #dddddd;
    box-shadow: inset 1px 1px 12px #dddddd;
    }
.well-simple, 
#entry-body pre { 
    background: #eeeeee; 
    border: 1px solid #cccccc;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    box-shadow: inset 1px 1px 12px #dddddd;
    }
    #entry-body pre, #entry-body figure { font-size: 13px; padding: 16px; }
    #entry-body figure { margin: 16px inherit; }


    .fancy { 
        margin-bottom: 12px;
        display: block;
        border: 4px solid white;
        -webkit-box-shadow: 1px 1px 8px rgba(0,0,0,0.25);
        -moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.25);
        box-shadow: 1px 1px 8px rgba(0,0,0,0.25);
    }
    #entry-body .syntaxhighlighter {
        padding: 12px 0px;
        border: 1px solid #cccccc;
        -webkit-box-shadow: 1px 1px 12px #dddddd;
        -moz-box-shadow: 1px 1px 12px #dddddd;
        box-shadow: 1px 1px 12px #dddddd;
    }

    #entry-body .syntaxhighlighter td {
        font-size: 13px !important;
    }
    
    div.callout {
        padding: 20px;
        background: white; 
        border: 1px solid #cccccc;
        border-right: 1px solid #eeeeee;
        box-shadow: 1px 1px 12px rgba(0,0,0,0.1);
    }
    
  /*----------------------------------------------------------------------------------------------------*/
/*-------------------------------------------- SIDEBAR ------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/   
#sidebar { font-size: 14px; }  
#sidebar a, #sidebar a:link, #sidebar a:visited {
    color: #666666;
    text-decoration: none;
}
#sidebar a:hover {
    color: #222222;
}
#sidebar .widget .widget-title { 
    font-size: 24px;
    background: #e6e6e6;
    padding: 2px 6px;
    }
#sidebar .widget ul {
    list-style: none; margin: 0px; padding: 0px;
}    
#sidebar .widget ul li {
    display: block;
    padding: 2px 6px;
    border-left: 6px solid transparent;
    -webkit-transition: all 200ms; -moz-transition: all 200ms; transition: all 200ms;
}      
#sidebar .widget ul li:hover {
    border-left: 6px solid #dddddd;
    background: #eaeaea;
}      

#sidebar .widget input[type='text'], 
#sidebar .widget input[type='number'], 
input.input-text, 
#sidebar .widget input[type='text'], 
#sidebar .widget input[type='email'], 
#sidebar .widget input[type='password'], 
#sidebar .widget input[type='date'],
#sidebar .widget select, 
#sidebar .widget textarea {
   background: white;
   border: none;
   padding: 8px 12px;
   border: 1px solid #9BA2C8;
   display: block;
   width: 100%; max-width: 100%;
   -webkit-transition: all 100ms;-moz-transition: all 100ms;transition: all 100ms;
   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
   -moz-box-sizing: border-box;    /* Firefox, other Gecko */
   box-sizing: border-box;         /* Opera/IE 8+ */
}
#sidebar .widget input[type='submit'], .wpcf7 input[type='submit'] {
   float: right;
   background: #444251;
   color: #aaaaaa;
   font-size: 14px;
   font-weight: 100;
} 
#sidebar .widget input[type='submit']:hover, .wpcf7 input[type='submit']:hover {
    color: #eeeeee;
    background: #555265;
    
}


 /*----------------------------------------------------------------------------------------------------*/
/*-------------------------------------------- HOME ------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
#entry-header { border-bottom: 1px solid #dddddd; }
#entry-header p { margin: 0px; }
.home #entry-header {
    margin-top: 64px; 
    border: none;
}
.tax-project_type #entry-header { border: none; }


.project-taxonomy-list { margin-top: 64px; padding: 32px 0px; }

/*----------------------------------------------------------------------------------------------------*/
/*-------------------------------------------- BUTTON ------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

#entry-body .vc_btn3.vc_btn3-color-purple.vc_btn3-style-outline {
    color: #444251;
    border-color: #444251;
    background-color: transparent;
}
#entry-body .vc_btn3.vc_btn3-color-purple.vc_btn3-style-outline.active, 
#entry-body .vc_btn3.vc_btn3-color-purple.vc_btn3-style-outline:active, 
#entry-body .vc_btn3.vc_btn3-color-purple.vc_btn3-style-outline:focus, 
#entry-body .vc_btn3.vc_btn3-color-purple.vc_btn3-style-outline:hover
 {
    background-color: #444251;
    color: white;
}


/*----------------------------------------------------------------------------------------------------*/
/*-------------------------------------------- HEADER ------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

#jumbotron {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background-attachment: fixed;
}
#jumbotron h1 {
    font-size: 64px;
    line-height: 160%;
}
#page-head-content-area { margin: 32px 0px; text-align: center; }  
        
#page-head-content-area .slogan,
#page-head-content-area h1 {
    font-size: 64px; 
    line-height: 160%;
    text-align: center; 
    color: #dddddd;
} 
#page-head-content-area h1 {
    font-size: 55px;
    line-height: 140%;
}

#page-head-content-area strong {
    font-size: 150px; 
    color: #dddddd;
} 

#page-head-content-area .header-feature-area {
    width: 45%; float: left;
    padding: 2.5%;
} 
#page-head-content-area .header-feature-area p {
    margin: 0px;
} 

#page-head-content-area .header-feature-area a {
    font-size: 24px;
    display: block;
    padding: 16px 32px;
    border: 1px solid transparent;
    margin-bottom: 12px;
} 
#page-head-content-area .header-feature-area a:hover {
    border: 1px solid #2b2938;
}
#page-head-content-area .header-content-area a {
    font-size: 24px;
    display: block;
    padding: 16px 32px;
    border: 1px solid transparent;
    margin-bottom: 12px;
} 

#page-head-content-area {
    max-width: 750px; width: 100%; margin: 0px auto;
}

.type-project.hentry #jumbotron {
    min-height: 600px;
    position: relative;
}
.type-project.hentry #project-items  {
    border-bottom: none;
    position: absolute;
    bottom: 0px;
}
.type-project.hentry #project-item-wrapper  {
    height: 425px;
}

#project-item-wrapper { 
    display: block;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 475px;
    }
    
#project-items {
    display: block;
    width: 100%;
    height: 400px;
    border-bottom: 1px solid black;
    }
    
 
    
#project-item-wrapper .project-item-frame img {
  -moz-user-select: none;
  -webkit-user-select: none;
  /* this will work for QtWebKit in future */
  -webkit-user-drag: none;
}
#project-item-wrapper .project-item-frame  {
    position: absolute; 
    top: 0px; 
    overflow: hidden;
    width: 300px; 
    height: 400px;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    transition: all 500ms;
}

#project-item-wrapper .project-item-frame.item-1 {
    left: 40%; margin-left: -150px;
    z-index: 1;
}
#project-item-wrapper .project-item-frame.item-2  {
    left: 50%; margin-left: -150px;
    z-index: 3;
}
#project-item-wrapper .project-item-frame.item-3  {
    left: 60%; margin-left: -150px;
    z-index: 2;
}

#project-item-wrapper .project-item-frame.item-1 img {  display: block; position: relative; left: 0px; }
#project-item-wrapper .project-item-frame.item-2 img {  display: block; position: relative; left: -300px; }
#project-item-wrapper .project-item-frame.item-3 img {  display: block; position: relative; left: -600px; }

#project-item-link { text-align: center; }

#project-item-link a span { display: block; font-size: 14px; }
#project-item-link a { 
    display: inline-block; color: #77748e; text-decoration: none; 
    padding: 8px 0px;
    font-size: 18px;
    line-height: 18px;
    }
#project-item-link a:hover { 
    color: #918dab; 
    }
    
.preserve-3d { -webkit-transform-style: preserve-3d; }

.list3d { }
ul.list-3d { display: block; list-style: none; margin: 0px !important; padding: 0px !important; }
span.list-3d { display: inline-block; }

.list-3d li { display: block; padding: 0px;  }
.list-3d li a, .list-3d li span { margin: 0px; }
.list-3d li a { 
    text-decoration: none; 
    display: block;
    color: #aaaaaa;
    }

/* Effect 2: 3D rolling links, idea from http://hakim.se/thoughts/rolling-links */
.list-3d a {
    line-height: 44px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    text-decoration: none;
    border: none;
}

.list-3d a span {
    font-size: 18px;
    padding: 0px 12px;
    position: relative;
    display: block;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.list-3d.small a span { font-size: 14px; }

.list-3d a span::before {
    position: absolute;
    top: 100%;
    padding: 0px 12px;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    color: transparent;
    content: attr(data-hover);
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
}
.list-3d a:hover { border: none; }
.list-3d a:hover span,
.list-3d a:focus span {
    -webkit-transform: rotateX(90deg) translateY(-22px);
    -moz-transform: rotateX(90deg) translateY(-22px);
    transform: rotateX(90deg) translateY(-22px);
}

.list-3d a:hover span::before,
.list-3d a:focus span::before {
    background: #34333c;
    color: white;
}

ul.list-tags {
    margin: 0px;
    padding: 0px;
}

ul.list-tags li {
    font-size: 12px; line-height: 12px;
    border: 1px solid #dddddd;
    display: inline-block;
    padding: 4px 8px;
    margin: 0px;
}




/*----------------------------------------------------------------------------------------------------*/
/*-------------------------------------------- TESTIMONIALS ------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

.testimonial-box { }

.testimonial-box .testimonial-nav {
    display: block;
}
.testimonial-nav {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}
.testimonial-box a.testimonial-nav-item,
.testimonial-box a.testimonial-nav-item:link,
.testimonial-box a.testimonial-nav-item:visited {
    display: block; float: left;
    padding: 0px; margin: 0px; border: none;
    height: 8px;
    background: #dddddd;
    -webkit-transition: all 200ms;    -moz-transition: all 200ms;    transition: all 200ms;
}
.testimonial-box a.testimonial-nav-item.active { background: #fafafa; }
.testimonial-box a.testimonial-nav-item:hover { background: #f8f8f8; }

.testimonial-box .testimonial-container { 
    display: block; list-style: none; overflow: hidden; background: none; border: none;
    font-size: 16px;
    }

.testimonial-box .testimonial-content {
    font-style: italic;
    color: #999999;
    font-weight: 100;
}
.testimonial-box .testimonial-meta {
    color: #999999;
}
.eps-logo-box {
    margin: 16px; margin-top: 32px;
}
.testimonial-logo-entry .testimonial-img-frame { }
.testimonial-logo-entry .padding { padding: 0px 15%; }
.testimonial-logo-entry img { display: block; width: 100%; height: auto; }
.testimonial-logo-entry h6 { margin-top: 50px; }

/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------- ENTRIES --------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
#entries .hentry { margin-bottom: 32px; }
#entry {}
.entry-author-image{

    display: block;
    margin: 0px auto;
    width: 80px;
    border: 8px solid #f3f3f3;
    position: relative;
    top: -40px;
    border-radius: 80px;
    margin-bottom: -40px;
}


 .author-biobox-wrapper {
    margin-top: 64px;
    margin-bottom: 32px;
 }
 .author-biobox {
    padding: 64px;
    padding-left: 128px;
    margin-left: 100px;
    background: #fefefe; 
 }
 .single-author-image {
    display: block;
    width: 200px;
    border: 8px solid #f3f3f3;
    border-radius: 200px;
    position: relative;
    left: 0px;
    top: 64px;
}


#entry-body img { max-width: 100%; }
#entry ul, #entry-body ul,
#entry ol, #entry-body ol {
    padding-left: 32px;
    margin-bottom: 22px;
}

#entry .gform_wrapper ul, #entry-body .gform_wrapper ul,
#entry .gform_wrapper ol, #entry-body .gform_wrapper ol {
    padding-left: 0px;
    margin-bottom: 22px;
}


.entry-excerpt { font-size: 14px; margin-top: 12px; }
.project-type-entry { text-align: center;  }
.project-type-entry .entry-permalink { display: block; text-decoration: none; }
.project-type-entry .entry-permalink:hover { text-decoration: none; color: #444251; }
.project-type-entry .entry-content { font-size: 16px;  }
.project-type .project-type-icon img {
    display: block;
    background: #dddddd;
    margin: 0px auto;
    -webkit-transition: all 1000ms;    -moz-transition: all 1000ms;    transition: all 1000ms;
} 
.project-type:hover .project-type-icon img  {
    background: #444251;
    -webkit-transition: all 400ms;    -moz-transition: all 400ms;    transition: all 400ms;
}


#entry-header .project-type-icon { 
    float: left;
    margin-right: 32px;
    }
#entry-header .project-type-entry {
    text-align: left !important;
    }

.project-entry {
}
.entry-meta { font-size: 12px; }




/*----------------------------------------------------------------------------------------------------*/
/*------------------------------------------------ FORMS  --------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------- COMMENTS  ------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------*/
/*---------------------------------------------- THUMBNAILS  -----------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
.fit { max-width: 100%; height: auto; }
.thumb-frame, .fit { 
    position: relative; 
    display: block; 
    height: auto;
    }
.thumb-frame img { display: block; width:100%; height: auto;  margin: 0px auto !important; }
.thumb-frame .fade {
    background: rgba(68,66,83,0.0);
    width: 100%; height: 100%;
    position: absolute; top: 0px; left: 0px;
    -webkit-transition: all 200ms;    -moz-transition: all 200ms;    transition: all 200ms;
}

.thumb-frame .icon {
    background: url('images/icon-link-32.png') center center no-repeat;
    width: 100%; height: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
      filter: alpha(opacity=00);
      -moz-opacity: 0.0;
      -khtml-opacity: 0.0;
      opacity: 0.0;
    position: absolute; top: -30px; left: 0px;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    transition: all 500ms;
}

.thumb-frame:hover .fade {
    background: rgba(68,66,83,0.6);
}
.thumb-frame:hover .icon  {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
     top: 0px; left: 0px;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    transition: all 500ms;
}

/*----------------------------------------------------------------------------------------------------*/
/*------------------------------------------------ NAV  ----------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

#main-menu { 
    position: relative; z-index: 99; background: #444251;
    border-bottom: 1px solid #2b2938;
    border-top: 1px solid #77748e;
}

#menu-main-menu { text-align: right; }

#menu-main-menu > .menu-item  {
    -webkit-transition: all 200ms; 
    -moz-transition: all 200ms; 
    transition: all 200ms;
    display: inline-block; 
}




#menu-main-menu .menu-item a,
#menu-main-menu .menu-item a:link,
#menu-main-menu .menu-item a:visited {
    font-size: 20px;
    padding: 24px 24px; 
    display: block;
    color: #cccccc;
    -webkit-transition: all 200ms; 
    -moz-transition: all 200ms; 
    transition: all 200ms;
    font-weight: 500;
    }
#menu-main-menu:hover .menu-item a {  }
#menu-main-menu .menu-item:hover { }
#menu-main-menu .menu-item:hover a {
    color: white;
    background-color: #555265;
} 

#menu-main-menu .menu-item { position: relative; }



#menu-main-menu .sub-menu { display: none; position: absolute;  }
#menu-main-menu .sub-menu .menu-item { display: block;  }

#menu-main-menu .sub-menu {
    background: white;
    position: absolute; 
    width: 100%; 
    min-width: 250px;
    left: -9999em; 
    top: auto;
    z-index: 100;
    border-bottom: 5px solid rgba(0,0,0,0.2);
    border-right: 5px solid rgba(0,0,0,0.2);
    background-clip: padding-box;
}

#menu-main-menu > .menu-item:last-child:hover > .sub-menu {
    right: 0px; left: auto; 
    border-right: 0px solid rgba(0,0,0,0.2);
}

#menu-main-menu  .menu-item:hover > .sub-menu { 
    display: block; left: 0px; top: auto;
}


#menu-main-menu .sub-menu .menu-item a,
#menu-main-menu .sub-menu .menu-item a:link,
#menu-main-menu .sub-menu .menu-item a:visited {
    text-align: left;
    font-size: 14px;
    padding: 8px 14px; 
    display: block;
    -webkit-transition: all 200ms;     -moz-transition: all 200ms;     transition: all 200ms;
    font-weight: 100;
    }

#menu-main-menu .sub-menu .menu-item:hover a {
    background: #444251;
    color: white;
}

#main-logo img { float: left; display: block; }

/**
 *     
 * Mobile Nav
 */

#mobile-nav-expander  {
    border-bottom: 1px solid #2b2938;
    border-top: 1px solid #77748e;
    display: block;
    clear: both;
    font-family: inherit;
    width: auto;
    padding: 16px;
    color: white;
    cursor: pointer;
    background: #444251 url('images/icon-mobile-menu.png') center right no-repeat;
}


#mobile-nav { background: #23222a; }
    
#mobile-nav .menu-item.has-sub-menu > a {
    background-image: url('images/icon-submenu.png');
    background-position: 4px center;
    background-repeat:  no-repeat;
}
#mobile-nav .menu-item.has-sub-menu > a {}

#mobile-nav .menu-item a {
    color: white;
    display: block;
    padding: 8px;
    font-size: 14px;
    padding-left: 28px;
    -webkit-transition: all 200ms;     -moz-transition: all 200ms;     transition: all 200ms;
    
}
#mobile-nav .menu-item a:hover { background-color: #444251; }
#mobile-nav .menu-item a.active { background-color: #565464; }
#mobile-nav .sub-menu .menu-item { width: 100%; display: block; } 
#mobile-nav .sub-menu .menu-item a:hover { background-color: #565464; padding-left: 32px; } 
#mobile-nav { display: none }
#mobile-nav > nav > ul { display: none; }
#mobile-nav .sub-menu { display: none; background-color: #444251; }

#main-logo-mobile { background: #444251; display: block; padding: 6px 0px; }
#main-logo-mobile img { margin: 0px auto; display: block; }

/*----------------------------------------------------------------------------------------------------*/
/*-------------------------------------------- MEDIA QUERIES  ----------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

    .show-mobile { display: none; }


@media only screen  and (max-width : 600px) {
    #mobile-nav { display: block; }
    .hide-mobile { display: none !important; }
    .show-mobile { display: block; }
    .col { width: 100% !important; }
    .panel {}
    .panel .panel-image { width: 100% !important;  }
    .panel .panel-content { width: 100% !important;  }
    .panel .panel-content .panel-columns { -webkit-column-count: 1; }
    .project-type-icon { margin: 12px auto; float: none !important; }
    .entry-title { text-align: center; }
    .list-3d a, .list-3d .list-3d-item { display: block; }
    .project-entry .wk-gallery-wall a { width: 48%; }
    .gallery-wrapper { padding: 0px; }
    #eps-logos .testimonial-logo-entry { width: 50% !important;  }
}


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

}


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

}
  

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