#header-container .main-menu {
    text-transform: uppercase
}

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

#header-container .main-menu a {
    color: #FFF
}

#theme-wrapper {
    background-color: #FFF;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

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

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

.sidebar-btn {
    right: 23px;
    top: 3px
}

.sidebar-btn .menu-icon {
    background: url(../images/sprite.png) -82px -313px no-repeat;
    display: inline-block;
    height: 12px;
    margin-left: 9px;
    margin-top: 3px;
    width: 16px
}

.main-menu .sidebar-btn .menu-icon.close {
    background-position: -102px -314px
}

.main-menu a:hover,
.logo img:hover,
#header-dropin h1:hover,
.main-menu>.sfHover>a,
#header-container h1:hover,
{
    opacity: .5
}

#menu-main-menu a {
    line-height: 30px
}

#menu-main-menu {
    margin: 0;
    padding: 0
}

.hidden-sidebar {
    background-color: #520022;
    color: #98A2AC;
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    height: 100%;
    overflow-y: auto;
    width: 320px;
    padding: 46px 40px 40px 0;
    display: none
}

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

.hidden-sidebar-inner {
    position: relative
}

.close-btn {
    background: url(../images/sprite.png) no-repeat;
    border-radius: 3px;
    display: block;
    height: 22px;
    width: 22px;
    cursor: pointer;
    background-color: #2E353A;
    background-position: -143px -517px;
    position: absolute;
    top: -23px;
    right: -25px
}

.logged-in .close-btn {
    top: -27px
}

.close-btn:hover {
    background-color: #363D42
}

.hidden-sidebar .main-menu a {
    color: #98A2AC
}

.hidden-sidebar .main-menu a:hover {
    color: #FFF;
    opacity: 1
}

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

.hidden-sidebar .widget.responsive-menu,
.hidden-sidebar .widget:last-child {
    margin-bottom: 0
}

.hidden-sidebar .widget .widget-title {
    color: #FFF
}

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

.hidden-sidebar a:hover {
    color: #fff!important
}

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

.hidden_address {
    padding-left: 13%
}

.hidden_address a {
    color: #c6c6c6
}

.hidden_address a:hover {
    color: #fff
}

.section {
    overflow: hidden;
    padding: 75px 0 80px
}

.sectionTwo {
    overflow: hidden;
    padding: 5px 0 50px
}

.section h5.widget-title {
    color: #C3C3C5;
    margin-bottom: 35px;
    text-align: center
}

.section.even {
    background-color: #F5F5F6
}

.sectionTwo.even {
    background-color: #F5F5F6
}

.page-template-default .section {
    margin-top: 62px
}

#toTop {
    background: url(../images/sprite.png) -123px -555px #2A3034;
    border-radius: 3px 3px 0 0;
    bottom: -10px;
    display: none;
    height: 40px;
    position: fixed;
    right: 30px;
    width: 60px;
    z-index: 1000
}

#toTop:hover {
    bottom: 0
}

.page-template-page-home-php #primary-container {
    padding: 0
}

.loading {
    min-height: 400px
}

.home-slide {
    padding: 145px 30px 0;
    position: relative
}

.home-slide .row {
    padding: 0 44px
}

.bean-home-viewport {
    position: relative
}

.bean-home-direction-nav a {
    background: url(assets/images/sprite.png) no-repeat;
    display: block;
    height: 62px;
    position: absolute;
    text-indent: -9999em;
    top: 65%;
    width: 33px;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    -o-transition: 0s;
    transition: 0s
}

.bean-home-prev {
    left: 30px
}

.bean-home-next {
    right: 30px
}

.bean-home-direction-nav .bean-home-prev {
    background-position: -148px -95px
}

.bean-home-direction-nav .bean-home-next {
    background-position: -18px -95px
}

.bean-home-direction-nav .bean-home-prev:hover {
    background-position: -107px -95px
}

.bean-home-direction-nav .bean-home-next:hover {
    background-position: -59px -95px
}

.post-slider .post-edit-link {
    background-color: #FFF;
    border-radius: 3px;
    bottom: 12px;
    color: #818b92;
    line-height: 19px;
    padding: 2px 8px;
    position: absolute;
    right: 12px
}

.home-slide p,
.home-slide h1,
.home-slide h2,
.home-slide h3,
.home-slide h4,
.home-slide h5,
.home-slide h6 {
    color: #FFF
}

.home-slide h1 {
    line-height: 50px;
    font-weight: 400;
    margin-bottom: 30px
}

.home-slide h2 {
    line-height: 34px;
    font-weight: 600;
    margin-bottom: 20px
}

.home-slide p {
    line-height: 27px;
    margin: 0 auto 40px;
    width: 80%
}

.home-slide .bean-one-third p {
    font-weight: normal;
    font-style: normal
}

.home-slide p a {
    color: #FFF;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5)
}

.home-slide p a:hover {
    border-color: #FFF
}

.home-slide .bean-two-third.bean-column-last {
    width: 66%
}

.home-slide .bean-one-half,
.home-slide .bean-one-third,
.home-slide .bean-two-third,
.home-slide .bean-three-fourth,
.home-slide .bean-one-fourth,
.home-slide .bean-one-fifth,
.home-slide .bean-two-fifth,
.home-slide .bean-three-fifth,
.home-slide .bean-four-fifth,
.home-slide .bean-one-sixth,
.home-slide .bean-five-sixth {
    margin-bottom: 0
}

.home-slide .bean-one-half p,
.home-slide .bean-one-third p,
.home-slide .bean-two-third p,
.home-slide .bean-three-fourth p,
.home-slide .bean-one-fourth p,
.home-slide .bean-one-fifth p,
.home-slide .bean-two-fifth p,
.home-slide .bean-three-fifth p,
.home-slide .bean-four-fifth p,
.home-slide .bean-one-sixth p,
.home-slide .bean-five-sixth p {
    width: 100%
}

.home-slide .short-btn {
    background-color: #FFF;
    color: #23313A;
    font: 15px "Open Sans", Helvetica, Arial, sans-serif!important;
    font-weight: bold!important
}

.home-slide .short-btn:hover {
    background-color: #23313A;
    color: #FFF!important
}

#isotope-container {
    margin-left: -23px;
    margin-bottom: 20px
}

.isotope-item {
    z-index: 2;
    float: left;
    position: relative;
    text-align: center;
    margin: 0 0 40px 23px;
    width: 309px
}

#isotope-container.portfolio-3col {
    margin-left: -2.7%;
    margin-bottom: 20px
}

#isotope-container.portfolio-3col .hentry.isotope-item {
    margin: 0 0 40px 2.7%;
    max-width: 330px;
    width: 30.5%
}

#isotope-container.portfolio-2col {
    margin-left: -2.7%;
    margin-bottom: 20px
}

#isotope-container.portfolio-2col .hentry.isotope-item {
    margin: 0 0 40px 2.7%;
    max-width: 469px;
    width: 47%
}

.portfolio-2col .isotope-item h3 {
    margin-bottom: 0
}

.isotope-item .portfolio-thumb {
    margin-bottom: 15px
}

.isotope-item h3 {
    margin-bottom: -2px
}

.isotope-item .portfolio-cats a {
    color: #818b92
}

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

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

.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: top, left, opacity;
    transition-property: transform, opacity
}

.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
}

#page_nav,
#infscr-loading,
#infscr-loading img {
    display: none!important
}

#filter {
    margin-bottom: 30px
}

#filter li {
    display: inline
}

#filter li:first-child {
    color: #818B92;
    margin-right: 15px
}

#filter span.sep {
    color: #818B92;
    font-weight: normal;
    margin: 0 8px;
    font-family: Helvetica, Arial, sans-serif
}

#filter li:last-child .sep {
    display: none
}

#primary-container.portfolio .section {
    margin-top: 30px
}

.entry-content.portfolio {
    margin-bottom: 45px
}

.portfolio-thumb {
    line-height: 0;
    position: relative
}

.single section.type-portfolio {
    height: 100%;
    margin-bottom: 80px
}

.single-portfolio section.type-portfolio .eight.columns.mobile-four {
    margin-bottom: 85px
}

.single-portfolio .post-excerpt {
    padding: 10px 30px 30px;
    text-align: center
}

.single-portfolio .entry-content {
    margin-bottom: 40px;
    width: 90%
}

.single-portfolio .pagination {
    margin: 45px 0
}

.portfolio-meta-list li {
    line-height: 20px;
    margin-bottom: 15px
}

.portfolio-meta-list a {
    color: #818b92
}

.portfolio-meta-list span {
    display: block;
    text-transform: uppercase
}

.single-portfolio .entry-header {
    position: relative
}

.entry-like {
    display: inline-block;
    line-height: 12px;
    margin-bottom: 15px;
    margin-top: -5px;
    max-height: 20px;
    padding: 4px
}

.entry-like:hover a,
.entry-like:hover .bean-like-icon {
    background-position: -93px -425px;
    color: #FD6356
}

.bean-like-icon {
    background: url(assets/images/sprite.png) no-repeat -93px -413px;
    height: 12px;
    display: inline;
    float: left;
    margin-right: 5px;
    width: 14px
}

.bean-likes.active,
.bean-likes.active .bean-like-icon {
    background-position: -93px -438px;
    color: #FD6356;
    cursor: default
}

@-webkit-keyframes BeanLikeAnimation {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-15px)
    }
    60% {
        -webkit-transform: translateY(-10px)
    }
}

@-moz-keyframes BeanLikeAnimation {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0)
    }
    40% {
        -moz-transform: translateY(-15px)
    }
    60% {
        -moz-transform: translateY(-10px)
    }
}

@-o-keyframes BeanLikeAnimation {
    0%,
    20%,
    50%,
    80%,
    100% {
        -o-transform: translateY(0)
    }
    40% {
        -o-transform: translateY(-15px)
    }
    60% {
        -o-transform: translateY(-10px)
    }
}

@keyframes BeanLikeAnimation {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0)
    }
    40% {
        transform: translateY(-15px)
    }
    60% {
        transform: translateY(-10px)
    }
}

.animated.BeanLikeAnimation {
    -webkit-animation-name: BeanLikeAnimation;
    -moz-animation-name: BeanLikeAnimation;
    -o-animation-name: BeanLikeAnimation;
    animation-name: BeanLikeAnimation
}

.widget .widget-title.no-related {
    margin-bottom: -15px
}

.portfolio-related li {
    float: left;
    margin-bottom: 2.5%;
    margin-right: 2.5%;
    max-width: 309px;
    width: 31.5%
}

.portfolio-related li.last {
    margin-right: 0
}

.single-portfolio .entry-content-media img {
    margin-bottom: 15px
}

.entry-content-media.portfolio-audio img {
    margin-bottom: -7px!important
}

.single-portfolio .jp-interface {
    border-radius: 0 0 4px 4px;
    max-width: 640px;
    margin: 0
}

.single-portfolio .jp-progress {
    max-width: 450px
}

.entry-content-media.portfolio-video img {
    margin-bottom: 0!important
}

body.viewing #theme-wrapper {
    -webkit-filter: grayscale(1) blur(4px)
}

.viewer {
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.85)
}

.viewer li>div {
    bottom: 50px;
    left: 30px;
    top: 50px;
    right: 30px
}

.viewer li {
    width: 100%!important;
    height: 100%!important;
    float: none;
    position: absolute;
    visibility: visible!important;
    left: 0;
    right: 0;
    z-index: 2;
    -webkit-transition: all 300ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    -moz-transition: all 300ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    transition: all 300ms cubic-bezier(0.075, 0.820, 0.165, 1.000)
}

.viewer li.first.current {
    margin-left: 0;
    text-align: center
}

.viewer li.current {
    z-index: 1
}

.viewer li.previous {
    left: -85%
}

.viewer li.next {
    left: 85%
}

.viewer li.previous>div {
    left: 30px;
    text-align: right;
    right: 30px
}

.viewer li.next>div {
    left: 30px;
    text-align: left;
    right: 30px
}

.viewer .close,
.viewer .caption {
    display: none
}

section.portfolio.post-password-required {
    margin-top: 40px
}

section.portfolio.post-password-required .four.columns {
    text-align: center;
    width: 100%
}

section.portfolio.post-password-required .entry-content {
    margin-bottom: 90px;
    width: 100%
}

section.portfolio.post-password-required .entry-content input[type="password"] {
    margin: 18px auto 0;
    text-align: center;
    width: 60%
}

.page-template-page-team-php #isotope-container.portfolio-3col .hentry.isotope-item {
    margin-bottom: 60px
}

.team-member-meta {
    text-align: left
}

.team-member-meta h3 {
    margin: 20px 0 5px!important
}

.team-member-meta a.team-twitter-profile {
    display: inline-block;
    margin-bottom: 4px
}

.team-member-meta a.team-twitter-profile span.arrow {
    display: none
}

.team-member-meta a.team-twitter-profile:hover span.arrow {
    display: inline-block
}

#primary-container {
    background-color: #FFF;
    margin: 0 auto;
    padding: 60px 0 0
}

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

.entry-content p a {
    border-bottom: 1px solid #E9E9EC;
    padding-bottom: 1px
}

.entry-content p a:hover {
    color: #23313A!important
}

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

.entry-content li {
    color: #23313A;
    list-style: none;
    padding-left: 20px;
    padding-bottom: 10px
}

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

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

.sidebar {
    width: 240px;
    -webkit-backface-visibility: hidden
}

.sidebar-right .sidebar {
    margin-left: 10%;
    float: right
}

.sidebar-left .sidebar {
    margin-right: 10%
}

.eight.columns.sidebar-right.mobile-four {
    padding-right: 8%;
    margin-bottom: 60px;
    border-right: 1px solid #E9E9EC;
    -webkit-backface-visibility: hidden
}

.eight.columns.sidebar-left.mobile-four {
    padding-left: 8%;
    border-left: 1px solid #E9E9EC;
    -webkit-backface-visibility: hidden
}

#map-container {
    background-color: #F5F5F6;
    height: 350px!important;
    width: 100%
}

#map-container iframe {
    width: 100%;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .2s;
    -moz-animation-duration: .2s;
    -ms-animation-duration: .2s;
    -o-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-name: BeanFadeIn;
    -moz-animation-name: BeanFadeIn;
    -o-animation-name: BeanFadeIn;
    animation-name: BeanFadeIn;
    -webkit-animation-delay: .8s;
    -moz-animation-delay: .8s;
    -ms-animation-delay: .8s;
    -o-animation-delay: .8s;
    animation-delay: .8s
}

#BeanForm {
    margin-top: 50px!important
}

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"] {
    margin-top: 10px;
    padding: 12px 18px;
    font: 15px "Open Sans", Helvetica, Arial, sans-serif;
    -webkit-appearance: none;
    font-weight: 600
}

.page-template-page-contact-php .bean-alert {
    background-color: #f0f0f0;
    color: #2A3034;
    line-height: 24px;
    margin-top: 30px!important;
    margin-bottom: -5px;
    padding: 6px 10px!important;
    position: relative;
    text-align: center;
    border-radius: 3px
}

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

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

.archives-list {
    margin-top: 45px
}

.entry-content .archives-list ul {
    margin-bottom: 25px;
    margin: 0 0 25px 0!important
}

.archives-list ul li {
    list-style: disc;
    margin-left: 25px
}

.archives-list ul li a {
    border-bottom: 1px solid #E9E9EC
}

.search h6.search-title {
    margin: -8px 0 15px
}

.search .searchform.search-page input[type="text"] {
    background: url(assets/images/sprite.png) 477px -231px no-repeat;
    margin-bottom: 12px
}

.search #searchform {
    margin-top: 30px
}

.search #searchform .button[type="submit"] {
    display: none
}

.error404 #primary-container {
    padding: 10%;
    text-align: center
}

.page-template-page-comingsoon-php,
.page-template-page-comingsoon-php #primary-container {
    padding: 10%;
    text-align: center;
    -webkit-animation: ComingSoonPulse 10s infinite alternate;
    -webkit-animation: ComingSoonPulse 10s infinite alternate;
    -moz-animation: ComingSoonPulse 10s infinite alternate;
    -o-animation: ComingSoonPulse 10s infinite alternate;
    animation: ComingSoonPulse 10s infinite alternate;
    -webkit-animation-delay: 1.5s!important;
    -moz-animation-delay: 1.5s!important;
    -ms-animation-delay: 1.5s!important;
    -o-animation-delay: 1.5s!important;
    animation-delay: 1.5s!important
}

.page-template-page-comingsoon-php h1 {
    color: #FFF;
    font: bold 40px/50px "Montserrat", Helvetica, sans-serif;
    text-transform: uppercase
}

.page-template-page-comingsoon-php p {
    color: #FFF;
    line-height: 27px!important
}

.page-template-page-comingsoon-php .entry-content {
    margin-bottom: 30px
}

.bean-coming-soon .count-inner {
    background-color: #FFF;
    border-radius: 6px;
    height: 154px;
    margin-bottom: 20px;
    padding: 50px 10px 30px 7px
}

.bean-coming-soon .count {
    color: #23313A;
    font-weight: bold;
    letter-spacing: -4px
}

.bean-coming-soon .text {
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 30px
}

.count-inner .animated.BeanFadeIn {
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s
}

a.more-link {
    display: inline-block;
    margin-top: 15px;
    font: bold 13px/32px "Montserrat", Helvetica, sans-serif;
    text-transform: uppercase;
    padding-bottom: 0!important
}

.pagination a {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(assets/images/sprite.png) no-repeat #23313A;
    border-radius: 3px
}

span.page-previous a {
    background-position: -36px -517px
}

span.page-previous a:hover {
    background-position: -36px -559px
}

span.page-next a {
    background-position: -71px -517px
}

span.page-next a:hover {
    background-position: -71px -559px
}

span.page-portfolio a {
    background-position: -107px -517px
}

span.page-portfolio a:hover {
    background-position: -107px -559px
}

.pagination.index {
    display: block;
    clear: left;
    float: left;
    margin: -40px auto 20px;
    position: relative;
    text-align: center;
    width: 100%
}

.pagination.index span {
    position: absolute
}

.pagination.index span.page-next {
    right: 0
}

.pagination.index span.page-previous {
    left: 0
}

h1.entry-title {
    margin-bottom: 15px
}

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

.blog .format-image .entry-content {
    padding: 0 60px;
    text-align: center
}

.post .jp-interface {
    margin-top: 0
}

.format-audio .entry-content-media {
    margin-bottom: 20px
}

.format-video div.jp-interface {
    border-radius: 0 0 4px 4px;
    max-width: 574px
}

.format-video .fluid-width-video-wrapper {
    float: left
}

.format-video .jp-type-single {
    position: absolute
}

.format-video .entry-content-media img {
    margin-bottom: -2px!important
}

.format-link .link-wrapper,
section.post.format-quote {
    border-radius: 6px;
    float: left;
    padding: 40px 10px 25px;
    text-align: center
}

.format-link h1,
.format-quote h1 {
    color: #FFF;
    font: bold 23px/32px "Montserrat", Helvetica, sans-serif;
    text-transform: uppercase
}

.format-link .entry-content p,
.format-quote .entry-content p {
    color: #FFF!important;
    margin-bottom: 0
}

.format-link h1 a {
    color: #FFF
}

section.post.format-link {
    display: block
}

.format-link .link-wrapper {
    width: 100%
}

.format-link .link-wrapper:hover {
    color: #FFF
}

.format-gallery .entry-content-media {
    margin: 0;
    position: relative;
    float: left
}

.format-gallery .social-overlay {
    bottom: 55px
}

li.stacked-image {
    position: relative
}

.media-caption {
    background-color: #23313A;
    background-color: rgba(35, 49, 58, 0.90);
    border-radius: 3px;
    bottom: 35px;
    color: #FFF;
    padding: 0 8px;
    position: absolute;
    right: 15px;
    text-align: center;
    line-height: 27px
}

.bean-container a:active,
.post-slider a:active,
.bean-container a:focus,
.post-slider a:focus {
    outline: 0
}

.slides,
.bean-control-nav {
    margin: 0;
    padding: 0;
    list-style: none
}

.post-slider {
    margin: 0;
    padding: 0;
    position: relative
}

.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
}

.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

html[xmlns] .slides {
    display: block
}

* html .slides {
    height: 1%
}

.no-js .slides>li:first-child {
    display: block
}

.bean-control-paging {
    margin: 20px 0 10px;
    text-align: center
}

.bean-control-paging li {
    display: inline-block;
    cursor: pointer;
    margin: 0 2px;
    text-indent: -9999em
}

.bean-control-paging li a {
    background-color: #B9C0C5;
    border-radius: 10px;
    display: block;
    height: 10px;
    width: 10px
}

.bean-control-paging li a.bean-active,
.bean-control-paging li a:hover {
    background-color: #23313A
}

section.post {
    margin-bottom: 42px;
    width: 100%;
    float: left
}

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

.single-post section.post {
    margin-bottom: 0
}

.post .entry-header {
    float: left;
    width: 100%
}

.post h1.entry-title {
    line-height: 36px;
    margin-top: -6px;
    margin-bottom: 6px
}

.post .entry-meta {
    margin-bottom: 20px
}

.entry-content .entry-meta {
    margin-top: 30px;
    text-transform: uppercase
}

.entry-meta h6 {
    display: inline;
    margin-right: 5px
}

.entry-meta li,
.entry-meta ul {
    display: inline;
    text-transform: uppercase
}

.entry-meta .meta-sep {
    padding: 0 5px
}

.post-edit-link {
    float: right
}

.post-excerpt {
    border-bottom: 1px solid #E9E9EC;
    clear: left;
    padding: 0 0 23px;
    margin-bottom: 23px
}

.post .post-excerpt h4 p {
    line-height: 29px
}

.entry-content,
.entry-content-media {
    display: block;
    float: left;
    width: 100%
}

.post-thumb {
    margin-bottom: 23px
}

.single-post .post-thumb img:hover {
    opacity: 1
}

.single-post .post-thumb img:hover {
    -webkit-transform: scale(1)!important;
    -moz-transform: scale(1)!important;
    -o-transform: scale(1)!important;
    transform: scale(1)!important
}

.social-overlay {
    bottom: 0;
    right: 0;
    padding: 10px;
    position: absolute;
    z-index: 2
}

.social-overlay li a {
    display: block;
    height: 24px;
    width: 44px
}

.social-icon {
    background-color: #23313A;
    background: url(assets/images/social.png) no-repeat rgba(35, 49, 58, 0.9);
    border-radius: 3px;
    height: 24px;
    margin-top: 3px;
    width: 44px;
    -webkit-filter: grayscale(0)!important
}

.social-icon.google {
    background-position: -286px 3px;
    background-color: #DD4A38
}

.social-icon.twitter {
    background-position: -136px 4px;
    background-color: #32CCFE
}

.social-icon.facebook {
    background-position: -191px 4px;
    background-color: #476DC3
}

.social-icon:hover {
    background-color: #23313A
}

.social-overlay li.social-icon:nth-of-type(2) {
    -webkit-animation-delay: .7s!important;
    -moz-animation-delay: .7s!important;
    -ms-animation-delay: .7s!important;
    -o-animation-delay: .7s!important;
    animation-delay: .7s!important
}

.social-overlay li.social-icon:nth-of-type(1) {
    -webkit-animation-delay: .6s!important;
    -moz-animation-delay: .6s!important;
    -ms-animation-delay: .6s!important;
    -o-animation-delay: .6s!important;
    animation-delay: .6s!important
}

.social-overlay li.social-icon:nth-of-type(3) {
    -webkit-animation-delay: .8s!important;
    -moz-animation-delay: .8s!important;
    -ms-animation-delay: .8s!important;
    -o-animation-delay: .8s!important;
    animation-delay: .8s!important
}

.author-avatar {
    margin-top: 5px
}

.author-avatar img {
    border-radius: 3px
}

h6.author {
    margin-bottom: 30px
}

.entry-content.author {
    margin-bottom: 50px;
    border-bottom: 1px solid #E9E9EC;
    padding-bottom: 55px
}

ul.author-links {
    margin: 0
}

ul.author-links li {
    display: inline-block;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .2s;
    -moz-animation-duration: .2s;
    -ms-animation-duration: .2s;
    -o-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-name: BeanFadeIn;
    -moz-animation-name: BeanFadeIn;
    -o-animation-name: BeanFadeIn;
    animation-name: BeanFadeIn
}

ul.author-links li a {
    border-bottom: 0
}

.author-icon {
    background: url(assets/images/social.png) no-repeat #AFAFB6;
    border-radius: 3px;
    display: block;
    height: 28px;
    width: 28px
}

.author-icon.web {
    background-position: -344px 6px
}

.author-icon.twitter {
    background-position: -144px 6px
}

.author-icon.dribbble {
    background-position: -243px 6px
}

.author-icon.facebook {
    background-position: -198px 6px
}

.author-icon.instagram {
    background-position: 6px 6px
}

.author-icon.google {
    background-position: -44px 6px
}

.author-icon.email {
    background-position: -95px 6px
}

.author-icon.web:hover {
    background-color: #7CB86A;
    background-position: -344px -44px
}

.author-icon.twitter:hover {
    background-color: #32ccfe;
    background-position: -144px -44px
}

.author-icon.dribbble:hover {
    background-color: #F8619E;
    background-position: -243px -44px
}

.author-icon.facebook:hover {
    background-color: #476DC3;
    background-position: -198px -44px
}

.author-icon.instagram:hover {
    background-color: #1A96D7;
    background-position: 6px -44px
}

.author-icon.google:hover {
    background-color: #DD4A38;
    background-position: -44px -44px
}

.author-icon.email:hover {
    background-color: #02B0E8;
    background-position: -95px -44px
}

.about-author {
    background-color: #F5F5F6;
    border-radius: 3px;
    float: left;
    margin: 25px 0 20px;
    padding: 15px 25px
}

.about-author p {
    margin-bottom: 13px
}

.about-author .author-avatar {
    margin-top: 11px
}

.about-author .author-links {
    margin-bottom: 5px
}

.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-weight: bold!important;
    margin: 18px 0 0 0;
    text-align: left
}

.nopassword {
    background-color: #FFE0D8;
    border-radius: 3px;
    color: #F63C38;
    padding: 6px 10px;
    text-align: center
}

.single-post .entry-content img,
.single-post .entry-content img a {
    margin: 40px 0 40px 0
}

blockquote {
    margin: 25px 0;
    padding-left: 35px
}

blockquote,
.entry-content blockquote p {
    font: 24px/31px "Open Sans", Helvetica, Arial, sans-serif;
    letter-spacing: -1px
}

blockquote p {
    margin-bottom: 0
}

.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 {
    float: left;
    line-height: 10px;
    position: relative;
    width: 100%
}

.post-thumb a img:hover {
    opacity: .3
}

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

.attachment article .entry-content {
    padding: 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%;
    margin-right: 15px
}

.entry-content img.size-full,
.entry-content img.size-large {
    max-width: 100%;
    width: auto;
    height: auto;
    display: block
}

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

img.aligncenter {
    margin-left: auto!important;
    margin-right: auto!important;
    display: block;
    clear: both
}

img.alignleft {
    float: left
}

img.alignright {
    display: block
}

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

.gallery {
    margin: auto;
    float: left;
    width: 100%
}

.gallery-item {
    float: left;
    text-align: center;
    margin-left: 0
}

#gallery-1 .gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 33%
}

.gallery-image {
    margin-left: 0
}

.gallery-caption {
    margin-left: 0;
    font-weight: bold
}

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

.wp-caption,
figcaption {
    text-align: center;
    margin: 10px 20px 20px 20px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic
}

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

.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
}

.featurearea .featurearea_content .featurearea_content_title {
    color: #23313A!important;
    font: 18px/28px "Open Sans", Helvetica, Arial, sans-serif!important;
    font-weight: 600!important
}

.bean-tabs ul.bean-nav li a {
    color: #23313a!important
}

.iconSocial a,
.modal-header a {
    border-bottom: 0
}

.target {
    height: 100%!important
}

p:empty {
    display: none
}

#comments {
    clear: both;
    float: left;
    padding-top: 70px;
    width: 100%
}

#comments h5 {
    margin-bottom: 0
}

#comments ol {
    list-style: none
}

#reply-title {
    font: bold 13px/32px "Montserrat", Helvetica, sans-serif;
    text-transform: uppercase;
    margin-bottom: 25px
}

.logged-in #reply-title {
    margin-bottom: 26px
}

.commentlist {
    margin: 0 0 40px;
    list-style-type: none
}

.pinglist {
    margin: 20px 0 40px 30px;
    list-style-type: disc
}

#comments-list {
    padding-bottom: 100px;
    float: left;
    width: 100%
}

#comments-list ol li {
    border-bottom: 1px solid #E9E9EC;
    float: left;
    padding-top: 10px;
    width: 100%
}

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

.comment-avatar {
    float: left;
    height: 50px;
    width: 50px;
    margin: 25px 0 0 0;
    border-radius: 3px
}

.comment-avatar img {
    height: 50px;
    width: 50px;
    border-radius: 3px
}

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

.comment-author cite {
    line-height: 22px;
    font-weight: bold;
    font-style: normal;
    float: left;
    margin-right: 15px
}

.comment-meta,
.comment-meta a {
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase
}

.author-tag span.meta-sep {
    padding-right: 4px
}

.comment-body p {
    padding-bottom: 30px
}

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

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

.children {
    float: left;
    list-style-type: none;
    margin: -27px 0 0 94px;
    padding-right: 90px;
    width: 100%
}

.children .comment {
    margin-bottom: 0
}

.children li {
    padding-top: 0!important;
    border-bottom: none!important
}

.nocomments {
    text-align: center;
    padding: 20px
}

#cancel-comment-reply-link {
    color: #CE6464;
    float: right;
    font: bold 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    margin-top: 11px;
    text-transform: uppercase
}

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

.comment-awaiting-moderation {
    font: normal normal 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-transform: uppercase
}

#respond form label {
    display: block;
    padding-top: 3px;
    margin-bottom: 0
}

.comment #respond {
    margin: 0 0 60px 95px;
    padding-top: 15px
}

.children #respond {
    margin-left: 80px
}

#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;
    margin-right: 15px;
    width: 60%
}

#commentform textarea {
    margin-bottom: 14px
}

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

#commentform p {
    line-height: 20px
}

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

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

.logged-in #respond .six {
    width: 100%;
    float: none!important
}

.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
}

.jp-interface {
    background-color: #232B30;
    border: 1px solid #101013;
    margin: 0 auto;
    height: 39px;
    overflow: hidden;
    padding: 7px;
    position: relative;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.3)
}

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

.jp-controls {
    border-right: 1px solid #000;
    -webkit-box-shadow: 1px 0 0 #363B3E;
    -moz-box-shadow: 1px 0 0 #363B3E;
    box-shadow: 1px 0 0 #363B3E
}

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

a.jp-mute,
a.jp-unmute {
    margin: 0 75px 0 0;
    border-left: 1px solid #363B3E;
    padding-left: 5px;
    -webkit-box-shadow: -1px 0 0 #000;
    -moz-box-shadow: -1px 0 0 #000;
    box-shadow: -1px 0 0 #000
}

ul.jp-controls,
.jp-interface ul.jp-controls li {
    display: inline;
    float: left;
    margin-bottom: 0;
    margin: -6px 0 0 0
}

.jp-interface ul.jp-controls a {
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

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

ul.jp-toggles {
    float: right;
    margin-top: -6px
}

ul.jp-toggles li a,
ul.jp-toggles li a span {
    display: block;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap
}

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

a.jp-play span {
    background: url(assets/images/jplayer.png) -3px 9px no-repeat
}

a.jp-pause span {
    background: url(assets/images/jplayer.png) -3px -21px no-repeat;
    display: none
}

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

a.jp-unmute span {
    background: url(assets/images/jplayer.png) -3px -57px no-repeat;
    display: none
}

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
}

div.jp-progress {
    background-color: #111314;
    border-radius: 2px;
    left: 56px;
    position: absolute;
    margin: 7px 0;
    width: 100%;
    height: 11px;
    -webkit-box-shadow: 0 1px 0 #363B3E;
    -moz-box-shadow: 0 1px 0 #363B3E;
    box-shadow: 0 1px 0 #363B3E
}

div.jp-progress {
    width: 67%
}

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

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

div.jp-volume-bar {
    background-color: #111314;
    overflow: hidden;
    position: absolute;
    cursor: pointer;
    margin: 7px 0;
    width: 60px;
    height: 11px;
    -webkit-box-shadow: 0 1px 0 #363B3E;
    -moz-box-shadow: 0 1px 0 #363B3E;
    box-shadow: 0 1px 0 #363B3E
}

div.jp-volume-bar {
    right: 15px
}

div.jp-play-bar,
div.jp-volume-bar-value {
    border-radius: 2px;
    height: 11px;
    width: 0;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.5)
}

.entry-content-media-audio.fullwidth {
    margin-bottom: 65px
}

div.jp-audio-full {
    width: 100%;
    height: 100%;
    position: static!important;
    position: relative
}

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

div.jp-audio-full div.jp-gui {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000
}

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

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

div.jp-video.fullwidth,
div.jp-video.fullwidth .jp-type-list-parent {
    height: 0;
    padding-bottom: 56.3%;
    position: relative;
    margin-bottom: 60px
}

.jp-video {
    max-width: 640px
}

.jp-interface {
    margin-top: -4px
}

.jp-video .jp-jplayer {
    margin-bottom: -6px
}

#footer-container {
    background-color: #F5F5F6;
    padding: 120px 30px;
    text-align: center
}

#footer-container ul {
    margin-bottom: 10px
}

#footer-container ul li {
    display: inline-block;
    padding: 0 12px
}

.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
}

.widget .widget-title {
    font: bold 13px/32px "Montserrat", Helvetica, sans-serif;
    padding-bottom: 10px
}

.sidebar .widget,
.hidden-sidebar .widget {
    margin-bottom: 50px
}

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

.widget li a {
    color: #818B92
}

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

.widget_recent_entries li {
    margin-bottom: 10px
}

.post-date {
    display: block;
    text-transform: uppercase
}

.widget_bean_recent_portfolio {
    margin-bottom: -15px
}

#portfolio-slider {
    position: relative
}

#portfolio-slider .post-thumb {
    margin-bottom: 17px
}

#portfolio-slider .slide .four.columns.mobile-two {
    padding: 0 9px
}

#portfolio-slider .slide .four.columns.mobile-two img {
    height: 100%;
    max-height: 209px;
    width: 100%
}

#portfolio-slider .bean-viewport {
    overflow: visible!important
}

.bean-direction-nav .bean-prev,
.bean-direction-nav .bean-next {
    background: url(assets/images/sprite.png) no-repeat;
    display: block;
    height: 62px;
    left: -75px;
    position: absolute;
    text-indent: -9999em;
    top: 42%;
    width: 33px;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    -o-transition: 0s;
    transition: 0s
}

.bean-direction-nav .bean-next {
    left: auto;
    right: -73px
}

.bean-direction-nav .bean-prev {
    background-position: -148px -30px
}

.bean-direction-nav .bean-next {
    background-position: -18px -30px
}

.section.even .bean-direction-nav .bean-prev {
    background-position: -148px -159px
}

.section.even .bean-direction-nav .bean-next {
    background-position: -18px -159px
}

.bean-direction-nav .bean-prev:hover,
.section.even .bean-direction-nav .bean-prev:hover {
    background-position: -107px -159px
}

.bean-direction-nav .bean-next:hover,
.section.even .bean-direction-nav .bean-next:hover {
    background-position: -59px -159px
}

.widget_bean_recent_posts li h3 {
    margin-bottom: 10px
}

span.meta-sep {
    padding: 0 8px
}

.widget_bean_recent_posts .mini-post-excerpt {
    margin-top: 8px
}

span.meta,
.widget.widget_bean_recent_posts li span.meta a {
    color: #C3C3C5;
    margin-bottom: 10px
}

.widget_bean_recent_posts li .post-thumb {
    line-height: 10px!important
}

.widget_bean_recent_posts .post-thumb {
    position: relative
}

.format-icon {
    background-color: #23313A;
    background: url(assets/images/sprite.png) rgba(35, 49, 58, 0.9);
    border-radius: 3px;
    bottom: 10px;
    display: block;
    height: 30px;
    opacity: .95;
    position: absolute;
    right: 10px;
    width: 30px;
    z-index: 2
}

.format-icon.audio {
    background-position: -38px -413px
}

.format-icon.video {
    background-position: -135px -413px
}

.widget_bean_testimonials {
    margin: -80px 0;
    padding: 50px 30px!important;
    position: relative;
    text-align: center
}

.widget_bean_testimonials .post-slider h1 {
    color: #FFF;
    line-height: 35px;
    margin-bottom: 0;
    padding: 0 40px
}

.widget_bean_testimonials .post-slider h2 {
    color: #FFF;
    line-height: 35px;
    margin-bottom: 0;
    padding: 0 40px
}

.section .widget_bean_testimonials h5.widget-title {
    color: #FFF;
    margin-bottom: 5px
}

.bean-quote-icon {
    position: absolute;
    height: 26px;
    top: 48%;
    width: 36px;
    background: url(assets/images/sprite.png) no-repeat
}

.bean-quote-icon.first {
    background-position: -63px -363px;
    left: 5%
}

.bean-quote-icon.last {
    background-position: -101px -363px;
    right: 5%
}

.BeanBGAnimate {
    -webkit-animation: BeanBGAnimate 10s infinite linear;
    -moz-animation: BeanBGAnimate 10s infinite linear;
    -ms-animation: BeanBGAnimate 10s infinite linear;
    -o-animation: BeanBGAnimate 10s infinite linear;
    animation: BeanBGAnimate 10s infinite linear
}

@-webkit-keyframes BeanBGAnimate {
    from {
        background-position: 0 0
    }
    to {
        background-position: 0 100%
    }
}

@-moz-keyframes BeanBGAnimate {
    from {
        background-position: 0 0
    }
    to {
        background-position: 0 100%
    }
}

@-ms-keyframes BeanBGAnimate {
    from {
        background-position: 0 0
    }
    to {
        background-position: 0 100%
    }
}

@-o-keyframes BeanBGAnimate {
    from {
        background-position: 0 0
    }
    to {
        background-position: 0 100%
    }
}

@keyframes BeanBeanBGAnimate {
    from {
        background-position: 0 0
    }
    to {
        background-position: 0 100%
    }
}

.BeanBGAnimateHori {
    -webkit-animation: BeanBGAnimateHori 25s infinite linear;
    -moz-animation: BeanBGAnimateHori 25s infinite linear;
    -ms-animation: BeanBGAnimateHori 25s infinite linear;
    -o-animation: BeanBGAnimateHori 25s infinite linear;
    animation: BeanBGAnimateHori 25s infinite linear
}

@-webkit-keyframes BeanBGAnimateHori {
    from {
        background-position: 0 0
    }
    to {
        background-position: 100% 0
    }
}

@-moz-keyframes BeanBGAnimateHori {
    from {
        background-position: 0 0
    }
    to {
        background-position: 100% 0
    }
}

@-ms-keyframes BeanBGAnimateHori {
    from {
        background-position: 0 0
    }
    to {
        background-position: 100% 0
    }
}

@-o-keyframes BeanBGAnimateHori {
    from {
        background-position: 0 0
    }
    to {
        background-position: 100% 0
    }
}

@keyframes BeanBGAnimateHori {
    from {
        background-position: 0 0
    }
    to {
        background-position: 100% 0
    }
}

.widget_bean_cta {
    text-align: center
}

.widget_bean_cta h1 {
    position: relative;
    width: 100%;
    max-width: 1060px;
    padding: 30px 30px;
    margin: 0 auto;
    line-height: 39px
}

.widget_bean_cta h3 {
    position: relative
}

.action-buttons {
    margin-top: 40px!important
}

.widget_bean_cta .button.cta {
    border-radius: 6px;
    padding: 26px 0;
    width: 100%
}

.widget_bean_cta .button.cta:hover {
    background-color: #AFAFB6
}

.widget_bean_cta .button.cta:active {
    position: relative;
    top: 2px
}

.widget_bean_cta .button h3 {
    color: #FFF;
    margin-bottom: 0
}

.widget_bean_cta .button.cta.attention h3 {
    margin-left: -35px
}

.widget_bean_cta .button.cta span.cta-arrow {
    background: url(assets/images/cta-arrow.png);
    display: inline-block;
    height: 20px;
    margin-left: 10px;
    position: absolute;
    top: 2px;
    width: 25px
}

.widget_bean-dribbble {
    margin-bottom: -7px
}

.bean-dribbble-shots {
    margin-left: -7px
}

.bean-shot {
    background: url(assets/images/dribbble-overlay.png) no-repeat 50% 50%;
    border-radius: 3px;
    float: left;
    line-height: 6px;
    margin: 0 0 7px 7px;
    overflow: hidden
}

.bean-dribbble-shots img {
    border-radius: 3px;
    width: 100%;
    height: auto
}

.hidden-sidebar .bean-dribbble-shots:hover>.bean-shot {
    opacity: .2
}

.hidden-sidebar .bean-dribbble-shots:hover>.bean-shot:hover {
    opacity: 1.0
}

.section .widget_bean-dribbble {
    margin-top: -80px;
    margin-bottom: -80px
}

.section .widget_bean-dribbble h5.widget-title {
    display: none
}

.section .bean-dribbble-shots {
    float: left;
    overflow: hidden
}

.section .bean-dribbble-shots img {
    border-radius: 0;
    margin: 0;
    width: 100%;
    height: auto
}

.section .bean-shot {
    border-radius: 0;
    margin: 0;
    width: 25%
}

.section .widget_bean-dribbble .bean-shot:nth-of-type(5),
.section .widget_bean-dribbble .bean-shot:nth-of-type(6) {
    display: none
}

@-moz-document url-prefix() {
    .section .widget_bean-dribbble {
        float: left
    }
}

div.widget.bean_flickr {
    float: none
}

.widget_bean_flickr h5.widget-title,
.widget_bean-dribbble h5.widget-title {
    padding-bottom: 14px!important
}

.flickr-image-wrapper {
    float: left;
    margin-bottom: -10px;
    margin-left: -10px
}

.flickr_badge_image {
    border-radius: 3px;
    float: left;
    margin: 0 0 10px 10px
}

.flickr_badge_image a {
    background: url(assets/images/flickr-overlay.png) no-repeat 50% 50%;
    border-radius: 3px;
    float: left;
    position: relative
}

.flickr_badge_image img {
    border-radius: 3px;
    float: left;
    height: 50px;
    position: relative;
    width: 50px
}

.hidden-sidebar .flickr-image-wrapper:hover>.flickr_badge_image {
    opacity: .2
}

.hidden-sidebar .flickr-image-wrapper:hover>.flickr_badge_image:hover {
    opacity: 1.0
}

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

.widget_bean_newsletter p {
    margin-bottom: 25px
}

.widget_bean_newsletter input[type="email"] {
    margin-bottom: 6px
}

.widget_bean_newsletter input[type="submit"] {
    padding: 9px 10px;
    width: 100%
}

.widget_search form {
    margin-bottom: 0
}

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

.widget_search input[type="text"] {
    background-image: url(assets/images/sprite.png);
    background-position: -82px -249px;
    background-repeat: no-repeat;
    padding-left: 31px
}

.widget_search input[type="text"]:focus {
    background-position: 120px -249px;
    padding-left: 10px
}

.hidden-sidebar .widget_search input[type="text"] {
    background-color: #FFF;
    border-radius: 3px!important
}

.tagcloud {
    float: left;
    margin-bottom: -4px;
    margin-top: 7px
}

.tagcloud a {
    border-radius: 3px;
    display: inline-block;
    font: bold 11px "Montserrat", Helvetica, sans-serif!important;
    float: left;
    margin: 0 2px 2px 0;
    padding: 4px 7px;
    position: relative;
    text-transform: uppercase
}

#twitter_div ul {
    margin-bottom: 25px
}

#twitter_div li {
    background: url(assets/images/sprite.png) -89px -600px no-repeat;
    font-variant: normal;
    padding: 0 0 10px 30px
}

#twitter_div li:last-child {
    padding-bottom: 0
}

#twitter_div li span {
    display: block
}

#twitter_div .button {
    margin: -10px 0 0 30px;
    padding: 8px 10px
}

#twitter_div li span a {
    text-transform: none!important;
    font-style: normal!important
}

#twitter_div li a {
    text-transform: uppercase;
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif
}

.hidden-sidebar #twitter_div li {
    background: url(assets/images/twitter-dark.png) 0 8px no-repeat
}

#twitter_div li a {
    color: #5C5C68
}

.section .widget_bean_tweets {
    text-align: center;
    padding: 0 40px
}

.section .widget_bean_tweets h5.widget-title {
    margin-bottom: 5px
}

.section #twitter_div li {
    background: 0;
    display: none;
    padding: 0
}

.section #twitter_div li:first-child {
    display: inherit
}

.section .widget_bean_tweets li {
    color: #23313A;
    font: 35px/40px "Open Sans", serif;
    letter-spacing: -1px;
    margin-bottom: 0;
    padding: 0 40px
}

.section #twitter_div li span a {
    display: inherit;
    text-transform: none!important;
    font-style: normal!important
}

.section #twitter_div li a {
    display: none
}

.section #twitter_div .button {
    border-radius: 6px;
    font: 15px "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-left: 0;
    margin: 5px 0 0 0;
    padding: 12px 34px
}

.instagram-image-wrapper {
    margin: 5px 0 -10px -10px!important
}

.instagram_badge_image {
    border-radius: 3px;
    margin: 0 0 10px 10px!important;
    overflow: hidden
}

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

.hidden-sidebar .instagram_badge_image a:hover {
    opacity: 1!important
}

.hidden-sidebar .instagram-image-wrapper:hover>.instagram_badge_image {
    opacity: .2
}

.hidden-sidebar .instagram-image-wrapper:hover>.instagram_badge_image:hover {
    opacity: 1.0
}

.widget_bean_skills {
    width: 100%
}

.widget_bean_skills p {
    margin-bottom: 22px
}

.skillset {
    float: left;
    width: 100%
}

.skill-percent {
    float: right
}

li.skill-bar {
    border-radius: 3px;
    color: #FFF;
    font: bold 12px/26px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    height: 30px;
    margin-bottom: 3px;
    padding: 2px 8px
}

.hidden-sidebar .widget_bean_skills .row {
    padding: 0
}

.sidebar .widget_bean_skills .row {
    padding: 0 10px
}

.section .widget_bean_skills h5.widget-title {
    margin-bottom: 5px
}

.section .widget_bean_skills p {
    display: none
}

.section li.skill-bar {
    line-height: 36px;
    height: 40px;
    margin-bottom: 5px;
    padding: 2px 17px;
    text-transform: uppercase
}

.widget_bean_clients a {
    display: block;
    line-height: 0
}

.widget_bean_clients .three.columns {
    padding: 10px
}

.widget_bean_clients li {
    max-height: 100px
}

.client-logo {
    border-radius: 6px;
    display: table-cell;
    height: 80px!important;
    text-align: center;
    padding: 20px 10px;
    vertical-align: middle;
    width: 25%
}

.client-logo img {
    opacity: .5;
    -webkit-filter: grayscale(1)
}

.client-logo:hover img {
    opacity: 1;
    -webkit-filter: grayscale(0)
}

.section.even .client-logo {
    background-color: #FFF
}

.section.even .client-logo:hover {
    background-color: #F5F5F6
}

.widget_bean_stats:last-child {
    margin-bottom: -20px
}

.widget_bean_stats .three.columns.mobile-two {
    margin-bottom: 20px
}

.widget_bean_stats .bean-stat {
    background-color: #F5F5F6;
    border-radius: 6px;
    display: table-cell;
    height: 150px;
    padding: 20px 15px 0;
    margin-bottom: 20px;
    text-align: center;
    vertical-align: middle;
    width: 25%
}

.widget_bean_stats .stat-number {
    color: #23313A;
    font-weight: bold;
    letter-spacing: -4px
}

.widget_bean_stats .stat-title {
    line-height: 20px;
    margin-bottom: 0
}

.section.even .widget_bean_stats .bean-stat {
    background-color: #FFF
}

.animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s
}

.BeanFadeIn {
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    -ms-animation-duration: .3s;
    -o-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-name: BeanFadeIn;
    -moz-animation-name: BeanFadeIn;
    -o-animation-name: BeanFadeIn;
    animation-name: BeanFadeIn
}

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

@-moz-keyframes BeanFadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes BeanFadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes BeanFadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.BeanButtonShake {
    -webkit-animation-name: BeanButtonShake;
    -moz-animation-name: BeanButtonShake;
    -o-animation-name: BeanButtonShake;
    animation-name: BeanButtonShake;
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    -ms-animation-delay: 5s;
    -o-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-iteration-count: 5;
    -moz-animation-iteration-count: 5;
    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    -ms-animation-duration: 5s;
    -o-animation-duration: 5s;
    animation-duration: 5s
}

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

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

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

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

.js .waypoints .bean-quote-icon,
.js .waypoints .sidebar .bean-shot,
.js .waypoints .flickr_badge_image,
.js .waypoints .instagram_badge_image,
.js .waypoints .widget_bean_recent_posts,
.js .waypoints .widget_bean_testimonials h1,
.js .waypoints .widget_bean_cta .six.columns,
.js .waypoints .widget_bean_recent_portfolio,
.js .waypoints .widget_bean_stats .three.columns.mobile-two,
.js .waypoints .widget_bean_testimonials .widget-title,
.js .waypoints .widget_bean_skills li.skill-bar {
    opacity: 0
}

.widget_bean_testimonials .widget-title.BeanFadeIn {
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -ms-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s
}

.js .waypoints .widget_bean_cta .six.columns:nth-of-type(1) {
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -ms-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s
}

.js .waypoints .widget_bean_cta .six.columns:nth-of-type(2) {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s
}

.js .waypoints .widget_bean_recent_posts .animated.BeanBounceIn:nth-of-type(1) {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s
}

.js .waypoints .widget_bean_recent_posts .animated.BeanBounceIn:nth-of-type(2) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.js .waypoints .widget_bean_recent_posts .animated.BeanBounceIn:nth-of-type(3) {
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -ms-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s
}

.js .waypoints .flickr_badge_image.BeanFadeIn:nth-of-type(1) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -ms-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.js .waypoints .flickr_badge_image.BeanFadeIn:nth-of-type(2) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.js .waypoints .flickr_badge_image.BeanFadeIn:nth-of-type(3) {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -ms-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s
}

.js .waypoints .flickr_badge_image.BeanFadeIn:nth-of-type(4) {
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -ms-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s
}

.js .waypoints .flickr_badge_image.BeanFadeIn:nth-of-type(5) {
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -ms-animation-delay: .5s;
    -o-animation-delay: .5s;
    animation-delay: .5s
}

.js .waypoints .flickr_badge_image.BeanFadeIn:nth-of-type(6) {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s
}

.js .waypoints .flickr_badge_image.BeanFadeIn:nth-of-type(7) {
    -webkit-animation-delay: .7s;
    -moz-animation-delay: .7s;
    -ms-animation-delay: .7s;
    -o-animation-delay: .7s;
    animation-delay: .7s
}

.js .waypoints .flickr_badge_image.BeanFadeIn:nth-of-type(8) {
    -webkit-animation-delay: .8s;
    -moz-animation-delay: .8s;
    -ms-animation-delay: .8s;
    -o-animation-delay: .8s;
    animation-delay: .8s
}

.js .waypoints .instagram_badge_image.BeanFadeIn:nth-of-type(1) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -ms-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.js .waypoints .instagram_badge_image.BeanFadeIn:nth-of-type(2) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.js .waypoints .instagram_badge_image.BeanFadeIn:nth-of-type(3) {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -ms-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s
}

.js .waypoints .instagram_badge_image.BeanFadeIn:nth-of-type(4) {
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -ms-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s
}

.js .waypoints .instagram_badge_image.BeanFadeIn:nth-of-type(5) {
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -ms-animation-delay: .5s;
    -o-animation-delay: .5s;
    animation-delay: .5s
}

.js .waypoints .instagram_badge_image.BeanFadeIn:nth-of-type(6) {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s
}

.js .waypoints .instagram_badge_image.BeanFadeIn:nth-of-type(7) {
    -webkit-animation-delay: .7s;
    -moz-animation-delay: .7s;
    -ms-animation-delay: .7s;
    -o-animation-delay: .7s;
    animation-delay: .7s
}

.js .waypoints .instagram_badge_image.BeanFadeIn:nth-of-type(8) {
    -webkit-animation-delay: .8s;
    -moz-animation-delay: .8s;
    -ms-animation-delay: .8s;
    -o-animation-delay: .8s;
    animation-delay: .8s
}

.js .waypoints .sidebar .bean-shot.BeanFadeIn:nth-of-type(1) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.js .waypoints .sidebar .bean-shot.BeanFadeIn:nth-of-type(2) {
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -ms-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s
}

.js .waypoints .sidebar .bean-shot.BeanFadeIn:nth-of-type(3) {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s
}

.js .waypoints .sidebar .bean-shot.BeanFadeIn:nth-of-type(4) {
    -webkit-animation-delay: .8s;
    -moz-animation-delay: .8s;
    -ms-animation-delay: .8s;
    -o-animation-delay: .8s;
    animation-delay: .8s
}

.js .waypoints .sidebar .bean-shot.BeanFadeIn:nth-of-type(5) {
    -webkit-animation-delay: 1.0s;
    -moz-animation-delay: 1.0s;
    -ms-animation-delay: 1.0s;
    -o-animation-delay: 1.0s;
    animation-delay: 1.0s
}

.js .waypoints .sidebar .bean-shot.BeanFadeIn:nth-of-type(6) {
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.js .waypoints .flickr_badge_image.BeanFadeIn:nth-of-type(1) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -ms-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.js .waypoints .flickr_badge_image.BeanFadeIn:nth-of-type(2) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.js .waypoints .flickr_badge_image.BeanFadeIn:nth-of-type(3) {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -ms-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s
}

.js .waypoints .flickr_badge_image.BeanFadeIn:nth-of-type(4) {
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -ms-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s
}

.js .waypoints .widget_bean_stats .three.columns.mobile-two:nth-of-type(1) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.js .waypoints .widget_bean_stats .three.columns.mobile-two:nth-of-type(2) {
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -ms-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s
}

.js .waypoints .widget_bean_stats .three.columns.mobile-two:nth-of-type(3) {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s
}

.js .waypoints .widget_bean_stats .three.columns.mobile-two:nth-of-type(4) {
    -webkit-animation-delay: .8s;
    -moz-animation-delay: .8s;
    -ms-animation-delay: .8s;
    -o-animation-delay: .8s;
    animation-delay: .8s
}

.js .waypoints .widget_bean_skills li.skill-bar:nth-of-type(1) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -ms-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.js .waypoints .widget_bean_skills li.skill-bar:nth-of-type(2) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.js .waypoints .widget_bean_skills li.skill-bar:nth-of-type(3) {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -ms-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s
}

.js .waypoints .widget_bean_skills li.skill-bar:nth-of-type(4) {
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -ms-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s
}

.js .waypoints .widget_bean_skills li.skill-bar:nth-of-type(5) {
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -ms-animation-delay: .5s;
    -o-animation-delay: .5s;
    animation-delay: .5s
}

ul.author-links li:nth-of-type(1) {
    -webkit-animation-delay: 1.0s!important;
    -moz-animation-delay: 1.0s!important;
    -ms-animation-delay: 1.0s!important;
    -o-animation-delay: 1.0s!important;
    animation-delay: 1.0s!important
}

ul.author-links li:nth-of-type(2) {
    -webkit-animation-delay: 1.1s!important;
    -moz-animation-delay: 1.1s!important;
    -ms-animation-delay: 1.1s;
    -o-animation-delay: 1.1s!important;
    animation-delay: 1.1s!important
}

ul.author-links li:nth-of-type(3) {
    -webkit-animation-delay: 1.2s!important;
    -moz-animation-delay: 1.2s!important;
    -ms-animation-delay: 1.2s!important;
    -o-animation-delay: 1.2s!important;
    animation-delay: 1.2s!important
}

ul.author-links li:nth-of-type(4) {
    -webkit-animation-delay: 1.3s!important;
    -moz-animation-delay: 1.3s!important;
    -ms-animation-delay: 1.3s!important;
    -o-animation-delay: 1.3s!important;
    animation-delay: 1.3s!important
}

ul.author-links li:nth-of-type(5) {
    -webkit-animation-delay: 1.4s!important;
    -moz-animation-delay: 1.4s!important;
    -ms-animation-delay: 1.4s!important;
    -o-animation-delay: 1.4s!important;
    animation-delay: 1.4s!important
}

ul.author-links li:nth-of-type(6) {
    -webkit-animation-delay: 1.5s!important;
    -moz-animation-delay: 1.5s!important;
    -ms-animation-delay: 1.5s!important;
    -o-animation-delay: 1.5s!important;
    animation-delay: 1.5s!important
}

ul.author-links li:nth-of-type(7) {
    -webkit-animation-delay: 1.6s!important;
    -moz-animation-delay: 1.6s!important;
    -ms-animation-delay: 1.6s!important;
    -o-animation-delay: 1.6s!important;
    animation-delay: 1.6s!important
}

.bean-coming-soon .three.columns:nth-of-type(1) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -ms-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.bean-coming-soon .three.columns:nth-of-type(2) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.bean-coming-soon .three.columns:nth-of-type(3) {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -ms-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s
}

.bean-coming-soon .three.columns:nth-of-type(4) {
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -ms-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s
}

.animated.BeanFadeFromLeft {
    -webkit-animation-name: BeanFadeFromLeft;
    -moz-animation-name: BeanFadeFromLeft;
    -o-animation-name: BeanFadeFromLeft;
    animation-name: BeanFadeFromLeft
}

@-webkit-keyframes BeanFadeFromLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-125px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes BeanFadeFromLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-125px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-o-keyframes BeanFadeFromLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-125px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes BeanFadeFromLeft {
    0% {
        opacity: 0;
        transform: translateX(-125px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.animated.BeanFadeFromRight {
    -webkit-animation-name: BeanFadeFromRight;
    -moz-animation-name: BeanFadeFromRight;
    -o-animation-name: BeanFadeFromRight;
    animation-name: BeanFadeFromRight
}

@-webkit-keyframes BeanFadeFromRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(125px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes BeanFadeFromRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(125px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-o-keyframes BeanFadeFromRight {
    0% {
        opacity: 0;
        -o-transform: translateX(125px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes BeanFadeFromRight {
    0% {
        opacity: 0;
        transform: translateX(125px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.animated.BeanFadeFromTop {
    -webkit-animation-name: BeanFadeFromTop;
    -moz-animation-name: BeanFadeFromTop;
    -o-animation-name: BeanFadeFromTop;
    animation-name: BeanFadeFromTop
}

@-webkit-keyframes BeanFadeFromTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes BeanFadeFromTop {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-o-keyframes BeanFadeFromTop {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes BeanFadeFromTop {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.animated.BeanSlideFromLeft {
    -webkit-animation-name: BeanSlideFromLeft;
    -moz-animation-name: BeanSlideFromLeft;
    -o-animation-name: BeanSlideFromLeft;
    animation-name: BeanSlideFromLeft
}

@-webkit-keyframes BeanSlideFromLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes BeanSlideFromLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(30px)
    }
    80% {
        -moz-transform: translateX(-10px)
    }
    100% {
        -moz-transform: translateX(0)
    }
}

@-o-keyframes BeanSlideFromLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -o-transform: translateX(30px)
    }
    80% {
        -o-transform: translateX(-10px)
    }
    100% {
        -o-transform: translateX(0)
    }
}

@keyframes BeanSlideFromLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        transform: translateX(30px)
    }
    80% {
        transform: translateX(-10px)
    }
    100% {
        transform: translateX(0)
    }
}

.animated.BeanSlideFromRight {
    -webkit-animation-name: BeanSlideFromRight;
    -moz-animation-name: BeanSlideFromRight;
    -o-animation-name: BeanSlideFromRight;
    animation-name: BeanSlideFromRight
}

@-webkit-keyframes BeanSlideFromRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px)
    }
    80% {
        -webkit-transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes BeanSlideFromRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(-20px)
    }
    80% {
        -moz-transform: translateX(10px)
    }
    100% {
        -moz-transform: translateX(0)
    }
}

@-o-keyframes BeanSlideFromRight {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -o-transform: translateX(-20px)
    }
    80% {
        -o-transform: translateX(10px)
    }
    100% {
        -o-transform: translateX(0)
    }
}

@keyframes BeanSlideFromRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        transform: translateX(-20px)
    }
    80% {
        transform: translateX(10px)
    }
    100% {
        transform: translateX(0)
    }
}

.animated.BeanBounceIn {
    -webkit-animation-name: BeanBounceIn;
    -moz-animation-name: BeanBounceIn;
    -o-animation-name: BeanBounceIn;
    animation-name: BeanBounceIn;
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -ms-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s
}

@-webkit-keyframes BeanBounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes BeanBounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(.3)
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1)
    }
}

@-o-keyframes BeanBounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(.3)
    }
    100% {
        opacity: 1;
        -o-transform: scale(1)
    }
}

@keyframes BeanBounceIn {
    0% {
        opacity: 0;
        transform: scale(.3)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}

.animated.BeanSidebarIn {
    -webkit-animation-name: BeanSidebarIn;
    -moz-animation-name: BeanSidebarIn;
    -o-animation-name: BeanSidebarIn;
    animation-name: BeanSidebarIn;
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3;
    -ms-animation-duration: .3;
    -o-animation-duration: .3;
    animation-duration: .3
}

@-webkit-keyframes BeanSidebarIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes BeanSidebarIn {
    0% {
        opacity: 0;
        -moz-transform: scale(.5)
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1)
    }
}

@-o-keyframes BeanSidebarIn {
    0% {
        opacity: 0;
        -o-transform: scale(.5)
    }
    100% {
        opacity: 1;
        -o-transform: scale(1)
    }
}

@keyframes BeanSidebarIn {
    0% {
        opacity: 0;
        transform: scale(.9)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}

.animated.BeanSidebarOut {
    -webkit-animation-name: BeanSidebarOut;
    -moz-animation-name: BeanSidebarOut;
    -o-animation-name: BeanSidebarOut;
    animation-name: BeanSidebarOut;
    -webkit-animation-duration: .3;
    -moz-animation-duration: .3;
    -ms-animation-duration: .3;
    -o-animation-duration: .3;
    animation-duration: .3
}

@-webkit-keyframes BeanSidebarOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.9)
    }
}

@-moz-keyframes BeanSidebarOut {
    0% {
        opacity: 1;
        -moz-transform: scale(1)
    }
    100% {
        opacity: 0;
        -moz-transform: scale(.9)
    }
}

@-o-keyframes BeanSidebarOut {
    0% {
        opacity: 1;
        -o-transform: scale(1)
    }
    100% {
        opacity: 0;
        -o-transform: scale(.9)
    }
}

@keyframes BeanSidebarOut {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    100% {
        opacity: 0;
        transform: scale(.9)
    }
}

.animated.BeanFlipInX {
    -webkit-animation-name: BeanFlipInX;
    -moz-animation-name: BeanFlipInX;
    -o-animation-name: BeanFlipInX;
    animation-name: BeanFlipInX;
    -webkit-backface-visibility: visible!important;
    -moz-backface-visibility: visible!important;
    -o-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes BeanFlipInX {
    0% {
        -webkit-transform: perspective(500px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(500px) rotateX(-20deg)
    }
    70% {
        -webkit-transform: perspective(500px) rotateX(20deg)
    }
    100% {
        -webkit-transform: perspective(500px) rotateX(0deg);
        opacity: 1
    }
}

@-moz-keyframes BeanFlipInX {
    0% {
        -moz-transform: perspective(500px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -moz-transform: perspective(500px) rotateX(-20deg)
    }
    70% {
        -moz-transform: perspective(500px) rotateX(20deg)
    }
    100% {
        -moz-transform: perspective(500px) rotateX(0deg);
        opacity: 1
    }
}

@-o-keyframes BeanFlipInX {
    0% {
        -o-transform: perspective(500px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -o-transform: perspective(500px) rotateX(-20deg)
    }
    70% {
        -o-transform: perspective(500px) rotateX(20deg)
    }
    100% {
        -o-transform: perspective(500px) rotateX(0deg);
        opacity: 1
    }
}

@keyframes BeanFlipInX {
    0% {
        transform: perspective(500px) rotateX(90deg);
        opacity: 0
    }
    40% {
        transform: perspective(500px) rotateX(-20deg)
    }
    70% {
        transform: perspective(500px) rotateX(20deg)
    }
    100% {
        transform: perspective(500px) rotateX(0deg);
        opacity: 1
    }
}

.safari .no-flick,
.safari #theme-wrapper,
.safari .bean-shot img,
.safari #primary-container,
.safari .widget_bean_intro,
.safari .flickr_badge_image,
.safari .instagram_badge_image,
.safari #header-container .main-menu,
.safari .section-bean-home-slider .home-slide {
    -webkit-backface-visibility: hidden!important
}

.safari .widget_bean_newsletter input[type="submit"] {
    padding: 9px 10px;
    width: 100%;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: 0;
    -moz-animation-iteration-count: 0;
    -webkit-animation-duration: 0s;
    -moz-animation-duration: 0s;
    -ms-animation-duration: 0s;
    -o-animation-duration: 0s;
    animation-duration: 0s
}

.custom-footer {
    background: #f5f5f6;
    width: 100%;
    padding: 50px
}

.getTouch {
    margin: 0;
    padding: 0;
    max-width: 320px;
    float: left;
    text-align: left;
    clear: both
}

.textwidget .getTouch h4 {
    text-align: left;
    color: #000!important
}

.textwidget .getTouch p {
    text-align: left;
    padding-bottom: 15px
}

h2.textHeading {
    line-height: 50px
}

.columnOne {
    margin: 1% 0 1% 1.2%;
    padding: 0;
    text-align: center;
    width: 23.8%;
    float: left
}

.columnOne h3 a {
    color: #000;
    text-decoration: none
}

.columnOne h3 a:hover {
    color: #e55c54;
    text-decoration: underline
}

.testimonialone {
    margin: 20px 0 0 0;
    padding: 0;
    width: 100%;
    max-width: 1065px
}

.testimonialtext {
    margin: 0;
    padding: 25px 25px 25px 50px;
    background-color: #f5f5f6
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #f5f5f6;
    margin-left: 25px
}

.clear {
    clear: both
}

.dot1 {
    margin: 25px 0 0 15px;
    padding: 0;
    background: url(assets/images/arrow.png) 0 0 no-repeat;
    width: 27px;
    height: 27px;
    float: left
}

.ie-side-menu {
    position: absolute;
    right: 300px
}

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

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

.ie .widget_search input[type="text"]:focus {
    background-position: -82px -249px;
    padding-left: 31px
}

@media(max-device-width:2200px) {
    #menu-main-menu a {
        font-size: 20px
    }
    #menu-main-menu {
        margin-bottom: 55px
    }
    #footer_hide {
        margin-top: 60px
    }
}

@media(max-device-width:1920px) {
    #menu-main-menu a {
        font-size: 19px
    }
    #menu-main-menu {
        margin-bottom: 70px
    }
    #footer_hide {
        margin-top: 50px
    }
    .margin-top-1 {
        margin-top: 50px
    }
}

@media(max-device-width:1680px) {
    #menu-main-menu a {
        font-size: 18px
    }
    #menu-main-menu {
        margin-bottom: 45px
    }
    #footer_hide {
        margin-top: 40px
    }
    .margin-top-1 {
        margin-top: 0
    }
}

@media(max-device-width:1440px) {
    #menu-main-menu a {
        font-size: 16px
    }
    #menu-main-menu {
        margin-bottom: 25px
    }
    #footer_hide {
        margin-top: 25px
    }
    .margin-top-1 {
        margin-top: 0
    }
}

@media(max-device-width:1366px) {
    #menu-main-menu a {
        font-size: 14px;
        line-height: 25px
    }
    #menu-main-menu {
        margin-bottom: 20px
    }
    #footer_hide {
        margin-top: 20px
    }
    .margin-top-1 {
        margin-top: 0
    }
}