/*===================================================================
 
Theme Name: Pinto
Theme URI: http://demo.themebeans.com/pinto
Author: ThemeBeans
Author URI: http://themebeans.com
Description: A sweet and classic photoblog/journal theme.
Version: 2.9.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: post-formats, theme-options, translation-ready, custom-menu, fluid-layout, responsive-layout, light, white, microformats
Text Domain: bean
 
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.

===================================================================== 

1.  CSS Reset and Framework Setup
2.  Body and Typography
3.  Global Styles 
4.  Form & Input Styles
5.  Theme Header
6.  Hidden Sidebar Panel
7.  Other Theme Templates
8.  Blogroll
9.  Single Post
10. Comments
11. Jplayer Styles
12. Theme Footer
13. Widget Styles
14. Theme Animations
15. Cross Browser

=====================================================================*/



/*===================================================================*/
/*
/* CSS RESET AND FRAMEWORK SETUP
/*
/*===================================================================*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video
{
    font: inherit;
    font-size: 100%;

    margin: 0;
    padding: 0;

    vertical-align: baseline;
    text-decoration: none;

    border: 0;
}img
{
    vertical-align: bottom;
}article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section
{
    display: block;
}body
{
    line-height: 1;
}ol,
ul
{
    list-style: none;
}blockquote,
q
{
    quotes: none;
}blockquote:before,
blockquote:after,
q:before,
q:after
{
    content: '';
    content: none;
}table
{
    border-spacing: 0;
    border-collapse: collapse;
}.clearfix::after
{
    display: table;
    clear: both;

    content: '';
}.none
{
    display: none;
}

/* GRID FRAMEWORK */
.row
{
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 80px;
}
.row .row
{
    width: auto;
    min-width: 0;
    max-width: none;
    margin: 0 -10px;
}
.row:before,
.row:after
{
    display: table;

    content: '';
} .row:after
{
    clear: both;
}

.column,
.columns
{
    position: relative;

    float: left;

    min-height: 1px;
    padding: 0 12px;
}
.columns .columns
{
    padding: 0;
}
.columns .columns .columns
{
    padding: 0;
} 
.column.centered,
.columns.centered
{
    float: none;

    margin: 0 auto;
} 
[class*='column'] + [class*='column'].end
{
    float: left;
}

/* COLUMNS */
.one,
.row .one
{
    width: 8.33333%;
}
.two,
.row .two
{
    width: 16.66667%;
}
.three,
.row .three
{
    width: 25%;
}
.four,
.row .four
{
    width: 33.33333%;
}
.five,
.row .five
{
    width: 41.66667%;
}
.six,
.row .six
{
    width: 50%;
}
.seven,
.row .seven
{
    width: 58.33333%;
}
.eight,
.row .eight
{
    width: 66.66667%;
}
.nine,
.row .nine
{
    width: 75%;
}
.ten,
.row .ten
{
    width: 83.33333%;
}
.eleven,
.row .eleven
{
    width: 91.66667%;
}
.twelve,
.row .twelve
{
    width: 100%;
}

/* IMAGES */
img,
object,
embed
{
    max-width: 100%;
    height: auto;
}
object,
embed
{
    height: 100%;
}
img
{
    -ms-interpolation-mode: bicubic;
}

/* VISABILITY CLASSES */
.show-for-small
{
    display: none!important;
}
/* FLOATS */
.left
{
    float: left;
}
.right
{
    float: right;
}
.text-right
{
    text-align: right;
}
.text-centered
{
    text-align: center;
}

/* RESPONSIVE */
@media only screen and (max-width: 768px)
{
    .row
    {
        width: auto;
        min-width: 0;
        margin-right: 0;
        margin-left: 0;
    }
    .row .row
    {
    }
    .column,
    .columns
    {
        padding: 0;
    }
    .column:before,
    .columns:before,
    .column:after,
    .columns:after
    {
        display: table;

        content: '';
    }
    .column:after,
    .columns:after
    {
        clear: both;
    }
    .row .mobile-two
    {
        float: left;

        width: 50% !important;
        padding: 0 30px;
    }
    .row .mobile-two:last-child
    {
        float: left;
    }
    .row .mobile-two.end
    {
        float: left;
    }
    .row .mobile-four
    {
        float: left;

        width: 100% !important;
    }
    .row .mobile-four.end
    {
        float: left;
    }
}

/* SMALL DISPLAY TARGETS */
@media only screen and (max-width: 768px)
{
    .hide-for-small
    {
        display: none!important;
    }
    .show-for-small
    {
        display: block!important;
    }
}




/*===================================================================*/
/*
/* BODY AND TYPOGRAPHY
/*
/*===================================================================*/
*
{
    box-sizing: border-box;
}

body
{
    font: 16px/27px 'PT Serif', Georgia, serif;

    background-color: #fff;

    -webkit-overflow-scrolling: touch;
}

h1,
h2,
h3,
h4,
h5
{
    font-weight: normal;
    font-style: normal;
}

h1,
h2,
h5
{
    font: 45px/50px 'Lato', Helvetica, Arial, sans-serif;
    font-weight: 300;

    letter-spacing: -1px;
    text-transform: uppercase;
}

h2
{
    font-size: 30px;
    line-height: 35px;
}

h3
{
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;

    margin-bottom: 15px;
}

h4,
h4 p
{
    font-size: 19px;
    font-weight: normal;
    line-height: 27px;

    letter-spacing: -1px;

    color: #b9c0c5!important;
}

h5
{
    font-size: 13px;
    font-weight: normal;
    line-height: 15px;

    padding-bottom: 10px;

    letter-spacing: normal;
}

h6
{
    font: bold 13px/32px Helvetica, sans-serif;

    text-transform: uppercase;
}

pre
{
    font: 15px/22px 'Courier New', Courier, mono, sans-serif;

    display: block;
    overflow: auto;

    margin: 50px 0 50px 50px;

    border-style: none;
}

code
{
    font: 14px/22px 'Courier New', Courier, mono, sans-serif;

    padding: 1px 3px 3px 3px;

    color: #70706e;
    background-color: #f5f5f6;
}	




/*===================================================================*/
/*                    												  
/* GLOBAL STYLES (ELEMENTS WITH THE SAME STYLES) 		   		  
/*                    												  
/*===================================================================*/
h1 a,
blockquote,
blockquote p,
textarea:focus,
.comment-author a,
.author-description,
.comment-author cite,
input[type=text]:focus,
input[type=email]:focus,
h1,
h2,
h3,
h4,
h5,
h6,
input[type=password]:focus,
.widget_bean_recent_posts li h3 a,
.post-password-required .entry-content label
{
    color: #2b2625;
}	

pre,
.nav-sep,
.post-date,
.entry-meta,
#login span,
.logged-in-as,
.entry-meta a,
p.copyright a,
#login span a,
.logged-in-as a,
.entry-content li,
.entry-meta-after,
.widget_archive li,
.entry-meta-after a,
.widget_categories li,
.comment-awaiting-moderation,
#footer-container .copyright,
#header-container .main-menu a,
.search #searchform input[type='text']
{
    color: #aab7b9;
}	




/*===================================================================*/
/*                    												  
/* FORM & INPUT STYLES    	         		  
/*                    												  
/*===================================================================*/  
.btn,
.button,
.tagcloud a,
button.button,
.btn[type='submit'],
.button[type='submit'],
input[type='button'],
input[type='reset'],
input[type='submit']
{
    font: italic 16px/27px 'PT Serif', Georgia, serif;
    font-weight: normal!important;

    display: inline-block;

    margin: 1px 1px 4px 0;
    padding: 12px 18px;

    cursor: pointer;
    text-align: center;

    color: #fff;
    border: none;
    border-radius: 3px;
    outline: none;
}

.btn:hover,
.button:hover,
.tagcloud a:hover,
button.button:hover,
.form-submit input[type='submit']:hover,
.btn[type='submit']:hover,
.button[type='submit']:hover,
input[type='button']:hover,
input[type='reset']:hover,
input[type='submit']:hover
{
    color: #fff!important;
}

a.short-btn
{
    color: #fff!important;
}


/*===================================================================*/
/* THEME FORMS
/*===================================================================*/
form label
{
    display: block;

    margin-bottom: 7px;

    cursor: pointer;

    color: #2b2625;
}

span.required
{
    font-size: 22px!important;
    line-height: 10px;
}  

form input
{
    display: inline;
    clear: none;

    margin-bottom: 20px;
}

input.input-text,
textarea
{
    display: block;

    margin-bottom: 18px;
} 

textarea
{
    height: 240px!important;
    padding: 9px 14px;
} 

input[type='text'],
input[type='password'],
input[type='date'],
input[type='datetime'],
input[type='email'],
input[type='number'],
input[type='search'],
input[type='tel'],
input[type='time'],
input[type='url'],
textarea
{
    font: 16px/27px 'PT Serif', Georgia, serif;
    font-style: italic !important;

    width: 100%;
    height: 38px;
    padding-left: 13px;

    color: #818b92;
    border: 1px solid #f5f5f6;
    border-radius: 3px;
    outline: none;
    background-color: #f5f5f6;

    -webkit-appearance: none;
}

input[type='text']:focus,
input[type='password']:focus,
input[type='date']:focus,
input[type='datetime']:focus,
input[type='email']:focus,
input[type='number']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='time']:focus,
input[type='url']:focus,
textarea:focus
{
    color: #fff;
    border: 1px solid;
}

/* ERRORS */
label.error
{
    display: none!important;
}

.error input,
textarea.error,
.wpcf7-not-valid,
input[type=text].error
{
    color: #b62f15!important;
    border-color: #cf5c46!important;
    background-color: #fffbfa!important;
    box-shadow: 0 1px 2px rgba(182, 47, 21, .15);
}

.error input:hover,
textarea.error:hover,
.wpcf7-not-valid:hover,
input[type=text].error:hover
{
    border-color: #cf5c46!important;
    background-color: #fff!important;
}

.error input:focus,
textarea.error:focus,
.wpcf7-not-valid:focus,
input[type=text].error:focus
{
    border-color: #cf5c46!important;
    background-color: #fff!important;
} 

/* ERROR ANIMATIONS */
.requiredField.error
{
    -webkit-animation-name: BeanButtonShake;
       -moz-animation-name: BeanButtonShake;
         -o-animation-name: BeanButtonShake;
    -webkit-animation-duration: 5s;
       -moz-animation-duration: 5s;
        -ms-animation-duration: 5s;
         -o-animation-duration: 5s;
}

/* CONTACT FORM 7 COMPATIBILITY */
.wpcf7-form input[type='text']
{
    margin-top: 10px;
}

.wpcf7-not-valid-tip
{
    position: relative!important;
    top: -10px!important;
    left: 0!important;

    color: #b62f15;
    border: none!important;
    background: none!important;
}

div.wpcf7-mail-sent-ok
{
    color: #4c6802;
    border: none!important;
    border-radius: 3px;
    background-color: #bff395;
}

div.wpcf7-spam-blocked,
div.wpcf7-mail-sent-ng,
div.wpcf7-validation-errors
{
    color: #f63c38;
    border: none!important;
    border-radius: 3px;
    background-color: #ffe0d8;
}

div.wpcf7-response-output
{
    margin: 30px 0 0 0!important;
    padding: .6em 1em!important;

    text-align: center;
}

.wpcf7-form p
{
    line-height: 33px;
}

.wpcf7-form span
{
    margin-top: -15px;
}

wpcf7-submit
{
    padding: 8px 15px;
}	

div.wpcf7 img.ajax-loader
{
    display: inline;
}	




/*===================================================================*/
/*                    												  
/* THEME HEADER  			   		  
/*                    												  
/*===================================================================*/
/*===================================================================*/
/* MAIN HEADER
/*===================================================================*/
.logo
{
    margin-bottom: 5px;
}	

.logo h1
{
    display: inline-block;
}

/* PRIMARY NAVIGATION - STICKY ELEMENT */
#primary-nav
{
    padding: 15px 0;
}

#primary-nav.stuck
{
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;

    width: 100%;

    text-align: center;

    background-color: rgba(255, 255, 255, .95);
    box-shadow: 1px 0 7px rgba(74, 70, 69, .25);
}

.logged-in.admin-bar #primary-nav.stuck
{
    top: 32px;
}

/* MAIN HEADER */
#header-container
{
    padding: 7% 0;

    text-align: center;

    border-bottom: 1px solid #e2e2e2;
}

#header-container .main-menu
{
    font: 13px/15px 'Lato', Helvetica, Arial, sans-serif;

    text-align: center;
    text-transform: uppercase;
}

#header-container .main-menu ul li
{
    display: inline-block;
}

.nav-sep
{
    font-weight: normal;

    display: inline-block;

    padding: 0 6px!important;
}

.main-menu > li > ul li .nav-sep,
.main-menu li:last-child .nav-sep
{
    display: none;
}

/* REQUIRED SUPERFISH STYLES */
.sf-menu,
.sf-menu *
{
    margin: 0;
    padding: 0;

    list-style: none;
}

.sf-menu li
{
    position: relative;

    white-space: nowrap;
}

.sf-menu ul
{
    position: absolute;
    z-index: 999;
    top: 100%;
    left: -12px;

    display: none;

    min-width: 10em;
}

.sf-menu ul ul
{
    margin-top: -5px;
    margin-left: 13px;
}

.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul
{
    display: block;
}

.sf-menu a
{
    position: relative;
}

.sf-menu ul ul
{
    top: 0;
    left: 100%;
}

/* DROPDOWN STYLES */
#header-container .main-menu .sub-menu li
{
    font-size: 12px;

    display: block;

    margin: 0 12px;
    padding: 6px 0;

    text-align: left;

    border-bottom: 1px solid #423d3c;
}

#header-container .main-menu .sub-menu li:last-child
{
    border-bottom: none;
} 

#header-container .main-menu .sub-menu
{
    margin-top: 5px;
    padding: 3px 0;

    border-radius: 3px;
    background: #2b2625;
}

#header-container .main-menu .sub-menu a:hover
{
    color: #fff!important;
}

/* DROP IN STUCK ADJUSTMENT */
#header-container .main-menu.stuck .sub-menu
{
    margin-top: 15px;

    border-radius: 0 0 4px 4px;
}


/* HEADER TAGLINE */
#header-container .theme-tagline
{
    margin: 25px 0 0;
}




/*===================================================================*/
/*                    												  
/* HIDDEN SIDEBAR PANEL 		   		  
/*                    												  
/*===================================================================*/ 
#theme-wrapper
{
    -webkit-transition: all .2s;
       -moz-transition: all .2s;
        -ms-transition: all .2s;
         -o-transition: all .2s;

    background-color: #fff;
}

#theme-wrapper.side-menu
{
    -webkit-transform: translate3d(-320px, 0, 0);
        -ms-transform: translate3d(-320px, 0, 0);
            transform: translate3d(-320px, 0, 0);
}

#theme-wrapper.side-menu
{
    -webkit-transform: translate(-320px,0);
        -ms-transform: translate(-320px,0);
            transform: translate(-320px,0);
}

/* MENU BUTTON */
.sidebar-btn
{
    position: absolute;
    top: 0;
    right: 23px;

    display: inline-block;
}

.sidebar-btn .menu-icon
{
    position: absolute;
    top: 62px;

    display: inline-block;

    width: 36px;
    height: 27px;

    background: url(assets/images/sprite.png) -82px -343px no-repeat;
}

.sidebar-btn .menu-icon:hover,
.sidebar-btn .menu-icon.close
{
    background-position: -82px -373px;
}  

/* HIDDEN SIDEBAR MAIN */
.hidden-sidebar
{
    font-size: 15px;
    line-height: 25px;

    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;

    display: none;
    overflow-y: auto;

    width: 320px;
    height: 100%;
    padding: 60px 45px 45px;

    color: #a29b97;
    background-color: #2b2625;
}

.logged-in .hidden-sidebar
{
    padding-top: 90px;
}

.hidden-sidebar-inner
{
    position: relative;
}

/* CLOSE BUTTON */
.close-btn
{
    position: absolute;
    top: -42px;
    right: -35px;

    display: block;

    width: 32px;
    height: 32px;

    cursor: pointer;

    border-radius: 3px;
    background: url(assets/images/sprite.png) -49px -295px no-repeat;
}

.logged-in .close-btn
{
    top: -37px;
}

.close-btn:hover
{
    opacity: .5;
}

/* HIDDEN SIDEBAR MOBILE MENU */ 
.hidden-sidebar .main-menu
{
    margin-bottom: 60px;
}

.hidden-sidebar .main-menu li a
{
    display: block;

    margin-bottom: 3px;
    padding: 3px 0 3px 10px;

    color: #a29b97!important;
    border-radius: 2px;
    background-color: #353332;
}

.hidden-sidebar .main-menu li a:hover
{
    color: #fff!important;
    background-color: #413e3d;
}

.hidden-sidebar .widget ul.sub-menu
{
    padding-left: 0!important;
}

/* HIDDEN SIDEBAR WIDGET DEFAULTS */ 
.hidden-sidebar p
{
    color: #a29b97;
}

.hidden-sidebar a,
.hidden-sidebar .widget li a
{
    color: #a29b97;
}  

.hidden-sidebar .widget a,
.hidden-sidebar .widget li a:hover,
.hidden-sidebar .widget .widget-title
{
    color: #fff;
}

.hidden-sidebar .button:hover
{
    color: #2b2625!important;
    background-color: #fff;
}

.hidden-sidebar input
{
    font-size: 13px;

    color: #76716e;
    border: none!important;
    border-radius: 2px!important;
    background-color: #fff;
}

.hidden-sidebar input:focus
{
    color: #2b2625;
}


/*===================================================================*/
/* UI TO TOP
/*===================================================================*/
#toTop
{
    position: fixed;
    right: 20px;
    bottom: 20px;

    display: none;

    width: 40px;
    height: 40px;

    border-radius: 3px;
    background: url(assets/images/sprite.png) -110px -292px #c2c2c2;
}

#toTop:hover
{
    background-color: #2b2625;
}

#toTop.hide
{
    display: none!important;
}




/*===================================================================*/
/*                    												  
/* OTHER THEME TEMPLATES		         		  
/*                    												  
/*===================================================================*/	
#primary-container
{
    margin: 0 auto;
    padding: 60px 0 80px;
}

.entry-content p
{
    margin-bottom: 20px;
}	

.entry-content ul,
.entry-content ol
{
    margin: 50px 0 50px 75px;
} 

.entry-content li
{
    list-style: disc;
} 

.entry-content form ul
{
    margin: 0!important;
}

.entry-content form li
{
    list-style: none;
}

.entry-meta.page
{
    padding: 40px 0 30px;

    text-align: center;
}

.entry-meta.page.no-featured-img
{
    margin: 0;
    padding-top: 0;

    background: none;
}


/*===================================================================*/
/* CONTACT TEMPLATE 
/*===================================================================*/
.page-template-template-contact-php .entry-content
{
    text-align: center;
}

/* THE FORM */ 
#BeanForm
{
    margin-top: 50px!important;

    text-align: left;
}

ul.bean-contactform li.six.name
{
    float: left;

    padding-right: 10px;
}

ul.bean-contactform li.six.email
{
    float: left;

    padding-left: 10px;
} 

ul.bean-contactform textarea
{
    max-width: 100%;
} 

li.submit .button,
.form-submit input[type='submit']
{
    font-weight: 600;

    margin-top: 10px;
    padding: 12px 40px;

    -webkit-appearance: none;
}	

/* SUCCESS & FAIL ALERTS */
.page-template-template-contact-php .bean-alert
{
    font-size: 14px;
    line-height: 24px;

    position: relative;

    margin-top: 30px!important;
    margin-bottom: -5px;
    padding: 6px 10px!important;

    text-align: center;

    color: #2a3034;
    border-radius: 3px;
    background-color: #f0f0f0;
}

.page-template-template-contact-php .bean-alert.fail
{
    color: #f63c38;
    background-color: #ffe0d8;
}

.page-template-template-contact-php .bean-alert.success
{
    color: #4c6802;
    background-color: #bff395;
}


/*===================================================================*/
/* ARCHIVES TEMPLATE
/*===================================================================*/
.entry-content .archives-list ul
{
    margin: 0 0 50px 0;
} 		

.archives-list
{
    margin-top: 20px;

    text-align: center;
}

.archives-list ul li
{
    list-style: none;
}	


/*===================================================================*/
/* SEARCH TEMPLATE 
/*===================================================================*/
.search .entry-content
{
    text-align: center;
}

#searchform
{
    position: relative;
}

.search #primary-container #searchform input[type='text']
{
    font: 45px/55px 'Lato', Helvetica, Arial, sans-serif;
    font-weight: 300!important;
    font-style: normal!important;

    height: 65px;
    padding-left: 0;

    letter-spacing: -1px;
    text-transform: uppercase;

    border: none;
    background: none;
}

.search #primary-container #searchform input[type='text']:focus
{
    color: #2b2625;
}

.search #primary-container #searchform .button[type='submit']
{
    position: absolute;
    top: 10px;
    right: 0;

    display: inline-block;

    width: 40px;
    height: 40px;

    background: url(assets/images/sprite.png) -62px -465px #fff;
}

.search #primary-container #searchform .button[type='submit']:hover
{
    background-position: -100px -465px;
}

.search .default_searchform.results
{
    margin-bottom: 60px;
    padding-bottom: 30px;

    border-bottom: 1px solid #e2e2e2;
}

.search .post-container
{
    padding: 0;
}

.search .entry-meta
{
    margin: 0;
    padding-top: 0;

    background: none;
}

.search .more-link
{
    display: none;
}

.search #primary-container
{
    padding-bottom: 35px!important;
}

.search #footer-container
{
    margin-top: 0;
}


/*===================================================================*/
/* 404 PAGE TEMPLATE
/*===================================================================*/	
.error404 #primary-container
{
    padding: 10% 0;

    text-align: center;
}	

.error404 #footer-container
{
    margin-top: 0;
}




/*===================================================================*/
/*                    												  
/* BLOGROLL (POST FORMATS & BLOG PAGE)          		  
/*                    												  
/*===================================================================*/
.blog .post
{
    text-align: center;
}

.post-container,
.nine.columns.centered
{
    clear: both;
}

.post-container
{
    padding: 0 65px;
}

/* CONTINUE READING LINK */
.more-link
{
    display: block;

    margin: 45px auto 20px;
}


/*===================================================================*/
/* POST PAGINATION (SINGLE)
/*===================================================================*/
.pagination a
{
    display: inline-block;

    width: 40px;
    height: 40px;

    border-radius: 3px;
    background: url(assets/images/sprite.png) no-repeat #c2c2c2;
}

.pagination a:hover
{
    background-color: #2b2625;
}

span.page-previous a
{
    background-position: -68px -516px;
}
span.page-next a
{
    background-position: -92px -516px;
}

.pagination.index
{
    position: relative;

    display: block;
    float: left;
    clear: left;

    width: 100%;
    margin-top: -45px;

    text-align: center;
}

/* STANDARD POST FORMAT */
h1.entry-title
{
    margin-bottom: 15px;
}	

.format-standard .fluid-width-video-wrapper
{
    margin: 10px 0 5px 0;
}

/* IMAGE POST FORMAT */
.blog .format-image .entry-content
{
    padding: 0 60px;

    text-align: center;
}


/*===================================================================*/
/* GALLERY POST FORMAT (FLEXSLIDER)
/*===================================================================*/
/* SLIDER BROWSER RESETS */
.bean-container a:active,
.post-slider a:active,
.bean-container a:focus,
.post-slider a:focus
{
    outline: none;
}

.slides
{
    margin: 0;
    padding: 0;

    list-style: none;
} 

/* SLIDER PRIMARY */ 
.post-slider
{
    position: relative;

    margin: 0;
    padding: 0;
}

.post-slider .slides > li
{
    display: none;

    -webkit-backface-visibility: hidden;
} 

.post-slider .slides img
{
    display: block;

    max-width: 100%;
}

.loading .bean-viewport
{
    max-height: 300px;
}

.post-slider .slides
{
    zoom: 1;
}

.slides li img
{
    margin-bottom: 0!important;
}

/* SLIDER CLEARFIX */
.slides:after
{
    line-height: 0;

    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '.';
} 

html[xmlns] .slides
{
    display: block;
}

* html .slides
{
    height: 1%;
}

/* NO JAVASCRIPT FALLBACK */
.no-js .slides > li:first-child
{
    display: block;
}

/* GALLERY POST FORMAT NAV */ 
.bean-direction-nav a
{
    position: absolute;
    top: 45%;

    width: 44px;
    height: 85px;

    text-indent: -9999em;

    opacity: 0;
    background: url(assets/images/sprite.png) no-repeat;
}

a.bean-prev
{
    left: 50px;

    background-position: -56px -58px;
}

a.bean-next
{
    right: 50px;

    background-position: -56px -150px;
}

.bean-direction-nav a.bean-next:hover
{
    background-position: -100px -150px;
}

.bean-direction-nav a.bean-prev:hover
{
    background-position: -100px -58px;
} 

/* CAPTIONS */
.bean-image-caption,
.bean-slide-caption
{
    font-size: 14px;
    line-height: 20px;

    position: absolute;
    top: 0;
    right: 0;

    padding: 10px 12px;

    text-align: center;

    color: #fff;
    background-color: #222;
    background-color: rgba(34, 34, 34, .75);
}




/*===================================================================*/
/*                    												  
/* SINGLE POST STYLES	   		  		      
/*                    												  
/*===================================================================*/
section.post
{
    float: left;

    width: 100%;
    margin-bottom: 90px;
}

#primary-container section.post:last-child
{
    margin-bottom: 0;
}	

.single-post section.post
{
    margin-bottom: 30px;
}

.post .entry-header
{
    float: left;

    width: 100%;
}

.post h1.entry-title,
.search h1.entry-title
{
    margin: 0 0 40px;
}

.archive .post,
.search .entry-meta,
.search h1.entry-title,
.single-post .entry-meta,
.single-post h1.entry-title
{
    text-align: center;
}

/* POST META */
.entry-meta
{
    font: 13px/15px 'Lato', Helvetica, Arial, sans-serif;

    float: left;
    clear: both;

    width: 100%;
    margin-top: -89px;
    padding: 40px 0 35px;

    text-transform: uppercase;

    background-color: #fff;
}

.format-video .entry-meta
{
    margin-top: -15px;
}

.entry-meta ul li
{
    display: inline-block;
}

.no-feat .entry-meta
{
    margin-top: -60px;
}

.single-post .no-feat .entry-meta
{
    margin-top: -30px;
}

/* ENTRY CONTENT AND MEDIA */ 
.entry-content-media
{
    position: relative;
}

.entry-content,
.entry-content-media
{
    display: block;
    float: left;

    width: 100%;
}		

/* BOTTOM OF POST ENTRY META */
.entry-meta-after
{
    font-size: 15px;
    font-style: italic;

    clear: both;

    padding-bottom: 90px;

    border-bottom: 1px solid #e2e2e2;
}

.entry-meta-after li
{
    position: relative;

    margin-left: 30px;

    text-transform: capitalize;
}

.meta-icon
{
    position: absolute;
    top: 4px;
    left: -30px;

    display: inline-block;

    width: 16px;
    height: 16px;

    background: url(assets/images/sprite.png) -56px -263px no-repeat;
}

.meta-icon.category
{
    background-position: -82px -263px;
}

.meta-icon.words
{
    background-position: -128px -263px;
}

.meta-icon.tags
{
    background-position: -105px -263px;
}

/* POST PASSWORD PROTECTED MODS */
.post-password-required .entry-content label
{
    font: 18px 'Open Sans', serif;
    font-weight: 600;

    margin-bottom: 20px;
}

.post-password-required .entry-content input[type='password']
{
    font-size: 20px!important;
    font-weight: bold!important;

    margin: 18px 0 0 0;

    text-align: left;
}

.nopassword
{
    padding: 6px 10px;

    text-align: center;

    color: #f63c38;
    border-radius: 3px;
    background-color: #ffe0d8;
}  


/*===================================================================*/
/* WORDPRESS DEFAULT STYLING
/*===================================================================*/
.single-post .entry-content img,
.single-post .entry-content img a
{
    margin: 40px 0 40px 0;
}	

blockquote
{
    margin: 50px 0;
}

blockquote,
.entry-content blockquote p
{
    font: 30px/35px 'Lato', Helvetica, Arial, sans-serif;
    font-weight: 300;

    text-align: center;
    letter-spacing: -1px;
    text-transform: uppercase;
}

blockquote p
{
    margin-bottom: 0;
}

/* IMAGES */
.entry-content p img,
.content .gallery .gallery-icon img,
.image-frame img,
.attachment .post-box img,
.slider img
{
    display: block;

    background: transparent;
}

.image-frame img,
.attachment .post-box img,
.entry-content-media img,
.post-thumb img
{
    height: auto;
}

.post-thumb
{
    line-height: 10px;

    position: relative;

    float: left;

    width: 100%;
}

.entry-content .entry-content-media img
{
    margin: 0 0 0 0;
}

.attachment article .entry-content
{
    padding: 0 0 0 0;
}

.attachment .post-box img
{
    margin: 0 auto;
}

.content .gallery-item
{
    float: left;

    margin: 0;
    padding: 0;
}

.content .gallery .gallery-icon img
{
    margin-bottom: 0!important;
}	 

.fluid-width-video-wrapper
{
    margin-bottom: 23px;
}

.entry-content img,
.comment-content img,
.widget img
{
    max-width: 100%;
}

.entry-content img.size-full,
.entry-content img.size-large
{
    display: block;

    width: auto;
    max-width: 100%;
    height: auto;
}

.entry-content img.wp-smiley
{
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;

    border: none;
}

img.aligncenter
{
    display: block;
    clear: both;

    margin-right: auto!important;
    margin-left: auto!important;
}

img.alignleft
{
    float: left;
}

img.alignright
{
    display: block;
}

.wp-smiley
{
    max-height: 13px;
    margin: 0 !important;
}

.gallery
{
    float: left;

    width: 100%;
    margin: auto;
}

.gallery-item
{
    float: left;

    margin-left: 0;

    text-align: center;
}

#gallery-1 .gallery-item
{
    float: left;

    width: 33%;
    margin-top: 10px;

    text-align: center;
}

.gallery-image
{
    margin-left: 0;
}

.gallery-caption
{
    font-weight: bold;

    margin-left: 0;
}

.gallery-item .gallery-caption
{
    margin-bottom: 0 !important;
    padding-right: 12%;
}

.wp-caption,
figcaption
{
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;

    margin: 10px 20px 20px 20px;

    text-align: center;
}

.wp-caption.aligncenter
{
    margin: 20px auto;
}

.wp-caption,
.wp-caption img a,
.wp-caption.aligncenter
{
    max-width: 100%;
}

.wp-caption.alignleft
{
    margin-left: 0;
}

.wp-caption.alignright
{
    margin-right: 0;
}

.wp-caption.alignnone
{
    margin-left: 0;
}

.wp-caption img,
.wp-caption img a
{
    margin: 0;
    padding: 0;

    border: 0 none;
}

.wp-caption
.wp-caption-text
{
    margin: 0;
    padding: 5px;
}

img#wpstats
{
    display: none;
}



/* SHORTCODE OVERRIDES */
.bean-tabs > li > a,
.bean-panel-heading p a
{
    color: #2b2625;
}

.tooltip
{
    font-size: 14px;
}

p:empty
{
    display: none;
}


/*===================================================================*/
/* BEAN PLUGIN OVERRIDES
/*===================================================================*/
/* SOCIAL PLUGIN */
ul.bean_social_icons a
{
    line-height: 0!important;
}

ul.bean_social_icons
{
    margin-top: 8px;
    margin-left: -7px;
}

ul.bean_social_icons li.bean_social_icon
{
    margin: 0 0 7px 7px!important;
}

/* PRICING TABLE PLUGIN */
.bean-pricing-table .table-mast
{
    background-color: #2b2625!important;
}




/*===================================================================*/
/*                    												  
/* POST COMMENTS GALORE			      		  
/*                    												
/*===================================================================*/	  
/*===================================================================*/
/* COMMENTS GENERAL
/*===================================================================*/
#comments
{
    float: left;
    clear: both;

    width: 100%;
    padding-top: 80px;
}

#comments h2
{
    margin-bottom: 40px;
}

#comments ol
{
    list-style: none;
}

#reply-title
{
    font: 30px/35px 'Lato', Helvetica, Arial, sans-serif;
    font-weight: 300!important;

    clear: both;

    margin-bottom: 35px;

    letter-spacing: -1px;
    text-transform: uppercase;
}

.comment-extra
{
    position: absolute;
    top: 0;
    right: 0;
}

.commentlist
{
    margin: 0 0 40px;

    list-style-type: none;
}

.pinglist
{
    margin: 20px 0 40px 30px;

    list-style-type: disc;
}

#comments-list
{
    float: left;

    width: 100%;
    padding-bottom: 100px;
}

#comments-list ol li
{
    float: left;

    width: 100%;
}

#login span a,
#login span
{
    font-weight: normal;
    font-style: normal;
}  

/* COMMENT META / AVATAR */
.comment-avatar
{
    float: left;

    width: 50px;
    height: 50px;

    border-radius: 2px;
}

.comment-avatar img
{
    width: 50px;
    height: 50px;

    border-radius: 2px;
}

.comment-author
{
    margin-top: -7px;
}

.comment-author cite
{
    font: 16px/27px 'PT Serif', Georgia, serif;
    font-style: normal;

    float: left;

    margin-right: 5px;

    text-transform: none;
}

.comment-meta,
.comment-meta a
{
    font-size: 14px;
    font-style: italic;
}

.comment-meta,
.comment-meta a,
.author-tag a:hover,
.comment-meta .nav-sep
{
    color: #76716e;
}

.author-tag
{
    margin-right: 10px;
}

/* POST AUTHOR */	


/* COMMENT BODY */
.comment-body
{
    float: left;
    clear: both;

    width: 100%;
    margin-bottom: 30px;

    border-bottom: 1px solid #f0f0f0;
}

.comment-body p
{
    padding-bottom: 25px;
}

.comment-body ul,
.comment-body ol
{
    list-style-type: disc;
}

.children
{
    float: left;

    width: 100%;
    margin: -27px 0 0 0;

    list-style-type: none;
}

.children .ten.columns.mobile-four
{
    padding-left: 10%;
}

.children .comment-avatar
{
    margin-top: 30px;
}

.children .comment-author
{
    margin-top: 20px;
}

.children .comment
{
    margin-bottom: 0;
}

.children li
{
    padding-top: 0!important;

    border-bottom: none!important;
}	
.nocomments
{
    padding: 20px;

    text-align: center;
}

/* CANCEL / REPLY COMMENT */
#cancel-comment-reply-link
{
    font: 14px/27px 'PT Serif', Georgia, serif;
    font-style: italic!important;

    float: right;

    margin-top: 3px;

    letter-spacing: normal;
    text-transform: none;

    color: #ce6464;
}

#cancel-comment-reply-link:hover
{
    color: #a52525;
}

.comment-awaiting-moderation
{
    font-size: 14px;
    font-style: italic;
}

/* COMMENT FORM */
#respond form label
{
    display: block;

    margin-bottom: 4px;
}

.comment #respond
{
    margin: 0 0 70px 200px;
    padding-top: 15px;
}

#commentform input[type='text'],
#commentform input[type='password'],
#commentform input[type='date'],
#commentform input[type='datetime'],
#commentform input[type='email'],
#commentform input[type='number'],
#commentform input[type='search'],
#commentform input[type='tel'],
#commentform input[type='time'],
#commentform input[type='url']
{
    float: left;

    margin-bottom: 20px;
}  

#commentform textarea
{
    margin-bottom: 14px;
}	

#respond .button,
#respond button.button,
#respond .button[type='submit']
{
    margin-bottom: 20px;
}

#commentform p
{
    line-height: 20px;
}

#commentform textarea
{
    height: 224px;
    min-height: 224px;
}

.logged-in #comments.columns
{
    float: none;
}		

.logged-in #respond .six
{
    float: none!important;

    width: 100%;
}

.logged-in #commentform label
{
    display: none;
} 

.logged-in-as
{
    margin-top: -28px;
    margin-bottom: 13px;
}

.logged-in-as a
{
    font-weight: normal;
    font-style: normal;
}	




/*===================================================================*/
/*                    												  
/* JPLAYER STYLES 		  		  
/*                    												  
/*===================================================================*/
.jp-audio
{
    clear: both;
}

.feat-image-player
{
    float: left;
    clear: both;

    width: 100%;
    margin-top: -134px;
}

.feat-image-player .jp-interface
{
    border-radius: 4px 4px 0 0;
}


/*===================================================================*/
/* JPLAYER BASE
/*===================================================================*/
.jp-interface
{
    position: relative;

    overflow: hidden;

    height: 45px;
    margin: 0 auto;

    border: 1px solid #000;
    border-radius: 4px;
    background-color: #2b2625;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 2px rgba(0, 0, 0, .2);
}

.entry-content-media-audio
{
    position: relative;
}

/* ICON SETUP */
.jp-controls
{
    border-right: 1px solid #000;
    box-shadow: 1px 0 0 #4a4645;
}

a.jp-mute,
a.jp-unmute,
a.jp-volume-max
{
    position: relative;
}

a.jp-mute,
a.jp-unmute
{
    margin: 0 85px 0 0;
    padding-left: 5px;

    border-left: 1px solid #4a4645;
    box-shadow: -1px 0 0 #000;
}

ul.jp-controls,
.jp-interface ul.jp-controls li
{
    display: inline;
    float: left;

    margin-bottom: 0;
}

.jp-interface ul.jp-controls a
{
    display: block;
    overflow: hidden;

    white-space: nowrap;
    text-indent: 100%;
}

.jp-interface ul.jp-controls a span
{
    display: block;
    overflow: hidden;
}

ul.jp-toggles li a,
ul.jp-toggles li a span
{
    display: block;
    overflow: hidden;

    white-space: nowrap;
    text-indent: 100%;
}

ul.jp-toggles li a,
ul.jp-toggles li a span,
a.jp-play span,
a.jp-pause span,
a.jp-stop span
{
    width: 50px;
    height: 44px;
}

/* BASE ICON POSITIONING */
a.jp-play span
{
    background: url(assets/images/jplayer.png) 10px 7px no-repeat;
}

a.jp-pause span
{
    display: none;

    background: url(assets/images/jplayer.png) 9px -23px no-repeat;
}

a.jp-mute span
{
    background: url(assets/images/jplayer.png) 8px -84px no-repeat;
}

a.jp-unmute span
{
    display: none;

    background: url(assets/images/jplayer.png) 5px -54px no-repeat;
}	

a.jp-pause:hover span,
a.jp-stop:hover span,
a.jp-mute:hover span,
a.jp-unmute:hover span,
a.jp-play:hover span
{
    opacity: .7;
}

/* PROGRESS BARS */	
div.jp-progress
{
    left: 68px;

    float: left;

    width: 100%;
    max-width: 73%;
    height: 11px;
    margin: auto 17px;
    margin-top: 16px;

    border-radius: 2px;
    background-color: #111314;
    box-shadow: 0 1px 0 #4a4645;
}

div.jp-seek-bar
{
    width: 0;
    height: 100%;

    cursor: pointer;
}

div.jp-seeking-bg
{
    display: none;
}

div.jp-volume-bar
{
    position: absolute;
    right: 0;

    float: left;

    width: 11%;
    height: 11px;
    margin: auto 17px;
    margin-top: 16px;

    cursor: pointer;

    border-radius: 2px;
    background-color: #111314;
    box-shadow: 0 1px 0 #4a4645;
}

.jp-toggles
{
    float: left;

    width: 30px;
}

div.jp-play-bar,
div.jp-volume-bar-value
{
    width: 0;
    height: 11px;

    border-radius: 2px;
    background-image: url(assets/images/fill.png);
    background-repeat: repeat;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 1px rgba(0, 0, 0, .3);
}


/*===================================================================*/
/* AUDIO JPLAYER GENERAL
/*===================================================================*/
.entry-content-media-audio.fullwidth
{
    margin-bottom: 65px;
}

div.jp-audio-full
{
    position: static !important;

    width: 100%;
    height: 100%;
}

div.jp-audio-full div.jp-jplayer
{
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;

    overflow: hidden;
}

div.jp-audio-full div.jp-gui
{
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

div.jp-audio-full div.jp-interface
{
    position: absolute;
    z-index: 1000;
    bottom: 0;
    left: 0;
}

div.jp-jplayer audio,
div.jp-jplayer
{
    width: 0;
    height: 0;
}




/*===================================================================*/
/*                      					   					   
/* THEME FOOTER STYLES   	        	
/*                    								
/*===================================================================*/       
#footer-container
{
    margin-top: 60px;
    padding: 50px 0;

    text-align: center;

    border-top: 1px solid #e2e2e2;
}	

/* FOOTER TAGLINE */
#footer-container .theme-tagline
{
    margin: 0 0 40px;
}

/* FOOTER COPYRIGHT */
p.copyright a,
#footer-container .copyright
{
    font: 13px/15px 'Lato', Helvetica, Arial, sans-serif;

    text-transform: uppercase;
}




/*===================================================================*/
/*                      					   					   
/* WIDGET STYLES   	        	
/*                    								
/*===================================================================*/
.widget ul > li
{
    list-style: none;
}

.widget ul ul
{
    margin: 0;
    padding: 0;
}

.widget li li
{
    padding-left: 0;
}

.widget li li ul
{
    padding-left: 15px;
}

.widget_rss li
{
    margin: 0 0 18px 0;
}

/* DEFAULT WP WIDGETS */
.sidebar .widget,
.hidden-sidebar .widget
{
    margin-bottom: 60px;
}

.sidebar .widget:first-child
{
    margin-top: 0;
}

.widget li a
{
    color: #818b92;
}

.textwidget input[type='text'],
.textwidget textarea
{
    width: 100% !important;
}

/* CATEGORIES, ARCHIVES & RECENT POSTS WIDGETS */ 	
.widget_recent_entries li
{
    margin-bottom: 8px;
}		

.post-date
{
    font-size: 11px;

    display: block;

    text-transform: uppercase;
}	


/*===================================================================*/
/* DRIBBBLE WIDGET
/*===================================================================*/
.bean-dribbble-shots
{
    margin-left: -10px;
}

.bean-shot
{
    line-height: 6px;

    float: left;

    margin: 0 0 10px 10px;

    border-radius: 2px;
}

.bean-dribbble-shots img
{
    width: 110px;
    height: auto;

    border-radius: 2px;
}	


/*===================================================================*/
/* FLICKR WIDGET
/*===================================================================*/
div.widget.bean_flickr
{
    float: none;
}

.widget_bean_flickr h5.widget-title,
.widget_bean_dribbble h5.widget-title
{
    padding-bottom: 20px!important;
}

.flickr-image-wrapper
{
    float: left;

    margin-bottom: -10px;
    margin-left: -10px;
}

.flickr_badge_image
{
    float: left;

    margin: 0 0 10px 10px;

    border-radius: 2px;
}

.flickr_badge_image a
{
    position: relative;

    float: left;

    border-radius: 2px;
}

.flickr_badge_image img
{
    position: relative;

    float: left;

    width: 50px;
    height: 50px;

    border-radius: 2px;
}

/* FIREFOX FLICKR FIX */
@-moz-document url-prefix()
{
    .flickr_badge_image img
    {
        width: 48px;
        height: 48px;
    }
    .fluid-width-video-wrapper
    {
        padding-top: 0;
    }
}


/*===================================================================*/
/*  INSTAGRAM WIDGET & 500PX WIDGET (BEAN PLUGINS)
/*===================================================================*/
.instagram-image-wrapper,
.bean500px-image-wrapper
{
    margin: 5px 0 -10px -10px!important;
}

.widget_bean_instagram h5.widget-title,
.widget_bean_500px h5.widget-title
{
    padding-bottom: 15px!important;
}

.instagram_badge_image,
.bean500px_badge_image
{
    overflow: hidden;

    margin: 0 0 10px 10px!important;

    border-radius: 2px;
}

.instagram_badge_image img,
.bean500px_badge_image img
{
    width: 50px!important;
    height: 50px!important;
}

.instagram_badge_image a:hover,
.bean500px_badge_image a:hover
{
    opacity: 1!important;
}


/*===================================================================*/
/* NEWSLETTER WIDGET
/*===================================================================*/
.widget_bean_newsletter p
{
    margin-bottom: 20px;
}

.widget_bean_newsletter input[type='email']
{
    margin-bottom: 10px;
}

.widget_bean_newsletter input[type='submit']
{
    font-size: 15px;

    width: 100%;
    padding: 6px 0;
}	


/*===================================================================*/
/* SEARCH WIDGET
/*===================================================================*/
.widget_search form
{
    margin-bottom: 0;
}

.widget_search .searchform input[type='submit']
{
    display: none!important;
}

.widget_search input[type='text']
{
    background: url(assets/images/sprite.png) 110px -418px no-repeat #fff;
}


/*===================================================================*/
/* TAG CLOUD WIDGET
/*===================================================================*/	
.tagcloud
{
    float: left;

    margin-top: 7px;
    margin-bottom: -4px;
}

.tagcloud a
{
    font: bold 11px Helvetica, sans-serif!important;

    position: relative;

    display: inline-block;
    float: left;

    margin: 0 2px 2px 0;
    padding: 4px 7px;

    text-transform: uppercase;

    border-radius: 3px;
} 		        	        


/*===================================================================*/
/* TWITTER WIDGET
/*===================================================================*/
.widget_bean_tweets ul
{
    margin-bottom: 25px;
}

.widget_bean_tweets li
{
    font-variant: normal;

    padding: 0 0 10px 30px;

    background: url(assets/images/sprite.png) -90px -562px no-repeat;
}

.widget_bean_tweets li:last-child
{
    padding-bottom: 0;
}

.widget_bean_tweets a.twitter-time-stamp
{
    font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif;
    font-size: 11px!important;

    display: block;

    text-transform: uppercase;

    opacity: .25;
}

.widget_bean_tweets .follow-link
{
    font-size: 15px;

    margin: -10px 0 0 30px;
    padding: 5px 12px;
}


/*===================================================================*/
/* VIDEO WIDGET
/*===================================================================*/
.widget_bean_video p
{
    margin-bottom: 30px;
}    




/*===================================================================*/
/*                      					   					      
/* THEME ANIMATIONS     	        	      
/*                    												  
/*===================================================================*/
/* BASE ANIMATION - ADD TO ANY ANIMATED OBJECTS */
.animated
{
    -webkit-animation-duration: 1s;
       -moz-animation-duration: 1s;
        -ms-animation-duration: 1s;
         -o-animation-duration: 1s;

    -webkit-animation-fill-mode: both;
       -moz-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
         -o-animation-fill-mode: both;
}

/* FADE IN -ALL PAGE CONTENT */
.fadein
{
    -webkit-animation-name: fadein;
       -moz-animation-name: fadein;
         -o-animation-name: fadein;
    -webkit-animation-duration: .3s;
       -moz-animation-duration: .3s;
        -ms-animation-duration: .3s;
         -o-animation-duration: .3s;
    -webkit-animation-delay: .2s;
       -moz-animation-delay: .2s;
        -ms-animation-delay: .2s;
         -o-animation-delay: .2s;

    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}

@-webkit-keyframes fadein
{
    0%
    {
        opacity: 0;
    } 100%
    {
        opacity: 1;
    }
}
@keyframes fadein
{
    0%
    {
        opacity: 0;
    } 100%
    {
        opacity: 1;
    }
}			


/* SLIDER CONTROLS - LEFT */
.animated.SliderControlLeft
{
    -webkit-animation-name: SliderControlLeft;
       -moz-animation-name: SliderControlLeft;
         -o-animation-name: SliderControlLeft;

    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}

@-webkit-keyframes SliderControlLeft
{
    0%
    {
        -webkit-transform: translateX(-1000px);

        opacity: 0;
    }
    60%
    {
        -webkit-transform: translateX(30px);

        opacity: 1;
    }
    80%
    {
        -webkit-transform: translateX(-10px);
    }
    100%
    {
        -webkit-transform: translateX(0);
    }
}
@keyframes SliderControlLeft
{
    0%
    {
        -webkit-transform: translateX(-1000px);
                transform: translateX(-1000px);

        opacity: 0;
    }
    60%
    {
        -webkit-transform: translateX(30px);
                transform: translateX(30px);

        opacity: 1;
    }
    80%
    {
        -webkit-transform: translateX(-10px);
                transform: translateX(-10px);
    }
    100%
    {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}


/* SLIDER CONTROLS - RIGHT */
.animated.SliderControlRight
{
    -webkit-animation-name: SliderControlRight;
       -moz-animation-name: SliderControlRight;
         -o-animation-name: SliderControlRight;

    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}

@-webkit-keyframes SliderControlRight
{
    0%
    {
        -webkit-transform: translateX(1000px);

        opacity: 0;
    }
    60%
    {
        -webkit-transform: translateX(-30px);

        opacity: 1;
    }
    80%
    {
        -webkit-transform: translateX(10px);
    }
    100%
    {
        -webkit-transform: translateX(0);
    }
}
@keyframes SliderControlRight
{
    0%
    {
        -webkit-transform: translateX(1000px);
                transform: translateX(1000px);

        opacity: 0;
    }
    60%
    {
        -webkit-transform: translateX(-30px);
                transform: translateX(-30px);

        opacity: 1;
    }
    80%
    {
        -webkit-transform: translateX(10px);
                transform: translateX(10px);
    }
    100%
    {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}


/* BUTTON SHAKE */	
.BeanButtonShake
{
    -webkit-animation-name: BeanButtonShake;
       -moz-animation-name: BeanButtonShake;
         -o-animation-name: BeanButtonShake;
    -webkit-animation-duration: 5s;
       -moz-animation-duration: 5s;
        -ms-animation-duration: 5s;
         -o-animation-duration: 5s;
    -webkit-animation-delay: 5s;
       -moz-animation-delay: 5s;
        -ms-animation-delay: 5s;
         -o-animation-delay: 5s;
    -webkit-animation-iteration-count: 5;
       -moz-animation-iteration-count: 5;

    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}

@-webkit-keyframes BeanButtonShake
{
    2%,
    6%
    {
        -webkit-transform: translateX(3px);
    }
    4%,
    8%
    {
        -webkit-transform: translateX(-3px);
    }
    10%,
    100%
    {
        -webkit-transform: translateX(0px);
    }
}
@keyframes BeanButtonShake
{
    2%,
    6%
    {
        -webkit-transform: translateX(3px);
                transform: translateX(3px);
    }
    4%,
    8%
    {
        -webkit-transform: translateX(-3px);
                transform: translateX(-3px);
    }
    10%,
    100%
    {
        -webkit-transform: translateX(0px);
                transform: translateX(0px);
    }
}		




/*===================================================================*/
/*                      					   					      
/* CROSS BROWSER TOUCH UPS     	        	      
/*                    												  
/*===================================================================*/		
/* SAFARI ANIMATION FIX */
.safari .no-flick,
.safari #theme-wrapper,
.safari .hidden-sidebar p,
.safari .entry-content-media
{
    -webkit-backface-visibility: hidden!important;
}

/* IE FIX */
.ie-side-menu
{
    position: absolute;
    right: 300px;
}

.ie .hidden-sidebar .flickr_badge_image img,
.ie .hidden-sidebar .instagram_badge_image img,
.ie .hidden-sidebar .bean500px_badge_image img
{
    width: 43px!important;
    height: 43px!important;
}

.lt-ie10 .hidden-sidebar .flickr_badge_image img,
.lt-ie10 .hidden-sidebar .instagram_badge_image img,
.lt-ie10 .hidden-sidebar .bean500px_badge_image img
{
    width: 47px!important;
    height: 47px!important;
}

.ie .widget_search input[type='text']
{
    background-position: 95px -418px;
}

.ie .bean-dribbble-shots img
{
    width: 90px;
}