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, font, 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 {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
body, a {
    color: #666666;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-size: 14px;
}
body {
    background-color: #fff;
    line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
ul {
    list-style: outside none none;
}
li {
    font-size: 0;
}
blockquote {
    quotes: none;
}
blockquote::before, blockquote::after {
    content: none;
}
del {
    text-decoration: line-through;
}
table {
    border: 0 none;
    border-spacing: 0;
}
a img {
    border: medium none;
}
input, textarea, select, a {
    outline: 0 none;
}
textarea {
    overflow: auto;
    resize: none;
}
aside, article, footer, header, nav, section {
    display: block;
}
.nicescroll-rails {
    background-color: #c2c2c2;
}
.wrapper {
    position: relative;
}
.inner {
    margin: 0 auto;
    width: 1100px;
}
.fl, .alignleft {
    float: left;
}
.fr, .alignright {
    float: right;
}
.tac {
    text-align: center;
}
.clearboth {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    width: 100%;
}
.oh {
    overflow: hidden;
}
.separator {
    clear: both;
    height: 0;
    overflow: hidden;
}
h1, h2, h3, h4, h5, h6 {
    color: #181818;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-weight: 300;
    padding-bottom: 20px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #181818;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-weight: 300;
}
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b {
    font-weight: 600;
}
h1, h1 a {
    font-size: 33px;
    line-height: 36px;
}
h2, h2 a {
    font-size: 26px;
    font-weight: 600;
}
h3, h3 a {
    font-size: 16px;
}
h4, h4 a {
    font-size: 14px;
}
h5, h5 a {
    font-size: 13px;
}
h6, h6 a {
    font-size: 12px;
}
h2.alt {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 30px;
}
h2.alt-2 {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 0;
}
h2.alt-3 {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 25px;
}
h2.alt-4 {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 4px;
}
h3.alt {
    padding-bottom: 18px;
}
h3.alt-2 {
    padding-bottom: 13px;
}
h3.alt-3 {
    padding-bottom: 0;
}
h3.alt-4 {
    font-weight: bold;
    padding-bottom: 15px;
}
h3.alt-5 {
    font-weight: 600;
    padding-bottom: 21px;
}
p {
    padding-bottom: 15px;
}
p.text {
    line-height: 20px;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
.the-ins {
    background-color: #8d9599;
    color: #ffffff;
    text-decoration: none;
}
.semibold {
    font-weight: 600;
}
blockquote.type-1 {
    color: #2a3940;
    display: block;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
    margin-bottom: 24px !important;
    padding: 8px 0 9px 20px;
}
blockquote.type-1 .author {
    color: #747474;
    display: block;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    padding-top: 6px;
}
blockquote.type-2 {
    color: #6b6b6b;
    display: block;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 23px;
    margin-bottom: 24px !important;
    padding-left: 31px;
}
blockquote.type-2 .author {
    color: #747474;
    display: block;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    padding-top: 6px;
}
blockquote.type-2 > i {
    display: block;
    float: left;
    font-size: 24px;
    line-height: 24px;
    margin-top: 5px;
    width: 7%;
}
blockquote.type-2 .content {
    float: left;
    width: 93%;
}
.dropcaps-1 {
    color: #2a3940;
    float: left;
    font-size: 38px;
    font-weight: 600;
    height: 33px;
    line-height: 30px;
    margin-top: 5px;
    position: relative;
    width: 33px;
}
.dropcaps-2 {
    background-color: #2a3940;
    border-radius: 2px;
    color: #ffffff;
    float: left;
    font-size: 15px;
    font-weight: bold;
    height: 27px;
    line-height: 26px;
    margin-right: 9px;
    margin-top: 8px;
    position: relative;
    text-align: center;
    width: 27px;
}
.list {
    overflow: hidden;
    padding-bottom: 15px;
}
.list li {
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding-top: 3px;
}
.list li:first-child {
    padding-top: 0;
}
.list li i {
    color: #838383;
    font-size: 12px;
    line-height: 12px;
}
.social-icon a {
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 20px;
}
.social-icon a:hover {
    text-decoration: none;
}
.social-icon a.twitter {
    background-color: #54aee1;
}
.social-icon a.facebook {
    background-color: #4772af;
}
.social-icon a.googleplus {
    background-color: #dd4b39;
}
.social-icon a.behance {
    background-color: #18a3fe;
}
.social-icon a.dribbble {
    background-color: #ef5b92;
}
.social-icon a.pinterest {
    background-color: #cb2027;
}
.social-icon a.vimeo {
    background-color: #44bbff;
}
.social-icon a.stumbleupon {
    background-color: #ec4b24;
}
.social-icon a.linkedin {
    background-color: #0073b2;
}
.social-icon a.youtube {
    background-color: #cd181f;
}
.social-icon a.instagram {
    background-color: #31547a;
}
.social-big-icon a {
    background-color: #36393c;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    width: 32px;
}
.social-big-icon a:hover {
    text-decoration: none;
}
.social-big-icon a.twitter:hover {
    background-color: #54aee1;
}
.social-big-icon a.facebook:hover {
    background-color: #4772af;
}
.social-big-icon a.googleplus:hover {
    background-color: #dd4b39;
}
.social-big-icon a.behance:hover {
    background-color: #18a3fe;
}
.social-big-icon a.dribbble:hover {
    background-color: #ef5b92;
}
.social-big-icon a.pinterest:hover {
    background-color: #cb2027;
}
.social-big-icon a.vimeo:hover {
    background-color: #44bbff;
}
.social-big-icon a.stumbleupon:hover {
    background-color: #ec4b24;
}
.social-big-icon a.linkedin:hover {
    background-color: #0073b2;
}
.social-big-icon a.youtube:hover {
    background-color: #cd181f;
}
.social-big-icon a.instagram:hover {
    background-color: #31547a;
}
.social-big-icon a.rss:hover {
    background-color: #e96a24;
}
header {
    background-color: #ffffff;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.14);
    height: 73px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10;
}
#logo {
    float: left;
    padding-top: 16px;
    position: relative;
    transform: matrix(1, 0, 0, 1, 0, 0);
    transform-origin: 0 50% 0;
    z-index: 2;
}
#logo img {
    display: block;
    height: auto;
    width: 190px;
}
.main-menu {
    float: right;
    padding-top: 25px;
}
.main-menu li {
    display: block;
    float: left;
    margin-left: 24px;
}
.main-menu li:first-child {
    margin-left: 0;
}
.main-menu li a {
    color: #444;
    display: block;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    text-transform: uppercase;
}
.main-menu li a:hover {
    color: #888;
    text-decoration: none;
}
header.scrolled {
    background-color: rgba(255, 255, 255, 0.95);
    height: 52px;
}
header.scrolled #logo {
    padding-top: 10px;
    transform: matrix(0.7, 0, 0, 0.7, 0, 0);
}
header.scrolled .main-menu {
    padding-top: 15px;
}
.block-responsive-menu {
    display: none;
    margin-top: -73px;
    position: relative;
}
.block-responsive-menu .button {
    float: right;
    padding-top: 28px;
}
.block-responsive-menu .button a {
    background: rgba(0, 0, 0, 0) url("images/icon_menu.gif") no-repeat scroll 0 0;
    display: block;
    height: 18px;
    text-indent: -9000px;
    width: 20px;
}
.block-responsive-menu .right-menu {
    background-color: #000000;
    display: none;
    padding: 16px 0 18px;
}
.block-responsive-menu .right-menu li {
    background: rgba(0, 0, 0, 0) url("images/arrow_menu.png") no-repeat scroll right 22px;
    border-top: 1px solid #373f47;
    display: block;
}
.block-responsive-menu .right-menu li:first-child {
    border-top: 0 none;
}
.block-responsive-menu .right-menu li a {
    color: #ffffff;
    display: block;
    font-size: 13px;
    font-weight: 600;
    height: 49px;
    line-height: 49px;
    padding-right: 20px;
    text-transform: uppercase;
}
.block-responsive-menu .right-menu li a:hover {
    text-decoration: none;
}
.static-menu header {
    position: absolute;
}
#content {
}
#content section.page {
    position: relative;
}
#content section.no-animate * {
    animation-name: none;
}
#content section.right-sidebar .main-content {
    float: left;
    width: 808px;
}
#content section.right-sidebar .sidebar {
    float: right;
    width: 260px;
}
#content section.left-sidebar .main-content {
    float: right;
    width: 808px;
}
#content section.left-sidebar .sidebar {
    float: left;
    width: 260px;
}
.sidebar {
    padding-top: 12px;
}
.sidebar aside {
    padding-top: 50px;
}
.sidebar aside:first-child {
    padding-top: 0;
}
.sidebar h3 {
    color: #2d2d2d;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    padding-bottom: 0;
    text-transform: uppercase;
}
.sidebar p {
    line-height: 20px;
    margin-top: 16px;
    padding-bottom: 0;
}
.block-sidebar-recent-posts h3 {
    padding-bottom: 6px;
}
.block-sidebar-recent-posts article {
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 0;
}
.block-sidebar-recent-posts article h4 {
    color: #666666;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    padding-bottom: 3px;
}
.block-sidebar-recent-posts article h4 a {
    color: #666666;
    font-size: 13px;
    font-weight: 600;
}
.block-sidebar-recent-posts article h4 a:hover {
    text-decoration: none;
}
.block-sidebar-recent-posts article p {
    color: #6a6969;
    font-size: 11px;
    line-height: 20px;
    margin-top: 0;
    padding-bottom: 0;
}
.block-sidebar-recent-posts article p .post-separator {
    margin: 0 9px;
}
#parallax_1 {
    background: turquoise none repeat scroll 0 0;
}
#parallax_2 {
    background: rgba(0, 0, 0, 0) url("../images/parallax/1600x900.png") no-repeat fixed center center / cover ;
}
#parallax_3 {
    background: rgba(0, 0, 0, 0) url("../images/parallax/1920x1080.png") no-repeat fixed center center / cover ;
}
#parallax_4 {
    background: turquoise none repeat scroll 0 0;
}
.block-parallax-caption {
    height: 30px;
    overflow: hidden;
    position: relative;
}
.block-parallax-caption .text {
    color: #fff;
    font-size: 42px;
    font-weight: 400;
    left: 0;
    line-height: 42px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 106px;
}
.block-parallax-caption .text strong {
    font-weight: 700;
}
.block-parallax-caption .text-black-bg {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
}
.block-parallax-caption .text-black-bg span {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 32px;
    font-weight: 400;
    line-height: 32px;
    margin-top: -26px;
    padding: 10px 15px;
    text-transform: uppercase;
}
.block-parallax-caption .identity-1 {
    left: 320px;
    position: absolute;
    top: 10px;
}
.block-parallax-caption .identity-2 {
    bottom: 0;
    left: 470px;
    position: absolute;
}
.block-parallax-caption .quote {
    border: 4px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 42px;
    height: 70px;
    left: 0;
    line-height: 70px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 40px;
    width: 70px;
}
#quote_slider {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 150px;
    width: 800px;
}
#quote_slider li {
    width: 100%;
}
#quote_slider blockquote {
    color: #fff;
    font-size: 16px;
    line-height: 23px;
}
#quote_slider h3 {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    margin-top: 25px;
    padding-top: 20px;
    position: relative;
}
#quote_slider h3 span {
    font-size: 13px;
    font-weight: normal;
}
#quote_slider h3::before {
    border-bottom: 1px solid #efefef;
    content: "";
    display: block;
    left: 25%;
    position: absolute;
    top: -1px;
    width: 100px;
    z-index: 0;
}
.block-parallax-caption .bird {
    border: 4px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 42px;
    height: 70px;
    left: 0;
    line-height: 70px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 40px;
    width: 70px;
}
.block-parallax-caption .tweets {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 150px;
    width: 800px;
}
.block-parallax-caption .tweets .loading {
    color: #fff;
}
.block-parallax-caption .tweets .tweet_list li {
    margin-bottom: 10px;
}
.block-parallax-caption .tweets .tweet_list li, .block-parallax-caption .tweets .tweet_list a {
    color: #fff;
    font-size: 16px;
    line-height: 23px;
}
.block-parallax-caption .tweets .tweet_list a {
    font-weight: bold;
}
.block-parallax-caption .tweets .tweet_list a:hover {
    color: #fff;
    text-decoration: none;
}
.block-parallax-caption .follow-button {
    bottom: 40px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
}
.block-callout {
    background-color: #f7f7f7;
    margin-top: 50px;
    overflow: hidden;
    padding: 19px 19px 17px;
}
.block-callout .text {
    float: left;
}
.block-callout .text h3 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 7px;
}
.block-callout .text p {
    line-height: 20px;
    padding-bottom: 0;
}
.block-callout .button {
    float: right;
    padding-top: 3px;
}
.block-title {
    margin: 0 auto;
    max-width: 700px;
    position: relative;
    text-align: center;
}
.block-title h1 {
    font-weight: 600;
    padding-bottom: 15px;
    text-transform: uppercase;
}
.block-title h2 {
    color: #999;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    padding-bottom: 0;
}
.block-title .border {
    background: #999 none repeat scroll 0 0;
    display: block;
    height: 1px;
    margin: 0 auto 30px;
    width: 100px;
}
.block-main-slider {
    overflow: hidden;
    position: relative;
}
.block-main-slider .slides li {
    position: relative;
}
.block-main-slider .slide-1 {
    background: rgba(0, 0, 0, 0) url("../images/slider/1920x1080.png") no-repeat scroll 0 0 / cover ;
}
.block-main-slider .slide-1 .animated-item {
    animation-duration: 1s;
}
.block-main-slider .caption-1 {
    left: 0;
    margin-top: -55px;
    position: absolute;
    right: 0;
    top: 50%;
}
.block-main-slider .caption-1 .title {
    color: #fff;
    font-size: 56px;
    font-weight: 800;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 0;
}
.block-main-slider .caption-1 .fluid {
    color: #eee;
    font-size: 14px;
    left: 50%;
    line-height: 20px;
    margin-left: -385px;
    position: absolute;
    text-align: center;
    top: 60px;
    width: 770px;
}
.block-main-slider .slide-2 {
    background: rgba(0, 0, 0, 0) url("../images/slider/1920x1080.png") no-repeat scroll 0 0 / cover ;
}
.block-main-slider .slide-2 .animated-item {
    animation-duration: 0.8s;
}
.block-main-slider .caption-2 {
    left: 0;
    margin-top: -140px;
    position: absolute;
    right: 0;
    top: 50%;
}
.block-main-slider .caption-2 .fluid {
    color: #edf2f6;
    font-size: 36px;
    left: 50%;
    line-height: 36px;
    margin-left: -450px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 900px;
}
.block-main-slider .caption-2 .counter {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 128px;
}
.block-main-slider .caption-2 .counter ul {
    display: inline-block;
    overflow: hidden;
    padding: 0 50px;
}
.block-main-slider .caption-2 .counter li {
    background: rgba(0, 0, 0, 0) url("images/bg_stats_home.png") no-repeat scroll 0 0;
    display: block;
    float: left;
    height: 157px;
    margin-right: 34px;
    text-align: center;
    width: 140px;
}
.block-main-slider .caption-2 .counter li:last-child {
    margin-right: 0;
}
.block-main-slider .caption-2 .counter li .num {
    color: #eaeff3;
    font-size: 42px;
    font-weight: bold;
    padding: 43px 0 2px;
}
.block-main-slider .caption-2 .counter li .type {
    color: #868e96;
    font-size: 14px;
}
.block-main-slider .slide-3 {
    background: rgba(0, 0, 0, 0) url("../images/slider/1920x1080.png") no-repeat scroll 0 0 / cover ;
}
.block-main-slider .slide-3 .animated-item {
    animation-duration: 0.75s;
}
.block-main-slider .caption-3 {
    left: 0;
    margin-top: -100px;
    position: absolute;
    right: 0;
    top: 50%;
}
.block-main-slider .caption-3 .title {
    color: #fff;
    font-size: 50px;
    font-weight: 800;
    left: 50%;
    line-height: 50px;
    margin-left: -390px;
    padding: 10px 15px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 780px;
}
.block-main-slider .caption-3 .fluid {
    color: #eee;
    font-size: 14px;
    left: 50%;
    line-height: 20px;
    margin-left: -385px;
    position: absolute;
    text-align: center;
    top: 80px;
    width: 770px;
}
.block-main-slider .caption-3 .fluid .bullet {
    margin: 0 5px;
    opacity: 0.9;
}
.block-main-slider .caption-3 .more {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 110px;
}
.block-main-slider .caption-3 .more a {
    margin: 0 5px;
}
.block-main-slider .caption-4 {
    left: 0;
    margin-top: -20px;
    position: absolute;
    right: 0;
    top: 50%;
}
.block-main-slider .caption-4 .title {
    color: #fff;
    font-size: 40px;
    font-weight: 800;
    left: 0;
    line-height: 40px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 0;
}
.block-main-slider .video {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}
.block-main-slider .video video {
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
}
.block-main-slider .video .pattern {
    background: rgba(0, 0, 0, 0) url("images/pattern.png") repeat scroll left top;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
}
.block-main-slider .flex-direction-nav a {
    border: 3px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 38px;
    line-height: 38px;
    margin-top: -22px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 50%;
    width: 38px;
    z-index: 5;
}
.block-main-slider .flex-direction-nav a.flex-prev {
    left: 32px;
}
.block-main-slider .flex-direction-nav a.flex-next {
    right: 32px;
}
.block-main-slider .flex-direction-nav a.flex-prev:hover, .block-main-slider .flex-direction-nav a.flex-next:hover {
    text-decoration: none;
}
.block-main-slider .flex-control-nav {
    bottom: 85px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 5;
}
.block-main-slider .flex-control-nav li {
    display: inline-block;
    margin-left: 5px;
}
.block-main-slider .flex-control-nav li:first-child {
    margin-left: 0;
}
.block-main-slider .flex-control-nav li a {
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer;
    display: block;
    height: 10px;
    text-indent: -9000px;
    width: 10px;
}
.block-main-slider .lnk {
    bottom: 28px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 5;
}
.block-main-slider .lnk a {
    color: #fff;
    display: inline-block;
    font-size: 19px;
    font-weight: 600;
    height: 26px;
    line-height: 26px;
}
.block-main-slider .lnk a i {
    border: 2px solid #fff;
    border-radius: 50%;
    display: block;
    float: left;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    margin-right: 8px;
    text-align: center;
    width: 22px;
}
.block-main-slider .lnk a span {
    display: block;
    float: left;
}
.block-main-slider .lnk a:hover {
    text-decoration: none;
}
#about .inside {
    overflow: hidden;
    padding: 85px 0 95px;
}
.block-stats {
    margin: 0 auto;
    max-width: 836px;
    overflow: hidden;
    padding-top: 30px;
}
.block-stats li {
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 157px;
    margin-left: 34px;
    text-align: center;
    width: 140px;
}
.block-stats li:first-child {
    margin-left: 80px;
}
.block-stats li:hover {
    background-position: left bottom;
}
.block-stats li .num {
    color: #000000;
    font-size: 42px;
    font-weight: bold;
    padding: 43px 0 2px;
}
.block-stats li .type {
    color: #989898;
    font-size: 14px;
}
.block-skills {
    padding-top: 50px;
}
.block-skills h2 {
    padding-bottom: 9px;
}
.block-skills .skill p {
    color: #000000;
    font-size: 14px;
    line-height: 20px;
    padding: 18px 0 8px;
}
.block-skills .level-rail {
    background: rgba(0, 0, 0, 0) url("images/bg_level_rail.jpg") repeat-x scroll 0 0;
    border-radius: 4px;
    height: 8px;
    position: relative;
}
.block-skills .level-rail .level {
    height: 8px;
    left: 0;
    padding: 41px 12px 8px 0;
    position: absolute;
    top: -41px;
    width: 18px;
}
.block-skills .level-rail .level .bar {
    border-radius: 4px;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.3) inset;
    height: 8px;
    left: 0;
    position: absolute;
    right: 12px;
    top: 41px;
}
.block-skills .level-rail .marker {
    background: rgba(0, 0, 0, 0) url("images/bg_level_marker.png") no-repeat scroll 0 0;
    height: 24px;
    position: absolute;
    right: 10px;
    top: 33px;
    width: 22px;
}
.block-skills .level-rail .note {
    background-color: #fcfcfc;
    border: 1px solid #d5dade;
    border-radius: 2px;
    color: #383838;
    font-size: 12px;
    font-weight: 600;
    height: 23px;
    line-height: 23px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 39px;
}
.block-skills .level-rail .note::before {
    background: rgba(0, 0, 0, 0) url("images/tail_level.gif") no-repeat scroll 0 0;
    bottom: -6px;
    content: " ";
    display: block;
    height: 6px;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    width: 9px;
}
#services {
    background-color: #f8f8f8;
}
#services .inside {
    padding: 89px 0 87px;
}
.block-services {
    height: 184px;
    margin-top: 48px;
}
.block-services .service {
    float: left;
    margin-right: 31px;
    width: 346px;
}
.block-services .service:last-child {
    margin-right: 0;
}
.block-services .service .content {
    min-height: 120px;
}
.block-services .service .content h3 {
    font-size: 17px;
    line-height: 23px;
    padding-bottom: 9px;
}
.block-services .service .content p {
    line-height: 20px;
    padding-bottom: 0;
}
.block-services .service.web .content {
    background: rgba(0, 0, 0, 0) url("images/icon_services_web.png") no-repeat scroll 0 0;
    padding-left: 152px;
}
.block-services .service.design .content {
    background: rgba(0, 0, 0, 0) url("images/icon_services_design.png") no-repeat scroll 0 0;
    padding-left: 152px;
}
.block-services .service.mobile .content {
    background: rgba(0, 0, 0, 0) url("images/icon_services_mobile.png") no-repeat scroll 0 0;
    padding-left: 138px;
}
.block-services .service.branding .content {
    background: rgba(0, 0, 0, 0) url("images/icon_services_branding.png") no-repeat scroll 0 0;
    padding-left: 138px;
}
.block-services .mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
    height: 23px;
}
.block-services .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger {
    width: 52px;
}
.block-services .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0) url("images/bg_scroll_dragger.png") no-repeat scroll 0 0;
    border-radius: 0;
    height: 23px;
    margin: 0;
}
.block-services .mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    background: rgba(0, 0, 0, 0) url("images/bg_scrollbar.jpg") repeat-x scroll 0 0;
    border-radius: 4px;
    height: 8px;
    margin: 8px 0 7px;
}
#projects {
    background: rgba(0, 0, 0, 0) url("images/bg_projects.jpg") repeat scroll 0 0;
}
#projects .inside {
    padding: 88px 0 93px;
}
.block-filter {
    background-color: #eaeaea;
    border-radius: 2px;
    position: absolute;
    right: 0;
    top: 7px;
    width: 150px;
    z-index: 5;
}
.block-filter .text {
    height: 30px;
}
.block-filter .text a {
    background-image: url("images/filter.gif");
    background-repeat: no-repeat;
    color: #2a3940;
    display: block;
    font-size: 11px;
    font-weight: 600;
    height: 30px;
    line-height: 30px;
    padding-left: 23px;
    text-transform: uppercase;
}
.block-filter .text a:hover {
    text-decoration: none;
}
.block-filter .filter {
    display: none;
}
.block-filter .filter li {
    border-top: 1px solid transparent;
    display: block;
}
.block-filter .filter li:first-child {
    border-top: 0 none;
}
.block-filter .filter li a {
    color: #d1d1d1;
    display: block;
    font-size: 11px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
}
.block-filter .filter li a:hover {
    color: #ffffff;
    text-decoration: none;
}
.block-filter .filter li.active a {
    color: #ffffff;
}
.block-filter.opened {
    background-color: #2a3940;
}
.block-filter.opened .text a {
    background-position: left bottom;
    color: #ffffff;
}
.block-filter.opened .filter li {
    border-color: #3d4b51;
}
.block-projects {
    padding-top: 49px;
}
.block-projects .project-item {
    display: none;
}
.block-projects article {
    float: left;
    width: 20%;
}
.block-projects article.current-project {
    opacity: 0.6;
    position: relative;
}
.block-projects article.current-project .hover {
    display: none;
}
.block-projects .image {
    background-color: #fff;
    position: relative;
}
.block-projects .image img {
    display: block;
    height: auto;
    width: 100%;
}
.block-projects .hover {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.block-projects .hover .title {
    color: #ffffff;
    font-size: 17px;
    font-weight: bold;
    left: 0;
    margin-top: -44px;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
}
.block-projects .hover .date {
    color: #ffffff;
    font-size: 11px;
    left: 0;
    margin-top: -22px;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
}
.block-projects .hover .lnk-project {
    display: block;
    left: 50%;
    margin-left: -20px;
    margin-top: 5px;
    opacity: 0;
    position: absolute;
    top: 50%;
}
.desktop-device .block-projects .image:hover .hover .title, .desktop-device .block-projects .image:hover .hover .date, .desktop-device .block-projects .image:hover .hover .lnk-project {
    opacity: 1;
}
.block-projects .image.hovered .hover .title, .block-projects .image.hovered .hover .date, .block-projects .image.hovered .hover .lnk-project {
    opacity: 1;
}
.block-project-item {
    background-color: #ffffff;
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    display: none;
    margin-top: 43px;
}
.block-project-item .inner {
    padding: 36px 0;
}
.block-project-item .image {
    float: left;
    position: relative;
    width: 724px;
}
.block-project-item .image img {
    display: block;
    height: auto;
    width: 100%;
}
.block-project-item .image .project-zoom, .block-blog-post .image .pic-zoom {
    background-image: url("images/zoom.png");
    background-repeat: no-repeat;
    height: 27px;
    position: absolute;
    right: 8px;
    text-indent: -9000px;
    top: 8px;
    width: 27px;
}
.block-project-item .image .project-zoom:hover, .block-blog-post .image .pic-zoom:hover {
    background-position: left bottom;
}
.block-project-item .info {
    float: right;
    width: 346px;
}
.block-project-item .controls {
    overflow: hidden;
    padding-bottom: 22px;
}
.block-project-item .controls a {
    background-color: #d3d7d8;
    background-repeat: no-repeat;
    border-radius: 2px;
    display: block;
    height: 25px;
    text-indent: -9000px;
    width: 25px;
}
.block-project-item .controls a:hover {
    background-color: #2a3940;
}
.block-project-item .controls a.projects-nav {
    float: left;
}
.block-project-item .controls a.projects-nav.prev {
    background-image: url("images/projects_nav.gif");
    margin-right: 3px;
}
.block-project-item .controls a.projects-nav.next {
    background-image: url("images/projects_nav.gif");
    background-position: right top;
}
.block-project-item .controls a.project-close {
    background-image: url("images/project_close.gif");
    background-position: 8px 8px;
    float: right;
}
.block-project-item .controls a.inactive {
    cursor: default;
}
.block-project-item .controls a.inactive:hover {
    background-color: #d3d7d8;
}
.block-project-item .share {
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    height: 37px;
}
.block-project-item .share .text {
    color: #474747;
    float: left;
    font-size: 10px;
    font-weight: bold;
    height: 37px;
    line-height: 37px;
    padding-right: 12px;
    text-transform: uppercase;
}
.block-project-item .share .social {
    float: left;
    overflow: hidden;
    padding-top: 9px;
}
.block-project-item .share .social li {
    display: block;
    float: left;
    margin-left: 3px;
}
.block-project-item .share .social li:first-child {
    margin-left: 0;
}
.block-project-item .likes {
    color: #868686;
    float: right;
    height: 37px;
    line-height: 35px;
    padding-left: 19px;
}
.block-project-item .likes i {
    color: #bebebe;
    font-size: 13px;
    line-height: 13px;
}
.block-project-item .description {
    padding-top: 29px;
}
.block-project-item .description h2 {
    font-size: 22px;
    line-height: 26px;
    padding-bottom: 17px;
}
.block-project-item .description h3 {
    font-weight: 600;
    line-height: 20px;
    padding-bottom: 17px;
}
.block-project-item .description p {
    line-height: 20px;
    padding-bottom: 20px;
}
.block-project-item .slider {
    overflow: hidden;
    position: relative;
}
.block-project-item .slider .flexslider {
    overflow: hidden;
}
.block-project-item .flex-direction-nav a {
    border: 3px solid #fff;
    border-radius: 50%;
    bottom: 18px;
    color: #fff;
    display: block;
    font-size: 12px;
    height: 24px;
    line-height: 22px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 24px;
    z-index: 5;
}
.block-project-item .flex-direction-nav a.flex-prev {
    right: 53px;
}
.block-project-item .flex-direction-nav a.flex-next {
    right: 18px;
}
.block-project-item .flex-direction-nav a.flex-prev:hover, .block-project-item .flex-direction-nav a.flex-next:hover {
    text-decoration: none;
}
#team .inside {
    overflow: hidden;
    padding: 85px 0 95px;
}
.block-team {
    padding-top: 80px;
}
.block-team h2 {
    padding-bottom: 32px;
}
.block-team .teammates {
    position: relative;
}
.block-team .teammate {
    background: rgba(0, 0, 0, 0) url("images/tail_teammate.gif") no-repeat scroll left bottom / 100% 4px;
    padding-bottom: 4px;
}
.block-team .teammate .photo {
    position: relative;
}
.block-team .teammate .photo img {
    display: block;
    height: auto;
    width: 100%;
}
.block-team .teammate .photo .hover {
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.block-team .teammate .photo .hover .button {
    left: 0;
    margin-top: -15px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
}
.desktop-device .block-team .teammate .photo:hover .hover {
    opacity: 1;
}
.block-team .teammate .photo.hovered .hover {
    opacity: 1;
}
.block-team .teammate .description {
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    padding: 13px 9px 16px;
}
.block-team .teammate .description .name {
    color: #222222;
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 7px;
}
.block-team .teammate .description .position {
    color: #888888;
    font-size: 13px;
    padding-bottom: 11px;
}
.block-team .teammate .description .bio {
    padding-bottom: 12px;
}
.block-team .teammate .description .bio p {
    font-size: 13px;
    line-height: 20px;
    padding-bottom: 0;
}
.block-team .teammate .description .social {
    overflow: hidden;
}
.block-team .teammate .description .social li {
    display: block;
    float: left;
    margin-left: 3px;
}
.block-team .teammate .description .social li:first-child {
    margin-left: 0;
}
.block-team .teammates .slides > li {
    margin-right: 28px;
    width: 254px !important;
}
.block-team .teammates .flex-direction-nav a {
    border: 2px solid #d6d6d6;
    border-radius: 50%;
    color: #bcbcbc;
    display: block;
    font-size: 9px;
    height: 18px;
    line-height: 19px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: -56px;
    width: 18px;
}
.block-team .teammates .flex-direction-nav a.flex-prev {
    right: 24px;
}
.block-team .teammates .flex-direction-nav a.flex-next {
    right: 0;
}
.block-team .teammates .flex-direction-nav a.flex-prev:hover, .block-team .teammates .flex-direction-nav a.flex-next:hover {
    text-decoration: none;
}
.block-team .teammates .flex-viewport {
    overflow: visible !important;
}
.block-team .teammates .shadow-left {
    background-color: rgba(255, 255, 255, 0.55);
    bottom: 0;
    left: -1000%;
    position: absolute;
    right: 100%;
    top: 0;
}
.block-team .teammates .shadow-right {
    background-color: rgba(255, 255, 255, 0.55);
    bottom: 0;
    left: 100%;
    position: absolute;
    right: -1000%;
    top: 0;
}
#blog {
    background-color: #f9f9f9;
}
#blog .inside {
    padding: 87px 0 94px;
}
.block-blog {
    padding-top: 50px;
}
.block-blog .posts {
    margin-bottom: -28px;
    margin-left: -28px;
    min-height: 200px;
    position: relative;
}
.block-blog article {
    background: rgba(0, 0, 0, 0) url("images/tail_blog.png") no-repeat scroll left bottom;
    left: 0;
    margin-bottom: 28px;
    margin-left: 28px;
    padding-bottom: 5px;
    position: absolute;
    top: 0;
    width: 348px;
}
.block-blog article .content {
    background-color: #ffffff;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    padding: 8px 8px 21px;
}
.block-blog article .featured-content {
    margin-bottom: 8px;
}
.block-blog article .featured-content img {
    display: block;
    height: auto;
    width: 100%;
}
.block-blog article div.description {
    padding: 8px 6px 0;
}
.block-blog article .description h3 {
    color: #2d2d2d;
    font-weight: 600;
    line-height: 21px;
    padding-bottom: 10px;
}
.block-blog article .description h3 a {
    color: #2d2d2d;
    font-weight: 600;
}
.block-blog article .description h3 a:hover {
    text-decoration: none;
}
.block-blog article .description .info {
    color: #6a6969;
    font-size: 12px;
    padding-bottom: 10px;
}
.block-blog article .description .info span {
    margin: 0 9px;
}
.block-blog article .description .text {
}
.block-blog article .description .text p {
    line-height: 20px;
    padding-bottom: 16px;
}
.block-blog article .slider {
    overflow: hidden;
    position: relative;
}
.block-blog .slider .flexslider {
    overflow: hidden;
}
.block-blog .flex-direction-nav a {
    border: 3px solid #fff;
    border-radius: 50%;
    bottom: 18px;
    color: #fff;
    display: block;
    font-size: 12px;
    height: 24px;
    line-height: 22px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 24px;
    z-index: 5;
}
.block-blog .flex-direction-nav a.flex-prev {
    right: 53px;
}
.block-blog .flex-direction-nav a.flex-next {
    right: 18px;
}
.block-blog .flex-direction-nav a.flex-prev:hover, .block-blog .flex-direction-nav a.flex-next:hover {
    text-decoration: none;
}
.block-blog article.post-icon {
}
.block-blog article.post-icon .content {
    padding: 8px;
}
.block-blog article.post-icon a.description {
    background-color: #f4f4f4;
    display: block;
    padding: 17px 25px 16px 42px;
    position: relative;
}
.block-blog article.post-icon a.description .text {
    color: #2d2d2d;
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    padding-bottom: 8px;
}
.block-blog article.post-icon a.description .subtext {
    color: #747474;
    display: block;
    font-size: 13px;
    line-height: 20px;
}
.block-blog article.post-icon a.description .icon {
    color: #2d2d2d;
    font-size: 20px;
    height: 20px;
    left: 12px;
    line-height: 20px;
    position: absolute;
    top: 19px;
    width: 20px;
}
.block-blog article.post-icon a.description:hover {
    background-color: #2a3940;
    text-decoration: none;
}
.block-blog article.post-icon a.description:hover .text, .block-blog article.post-icon a.description:hover .icon {
    color: #e2e2e2;
}
.block-blog article.post-icon a.description:hover .subtext {
    color: #73858e;
}
.block-blog .control {
    margin: 0 auto;
    max-width: 346px;
    padding-top: 32px;
}
.block-audio {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.02);
    position: relative;
}
.block-audio .mejs-container .mejs-controls {
    background: #ffffff none repeat scroll 0 0;
    height: 30px;
}
.block-audio .mejs-controls div.mejs-time-rail {
    height: 7px;
    margin-top: 12px;
    padding-top: 0;
}
.block-audio .mejs-controls .mejs-time-rail .mejs-time-buffering {
    border-radius: 0;
    height: 5px;
}
.block-audio .mejs-controls .mejs-time-rail .mejs-time-total {
    background: #858585 none repeat scroll 0 0;
    border: 1px solid #4d4d4d;
    border-radius: 0;
    height: 5px;
    margin: 0;
}
.block-audio .mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #9e9e9e none repeat scroll 0 0;
    border-radius: 0;
    height: 5px;
    margin: 0;
}
.block-audio .mejs-controls .mejs-time-rail .mejs-time-current {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 0;
    height: 5px;
    margin: 0;
}
.block-audio .mejs-controls .mejs-button {
    height: 30px;
    width: 30px;
}
.block-audio .mejs-controls .mejs-button button {
    background-image: url("images/sprite_audio.png");
    height: 30px;
    margin: 0;
    outline: 0 none !important;
    width: 30px;
}
.block-audio .mejs-controls .mejs-play button {
    background-position: -30px top;
}
.block-audio .mejs-controls .mejs-play button:hover {
    background-position: -30px bottom;
}
.block-audio .mejs-controls .mejs-pause button {
    background-position: 0 top;
}
.block-audio .mejs-controls .mejs-pause button:hover {
    background-position: 0 bottom;
}
.block-audio .mejs-controls .mejs-mute button {
    background-position: -60px top;
}
.block-audio .mejs-controls .mejs-mute button:hover {
    background-position: -60px bottom;
}
.block-audio .mejs-controls .mejs-unmute button {
    background-position: -90px top;
}
.block-audio .mejs-controls .mejs-unmute button:hover {
    background-position: -90px bottom;
}
.block-audio .mejs-controls .mejs-horizontal-volume-slider {
    height: 30px;
    width: 46px;
}
.block-audio .mejs-controls .mejs-volume-button .mejs-volume-slider {
    width: 30px;
}
.block-audio .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
    left: 15px;
}
.block-audio .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
    left: 15px;
}
.block-audio .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
    left: 8px;
}
.block-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    background: #858585 none repeat scroll 0 0;
    border: 1px solid #4d4d4d;
    border-radius: 0;
    height: 5px;
    left: 0;
    top: 12px;
    width: 35px;
}
.block-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 0;
    height: 5px;
    left: 1px;
    top: 13px;
}
.block-audio .mejs-container .mejs-controls .mejs-time {
    color: #303030;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding: 0;
    position: relative;
}
.block-audio .mejs-container .mejs-controls .mejs-time span {
    color: #303030;
    display: block;
    float: none;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 30px;
    margin: 0;
}
.block-audio .mejs-container .mejs-controls .mejs-time.mejs-currenttime-container {
    text-align: left;
    width: 40px;
}
.block-audio .mejs-container .mejs-controls .mejs-time.mejs-currenttime-container span {
}
.block-audio .mejs-container .mejs-controls .mejs-time.mejs-duration-container {
    width: 0;
}
.block-audio .mejs-container .mejs-controls .mejs-time.mejs-duration-container span {
    padding-left: 18px;
}
#blog_post {
}
#blog_post .inside {
    padding: 130px 0 95px;
}
.block-blog-post .likes {
    background: rgba(0, 0, 0, 0) url("images/icon_like_3.png") no-repeat scroll 0 1px;
    color: #868686;
    float: right;
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    margin-left: 10px;
    margin-top: 15px;
    padding-left: 20px;
}
.block-blog-post .likes i {
    color: #bebebe;
    font-size: 14px;
    line-height: 14px;
}
.block-blog-post .title {
    overflow: hidden;
}
.block-blog-post .title h1 {
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 7px;
}
.block-blog-post .info {
    color: #6a6969;
    font-size: 11px;
    text-transform: uppercase;
}
.block-blog-post .info .author {
    font-weight: 600;
}
.block-blog-post .info .info-separator {
    margin: 0 7px;
}
.block-blog-post .image {
    margin-top: 25px;
    position: relative;
}
.block-blog-post .image img {
    display: block;
    height: auto;
    width: 100%;
}
.block-blog-post .image .pic-zoom {
    background-image: url("images/zoom.png");
    background-repeat: no-repeat;
    height: 27px;
    position: absolute;
    right: 8px;
    text-indent: -9000px;
    top: 8px;
    width: 27px;
}
.block-blog-post .image .pic-zoom:hover {
    background-position: left bottom;
}
.block-blog-post .video {
    margin-top: 25px;
    position: relative;
}
.block-blog-post .audio {
    margin-top: 25px;
    position: relative;
}
.block-blog-post article .slider {
    overflow: hidden;
    position: relative;
}
.block-blog-post .slider .flexslider {
    overflow: hidden;
}
.block-blog-post .flex-direction-nav a {
    border: 3px solid #fff;
    border-radius: 50%;
    bottom: 18px;
    color: #fff;
    display: block;
    font-size: 12px;
    height: 24px;
    line-height: 22px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 24px;
    z-index: 5;
}
.block-blog-post .flex-direction-nav a.flex-prev {
    right: 53px;
}
.block-blog-post .flex-direction-nav a.flex-next {
    right: 18px;
}
.block-blog-post .flex-direction-nav a.flex-prev:hover, .block-blog-post .flex-direction-nav a.flex-next:hover {
    text-decoration: none;
}
.block-blog-post .content {
    padding: 21px 0 27px;
}
.block-blog-post .content h2 {
    font-size: 16px;
}
.block-blog-post .content h3 {
    font-size: 14px;
    font-weight: 600;
}
.block-blog-post .content p {
    line-height: 20px;
}
.block-blog-post .content blockquote {
    background-color: #f7f7f7;
    color: #2a3940;
    display: block;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
    margin-bottom: 24px;
    padding: 8px 0 9px 20px;
}
.block-blog-post .content blockquote .author {
    color: #747474;
    display: block;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    padding-top: 6px;
}
.block-blog-post .share {
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
    height: 52px;
    margin-bottom: 45px;
}
.block-blog-post .share .text {
    color: #5e5e5e;
    float: left;
    font-size: 11px;
    font-weight: 600;
    height: 52px;
    line-height: 52px;
    text-transform: uppercase;
}
.block-blog-post .share .social {
    float: right;
    padding-top: 16px;
}
.block-blog-post .share .social li {
    display: block;
    float: left;
    margin-left: 3px;
}
.block-blog-post .share .social li:first-child {
    margin-left: 0;
}
.block-blog-post .about-author {
}
.block-blog-post .about-author .avatar {
    float: left;
    margin-right: 17px;
    padding-top: 3px;
}
.block-blog-post .about-author .avatar img {
    display: block;
}
.block-blog-post .about-author .description {
    overflow: hidden;
}
.block-blog-post .about-author .description h1 {
    font-size: 15px;
    font-weight: normal;
    line-height: 23px;
    padding-bottom: 7px;
}
.block-blog-post .about-author .description p {
    line-height: 20px;
    padding-bottom: 0;
}
.block-comments {
    padding-top: 52px;
}
.block-comments h2 {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 9px;
}
.block-comments .comment {
    padding-top: 15px;
}
.block-comments .comment:first-child {
    padding-top: 0;
}
.block-comments .comment article {
    border: 1px solid #ebebeb;
    border-radius: 2px;
    overflow: hidden;
    padding: 0 15px 13px;
}
.block-comments .comment .avatar {
    float: left;
    margin-right: 15px;
    padding-top: 17px;
}
.block-comments .comment .avatar img {
    display: block;
}
.block-comments .comment .content {
    overflow: hidden;
}
.block-comments .comment .control {
    float: right;
    padding-top: 17px;
}
.block-comments .comment .reply {
    background-color: #2a3940;
    border-radius: 2px;
    color: #ffffff;
    display: block;
    font-size: 10px;
    font-weight: 600;
    height: 22px;
    line-height: 22px;
    padding: 0 8px;
    text-transform: uppercase;
}
.block-comments .comment .reply:hover {
    text-decoration: none;
}
.block-comments .comment .name {
    color: #272727;
    font-weight: bold;
    line-height: 20px;
    padding: 11px 0 3px;
}
.block-comments .comment .name a {
    color: #272727;
    font-weight: bold;
}
.block-comments .comment .name a:hover {
    text-decoration: none;
}
.block-comments .comment .date {
    color: #747474;
    font-size: 12px;
    line-height: 20px;
    padding-bottom: 8px;
}
.block-comments .comment p {
    line-height: 20px;
    padding-bottom: 0;
}
.block-comments .sub-comments {
    background: rgba(0, 0, 0, 0) url("images/line_blog_comments.gif") no-repeat scroll 0 19px;
    border-left: 1px solid #eaeaea;
    margin-top: 15px;
    padding-left: 49px;
}
.block-leave-comment {
    padding-top: 52px;
}
.block-leave-comment h2 {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 15px;
}
.block-leave-comment h3 {
    color: #666666;
    font-size: 13px;
    font-weight: normal;
    padding-bottom: 33px;
}
.block-leave-comment .label {
    color: #404040;
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 10px;
}
.block-leave-comment .fields-wrapper {
    margin-bottom: 20px;
    margin-left: -23px;
    overflow: hidden;
}
.block-leave-comment .field-column {
    float: left;
    width: 33.333%;
}
.block-leave-comment .field-column .label {
    margin-left: 23px;
}
.block-leave-comment .field {
    border: 1px solid #dedede;
    border-radius: 2px;
    height: 31px;
    margin-left: 23px;
    overflow: hidden;
    padding: 0 10px;
}
.block-leave-comment .field input {
    background-color: transparent;
    border: 0 none;
    color: #858585;
    display: block;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding: 5px 0;
    width: 100%;
}
.block-leave-comment .textarea {
    border: 1px solid #dedede;
    border-radius: 2px;
    overflow: hidden;
    padding: 0 10px;
}
.block-leave-comment .textarea textarea {
    background-color: transparent;
    border: 0 none;
    color: #858585;
    display: block;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-size: 12px;
    height: 125px;
    overflow: auto;
    padding: 5px 0;
    width: 100%;
}
.block-leave-comment .button {
    padding-top: 25px;
}
#clients {
    border-top: 1px solid #fff;
}
#clients .inside {
    border-top: 1px solid #ebebeb;
    padding: 87px 0 74px;
}
.block-clients {
    overflow: hidden;
    padding-top: 30px;
}
.block-clients li {
    display: block;
    float: left;
    margin-right: 20px;
}
.block-clients li:last-child {
    margin-right: 0;
}
.block-clients li a {
    display: block;
    opacity: 0.3;
}
.block-clients li a:hover {
    opacity: 1;
}
.block-clients li img {
    display: block;
}
#shortcodes {
}
#shortcodes .inside {
    padding: 130px 0 95px;
}
.block-accordion {
    position: relative;
}
.block-accordion .button-outer {
    background-color: #f8f8f8;
    border: 1px solid #ebebeb;
    cursor: pointer;
    margin-top: 5px;
    padding-left: 10px;
    position: relative;
}
.block-accordion .button-outer.first {
    margin-top: 0;
}
.block-accordion .button-outer .button-inner {
    color: #2a3940;
    font-weight: 600;
    height: 35px;
    line-height: 35px;
    margin-right: 35px;
    overflow: hidden;
    text-transform: uppercase;
}
.block-accordion .button-outer .icon {
    cursor: pointer;
    font-size: 16px;
    line-height: 16px;
    position: absolute;
    right: 10px;
    top: 10px;
}
.block-accordion .button-outer .icon i.down {
    display: block;
}
.block-accordion .button-outer .icon i.up {
    display: none;
}
.block-accordion .button-outer.current .icon i.down {
    display: none;
}
.block-accordion .button-outer.current .icon i.up {
    display: block;
}
.block-accordion .accordion-content {
    background-color: #ffffff;
    border-bottom: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    padding: 13px 10px 14px;
    position: relative;
}
.block-accordion .accordion-content p {
    line-height: 20px;
    padding-bottom: 0;
}
.block-toggle {
    position: relative;
}
.block-toggle .button-outer {
    background-color: #f8f8f8;
    border: 1px solid #ebebeb;
    cursor: pointer;
    margin-top: 5px;
    padding-left: 10px;
    position: relative;
}
.block-toggle .button-outer.first {
    margin-top: 0;
}
.block-toggle .button-outer .button-inner {
    color: #2a3940;
    font-weight: 600;
    height: 35px;
    line-height: 35px;
    margin-right: 35px;
    overflow: hidden;
    text-transform: uppercase;
}
.block-toggle .button-outer .icon {
    cursor: pointer;
    font-size: 16px;
    line-height: 16px;
    position: absolute;
    right: 10px;
    top: 10px;
}
.block-toggle .button-outer .icon i.plus {
    display: block;
}
.block-toggle .button-outer .icon i.minus {
    display: none;
}
.block-toggle .button-outer.current .icon i.plus {
    display: none;
}
.block-toggle .button-outer.current .icon i.minus {
    display: block;
}
.block-toggle .toggle-content {
    background-color: #ffffff;
    border-bottom: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    padding: 13px 10px 16px;
    position: relative;
}
.block-toggle .toggle-content p {
    line-height: 20px;
    padding-bottom: 0;
}
.block-callout {
    background-color: #f7f7f7;
    overflow: hidden;
    padding: 19px 19px 17px;
}
.block-callout .text {
    float: left;
}
.block-callout .text h3 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 7px;
}
.block-callout .text p {
    line-height: 20px;
    padding-bottom: 0;
}
.block-callout .button {
    float: right;
    padding-top: 3px;
}
.block-alert-messages {
    margin-bottom: -13px;
    overflow: hidden;
}
.block-alert-messages .general-info-box {
    margin-bottom: 13px;
}
.block-tabs {
}
.block-tabs .tabs {
    height: 45px;
    margin-bottom: -1px;
    overflow: hidden;
    position: relative;
    z-index: 10;
}
.block-tabs .tabs li {
    display: block;
    float: left;
}
.block-tabs .tabs li a {
    border-top: 4px solid #ffffff;
    color: #2a3940;
    display: block;
    font-weight: bold;
    height: 41px;
    position: relative;
}
.block-tabs .tabs li:first-child a span {
    border-left: 1px solid #e8e8e8;
}
.block-tabs .tabs li a span {
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    cursor: pointer;
    display: block;
    height: 39px;
    line-height: 39px;
    padding: 0 15px;
}
.block-tabs .tabs li a:hover {
    background-color: #f8f8f8;
    text-decoration: none;
}
.block-tabs .tabs li a.current {
    background-color: #ffffff;
}
.block-tabs .tabs li a.current span {
    border-bottom: 0 none;
    border-top: 1px solid #ffffff;
}
.block-tabs .tab-content {
    background-color: #ffffff;
    border: 1px solid #e8e8e8;
    display: none;
    padding: 17px;
    position: relative;
}
.block-tabs .tab-content p {
    line-height: 20px;
    padding-bottom: 0;
}
.icons-demo i.fa {
    cursor: default;
    font-size: 20px;
    padding-bottom: 15px;
    text-align: center;
    transition: all 0.2s ease 0s;
    width: 30px;
}
.icons-demo i.fa:hover {
    opacity: 0.7;
}
.block-pricing-table {
}
.block-pricing-table .column {
    background-color: #ffffff;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    float: left;
    position: relative;
    width: 274px;
}
.block-pricing-table .column:first-child {
    border-left: 1px solid #e8e8e8;
}
.block-pricing-table .title {
    border-bottom: 1px solid #e8e8e8;
    color: #2a3940;
    font-size: 24px;
    font-weight: 600;
    height: 65px;
    line-height: 65px;
    text-align: center;
}
.block-pricing-table .price {
    border-bottom: 1px solid #e8e8e8;
    height: 81px;
    text-align: center;
}
.block-pricing-table .price .num {
    color: #333333;
    font-size: 37px;
    font-weight: 600;
    padding: 13px 0 0;
}
.block-pricing-table .price .num span {
    font-size: 21px;
}
.block-pricing-table .price .period {
    color: #989898;
    font-size: 12px;
}
.block-pricing-table .cell {
    border-bottom: 1px solid #e8e8e8;
    color: #6b6b6b;
    font-size: 12px;
    height: 37px;
    line-height: 37px;
    text-align: center;
}
.block-pricing-table .cell b {
    color: #545454;
}
.block-pricing-table .cell.alt {
    background-color: #fbfbfb;
}
.block-pricing-table .button {
    padding: 20px 0;
    text-align: center;
}
.block-pricing-table .general-button {
    font-size: 12px;
    height: 33px;
    line-height: 33px;
}
.block-pricing-table .special {
    border-left: 1px solid #e8e8e8;
    margin: -15px -10px;
    width: 292px;
    z-index: 2;
}
.block-pricing-table .special .title {
    color: #0093cf;
    height: 80px;
    line-height: 57px;
    position: relative;
}
.block-pricing-table .special .title span {
    color: #7d868a;
    display: block;
    font-size: 12px;
    font-weight: 600;
    left: 0;
    line-height: 20px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 44px;
}
.block-pricing-table .special .button {
    padding: 27px 0 28px;
}
.block-pricing-table .special .general-button {
    background-color: #0093cf;
}
.block-pricing-table .special .general-button:hover {
    background-color: #2a3940;
}
.block-pricing-table .expert .title {
    color: #71be3c;
}
.block-pricing-table .expert .general-button {
    background-color: #71be3c;
}
.block-pricing-table .expert .general-button:hover {
    background-color: #0093cf;
}
#contacts {
    position: relative;
}
#contacts .inside {
    position: relative;
}
#contacts .block-contacts-button #view_contacts {
    display: none;
}
#contacts .block-contacts-button #view_map {
    display: inline-block;
}
#contacts.map_only .block-contacts-button #view_contacts {
    display: inline-block;
}
#contacts.map_only .block-contacts-button #view_map {
    display: none;
}
#contacts.map_only .block-contacts {
    opacity: 0;
    z-index: 0;
}
#contacts.map_only .block-contacts .inner {
    display: none;
}
.block-contacts-button {
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 3;
}
.block-contacts {
    background: rgba(0, 0, 0, 0) url("images/bg_contacts.png") repeat scroll 0 0;
    padding: 128px 0 215px;
    position: relative;
    z-index: 2;
}
.block-contacts .column {
    float: left;
    width: 50%;
}
.block-contacts h2 {
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
    font-size: 21px;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 31px;
    padding-bottom: 6px;
}
.block-contacts h2 span {
    font-size: 17px;
    font-weight: normal;
    margin: 0 14px;
}
.block-contacts .info {
    margin-right: 18px;
}
.block-contacts .info i {
    font-size: 14px;
    line-height: 14px;
    margin-right: 3px;
    text-align: center;
    width: 1em;
}
.block-contacts .info h3 {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    padding-bottom: 18px;
}
.block-contacts .info p {
    color: #ffffff;
    font-size: 15px;
    line-height: 31px;
    padding-bottom: 0;
}
.block-contacts .info p a {
    font-size: 15px;
}
.block-contacts .info p a:hover {
    color: #ffffff;
    text-decoration: none;
}
.block-contacts .info p b {
    font-weight: 600;
}
.block-contacts .form {
    margin-left: 18px;
}
.block-contacts .form h2 {
    padding-bottom: 7px;
}
.block-contacts .form .label {
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.block-contacts .form .fields-wrapper {
    margin-bottom: 16px;
    margin-left: -20px;
    overflow: hidden;
}
.block-contacts .form .field-column {
    float: left;
    width: 50%;
}
.block-contacts .form .field-column .label {
    margin-left: 20px;
}
.block-contacts .form .field {
    background-color: #ffffff;
    border-radius: 2px;
    height: 33px;
    margin-left: 20px;
    overflow: hidden;
    padding: 0 10px;
}
.block-contacts .form .field input {
    background-color: transparent;
    border: 0 none;
    color: #808080;
    display: block;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-size: 13px;
    height: 18px;
    line-height: 18px;
    padding: 6px 0;
    width: 100%;
}
.block-contacts .form .textarea {
    background-color: #ffffff;
    border-radius: 2px;
    overflow: hidden;
    padding: 0 10px;
}
.block-contacts .form .textarea textarea {
    background-color: transparent;
    border: 0 none;
    color: #808080;
    display: block;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-size: 13px;
    height: 90px;
    overflow: auto;
    padding: 6px 0;
    width: 100%;
}
.block-contacts .form .button {
    padding-top: 20px;
}
.block-map {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.block-map #map {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
footer {
    background-color: #25292c;
}
footer .inner {
    position: relative;
}
.block-copyrights {
    color: #999;
    float: left;
    height: 50px;
    line-height: 50px;
}
.block-copyrights a {
    color: #fff;
}
.block-copyrights a:hover {
    color: #666666;
    text-decoration: none;
}
footer .social {
    float: right;
    padding-top: 10px;
}
footer .social li {
    display: block;
    float: left;
    margin-left: 3px;
}
footer .social li:first-child {
    margin-left: 0;
}
.loader {
    background: rgba(0, 0, 0, 0) url("images/loader.gif") no-repeat scroll center center;
    min-height: 100px;
    overflow: hidden;
}
.loader > * {
    opacity: 0;
}
.query-loader {
    opacity: 0;
}
#qLbar {
    top: 0 !important;
}
#qLpercentage {
    color: #444 !important;
    font-size: 36px !important;
    font-weight: normal !important;
    line-height: 36px !important;
    margin-top: -18px !important;
}
.general-button {
    border-radius: 2px;
    display: inline-block;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding: 0 14px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
.general-button:hover {
    text-decoration: none;
}
.general-button span {
    font-weight: normal;
}
input.general-button {
    border: 0 none;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0 8px 2px;
}
.general-button.black {
    background-color: rgba(42, 57, 64, 0.88);
    color: #ffffff;
}
.general-button.white {
    background-color: #ffffff;
    color: #2a3940;
}
.general-button.white:hover {
    background-color: #2a3940;
    color: #ffffff;
}
.general-button.green {
    background-color: rgba(113, 190, 60, 0.88);
    color: #ffffff;
}
.general-button.green:hover {
    background-color: #2a3940;
}
.general-button.red {
    background-color: rgba(255, 87, 68, 0.88);
    color: #ffffff;
}
.general-button.red:hover {
    background-color: #2a3940;
}
.general-button.navy {
    background-color: #2a3940;
    color: #ffffff;
    font-size: 10px;
    height: 27px;
    line-height: 26px;
    padding: 0 10px;
}
.general-button.grey {
    background-color: #9da5a8;
    color: #ffffff;
    display: block;
    padding: 0;
    text-align: center;
}
.general-button.big {
    color: #ffffff;
    font-size: 12px;
    height: 35px;
    line-height: 36px;
}
.general-button.big:hover {
    background-color: #2a3940;
}
.lnk-project {
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    text-decoration: none;
    width: 36px;
}
.pic {
    display: inline-block;
    line-height: 0;
    max-width: 100%;
}
.pic img {
    max-width: 100%;
}
.pic.alignleft {
    display: block;
    float: left;
    margin-right: 20px;
    margin-top: 5px;
}
.pic.alignright {
    display: block;
    float: right;
    margin-left: 20px;
    margin-top: 5px;
}
.general-info-box {
    border-radius: 2px;
    padding: 14px 17px 16px;
    position: relative;
}
.general-info-box p {
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 0;
}
.general-info-box p a {
    font-size: 13px;
    font-weight: bold;
}
.general-info-box .close {
    background-repeat: no-repeat;
    display: block;
    height: 9px;
    position: absolute;
    right: 14px;
    text-indent: -9000px;
    top: 17px;
    width: 9px;
}
.general-info-box .close:hover {
    background-position: left bottom;
}
.general-info-box.warning {
    background-color: #fbf9e5;
    border: 1px solid #f6e785;
}
.general-info-box.warning p {
    color: #c4aa00;
}
.general-info-box.warning a {
    color: #c4aa00;
}
.general-info-box.warning .close {
    background-image: url("images/icon_close_warning.gif");
}
.general-info-box.success {
    background-color: #e9f3d1;
    border: 1px solid #bfdd60;
}
.general-info-box.success p {
    color: #86b31d;
}
.general-info-box.success a {
    color: #86b31d;
}
.general-info-box.success .close {
    background-image: url("images/icon_close_success.gif");
}
.general-info-box.error {
    background-color: #ffe9e8;
    border: 1px solid #f0b2b1;
}
.general-info-box.error p {
    color: #d35d59;
}
.general-info-box.error a {
    color: #d35d59;
}
.general-info-box.error .close {
    background-image: url("images/icon_close_error.gif");
}
.general-info-box.info {
    background-color: #dbe9f4;
    border: 1px solid #9fc1de;
}
.general-info-box.info p {
    color: #4689c1;
}
.general-info-box.info a {
    color: #4689c1;
}
.general-info-box.info .close {
    background-image: url("images/icon_close_info.gif");
}
.table {
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    position: relative;
    width: 100%;
}
.table th {
    background: rgba(0, 0, 0, 0) linear-gradient(#ffffff, #f8f8f8 1px) repeat scroll 0 0;
    border-left: 1px solid #e6e6e6;
    color: #2a3940;
    font-size: 13px;
    font-weight: bold;
    height: 45px;
    padding-left: 15px;
    text-align: left;
    vertical-align: middle;
}
.table th:first-child {
    border-left: 0 none;
    border-radius: 2px 0 0;
}
.table th.last-cell {
    border-radius: 0 2px 0 0;
}
.table td {
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    line-height: 20px;
    padding: 9px 0 10px 14px;
    text-align: left;
    vertical-align: middle;
}
.table td:first-child {
    border-left: 0 none;
}
.table .last-row td:first-child {
    border-radius: 0 0 0 2px;
}
.table .last-row td.last-cell {
    border-radius: 0 0 2px;
}
.table .alt td {
    background-color: #fcfcfc;
}
.block-columns {
    margin-left: -20px;
    overflow: hidden;
}
.block-columns > div {
    float: left;
    min-height: 1px;
}
.block-columns .column-inner {
    margin-left: 20px;
}
.block-columns .full {
    width: 100%;
}
.block-columns .one-half {
    width: 50%;
}
.block-columns .one-third {
    width: 33.333%;
}
.block-columns .two-third {
    width: 66.666%;
}
.block-columns .one-fourth {
    width: 25%;
}
.block-columns .three-fourth {
    width: 75%;
}
.tooltip-1 {
    background-color: #515a5f;
    border-radius: 2px;
    color: #ffffff;
    font-size: 10px;
    font-weight: bold;
    height: 23px;
    line-height: 22px;
    padding: 0 15px;
    text-transform: uppercase;
}
.tooltip-1::after {
    background: rgba(0, 0, 0, 0) url("images/tail_tooltip_1.gif") no-repeat scroll 0 0;
    content: " ";
    display: block;
    height: 4px;
    left: 50%;
    margin-left: -3px;
    position: absolute;
    top: -4px;
    width: 7px;
}
.tooltip-2 {
    display: none;
    z-index: 10;
}
.tooltip-2 span {
    display: block;
}
.tooltip-2 .tooltip-inner {
    position: relative;
    width: 260px;
}
.tooltip-2 .tooltip-inner::after {
    background: rgba(0, 0, 0, 0) url("images/tail_tooltip_2.gif") no-repeat scroll 0 0;
    content: " ";
    display: block;
    height: 9px;
    left: 50%;
    margin-left: -6px;
    position: absolute;
    top: -6px;
    width: 13px;
}
.tooltip-2 .tooltip-title {
    background: rgba(0, 0, 0, 0) linear-gradient(#ffffff, #f8f8f8 1px) repeat scroll 0 0;
    border: 1px solid #dce2e6;
    border-radius: 2px 2px 0 0;
    color: #2a3940;
    font-size: 12px;
    font-weight: bold;
    height: 33px;
    line-height: 33px;
    padding: 0 10px;
}
.tooltip-2 .tooltip-content {
    background-color: #ffffff;
    border-bottom: 1px solid #dce2e6;
    border-left: 1px solid #dce2e6;
    border-radius: 0 0 2px 2px;
    border-right: 1px solid #dce2e6;
    color: #666666;
    font-size: 12px;
    line-height: 20px;
    padding: 9px 10px 11px;
}
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope, .isotope .isotope-item {
    transition-duration: 0.8s;
}
.isotope {
    transition-property: height, width;
}
.isotope .isotope-item {
    transition-property: transform, opacity;
}
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
    transition-duration: 0s;
}
.pp_phoenix img {
    display: block;
}
.pp_phoenix a.pp_close {
    background-color: #121212;
    background-image: url("images/pp_close.gif");
    background-repeat: no-repeat;
    border-radius: 2px;
    height: 27px;
    right: 9px;
    top: 9px;
    width: 27px;
    z-index: 5;
}
.pp_phoenix a.pp_close:hover {
    background-color: #ffffff;
    background-position: left bottom;
}
.pp_phoenix .pp_content_container .pp_fade {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.54);
}
.pp_phoenix a.pp_previous {
    background-color: #2a3940;
    background-image: url("images/arrow_project.png");
    background-position: left top;
    background-repeat: no-repeat;
    border-radius: 2px;
    display: block;
    height: 39px;
    left: 20px;
    margin-top: -20px;
    position: absolute;
    text-indent: -9000px;
    top: 50%;
    width: 39px;
    z-index: 5;
}
.pp_phoenix a.pp_previous:hover {
    background-color: #ffffff;
    background-position: left bottom;
}
.pp_phoenix a.pp_next {
    background-color: #2a3940;
    background-image: url("images/arrow_project.png");
    background-position: right top;
    background-repeat: no-repeat;
    border-radius: 2px;
    display: block;
    height: 39px;
    margin-top: -20px;
    position: absolute;
    right: 20px;
    text-indent: -9000px;
    top: 50%;
    width: 39px;
    z-index: 5;
}
.pp_phoenix a.pp_next:hover {
    background-color: #ffffff;
    background-position: right bottom;
}
.pp_phoenix .pp_hoverContainer {
    z-index: 5;
}
.pp_phoenix .pp_content_container .pp_left {
    padding: 0;
}
.pp_phoenix .pp_content_container .pp_right {
    padding: 0;
}
.pp_phoenix .pp_expand {
    display: none !important;
}
.touch-device .scroll-animated-item {
    animation-name: none;
}
.touch-device .block-project-item .slider .flex-direction-nav a.flex-prev {
    left: 16px;
}
.touch-device .block-project-item .slider .flex-direction-nav a.flex-next {
    right: 16px;
}
.touch-device #parallax_1 {
    background: rgba(0, 0, 0, 0) url("../images/parallax/1920x1080.png") no-repeat scroll center center;
}
.touch-device #parallax_2 {
    background: rgba(0, 0, 0, 0) url("../images/parallax/1600x900.png") no-repeat scroll center center;
}
.touch-device #parallax_3 {
    background: rgba(0, 0, 0, 0) url("../images/parallax/1920x1080.png") no-repeat scroll center center;
}
.touch-device #parallax_4 {
    background: rgba(0, 0, 0, 0) url("../images/parallax/1600x900.png") no-repeat scroll center center;
}