/*
Theme Name: Blog-A-Porter
Theme URI: http://underscores.me/
Author: AVAThemes
Author URI: http://themeforest.net/user/AVAThemes/portfolio
Description: Description
Version: 1.0.1
License: GNU General Public License
License URI: license.txt
Text Domain: porter
Domain Path: /languages/
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 Blog-A-Porter is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/


/* =Reset
-------------------------------------------------------------- */



/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Custom styles
   ========================================================================== */

a, h1, h2, h3, h4, h5, h6 {color: #404146}

body {color: #404146}

.cl-effect-21
{padding-top: 48px;}

.menu
{list-style: none;
margin-left: 0;
margin-top: 0}

.menu li
{display: inline-block;
width: auto;}

.menu li ul
{position: absolute;
visibility: hidden;
opacity: 0;
-moz-opacity: 0;
opacity:0;
filter: alpha(opacity=0);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
/*margin-left: -10px;*/
}

.menu li:hover ul
{visibility: visible;
opacity: 1;
-moz-opacity: 1.00;
opacity:1.00;
filter: alpha(opacity=100);}

nav a
{margin: 0 25px;}

.menu li ul:hover
{display: block;
opacity: 1}


.logoHolder
{   
/*    background: url(img/bg.jpg) no-repeat;*/
    background-size: cover;
    width: 100%;   
/*    position: relative;*/
    position: absolute;
    height: 380px;
    background-color: #f6f2f2;
/*    height: 1060px;*/
    margin-bottom: -830px
}


.contents
{   padding: 0;
    background-color: #fff;}



.logo
{   padding-top: 70px;
    padding-bottom: 60px;}

.logo img
{   
    margin: 0 auto;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
}

.single .description,
.page .description{
    background-color: white;
}

.description
{   
/*    margin: 0 150px;*/
    margin: 0 0px;
    background: #ffeb00;
    font-family: 'Lato', sans-serif;
    color: #403f45;
    overflow: hidden;
}



.description h1
{   font-weight: 900;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    font-size: 30px;
    margin-bottom: 2px;
    margin-top: 9px;}

.inner h1
{   font-weight: 900;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
/*    font-size: 29px;*/
    font-size: 34px;
    line-height: 35px;
    margin-bottom: 4px;
/*    margin-top: 10px;*/
}

.description.inner{
/*    margin-top: 10px;   */
    margin-top: 26px;
}

.singleInner .description p{
    margin-top: 6px;
}

.description.inner p a,
.description.inner p{
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-size: 18px;
/*    color: #686c93;*/
    color: grey;
}

.description h1 a
{   color: #3f3e43;}

.line
{   height: 1px;
    width: 150px;
/*    background: url(img/line.png);*/
    background-color: #c41230;
}

.description p
{   width: 100%;
    font-size: 19px;
    font-weight: 300;
    margin-top: 8px;}

.icon
{   float: left;
    width: 100px;
    height: 100px;
    margin-right: 19px;}

.iconImage
{background: url(img/icon-image.png);}

.text
{  
/*    padding-left: 119px;*/
    padding-right: 20px;
}

.inner
{   position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;}

.imageHolder
{   
/*
    background-color: #ffeb00;
    padding: 0;
    outline: 1px solid #3f3e43;
    outline-offset: -20px;
    background:  url(img/chain1.png) 44.5% 50.5% , url(img/chain2.png) 55.9% 48%;
background-repeat: no-repeat;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
*/
}

.single .imageHolder:hover
{
    background-color: transparent;
    
}

.imageHolder:hover
{
/*
    background:  url(img/chain1.png) 49.5% 50.5% , url(img/chain2.png) 50.9% 48%;
background-repeat: no-repeat;
background-color: #ffeb00
*/
}

.imageHolder img
{   width: auto;
    margin: 0 auto;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

.homePosts .imageHolder img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

/*
.imageHolder:hover img:first-child
{   opacity: 0.2
-moz-opacity: 0.20;
opacity:.20;
filter: alpha(opacity=20);}
*/

.text span
{   font-weight: 900;
    font-style: italic;
    padding-bottom: 20px;
    display: block;}

.item
{   margin-top: 40px;
    margin-bottom: 40px;
min-height: 100px;
}


/*Slider modificiations*/

.orbit-bullets, .orbit-timer, .orbit-slide-number, .orbit-caption, .orbit-container .orbit-next>span, .orbit-container .orbit-prev>span
{   display: none;}

.orbit-next
{   background: transparent url(img/next.jpg) no-repeat center;
    width: 50px !important;
    height: 50px !important;
    background-color: transparent !important;}

.orbit-prev
{   background: transparent url(img/previous.jpg) no-repeat center;
    width: 50px !important;
    height: 50px !important;
    background-color: transparent !important;}

.orbit-container .orbit-prev
{   left: 150px;
    bottom: 100px;
    top: auto;}

.orbit-container .orbit-next
{   left: 200px;
    right: auto;
    bottom: 100px;
    top: auto;}


/*Page Navigation*/

.pageNavigation
{   padding: 0 150px;}

.pageNavigation a, .nav-previous, .nav-next
{   text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    height: 50px;
    font-weight: 900;
    font-size: 14px;
    color: #404146;
    line-height: 50px;
    display: block;
    width: 49%;
float: left;}

.pageNavigation a:first-child
{   text-align: left;

    padding-right: 10px;}

.pageNavigation a:first-child, .nav-previous
{   background: #ffeb00 url(img/prev-page.jpg) no-repeat left;
    padding-left: 71px;
    display: block;
    color: #404146;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;    }

.pageNavigation a:last-child, .nav-next
{   text-align: right;
    padding-left: 10px;
float: right}

.navigationRow .nav-next, .navigationRow .nav-previous
{min-width: 320px;}

.pageNavigation a:last-child, .nav-next
{   background: #ffeb00 url(img/next-page.jpg) no-repeat right;
    padding-right: 71px;
    display: block;
    color: #404146;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;    }

.pageNavigation a:hover, .nav-next:hover, .nav-previous:hover
{   background-color: #404146;
    color: #ffeb00;}

.copyrightItem
{   margin-bottom-bottom: 40px;
    text-align: center;}

.copyrightItem h2
{   text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    color: #404146;
    font-weight: 900;
    font-size: 23px;
    margin: 0;
    padding: 0;}

.footerItem
{   text-align: center;}

.socials a
{   display: inline-block;
    margin: 5px;
    width: 34px;
    height: 34px;
    background: url(img/social-sprite.png) no-repeat;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

.socials a:hover
{   opacity: 0.5;
-moz-opacity: 0.50;
opacity:.50;
filter: alpha(opacity=50);}

.socials a.linkedin
{   width: 28px;
    height: 27px;
    background-position: -31px -33px;}

.socials a.instagram
{   width: 28px;
    height: 28px;
    background-position: -1px -33px;}

.socials a.twitter
{   width: 29px;
    height: 23px;
    background-position: -49px -1px;}

.socials a.facebook
{   
    width: 14px;
    height: 30px;
    background-position: -1px -1px;
}

.socials a.google
{   
    width: 30px;
    height: 30px;
    background-position: -17px -1px;
}

.tweetList
{list-style: none;}

.tweetList span
{display: inline-block; padding-bottom: 0; margin: 0 5px;}


/*Single*/

span.commentCount
{   padding-right: 40px;
    font-style: normal;
    font-weight: 300;
    text-align: right;}

.tags
{   font-family: 'Lato', sans-serif;
    background-color: #404146;
    color: #ffeb00;
    text-transform: uppercase;
    font-size: 16px;
    min-height: 50px;
    padding: 0 18px;
    line-height: 50px;}

.tags a
{   color: #ffeb00;}

.tags p
{   margin: 0;
    padding: 0;
    line-height: 27px;
padding-top: 10px;
padding-bottom: 10px;}

.title
{   padding: 0 150px 0 250px;
    margin-top: -40px;
    margin-bottom: 40px;}

.content
{   
/*    padding: 0 150px 0 250px;*/
    padding: 0px;
    text-align: left;
}

.content p
{   padding: 0;
    margin: 0;
/*    margin-bottom: 40px;*/
    margin-bottom: 20px;
    font-family: 'Lato', sans-serif;
    color: #404146;
/*    font-size: 22px;*/
    font-size: 16px;
/*    line-height: 33px;*/
    font-weight: 300;
    line-height: 24px;
    
    
/*    padding-right: 90px*/
}

.content blockquote
{   font-weight: 700;
    font-style: italic;
    padding-left: 30px;
    border-left: 5px solid #404146}

.content p:last-child
{   margin-bottom: 0}

.shareIcons
{   
/*    padding-left: 45px;*/
    text-align: center;
}

.shareIcons div{
    display: inline-block;    
}

.addtoany_list a {
padding: 0 !important;
height: 50px !important;
margin: 0px 10px;
opacity: 0.7;
}

.addtoany_list a:hover img, .addtoany_list a:hover span {
/*    opacity: 1 !important;*/
}

/*
.addtoany_list a img, .addtoany_list a span {
    opacity: 0.7 !important;
}
*/

.addtoany_share_save_container{
    display: none;
}

.shareIcons .a2a_s_facebook
{width: 50px !important;
height: 50px !important;
background: url(img/share-facebook.png) !important;
/*border-radius: 0 !important;*/
border-radius: 25px !important;
}

/*
.shareIcons .a2a_s_facebook:hover
{width: 50px !important;
height: 50px !important;
background: url(img/share-facebookHover.png) !important;
border-radius: 0 !important;
border-radius: 25px !important;
}
*/


.shareIcons .a2a_s_twitter
{width: 50px !important;
height: 50px !important;
background: url(img/share-twitter.png) !important;
/*border-radius: 0 !important;*/
border-radius: 25px !important;
}

/*
.shareIcons .a2a_s_twitter:hover
{width: 50px !important;
height: 50px !important;
background: url(img/share-twitterHover.png) !important;
border-radius: 0 !important;
border-radius: 25px !important;
}
*/

.shareIcons .a2a_s_google_plus
{width: 50px !important;
height: 50px !important;
background: url(img/share-google.png) !important;
/*border-radius: 0 !important;*/
border-radius: 25px !important;
}

/*
.shareIcons .a2a_s_google_plus:hover
{width: 50px !important;
height: 50px !important;
background: url(img/share-googleHover.png) !important;
border-radius: 0 !important;
border-radius: 25px !important;
}
*/

.shareIcons .a2a_s_tumblr
{width: 50px !important;
height: 50px !important;
background: url(img/share-tumblr.png) !important;
/*border-radius: 0 !important;*/
border-radius: 25px !important;
}

/*
.shareIcons .a2a_s_tumblr:hover
{width: 50px !important;
height: 50px !important;
background: url(img/share-tumblrHover.png) !important;
border-radius: 0 !important;
border-radius: 25px !important;
}
*/

.shareIcons .a2a_s_linkedin
{width: 50px !important;
height: 50px !important;
background: url(img/share-linkedin.png) !important;
/*border-radius: 0 !important;*/
border-radius: 25px !important;
}

/*
.shareIcons .a2a_s_linkedin:hover
{width: 50px !important;
height: 50px !important;
background: url(img/share-linkedinHover.png) !important;
border-radius: 25px !important;
}
*/

.shareIcons .a2a_s_pinterest
{width: 50px !important;
height: 50px !important;
background: url(img/share-pinterest.png) !important;
/*border-radius: 0 !important;*/
border-radius: 25px !important;
}

/*
.shareIcons .a2a_s_pinterest:hover
{width: 50px !important;
height: 50px !important;
background: url(img/share-pinterestHover.png) !important;
border-radius: 0 !important;
border-radius: 25px !important;
}
*/

.addtoany_share_save
{display: none !important;}

.shareText
{   
/*    padding: 15px 25px;*/
    padding: 0px 25px;
    text-align: center;
    background-color: white;
}

.share
{   
/*    margin-left: 250px*/
    margin-left: 0px;
}

.shareText p
{   margin: 0;
    padding: 0;
    font-weight: 400;
    font-style: italic;
    font-family: 'Lato', sans-serif;
    color: #404146;
    font-size: 22px;
    text-transform: uppercase;
}

.shareIcons a
{   display: block;
    width: 50px;
    float: right;}

/*Flip effect*/

.flipSlide
{   height: 50px;
    width: 50px;
    float: right;
    position: relative;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;}

.flipSlide a
{display: inline-block;
width: 50px;
height: 50px;}

.flipSlide .flipSlide-front, .flipSlide .flipSlide-back
{   position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.75s;
    -moz-transition: 0.75s;
    -o-transition: 0.75s;
    transition: 0.75s;}

.flipSlide .flipSlide-front
{  z-index: 5;}

.flipSlide .flipSlide-back
{   z-index: 0;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);}

.flipSlide:hover .flipSlide-front
{   z-index: 5;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);}

.flipSlide:hover .flipSlide-back
{   z-index: 10;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);}

/*Comments*/

.comments h1
{   text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    color: #404146;
    font-size: 20px;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;}

.comments p
{   padding: 0;
    margin: 0;
    margin-bottom: 40px;
    font-family: 'Lato', sans-serif;
    color: #404146;
    font-size: 18px;
    line-height: 28px;
    font-weight: 100;
    font-style: italic;}

.comments .large-1 img
{   width: 100%;
    height: auto;}

.commentHead
{   height: 50px;
    line-height: 50px;
    font-family: 'Lato', sans-serif;
    color: #404146;
    background-color: #ffeb00;
    font-style: italic;
    font-weight: 100;
    font-size: 18px;
    padding-left: 18px;
    margin-bottom: 20px}

.comments
{   padding: 0 150px}

.commentHead .date
{   font-size: 14px;
    text-align: right;}

.commentHead .date a
{   display: inline-block;
    float: right;
    width: 50px;
    height: 50px;
    background: url(img/commentArrow.jpg) no-repeat center center;
    margin-left: 20px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
text-indent: 999999px;}

.commentHead .date a:hover
{    background: url(img/commentArrowHover.jpg) no-repeat center center;}

.commentContent
{   padding-top: 20px;}

.commentContent p
{   padding: 0;
    margin: 0;
    margin-bottom: 40px;
    font-family: 'Lato', sans-serif;
    color: #404146;
    font-size: 18px;
    line-height: 28px;
    font-weight: 100;
    font-style: italic;}

.reply
{   padding-left: 120px}

.reply h1
{   margin-bottom: 10px;}

.form .large-5
{   padding-right: 10px}

.form .large-7
{   padding-left: 10px}

.form input
{   width: 100%;
    height: 50px;
    line-height: 50px;
    font-family: 'Lato', sans-serif;
    color: #404146;
    font-size: 14px;
    font-weight: 100;
    padding: 0 20px 0 70px;
    border: 1px solid #404146;
    font-style: italic;
    margin-bottom: 20px;
    background-position: left;
    background-repeat: no-repeat;}

.form input.name
{   background: url(img/contact-name.jpg) no-repeat;}

.form input.email
{   background: url(img/contact-email.jpg) no-repeat;}

.form input.website
{   background: url(img/contact-web.jpg) no-repeat;}

.form textarea
{   height: 190px;
    width: 100%;
    font-family: 'Lato', sans-serif;
    color: #404146;
    font-size: 14px;
    font-weight: 100;
    padding: 10px 20px 10px 20px;
    border: 1px solid #404146;
    font-style: italic;}

.buttonHolder button, #submit
{   float: right;
    color: #ffeb00;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 400;
    width: 190px;
    padding: 0;
    padding-left: 45px;
    border: none;
    height: 50px;
    line-height: 50px;
    background: #404146 url(img/button.png) no-repeat 22px center ;
    box-shadow: none;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

.buttonHolder button:hover, #submit:hover
{   color: #404146;
    background: #ffeb00 url(img/buttonHover.png)  no-repeat 22px center }

.comment-form-comment
{position: relative;
width: 58.33333%;
padding-left: 20px;
float: left;
margin-top: 0 !important;}

.comment-list, .comment
{list-style: none;}

.commentHead .date
{overflow: hidden;}

.comment-form-comment label
{display: none;}

#reply-title small
{font-size: 11px;}

/*About*/

.captionText
{   bottom: 40px;
    background-color: transparent;
    text-align: center;}

.lineTop
{   width: 200px;
    height: 5px;
    margin: 0 auto 18px auto;
    background-color: #ffeb00;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

.lineBottom
{   width: 250px;
    height: 5px;
    margin: 18px auto 20px auto;
    background-color: #ffeb00;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

.captionText h1
{   font-family: 'Lato', sans-serif;
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 39px;
    line-height: 20px;}

.captionText .text
{   padding-left: 0}

.captionText p
{   font-family: 'Lato', sans-serif;
    color: #fff;
    font-size: 19px;
    line-height: 29px;
    padding: 0;
    margin: 0;
    margin-bottom: 18px;}

.captionText .captionButton
{   width: 52px;
    height: 52px;
    display: block;
    background: url(img/captionButton.png);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    margin: 0 auto;
    margin-top: 37px;}

.grayHolder
{   background: #404146;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    outline: none;
    outline-offset: -20px;}

.grayHolder img
{   opacity: 0.2;
    -moz-opacity: 0.20;
opacity:.20;
filter: alpha(opacity=20);
    min-height: 300px;}

.grayHolder:hover
{   background: #ffeb00;
    text-shadow: 1px 1px #404146;
    outline: 1px solid #3f3e43;
}

.grayHolder:hover .lineTop, .grayHolder:hover .lineBottom
{   background: #404146}

.grayHolder:hover .captionButton
{    background: url(img/captionButtonHover.png);}

.seperator
{   text-align: center;
    margin: 20px auto}

.blockHeader
{   text-align: center;}

.blockHeader h1
{   text-transform: uppercase;
    color: #404146;
    font-family: 'Lato', sans-serif;
    line-height: 26px;
    font-size: 24px;
    margin: 0;
    padding: 0;
    font-weight: 900;}

.blockHeader p
{   color: #404146;
    font-family: 'Lato', sans-serif;
    line-height: 29px;
    font-size: 20px;
    margin: 0;
    padding: 0;
    font-weight: 300;}

.captionText3Col
{   margin: 0 33px;}

.captionText3Col .lineBottom
{   width: 120px;}

.blogPost3Col
{   padding: 0 10px;   margin-top: 0;}

/*.blogPost .imageHolder:hover img:first-child {
opacity: 1 -moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}*/

.captionText3Col h1
{   font-size: 29px;
    line-height: 29px;}

.captionText3Col p
{   padding-bottom: 0;
    margin-bottom: 0}

.slideHolder
{   text-align: center;}

.features .lineBottom
{   background: #404146}

.iconHolder
{   height: 60px;
    text-align: center;
    margin-bottom: 20px;}


.iconHolder img
{   height: auto;
    width: auto;
    opacity: 1;
-moz-opacity: 1.00;
opacity:1.00;
filter: alpha(opacity=100);}

.features h1
{   color: #404146}

.features p
{   color: #404146}

.features .captionText3Col
{   margin: 0 50px}

.iconHolder .flipSlide
{   height: 60px;
    width: 80px;
    margin: 0 auto;
    text-align: center;
    float: none;}

/* Team */

.teamHolder
{   background-color: #404146;
    margin-bottom: 40px;
    overflow: hidden;}

.teamContent
{   background-color: #404146;
    padding: 20px 70px 20px 20px;}

.teamImage
{   width: 100%;
    height: auto;}

.teamImage img
{   width: 100%;
    height: auto;}

.teamContent h2
{   font-family: 'Lato', sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-size: 28px;
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
    font-weight: 900;}

.teamContent p
{   font-family: 'Lato', sans-serif;
    color: #fff;
    font-size: 17px;
    line-height: 27px;
    padding: 0;
    margin: 0;
    margin-bottom: 17px;
    font-weight: 300;}

.seperatorYellow
{   background: #ffeb00;
    height: 5px;
    width: 200px;
    margin-bottom: 19px;
    display: block;
    text-align: left;}

.teamDesc
{   font-family: 'Lato', sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 14px;}

.sideSocials
{   width: 50px;
    background: #ffeb00;
    height: 100%;
    position:  absolute;
    top: 0;
    bottom: 0;
    float: right;
    margin-left: 20px; right: 0}



.teamContent .flipSlide
{   border-bottom: 1px solid  #ffeb00;
    border-top: 1px solid  #ffeb00;
    margin-bottom: 3px;}

.topTeamImage
{   position: relative;}

.topTeamImage .inner
{   position: absolute;
    text-align: center;
    padding-bottom: 20px;
    bottom: 0;
    padding-top: 40px;
    left: 0;
    right: 0;
    background: url(img/teamGradient.png) repeat-x bottom;}

.topTeamImage .inner .lineBottom
{   width: 100px;
    margin: 15px auto;}

.topTeamImage .inner h2
{   font-family: 'Lato', sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-size: 28px;
    padding: 0;
    margin: 0;
    margin-bottom: 0;
    font-weight: 900;}

.topTeamContent
{   text-align: center;
    padding: 20px 30px 3px 30px;}

.topSocials
{   height: 50px;
    background: #ffeb00;}

.topSocials .flipSlide
{   margin-left: -1px}

.teamHolder3Col
{   padding: 0 10px;
    margin-bottom: 40px;}

.serviceFlat
{   height: 220px;}

.serviceFlat:nth-child(odd)
{   background-color: #4b4a50}

.serviceFlat:nth-child(even)
{   background-color: #403f45}

.iconHolder
{   height: 220px;}

.iconHolder img
{   position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;}


.iconHolderAbout
{   height: 60px;
    text-align: center;
    margin-bottom: 20px;}

.iconHolderAbout img
{   position: relative;}

.textHolder
{   text-align: center;
    padding: 50px 25px 20px 25px;}

.textHolder h2
{   color:  #404146;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 25px;
    font-family: 'Lato', sans-serif;
    font-weight: 900}

.textHolder p
{   color:  #404146;
    font-size: 18px;
    line-height: 20px;
    font-family: 'Lato', sans-serif;
    font-weight: 300}

.textHolder .lineBottom
{   background: #404146;
    width: 120px}

.ch_hover
{   background: rgba(255, 235, 0, 0.99) !important;
    background-color: rgba(255, 235, 0, 0.99) !important;
    opacity: 1 !important;
-moz-opacity: 1.00 !important;
opacity:1.00 !important;
filter: alpha(opacity=100) !important;}

.serviceRow
{   margin-bottom: 40px !important;}

.iconHolderServices
{   height: 25px;   margin-bottom: 12px;}

.iconHolderServices img
{
    padding-bottom: 12px;}

.serviceItem
{   -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    padding: 20px 0;
    margin-top: 0;
    margin-bottom: 0}

.serviceItem:hover
{   background-color: #ffeb00;}

.serviceItem h1
{   font-size: 20px;   margin-bottom: 5px;}

.serviceItem p
{   line-height: 23px;}

.serviceItem .description
 {  margin: 0 20px;}

.iconHolderHorizontal, .serviceFlatHorizontal
{   height: 440px;}

.iconHolderHorizontal
{   background: #404146;}

.iconHolderHorizontal img
{   opacity: 0.4;
-moz-opacity: 0.40;
opacity:.40;
filter: alpha(opacity=40);}

.mainLine
{   position: absolute;
    top: 220px;
    left: 35px;
    right: 35px;
    z-index: 6;
    text-align: center;
    opacity: 1;
-moz-opacity: 1.00;
opacity:1.00;
filter: alpha(opacity=100);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

.mainLine h2
{   color: #fff;
    font-size: 22px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    line-height: 25px;    
}

.mainLine .lineBottom
{   width: 120px;
    margin: 11px auto;    
}


.mainLine p
{
color: #fff;
font-family: 'Lato', sans-serif;
font-weight: 300;
font-size: 17px;
line-height: 21px;
margin-bottom: 0;
}

.mainLine h2,.mainLine .lineBottom,.mainLine p{
    opacity: 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.ch_normal
{   z-index: 5 !important}

.ch_hover
{   z-index: 10 !important}

.contenthoverServices p
{   line-height: 27px;}

.serviceFlatHorizontal .ch_hover
{   background: rgba(255, 235, 0, 0.8) !important;
    background-color: rgba(255, 235, 0, 0.8) !important;
    opacity: 1 !important;
-moz-opacity: 1.00 !important;
opacity:1.00 !important;
filter: alpha(opacity=100) !important;}

.serviceFlat:hover .mainLine
{   display: none;
    opacity: 0;
-moz-opacity: 0.00;
opacity:0.00;
filter: alpha(opacity=0);}

.iconHolderRound
{   height: 150px;
    width: 150px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;}

.iconHolderRound .flipSlide
{   width: 150px;
    height: 150px;
    margin: 0 auto;}

.iconHolderRound img
{   position: relative;}

.service3Col
{   margin-top: 0}

.service3Col .description
{   margin: 0 20px;}

.service3Col h1
{   font-size: 24px;}






/*Portfolio 3Col*/


/**** Isotope ****/

/**** Isotope Filtering ****/

.items {width: 50%}

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


#container
{margin: 20px auto}


/*Iso end*/

.portfolioItem
{width: 330px;
padding: 0 10px 40px 10px;}

.slidingPortfolio
{
    padding: 5px;
/*width: 350px*/
width: 525px;
        max-width: 100%;
}


.filterHolder ul {
list-style: none;
text-align: center;
    margin-top: 65px;

}

.filterHolder li
{display: inline-block;
font-family: 'Lato', sans-serif;
background: #403F45;
margin: 0 8px;
padding: 9px 25px;
border: 1px solid #403F45;
margin-bottom: 20px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

.category .filterHolder li a,
.page .filterHolder li a{
    color: white;
}

.filterHolder li a
{color: #FFEB00;
text-transform: uppercase;
font-weight: 900;
font-size: 16px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

.filterHolder li:hover
{border: 1px solid #403F45;
background: #FFEB00}

.filterHolder li:hover a
{color: #403F45}

.portfolioItem img
{
    width: 100%;
    height: auto;
/*
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(10%); 
    -webkit-transition: all .6s ease;
    -webkit-backface-visibility: hidden; 
*/
}

.grayscale{
	-webkit-filter: grayscale(10%);
	-moz-filter: grayscale(10%);
	-ms-filter: grayscale(10%);
	-o-filter: grayscale(10%);
	filter: grayscale(10%);
	filter: url(img/grayscale.svg);
	filter: gray;
}

.portfolioItem .txtHold
{width: 100%;
background: #403F45;
min-height: 80px;
float: left;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.portfolioItem .txtHold .icons
{float: left;
margin-right: 10px;
width: 80px;
height: 80px;
background: url(img/grayscale.svg);
background-color: #FFEB00;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}


.portfolioItem .txtHold h1
{font-family: 'Lato', sans-serif;
font-weight: 700;
color: #fff;
text-transform: uppercase;
font-size: 16px;
line-height: 16px;
/*font-size: 18px;*/
padding-top: 8px;
margin-top: 0;
margin-bottom: 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

.txtHold p
{font-family: 'Lato', sans-serif;
font-weight: 300;
font-size: 16px;
color: #fff;
margin-top: 0;
margin-bottom: 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
line-height: 21px;}

.portfolioItem:hover img:first-child
{        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);}

.portfolioItem:hover img.iconImg
{filter: none;}

.home.page .portfolioItem:hover .txtHold{
    background-color: #bcbec0 !important;  
}

.home.page .portfolioItem:hover .txtHold .dates{
    background-color: #a7a9ab !important;  
}

.portfolioItem:hover .txtHold
{background: #FFEB00}

.portfolioItem:hover .txtHold h1
{color: #403F45}

.portfolioItem:hover .txtHold p
{color: #403F45}

.portfolioItem:hover .txtHold .icons
{background-color: #403F45;
background-image: url(img/portfolio-hover.png); }


.slidingPortfolio .textHolder {
background: #FFEB00;
background: rgba(255, 235, 0, 0.8);
position: absolute;
top: 700px;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}

.slidingWrap .mainLine
{-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;}

.slidingWrap
{position: relative;
float: left;
overflow: hidden;
background: #404146;
width: 100%}

.slidingWrap img {
/*
opacity: 0.4;
-moz-opacity: 0.40;
opacity:.40;
filter: alpha(opacity=40);
*/
width: 100%;
height: auto;
}

.slidingWrap:hover .textHolder
{bottom: 0;
top: 0}

.slidingWrap:hover .mainLine
{opacity: 0;
    -moz-opacity: 0.00;
opacity:0.00;
filter: alpha(opacity=00);
}

.textHolder-inner
{position: relative;
height: 100%}

.textHolder-position
{position: absolute;
bottom: 20px}

.slidingWrap .mainLine
{top: auto;
bottom: 50px;}

.portfolioItem .txtHold .dates {
float: left;
padding-right: 12px;
width: auto;
height: 66px;
text-align: center;
line-height: 16px;
color: #FFEB00;
font-family: 'Lato', sans-serif;
font-size: 18px;
font-weight: 700;
padding-left: 10px;
background: #FFEB00;
color: #403F45;
padding-top: 18px;
}

.slidingPortfolio .txtHold
{width: 100%;
background: #403F45;
min-height: 66px;
float: left;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}


.blogSliding .mainLine
{
    top: 27%;
/*    top: 110px;*/
/*
    top: auto;
bottom: 80px;
*/
}

/*
.home.page .twitter-feed {
    display: none;
}
*/

.twitter-feed{
    margin-top: 40px;     
}

.twitter-feed .description h1{    
    font-size: 15px;
    text-align: center;
}

.twitter-feed .line{
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 15px;
}

.twitterwidget{
    text-align: center;
}

#twitter-widget-0{
    margin-left: auto;
    margin-right: auto; 
}


.blogSliding .mainLine
{opacity: 1 !important;
-moz-opacity: 1.00;
opacity:1.00;
filter: alpha(opacity=100);}

.portfolioItem:hover .dates
{color: #403F45}

.blogSliding h1
{
    padding-left: 10px;
float: left;
/*padding-top: 20px !important*/
padding-top: 25px !important
}

.portfolioItem .txtHold a{
    position: absolute;
}

/*Portfolio Single*/

.singleHeader
{   text-align: left;
}

.singleHeader h1
{   text-transform: uppercase;
    color: #404146;
    font-family: 'Lato', sans-serif;
    line-height: 26px;
    font-size: 24px;
    margin: 0;
    padding: 0;
    font-weight: 900;}

.singleHeader p
{   color: #404146;
    font-family: 'Lato', sans-serif;
    line-height: 29px;
    font-size: 20px;
    margin: 0;
    padding: 0;
    font-weight: 300;}

.seperatorLeft
{text-align: left;}

.filler
{min-height: 100px;}

.leftSingle ul
{list-style: none;
margin-bottom: 60px;

font-family: 'Lato', sans-serif;
line-height: 25px;
font-size: 18px;
font-weight: 300;
text-transform: capitalize;}

.singleSliding
{width: 100%;
padding: 0;}

.singleNavigation .item {
margin-top: 0;
margin-bottom: 40px;
overflow: hidden;
}

.portfolioSinlgeRow .large-4:last-child
{float: left;}

.iconHolderServices2
{height: auto}

.grayThick
{margin: 20px auto;
width: 50%;
height: 2px;
background: #404146}

.large-button
{width: 100%;
text-align: center;}

.large-button a
{color: #403f45;
width: 77%;
height: 80px;
line-height: 80px;
margin: 30px auto;
text-align: center;
text-transform: uppercase;
background: #ffeb00;
font-family: 'Lato', sans-serif;
color: #403f45;
font-weight: 900;
font-size: 23px;
display: inline-block;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

.large-button a:hover
{background-color: #403f45;
color: #ffeb00;}

.inner p
{max-height: 26px;
overflow: hidden;
margin-bottom: 6px;}

.inner p {
max-height: 23px;
max-height: 26px;
margin-bottom: 0;
}

.description p {
margin-bottom: 0;
}

.share.description p{
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    color: #bcbec0;
    font-style: normal;    
}

.shareText:nth-child(3) p{
    font-size: 14px;
    line-height: 17px;
}

.single .footerItem .socials{
    display: none;
}


iframe
{border: none;}

.ch_wrapper, .ch_normal, .ch_hover
{width: 100% !important}

[class*="column"]+[class*="column"]:last-child {
float: left;
}

#services02 .iconHolder img {position: relative;}

.iconHolderHorizontal, .serviceFlatHorizontal {

}

#services02 .ch_normal {height: auto !important}

#services02 .serviceFlat  {background: transparent;}

.mainLine {top: auto; bottom: 50px;}

.ieBG {display: none;}

#primary
{position: relative;
z-index: 99}


.archive_item
{}

.archive_item h2
{width: 100%;
background: #ffeb00;
text-transform: uppercase;
font-family: 'Lato', sans-serif;
color: #403f45;
font-weight: 900;
font-size: 23px;
padding: 20px 10px;
margin: 0}

.archive_item li
{background-color: #403f45;
padding:15px 10px;
list-style: none;
font-family: 'Lato', sans-serif;
font-weight: 300;
text-transform: uppercase;
color: #fff;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

.archive_item ul
{margin-bottom: 0}

.archive_item li:nth-child(odd)
{background-color: #434249;}

.archive_item li:hover
{opacity: 0.9}

.archive_item li a
{color: #fff;}

.archive_item
{margin: 0; padding: 10px;}

.archiveContainer
{overflow: visible !important;
    margin-top: 70px !important;
}

.navigationRow
{position: absolute;
bottom: 0;
position: absolute;
bottom: -80px;}

.archiveIsotope
{padding-bottom: 60px;}

.navigationRow a
{color: #3f3e43;
font-weight: 900;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

.navigationRow a:hover
{color: #ffeb00}

.single_archive h1
{width: 100%;
background-color: #ffeb00;
padding: 20px 10px;
font-size: 22px;
line-height: 26px;
font-family: 'Lato', sans-serif;}

.single_archive h1 a
{color: #3f3e43;}

.description header
{padding: 0 10px;
font-family: 'Lato', sans-serif;
color: #3f3e43;}

.description header h1
{color: #3f3e43;}

.singleInner  .inner
{
    position: relative;
/*background-color: white;*/
background-color: transparent;
}

.singleInner {position: relative;}

.single .item
{margin-bottom: 0}

.single .title
{margin-top: 0}


.page .blogPost,
.single .blogPost
{
    text-align: center;
    margin-top: 265px;
}

.page .imageHolder,
.single .imageHolder {
    position: relative;
    width: auto;
    display: inline-block;
    margin: 0 auto;
    float: none;
    background-color: transparent;
}

.content div, .content img
{max-width: 100%}

.comment-reply-title
{display: none;}

.comments-area
{margin-top: 40px;}


/**/

.iconLink
{background: url(img/icon-link.png);}

.iconGallery
{background: url(img/icon-slideshow.png);}

.iconVideo
{background: url(img/icon-video.png);}

.iconQuote
{background: url(img/icon-quote.png);}



.iconImage, .description h1 a,  .line, .description, .flippingHover h1, .flippingHover p, .flippingHover .lineBottom, .copyrightItem a
{    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}


.blogPost:hover .iconImage
{background: url(img/icon-imageHover.png);}

body.home .blogPost:hover .description
{background: #404146}

body.home .blogPost:hover .description h1 a, body.home .blogPost:hover .contents p
{color: #ffeb00}

body.home .blogPost:hover .line
{background: url(img/lineHover.png);}

body.home .blogPost:hover .description
{color: #ffeb00}

.blogPostLink:hover .iconLink
{background: url(img/icon-linkHover.png);}

.blogPostGallery:hover .iconGallery
{background: url(img/icon-slideshowHover.png);}

.blogPostVideo:hover .iconVideo
{background: url(img/icon-videoHover.png);}

.blogPostQuote:hover .iconQuote
{background: url(img/icon-quoteHover.png);}

body.home .blogPostLink:hover .description h1
{color: #ffeb00}

body.home .blogPostQuote:hover .description h1
{color: #ffeb00}

.grayHolder:hover h1, .grayHolder:hover .captionText p
{color: #404146;
text-shadow: none;}

.flippingHover:hover .flipSlide-front, .features-02 .service3Col:hover .flipSlide-front
{   z-index: 5;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);}

.flippingHover:hover .flipSlide-back, .features-02 .service3Col:hover .flipSlide-back
{   z-index: 10;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);}

.flippingHover:hover  h1, .features-02 .large-4:hover h1 {
color: #403f45 !important;
}


.flippingHover:hover .lineBottom, .features-02 .large-4:hover .lineBottom {
background: #ffeb00 !important;
}

.flippingHover:hover p, .features-02 .large-4:hover p {
color: #403f45 !important;
}

.copyrightItem a:hover
{color: #ffeb00}

.text
{padding-right: 0}

.serviceItem {padding: 20px 5px;}



.hoverBug .iconHolder
{margin-bottom: 0}

.hoverBug .serviceFlat
{overflow: hidden;
}

.hoverBug .textHolder
{height: 440px;
position: absolute;
background: #ffeb00;
opacity: 0.8;
top: 440px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

.hoverBug .serviceFlat .mainLine
{    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

.hoverBug .serviceFlat:hover .textHolder
{top: 0;}

.hoverBug .serviceFlat:hover .mainLine {
bottom: -150px;
display: block;
}


.sideSocials {
    right: -1px;
    
}



.portfolioItem .txtHold .dates {
line-height: 20px;
text-align: center;
padding-top: 12px;
padding-right: 11px;
color: white !important;
}

.portfolioItem .txtHold .dates span
{font-size: 15px;
}

.contactForm .large-6
{padding: 20px;}

.contactForm .large-6 iframe
{max-width: 100%}

.contactForm input, .contactForm textarea
{   width: 100%;
    height: 50px;
    line-height: 50px;
    font-family: 'Lato', sans-serif;
    color: #404146;
    font-size: 14px;
    font-weight: 100;
    padding: 0 20px 0 20px;
    border: 1px solid #404146;
    font-style: italic;
    margin-bottom: 20px;}

.contactForm textarea
{height: 120px;
line-height: 18px;
padding-top: 10px}

.contactForm .wpcf7-submit
{   float: right !important;
    color: #ffeb00 !important;
    text-transform: uppercase !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    width: 190px !important;
    padding: 0 !important;
    padding-left: 45px !important;
    border: none !important;
    height: 50px !important;
    line-height: 50px !important;
    background: #404146 url(img/button.png) no-repeat 22px center  !important;
    box-shadow: none !important;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

.contactForm .wpcf7-submit:hover
{   color: #404146 !important;
    background: #ffeb00 url(img/buttonHover.png)  no-repeat 22px center !important}


.serviceFix .serviceFlat
{overflow: hidden;}

.serviceFix .textHolder
{height: 220px;
width: 100%;
bottom: -220px;
position: absolute;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
background-color: #ffeb00;
padding-top: 35px;
opacity: 0.9}

.serviceFix .serviceFlat:hover .textHolder
{bottom: 0}

.maps
{position: relative;
height: 240px;}

.maps img {
position: absolute;
top: 0;
display: inline-block;
width: 900px;
left: 50%;
margin-left: -450px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
opacity: 0;
}

#showMenu
{position: absolute;
top: 10px;
z-index: 100;
left: 50%;
margin-left: -20px;
width: 40px; height: 25px;
background: url(img/menu-trigger.png)no-repeat center center;
cursor: pointer;}

.responsiveMenuSelect
{
background: transparent;
color: #979797;
border: none;
margin-top: 50px;
font-family: 'Lato', sans-serif;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 2px
}

/*Preload*/

#spinner
{   position: fixed;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999999;
    background: #f1e3da;
    background-repeat: repeat;}

.single #spinner{
    display: none;
}

.spinner {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;

}

.footerItem
{min-height:  0px  !important}

.iconImage
{width: 100px;
overflow: hidden;}

.iconImage img
{width: 200px;
max-width: none;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}


.blogPost:hover .iconImage img
{margin-left: -100px;}

.clearInner
{background-color: transparent !important;}

.portfolioIconImage
{width: 80px;}

.portfolioIconImage img
{width: 160px;
filter: none:;
filter: none;
-webkit-filter: none;
-webkit-transition: none;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

.portfolioItem:hover .portfolioIconImage img
{margin-left: -80px;}

.slidingPortfolio a.textHolder
{background: url(img/arrow.png) no-repeat center center;}

.newBlogHover .mainLine, .newBlogHover .slidingWrap img{
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.newBlogHover:hover .mainLine .lineBottom
{opacity: 1}

.newBlogHover:hover  .slidingWrap img
{opacity: 0.4;
-moz-opacity: 0.4;
opacity: 0.4;}

.newBlogHover:hover .mainLine h2{
    opacity: 1;
}

.newBlogHover:hover .mainLine p{
    opacity: 1;
}

.singlePostImageHolder img
{ opacity: 1 !important}

span.commentCount {
margin-top: 15px;
padding-bottom: 0
}

.portfolioSinlgeRow
{clear: both;
overflow: hidden;}

.singleHeader p
{padding-bottom: 40px}

.orbit-container .orbit-slides-container img {
display: block;
min-width: 100%;
width: 100%;
max-width: 100%;

height: auto;

}

.single .imageHolder
{width: 100%}

.orbit-container .orbit-next
{bottom: 0}
.orbit-container .orbit-prev
{bottom: 0}

.singleInner {
position: relative;
/*margin-top: -2px;*/
}

#comments
{padding: 0 150px 0 250px;}

.smallFilter
{}

.smallFilter li:first-child
{color: #FFEB00;
text-transform: uppercase;
font-weight: 900;
font-size: 16px;}

.smallFilter li:hover
{color: #3f3e43}

.smallFilter li ul
{opacity: 0;
padding-left: 0;
margin-left: 0;
display: none;}

#fristy:hover
{background: transparent !important;
border: none !important;}

.filterHolder .smallFilter li:hover a
{color: #FFEB00 !important;}

.filterHolder .smallFilter li:hover a:hover
{color: #3f3e43 !important;}

.smallFilter li ul li
{width: 100%;
color: #FFEB00 !important;
margin-bottom: 1px;}

.smallFilter li ul li:hover
{color: #000 !important;}

.smallFilter li ul li a
{color: #FFEB00 !important;}

.smallFilter li:first-child:hover ul
{display: block;
opacity: 1}

.menu li ul li {
/*float: left;
display: block;
clear: both;*/
line-height: 10px;
}

ul.sub-menu{
    margin-left: 25px;
}

ul.sub-menu a {
margin: 5px !important;
padding: 0 !important;
font-size: 14px !important;
line-height: 18px !important;}

ul.sub-menu a:before
{}

ul.sub-menu li ul
{position: relative !important;
margin-left: 15px;}

ul.sub-menu
{text-align: left !important;}

ul.sub-menu li ul li, ul.sub-menu li
{display: block !important;}









/*UL*/

.singleContentWrap ul
{list-style:square url("img/bullet2.png"); color: #fff}

.singleContentWrap ul li ul
{list-style:square url("img/bullet3.png");}

.singleContentWrap ul {
    list-style: url("img/bullet2.png"); color: #3f3e43;
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
.singleContentWrap ul > li {
    position:relative; /* Create a positioning context */
    margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:4px 8px;
    list-style:none;
}
.singleContentWrap ul > li:before {
    content: url("img/bullet2.png");
    position:absolute;
    top:-2px;
    left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:2em;
    margin-right:8px;
    padding:4px;
    color:#fff;
    font-weight:bold;
    text-align:center;
}
.singleContentWrap li ol,
.singleContentWrap ul ul li:last-child {margin-bottom:0;}



/*OL*/

.singleContentWrap ol {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
    margin-top: 12px;
}
.singleContentWrap ol > li {
    position:relative; /* Create a positioning context */
    margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:4px 8px;
    list-style:none;
}
.singleContentWrap ol > li:before {
    content:counter(li);
    counter-increment:li;
    position:absolute;
    top:-2px;
    left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:2em;
    margin-right:8px;
    padding:4px;
    color:#fff;
    background:#3f3e43;
    font-weight:bold;
    text-align:center;
}
.singleContentWrap li ol,
.singleContentWrap ol ol li:last-child {margin-bottom:0;}



body.search .portfolioItem
{float: left;
width: 100%;
margin-bottom: 30px;}

body.search   .navigation
{clear: both;
padding-top: 50px;}

.widget-title
{font-size: 20px;
text-transform: uppercase;}

.search-submit
{background: #3f3e43;
border: none;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
padding: 10px 15px;}

.search-field
{padding: 25px !important;
margin-top: 10px !important;}

body.search .page-title
{margin-left: 10px;}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media only screen and (max-width: 1362px){
.captionText {bottom: 50px;}
.captionText3Col p {max-height: none; overflow: visible;}
.logoHolder{    background-size:     contain;}

}

@media only screen and (max-width: 1282px){
.description {margin: 0 50px;}
.textHolder {padding: 20px;}
.teamHolder3Col {width: 50%}
.content {padding: 0 50px 0 50px;}
.comments-area {padding: 0 50px;}
.content p {padding-right: 0}
.single .title {padding: 0 100px 0 100px}
.iconHolderHorizontal, .serviceFlatHorizontal {height: 400px;}

}

@media only screen and (max-width: 1242px){
nav a {margin: 0 15px;}
}

@media only screen and (max-width: 1157px){
.iconHolderHorizontal, .serviceFlatHorizontal {height: 350px;}
}

@media only screen and (max-width: 1090px){
nav a {margin: 0 5px;}
.textHolder {padding: 20px 10px 10px 10px;}
}


@media only screen and (max-width: 1023px){
.iconHolderHorizontal, .serviceFlatHorizontal {height: 300px;}
}


@media only screen and (max-width: 956px){
nav a {margin: 0 25px;}
.cl-effect-21 {padding-top: 0px;}
.menu li {display: inline-block;width: auto;margin-bottom: 37px;}
.meny {height: auto !important; overflow: hidden;}
.menu li ul li a {font-weight: 300;}
.textHolder h2 {font-size: 20px;line-height: 20px;}
.mainLine {left: 10px;right: 10px;}
.maps img {width: auto; margin-left: 0;left: 0;}

}

@media only screen and (max-width: 855px){
.teamHolder3Col {width: 80%; float: none !important; margin: 0 auto; margin-bottom: 20px;}
#team02 .teamHolder3Col:last-child {width: 80%; float: none; margin: 0 auto;}
.hoverBug .large-9 {width: 100%}

}


@media only screen and (max-width: 850px){
.textHolder p {font-size: 16px;line-height: 18px;}
.mainLine {bottom: 50px;}
}

@media only screen and (max-width: 768px){
.pageNavigation {padding: 0 50px;}
}

@media only screen and (max-width: 767px){
.bx-wrapper .bx-next {right: 0;left: auto;top: 50%;margin-top: -25px;bottom: auto;}
.bx-wrapper .bx-prev {left: 0;right: auto;top: 50%;margin-top: -25px;bottom: auto;}
.inner p {max-height: none; overflow: visible;}
.inner {position: relative;bottom: auto;}
.description {margin: 0;}
.pageNavigation {padding: 0 10px;}
nav a {margin: 0 10px;}
.blogPost .inner {position: relative;bottom:0px;}
.grayHolder img {min-height: 500px;width: auto;max-width: none;}
.captionText h1 {line-height: 39px;}
.text {padding: 0 20px;}
.captionText .text {padding-left: 20px;}
#abouts .large-4:last-child {float: none;margin: 0 auto;overflow: hidden;padding: 0;}
#abouts .grayHolder img {min-height: 300px;width: auto;max-width: 100%;}
.captionText3Col h1 {font-size: 20px;line-height: 20px;}
#services02 .iconHolder img {width: 100%}
#services02 .large-4:last-child {float: none; margin: 0 auto;}
#services02 .textHolder {padding: 50px 25px 10px 25px;}
.features-02 .large-4:last-child {float: none; margin: 0 auto; overflow: hidden;}
#contact .large-4:last-child {float: none; margin: 0 auto; overflow: hidden;}
.single .title {padding: 0 }
.content {padding: 0 20px 0 20px;}
.comments-area {padding: 0 20px;}
.clearInner {position: absolute !important; bottom: 40px !important;}
body {overflow-x: hidden;}
.flippingHover .clearInner, .service3Col  .clearInner, .serviceItem .clearInner {position: relative !important; bottom: auto !important}
.iconHolderHorizontal img {width: 100%;}
.singleHeader {padding-left: 20px; padding-right: 20px;}
.portfolioSinlgeRow .large-4 {width: 50%}
.serviceItem:last-child {float: left !important; }
.page-template-layoutscontact-layout-php .serviceItem {height: 260px;}
}

@media only screen and (max-width: 597px){
.shareIcons {
/*    padding-left: 45px;*/
}
.teamContent {width: 100%}
.teamHolder .large-4 {width: 100%}
}


@media only screen and (max-width: 512px){
.comment-form-comment {width: 100%; padding-left: 0;}
}

@media only screen and (max-width: 500px){
.serviceRow .large-4, .features .large-4 {width: 100%}
#team .large-4, #team .large-8 {width: 100%}
.teamHolder3Col {width: 95%; float: none; margin: 0 auto; margin-bottom: 20px;}
#team02 .teamHolder3Col:last-child {width: 95%; float: none; margin: 0 auto;}
.large-button a {width: 95%;}
}


@media only screen and (max-width: 479px){
.pageNavigation {padding: 0px;}
.pageNavigation div:last-child {padding-left: 5px;}
.pageNavigation div:first-child {padding-right: 5px;}
.pageNavigation div:last-child a {padding-right: 61px;}
.pageNavigation div:first-child a {padding-left: 61px;}
.pageNavigation a, .nav-previous, .nav-next {width: 100%}
.description h1 {font-size: 27px;}
.mainLine .lineBottom,
.mainLine h2{display: none;}
    
.logoHolder{
    height: 200px;
}
    
    
.page .blogPost, .single .blogPost{
    margin-top: 180px;    
}
    
}

/*
@media only screen and (max-width: 535px){    
.slidingPortfolio{
    width: 350px;
}    
}
*/

@media only screen and (max-width: 377px){
.pageNavigation .large-6 {width: 100%}
.pageNavigation div:last-child {padding-left: 0px;}
.pageNavigation div:first-child {padding-right: 0px; margin-bottom: 10px;}
.teamHolder3Col {width: 100%; float: none; margin: 0 auto; margin-bottom: 20px;}
#team02 .teamHolder3Col:last-child {width: 100%; float: none; margin: 0 auto;}
.large-button a {width: 100%;}
/*.blogSliding h1 {padding-top: 10px !important;}*/
}


/* ==========================================================================
   IE Support
   ========================================================================== */

.lt-ie9 .ieBG
{display: block;
width: 100%;
height: 100%;}

.lt-ie9 .ieBG{
    position:relative;
}

.lt-ie9 img.fullbackground{
    position:absolute;
    z-index:0;
    top:0;
    left:0;
    width:100%; /* alternative: right:0; */
    height:100%; /* alternative: bottom:0; */
}

.lt-ie9 .large-1 {
    position: relative;
    width: 8.33333%; }

.lt-ie9 .large-2 {
    position: relative;
    width: 16.66667%; }

.lt-ie9 .large-3 {
    position: relative;
    width: 25%; }

.lt-ie9 .large-4 {
    position: relative;
    width: 33.33333%; }

.lt-ie9 .large-5 {
    position: relative;
    width: 41.66667%; }

.lt-ie9 .large-6 {
    position: relative;
    width: 50%; }

.lt-ie9 .large-7 {
    position: relative;
    width: 58.33333%; }

.lt-ie9 .large-8 {
    position: relative;
    width: 66.66667%; }

.lt-ie9 .large-9 {
    position: relative;
    width: 75%; }

.lt-ie9 .large-10 {
    position: relative;
    width: 83.33333%; }

.lt-ie9 .large-11 {
    position: relative;
    width: 91.66667%; }

.lt-ie9 .large-12 {
    position: relative;
    width: 100%; }

.lt-ie9 .show-for-small
{display: none !important}

.lt-ie9 .hide-for-small
{display: block !important}

.lt-ie9 .large-centered
{width: 100%}

.lt-ie9 .serviceFlat
{background: #4b4a50}

.lt-ie9 .logo  img
{position: absolute; top: 15px;
left: 50%; margin-left: -163px;
height: 152px;}

.lt-ie9 .logo
{position: relative;
height: 152px;
width: 100%;
z-index: 10;
top: 0}


.lt-ie9 #services02 .iconHolder img
{width: 100%}


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.sticky {
    margin: 0 150px;
    background: #ffeb00;
    font-family: 'Lato', sans-serif;
    color: #403f45;
    overflow: hidden;
    border-top: 5px solid #ffeb00
}
.gallery-caption {
    background: #ffeb00;
    font-family: 'Lato', sans-serif;
    color: #403f45;
}
.bypostauthor {
    background: #ffeb00;
    font-family: 'Lato', sans-serif;
    color: #403f45;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}


.tws_homepage_featured_image{
    text-align: center;
    margin-top: 200px;
}


.responsive-video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 60px;
  overflow: hidden; }

.responsive-video iframe, .responsive-video object, .responsive-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }