/* ---------------------------------------------------------------------- */
/*	Reset & Clearfix (http://meyerweb.com/eric/tools/css/reset/)
/* ---------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, and, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea, select {
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: none;
    }

del {
    text-decoration: line-through;
}

hr {
    background: transparent;
    border: 0;
    clear: both;
    color: transparent;
    height: 1px;
    margin: 0;
    padding: 0;
}

mark {
    background-color: #ffffb3;
    font-style: italic;
}

input, select {
    vertical-align: middle;
}

ins {
    background-color: red;
    color: white;
    text-decoration: none;
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Clearfix */
.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}

* html .clearfix, :first-child + html .clearfix {
    zoom: 1;
}

/* Some basic settings */
h1, h1 .button {
    font-size: 32px;
}

h2, h2 .button {
    font-size: 28px;
}

h3, h3 .button {
    font-size: 17px;
}

h4, h4 .button {
    font-size: 15px;
}

h5, h5 .button {
    font-size: 14px;
}

h6, h6 .button {
    font-size: 12px;
}

    h1.header-inline, h2.header-inline, h3.header-inline, h4.header-inline, h5.header-inline, h6.header-inline {
        display: inline-block;
    }

small {
    font-size: 10px;
}

ol {
    list-style: decimal;
}

ul {
    list-style: disc;
}

li {
    margin-left: 30px;
}

.arrow li.download-row {
    padding-bottom: 12px;
}

img {
    margin-bottom: 5px;
}

dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, blockquote, article, p {
    margin-bottom: 20px;
}

/* ---------------------------------------------------------------------- */
/*	Basic Elements & Classes
/* ---------------------------------------------------------------------- */

body {
    background: #fff;
    border-top: 6px solid #ffffff;
    color: #909090;
    font: 13px/1.7 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
}

::-moz-selection {
    background: #00adef;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #00adef;
    color: #fff;
    text-shadow: none;
}

h1, h2, h3, h4, h5, h6 {
    color: #474747;
    font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-weight: 400;
    line-height: 1.25;
    margin-bottom: 15px;
}

h3, h4, h5 {
    font-weight: 600;
}

a, a > * {
    color: #00adef;
    text-decoration: none;
    -webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}

    a:hover, a > *:hover {
        color: #00b9ff;
    }

hr {
    background: #efefef;
    color: #efefef;
    margin: 5px 0 25px;
}

    hr.dotted {
        border-style: dotted;
    }

p + hr {
    margin: 25px 0 20px;
}

blockquote {
    background: #f8f8f8 url(../img/quote.png) no-repeat 17px 21px;
    font: italic 15px/1.6 'PT Serif', Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
    padding: 20px 20px 20px 55px;
}

    blockquote.simple {
        background: none;
        border-left: 2px solid #ddd;
        color: #bbb;
        font-size: 13px;
        margin: 0;
        padding: 0 0 0 10px;
    }

    blockquote p:last-of-type {
        margin-bottom: 0;
    }

    blockquote small {
        font-size: 12px;
    }

.button.pbutton
{
    width: 250px;
    text-align: right;
}

.button, input[type="submit"], input[type="reset"], button {
    background: #00adef;
    border: none;
    color: #fff;
    cursor: pointer;
    font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-weight: 400;
    height: auto;
    overflow: visible;
    padding: 7px 20px;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -ms-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease;
    width: auto;
}

    .button > * {
        color: #fff;
    }

    .button.orange:hover, .button:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover {
        background: #3a3a3a;
        color: #fff;
    }

.button {
    font-size: 12px;
    display: inline-block;
    padding: 5px 16px;
}

    .button.orange {
        background-color: #f35a20;
    }

    .button.medium {
        font-size: 13px;
    }

    .button.large {
        font-size: 15px;
    }

    .button.no-bg {
        background: none;
        color: #3a3a3a;
        padding: 0;
    }

        .button.no-bg:hover, #footer .button.no-bg:hover {
            background: none;
            color: #00adef;
        }

    .button .icon, .button .arrow {
        color: transparent;
        cursor: pointer;
        display: inline-block;
        font: 0/0 a;
        height: 19px;
        margin: -3px 0 0 3px;
        text-shadow: none;
        vertical-align: middle;
        width: 19px;
    }

.ie7 .button .icon, .ie7 .button .arrow {
    display: inline;
}

.button .arrow {
    background: #ddd url(../img/button-arrows.png) no-repeat 0 0;
}

    .button .icon.left, .button .arrow.left {
        margin-left: 0;
        margin-right: 3px;
    }

    .button .arrow.left {
        background-position: 0 -19px;
    }

.button:hover .arrow {
    background-color: #00adef;
}

.dropcap {
    background: #eaeaea;
    color: #777;
    display: inline-block;
    float: left;
    font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-size: 23px;
    font-weight: 600;
    height: 36px;
    line-height: 36px;
    margin: 0 7px 0 0;
    text-align: center;
    width: 36px;
}

    .dropcap.dark {
        background: #3a3a3a;
        color: #fff;
    }

.infobox {
    background: #fbfbfb;
    border: 1px solid #efefef;
    margin: 0 0 20px;
    padding: 25px;
}

.single-image, .image-gallery, .iframe {
    cursor: pointer;
    display: block;
    margin-bottom: 5px;
    overflow: hidden;
    position: relative;
}

    .single-image.none, .image-gallery.none, .iframe.none,
    .single-image.none img, .image-gallery.none img, .iframe.none img {
        display: inline;
        margin-bottom: 0;
        overflow: visible;
    }

    .single-image.align-left, .image-gallery.align-left, .iframe.align-left {
        margin-bottom: 15px;
        margin-right: 15px;
    }

    .single-image.align-right, .image-gallery.align-right, .iframe.align-right {
        margin-bottom: 15px;
        margin-left: 15px;
    }

    .single-image img, .image-gallery img, .iframe img {
        margin-bottom: -5px;
    }

    .single-image .zoom, .image-gallery .zoom, .iframe .zoom {
        background: rgb(255, 255, 255);
        background: rgba(255, 255, 255, 0.4);
        color: transparent;
        display: block;
        font: 0/0 a;
        height: 100%;
        left: 0;
        filter: alpha(opacity=0);
        opacity: 0;
        position: absolute;
        text-shadow: none;
        top: 0;
        -webkit-transition: opacity .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out;
        -ms-transition: opacity .2s ease-in-out;
        -o-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out;
        width: 100%;
    }

        .single-image .zoom:before, .image-gallery .zoom:before, .iframe .zoom:before {
            background: url(../img/zoom.png) no-repeat;
            content: '';
            display: block;
            position: absolute;
            height: 58px;
            margin: -29px 0 0 -29px;
            left: 50%;
            top: 50%;
            width: 58px;
        }

    .single-image.video .zoom:before, .image-gallery.video .zoom:before, .iframe.video .zoom:before {
        background-image: url(../img/zoom-video.png);
    }

    .single-image.link .zoom:before, .image-gallery.link .zoom:before, .iframe.link .zoom:before {
        background-image: url(../img/zoom-link.png);
    }

    .single-image:hover .zoom, .image-gallery:hover .zoom, .iframe:hover .zoom {
        filter: alpha(opacity=40);
        opacity: 1;
    }

/* ---------------------------------------------------------------------- */
/*	Generic Classes
/* ---------------------------------------------------------------------- */

.hidden {
    display: none;
}

.disabled {
    cursor: auto;
}

.screenreader {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px); /* Fallback for old IE */
    position: absolute;
}

.align-center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.align-left {
    float: left;
}

img.align-left {
    margin-bottom: 15px;
    margin-right: 15px;
}

.align-right {
    float: right;
}

img.align-right {
    margin-bottom: 15px;
    margin-left: 15px;
}

/* ---------------------------------------------------------------------- */
/*	Lists
/* ---------------------------------------------------------------------- */

ul.none {
    list-style: none;
    margin: 0;
}

ul.dotted + ul.dotted:before {
    content: '';
    display: block;
    clear: both;
    border-bottom: 1px dotted #bdbdbd;
    margin: -15px 0 5px;
}

.arrow li, .arrow-2 li, .circle li, .check li, .check-2 li, .star li, .plus li, .dash li {
    list-style: none;
    margin: 0;
    padding: 0 0 0 24px;
}

.arrow li {
    background: url(../img/list-arrow.png) no-repeat 5px 5px;
}

.arrow-2 li {
    background: url(../img/list-arrow-2.png) no-repeat 2px 4px;
}

.circle li {
    background: url(../img/list-circle.png) no-repeat 4px 5px;
}

.check li {
    background: url(../img/list-check.png) no-repeat 3px 4px;
}

.check-2 li {
    background: url(../img/list-check-2.png) no-repeat 0 4px;
}

.star li {
    background: url(../img/list-star.png) no-repeat 0 1px;
}

.plus li {
    background: url(../img/list-plus.png) no-repeat 3px 3px;
}

.dash li {
    background: url(../img/list-dash.png) no-repeat 3px 8px;
}

/* ---------------------------------------------------------------------- */
/*	Alert Boxes
/* ---------------------------------------------------------------------- */

.error, .success, .info, .notice {
    display: block;
    padding: 10px 20px 10px 44px;
}

div.error ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

div.validation-summary-valid {
    display: none;
}

.error {
    background: #f9e5e6 url(../img/icon-box-error.png) no-repeat 10px 9px;
    border: 1px solid #f7c7c9;
    border-left-width: 4px;
    color: #b3696c;
}

.success {
    background: #e3ebc6 url(../img/icon-box-success.png) no-repeat 12px 8px;
    border: 1px solid #c2d288;
    border-left-width: 4px;
    color: #8fa442;
}

.info {
    background: #d8ecf5 url(../img/icon-box-info.png) no-repeat 10px 8px;
    border: 1px solid #9ac9df;
    border-left-width: 4px;
    color: #528da9;
}

.notice {
    background: #fcf7d9 url(../img/icon-box-notice.png) no-repeat 10px 9px;
    border: 1px solid #f5dc7d;
    border-left-width: 4px;
    color: #c4a21b;
}

/* ---------------------------------------------------------------------- */
/*	Forms
/* ---------------------------------------------------------------------- */

label {
    cursor: pointer;
    display: block;
    font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    margin: 0 0 5px;
}

input, textarea, select {
    -webkit-appearance: none; /* Fix for Mobile Safari */
    background-color: #f8f8f8;
    border: 1px solid #e8e8e8;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #8f8f8f;
    font: 12px/1.5 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    padding: 5px 10px;
    border-radius: 0;
}

input, select {
    height: 30px;
    width: 200px;
}

textarea {
    padding: 10px;
    resize: both;
}

    input:hover, textarea:hover, select:hover {
        border-color: #dedede;
    }

    input:focus, textarea:focus, select:focus {
        border-color: #ccc;
    }

input[type="submit"], input[type="reset"], button {
    font-size: 13px;
    text-transform: uppercase;
}

    input[type="submit"].medium, input[type="reset"].medium, button.medium {
        font-size: 15px;
    }

    input[type="submit"].large, input[type="reset"].large, button.large {
        font-size: 17px;
    }

select, option {
    cursor: pointer;
    padding: 5px 7px;
}

input[type="checkbox"], input[type="radio"],
.contact-form input[type="checkbox"], .contact-form input[type="radio"] {
    width: 20px;
}

/* Fix for Mobile Safari */
input[type="checkbox"] {
    -webkit-appearance: checkbox;
}

input[type="radio"] {
    -webkit-appearance: radio;
}

/* Chrome, Safari */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #b0b0b0;
}

/* Firefox */
input:-moz-placeholder, textarea:-moz-placeholder {
    color: #b0b0b0;
}

/* jQuery fallback */
input.placeholder, textarea.placeholder {
    color: #b0b0b0;
}

/* ---------------------------------------------------------------------- */
/*	Wrap
/* ---------------------------------------------------------------------- */

.container {
    margin: 0 auto;
    position: relative;
    width: 940px;
}

/* -------------------------------------------------- */
/*	Columns
	/* -------------------------------------------------- */

.one-half, .one-third, .two-third, .one-fourth, .three-fourth {
    float: left;
    margin-right: 20px;
}

    .one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .three-fourth.last {
        margin-right: 0px;
    }

.one-half {
    width: 460px;
}

.one-third {
    width: 300px;
}

.two-third {
    width: 620px;
}

.one-fourth {
    width: 220px;
}

.three-fourth {
    width: 700px;
}

/* ---------------------------------------------------------------------- */
/*	Header
/* ---------------------------------------------------------------------- */

#header {
    border-bottom: 1px solid #efefef;
    height: 86px;
    z-index: 97;
}

#logo {
    float: left;
    height: 86px;
}

/* -------------------------------------------------- */
/*	Main Navigation
	/* -------------------------------------------------- */

#main-nav {
    float: right;
}

    #main-nav > ul {
        margin: -6px 0 0;
    }

    #main-nav li {
        list-style: none;
        float: left;
        margin: 0;
        position: relative;
    }

    #main-nav a {
        border-bottom: 1px solid transparent;
        border-top: 6px solid transparent;
        color: #3a3a3a;
        font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
        font-size: 12px;
        font-weight: 800;
        display: block;
        letter-spacing: -0.08px;
        padding: 13px 15px 13px;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        z-index: 98;
    }

.ie7 #main-nav a {
    padding: 33px 20px;
}

#main-nav a:after {
    color: #aeaeae;
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
    display: block;
    line-height: 0;
    margin: 3px 0 -3px;
    text-align: center;
    text-transform: lowercase;
}

#main-nav a:hover, #main-nav .hover > a, #main-nav .current > a {
    border-top-color: #00adef;
    color: #00adef;
}

#main-nav a:hover, #main-nav .hover > a {
    background: #f8f8f8;
}

/* Dropdown */

.no-js #main-nav li:hover > ul {
    display: block;
    top: 52px;
}

#main-nav ul ul {
    background: #3a3a3a;
    -webkit-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
    box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
    display: none;
    left: 0;
    padding: 0;
    position: absolute;
    top: 52px;
    width: 200px;
    z-index: 99;
}

    #main-nav ul ul li {
        float: none;
    }

    #main-nav ul ul a {
        border: 0;
        color: #fff;
        display: block;
        font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
        font-size: 13px;
        letter-spacing: 0;
        font-weight: 400;
        padding: 8px 20px !important;
        text-align: left;
        text-transform: none;
    }

        #main-nav ul ul a:hover, #main-nav ul ul .hover > a, #main-nav ul ul .current > a, #main-nav ul ul .current > a:hover {
            background: #00adef;
            color: #fff;
        }

.not-ie #main-nav ul ul .current:after {
    display: none;
}

/* Sub Dropdown */

#main-nav ul ul ul {
    left: 200px !important;
    top: 0 !important;
}

/* Responsive Nav */

#main-nav .responsive-nav {
    background-image: url(../img/responsive-nav-bg.png);
    background-position: center right;
    background-repeat: no-repeat;
    display: none;
    width: 100%;
}

/* ---------------------------------------------------------------------- */
/*	Content
/* ---------------------------------------------------------------------- */

#content {
    padding-top: 40px;
}

.ie7 #content {
    padding-top: 25px;
}

/* -------------------------------------------------- */
/*	Page Header
	/* -------------------------------------------------- */

.page-header {
    border-bottom: 1px solid #efefef;
    margin: -15px 0 40px;
}

.ie7 .page-header {
    margin-top: 0;
}

.slogan, .page-title, .page-description, .page-subdescription, .project-title {
    font-weight: 300;
    letter-spacing: -0.1px;
    margin-bottom: 0;
}

.page-title, .page-description, .page-subdescription, .project-title {
    font-size: 28px;
    margin-top: -10px;
    padding: 0 0 35px;
}

.slogan {
    font-size: 24px;
    margin-bottom: 40px;
}

.page-title {
    margin-top: 0;
}

.page-subdescription {
    font-size: 20px;
}

.project-title {
    margin-top: -15px;
    padding-bottom: 30px;
}

.page-description {
    font-size: 32px;
    font-weight: 400;
    padding: 0 0 40px;
}

    .page-title ~ hr, .page-description ~ hr, .page-subdescription ~ hr, .project-title ~ hr {
        margin-bottom: 40px;
        margin-top: 0;
    }

.section-title {
    font-weight: 800;
    text-transform: uppercase;
}

/* -------------------------------------------------- */
/*	Main
	/* -------------------------------------------------- */

#main {
    float: left;
    margin: 0 40px 0 0;
    width: 680px;
}

.sidebar-left #main {
    float: right;
    margin-left: 40px;
    margin-right: 0;
}

/* ---------------------------------------- */
/*	Columns
		/* ---------------------------------------- */

#main .one-half {
    width: 330px;
}

#main .one-third {
    width: 213px;
}

#main .two-third {
    width: 447px;
}

#main .one-fourth {
    width: 155px;
}

#main .three-fourth {
    width: 505px;
}

/* -------------------------------------------------- */
/*	Image Gallery Slider
	/* -------------------------------------------------- */

.image-gallery-slider {
    position: relative;
    margin: 0 0 25px;
}

    .image-gallery-slider > ul {
        margin: 0;
    }

        .image-gallery-slider > ul > li {
            background: #fff;
            display: none;
            list-style: none;
            margin: 0;
        }

    .no-js .image-gallery-slider > ul > li, .image-gallery-slider.disabled > ul > li {
        display: block;
        margin-bottom: 25px;
    }

    .image-gallery-slider > ul > li:first-child {
        display: block;
    }

    .image-gallery-slider a {
        margin: 0 auto;
    }

    .image-gallery-slider img, .image-gallery-slider img.entry-image {
        display: block;
        margin: 0 auto;
        max-width: 100%;
    }

.image-gallery-slider-nav {
}

    .image-gallery-slider-nav a {
        background: rgb(0, 173, 239) url(../img/slider-arrows-medium.png) no-repeat 0 0; /* Fallback for old IE */
        filter: alpha(opacity=60); /* Fallback for old IE */
        background: rgba(0, 173, 239, 0.6) url(../img/slider-arrows-medium.png) no-repeat 0 0;
        color: transparent;
        cursor: pointer;
        display: block;
        font: 0/0 a;
        height: 53px;
        margin: -26.5px 0 0;
        position: absolute;
        text-shadow: none;
        top: 50%;
        width: 25px;
        z-index: 90;
    }

        .image-gallery-slider-nav a.prev {
            background-position: -7px center;
            left: 0;
        }

        .image-gallery-slider-nav a.next {
            background-position: -46px center;
            right: 0;
        }

        .image-gallery-slider-nav a:hover, .image-gallery-slider-nav a:active {
            background-color: rgb(0, 173, 239);
            background-color: rgba(0, 173, 239, 1);
            filter: alpha(opacity=100); /* Fallback for old IE */
        }

/* -------------------------------------------------- */
/*	Widgets
	/* -------------------------------------------------- */

/* ---------------------------------------- */
/*	Accordion Content
		/* ---------------------------------------- */

.acc-trigger {
    border-top: 1px dotted #ced8df;
    cursor: pointer;
    display: block;
    margin: 0;
}

    .acc-trigger:last-of-type, .acc-container:last-of-type {
        border-bottom: 1px dotted #ced8df;
        margin-bottom: 20px;
    }

.no-js .acc-trigger:last-of-type {
    border-bottom: none;
}

.acc-trigger a {
    background: url(../img/accordion-content-buttons.png) no-repeat 20px 23px;
    display: block;
    color: #959393;
    outline: medium none;
    padding: 25px 20px 25px 55px;
    text-decoration: none;
    text-shadow: none;
}

h3.acc-trigger a, h4.acc-trigger a {
    background-position: 20px 24px;
}

h6.acc-trigger a {
    background-position: 20px 21px;
}

.acc-trigger a:hover {
    background-color: #f8f8f8;
}

.acc-trigger a:hover, .acc-trigger.active a, .acc-trigger.active a:hover {
    color: #00adef;
}

    .acc-trigger.active a:hover {
        background-color: transparent;
    }

.acc-trigger.active {
    cursor: default;
}

    .acc-trigger.active:last-of-type {
        border-bottom: none;
        margin-bottom: 0;
    }

    .acc-trigger.active a {
        background-position: 20px -88px;
        cursor: default;
    }

h3.acc-trigger.active a, h4.acc-trigger.active a {
    background-position: 20px -87px;
}

h6.acc-trigger.active a {
    background-position: 20px -90px;
}

.acc-container .content {
    padding: 0 20px 25px 55px;
}

.js .acc-container {
    margin-top: -15px;
}

/* ---------------------------------------- */
/*	Content Tabs
		/* ---------------------------------------- */

.tabs-nav {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

    .tabs-nav li {
        float: left;
        line-height: 32px;
        margin: 0;
        overflow: hidden;
        padding: 0;
        position: relative;
    }

        .tabs-nav li.active {
            line-height: 31px;
        }

        .tabs-nav li a {
            background: #f8f8f8;
            border: 1px solid #eaeaea;
            border-bottom: 1px solid #eaeaea;
            border-left: none;
            color: #959393;
            display: block;
            letter-spacing: 0;
            outline: none;
            padding: 0 16px;
            text-decoration: none;
            text-shadow: 0 1px 0 #fff;
        }

        .tabs-nav li:first-child a {
            border-left: 1px solid #eaeaea;
        }

        .tabs-nav li a:hover {
            background: #f0f0f0;
        }

        .tabs-nav li a:hover, .tabs-nav li.active a {
            color: #00adef;
        }

        .tabs-nav li.active a {
            background: #fff;
            border-bottom: 2px solid #fff;
            border-top: 1px solid #00adef;
        }

.tabs-container {
    border: 1px solid #eaeaea;
    margin: -1px 0 20px;
    overflow: hidden;
    width: 100%;
}

.tab-content {
    padding: 20px;
}

/* -------------------------------------------------- */
/*	Pricing Tables
	/* -------------------------------------------------- */

.simple-pricing-table, .extended-pricing-table {
    height: 100%;
    margin: 0 0 40px;
    position: relative;
    text-align: center;
    width: 100%;
}

    .simple-pricing-table .column, .extended-pricing-table .column {
        float: left;
        margin: 0;
        padding: 0;
        position: relative;
    }

    .simple-pricing-table .features, .extended-pricing-table .features {
        list-style: none;
        margin: 0;
    }

        .simple-pricing-table .features li, .extended-pricing-table .features li {
            display: block;
            margin: 0;
            position: relative;
        }

    .simple-pricing-table .footer, .extended-pricing-table .footer {
        padding: 16px 20px;
    }

        .simple-pricing-table .footer .button, .extended-pricing-table .footer .button {
            background: #515151;
            font-size: 14px;
            font-weight: 600;
            text-transform: uppercase;
            padding: 9px 20px;
        }

    /* ---------------------------------------- */
    /*	Simple Pricing Table
		/* ---------------------------------------- */

    .simple-pricing-table.featured {
        margin-top: 50px;
    }

    .simple-pricing-table .column {
        background: #f6f6f6;
        border-bottom: 1px solid #ededed;
        border-left: 1px solid #fff;
        border-top: 1px solid #ededed;
        width: 938px;
    }

        .simple-pricing-table .column:first-child {
            border-left-color: #ededed;
        }

        .simple-pricing-table .column:last-child {
            border-right: 1px solid #ededed;
        }

    .simple-pricing-table.col2 .column {
        width: 468px;
    }

    .simple-pricing-table.col3 .column {
        width: 312px;
    }

    .simple-pricing-table.col4 .column {
        width: 233px;
    }

    .simple-pricing-table.col5 .column {
        width: 186px;
    }

    .simple-pricing-table .column.featured {
        background: #fff;
        border: 1px solid #ebebeb;
        -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
        -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
        box-shadow: 0 0 20px rgba(0, 0, 0, .15);
        margin: -20px -1px 0;
        padding: 20px 5px 15px;
        z-index: 1;
        width: 928px;
    }

    .simple-pricing-table.col2.featured .column {
        width: 450px;
    }

    .simple-pricing-table.col3.featured .column {
        width: 299px;
    }

    .simple-pricing-table.col4.featured .column {
        width: 224px;
    }

    .simple-pricing-table.col5.featured .column {
        width: 179px;
    }

    .simple-pricing-table.col2 .column.featured {
        width: 478px;
    }

    .simple-pricing-table.col3 .column.featured {
        width: 329px;
    }

    .simple-pricing-table.col4 .column.featured {
        width: 254px;
    }

    .simple-pricing-table.col5 .column.featured {
        width: 209px;
    }

    .simple-pricing-table .header {
        padding: 15px 20px 20px;
    }

    .simple-pricing-table .featured .header {
        margin: -15px 0 0;
    }

    .simple-pricing-table .title {
        color: #414141;
        font-size: 24px;
        font-weight: 700;
        letter-spacing: -0.8px;
        margin: 0 0 5px;
    }

    .simple-pricing-table .price {
        color: #777;
        font-size: 18px;
        font-weight: 300;
        margin: 0 0 7px;
    }

        .simple-pricing-table .price span {
            color: #292929;
            font-weight: 700;
        }

    .simple-pricing-table .free .price span {
        color: #4a993e;
    }

    .simple-pricing-table .featured .price span {
        color: #00adef;
    }

    .simple-pricing-table .description {
        color: #4b4b4b;
        font-size: 14px;
        margin: 0;
        font-weight: 400;
    }

    .simple-pricing-table .free .description {
        color: #44af33;
    }

    .simple-pricing-table .featured .description {
        color: #e38c11;
    }

    .simple-pricing-table .title + .description {
        margin-bottom: 5px;
        margin-top: 12px;
    }

    .simple-pricing-table .features {
        padding: 0 10px;
    }

        .simple-pricing-table .features li {
            border-top: 1px solid #ebebeb;
            padding: 5px 10px;
        }

    .simple-pricing-table .footer {
        background: #e5e5e5;
        margin: 1px 0 0;
    }

    .simple-pricing-table .featured .footer {
        background: #fff;
        margin-top: 11px;
    }

        .simple-pricing-table .featured .footer .button {
            background: #00adef;
            font-size: 18px;
            padding: 11px 27px;
        }

    .simple-pricing-table .free .footer .button {
        background: #4a993e;
    }

    .simple-pricing-table .footer .button:hover {
        background: #00adef;
    }

    .simple-pricing-table .free .footer .button:hover,
    .simple-pricing-table .featured .footer .button:hover {
        background: #515151;
    }

    /* ---------------------------------------- */
    /*	Extended Pricing Table
		/* ---------------------------------------- */

    .extended-pricing-table.featured {
        margin-top: 40px;
    }

    .extended-pricing-table .column {
        width: 740px;
    }

    .extended-pricing-table .features-list {
        text-align: left;
        width: 200px !important;
    }

    .extended-pricing-table.col2 .column {
        width: 370px;
    }

    .extended-pricing-table.col3 .column {
        width: 246px;
    }

    .extended-pricing-table.col4 .column {
        width: 185px;
    }

    .extended-pricing-table.col5 .column {
        width: 148px;
    }

    .extended-pricing-table .featured {
        -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
        -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
        box-shadow: 0 0 20px rgba(0, 0, 0, .15);
        z-index: 1;
    }

    .extended-pricing-table .header {
        background: #3a3a3a;
        color: #fff;
        min-height: 110px;
    }

    .extended-pricing-table .features-list .header {
        background: none;
    }

    .extended-pricing-table .free .header {
        background: #4a993e;
    }

    .extended-pricing-table .featured .header {
        background: #f9612a;
        padding: 0 0 10px;
    }

.ie7 .extended-pricing-table .featured .header {
    padding-bottom: 0;
}

.extended-pricing-table .title {
    background: #2c2c2c;
    color: #bbbbbb;
    font-size: 13px;
    font-weight: 400;
    margin: 0 0 7px;
    padding: 8px 15px;
    text-transform: uppercase;
}

.extended-pricing-table .free .title {
    background: #428937;
    color: #fff;
}

.extended-pricing-table .featured .title {
    background: #dd4913;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    margin-top: -10px;
    padding-bottom: 11px;
    padding-top: 10px;
    position: relative;
}

.extended-pricing-table .price {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
}

.extended-pricing-table .free .price {
    color: #9fcd98;
}

.extended-pricing-table .featured .price {
    color: #fab197;
}

.extended-pricing-table .price span {
    color: #fff;
    font-size: 30px;
    display: block;
}

.extended-pricing-table .featured .price span {
    font-weight: 600;
}

.extended-pricing-table .features {
    border-left: 1px solid #fff;
}

.extended-pricing-table .features-list .features {
    border-left: none;
}

.extended-pricing-table .features li {
    background: #f8f8f8;
    border-bottom: 1px solid #fff;
    padding: 8px 10px;
}

    .extended-pricing-table .features li:before {
        content: '';
    }

.extended-pricing-table .featured .features li {
    background: #fff;
}

.extended-pricing-table .features li:first-child {
    border-top: 1px solid #fff;
}

.extended-pricing-table .features li:nth-child(even) {
    background: #f0f0f0;
}

.extended-pricing-table .featured .features li:nth-child(even) {
    background: #f6f6f6;
}

.extended-pricing-table .features li .check {
    background: url(../img/icon-check-3.png) no-repeat center 2px;
    display: inline-block;
    height: 18px;
    text-indent: -9999px;
    width: 18px;
}

.ie7 .extended-pricing-table .features li .check {
    display: inline;
    font-size: 0;
    text-indent: 0;
}

.extended-pricing-table .free .features li .check {
    background-image: url(../img/icon-check-3-green.png);
}

.extended-pricing-table .footer {
    background: #f8f8f8;
}

.extended-pricing-table .featured .footer {
    padding-bottom: 26px;
}

.extended-pricing-table .features-list .footer {
    background: none;
}

.extended-pricing-table .free .footer .button {
    background: #4a993e;
}

.extended-pricing-table .featured .footer .button {
    background: #00adef;
}

.extended-pricing-table .footer .button:hover {
    background: #00adef;
}

.extended-pricing-table .free .footer .button:hover,
.extended-pricing-table .featured .footer .button:hover {
    background: #515151;
}

/* -------------------------------------------------- */
/*	Back to Top
	/* -------------------------------------------------- */

#back-to-top, .touch-device #back-to-top:hover {
    background: url(../img/arrow-up-large.png) no-repeat center center;
    background-color: rgb(221, 221, 221);
    background-color: rgba(221, 221, 221, .7);
    bottom: 20px;
    color: transparent;
    display: none;
    font: 0/0 a;
    height: 46px;
    position: fixed;
    right: 20px;
    text-shadow: none;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    width: 45px;
    z-index: 100;
}

    #back-to-top:hover, .touch-device #back-to-top:active {
        background-color: #00adef;
    }

/* ---------------------------------------------------------------------- */
/*	Home
/* ---------------------------------------------------------------------- */

/* -------------------------------------------------- */
/*	Slider
	/* -------------------------------------------------- */

.ss-slider {
    background: #fff url(../img/loader.gif) no-repeat center 185px;
    margin: 20px auto 80px;
    max-height: 465px;
    max-width: 940px;
    overflow: hidden;
    position: relative;
}

    .ss-slider.fully-loaded {
        overflow: visible;
    }

    .ss-slider.fully-loaded, .no-js .ss-slider {
        background: none;
    }

.no-js .ss-slider {
    max-height: none;
}

/* ---------------------------------------- */
/*	Single Slide
		/* ---------------------------------------- */

.ss-slider .slides-container {
}

.ss-slider .slide {
    display: none;
    margin: 0;
}

    .ss-slider .slide:first-child {
        display: block;
    }

.ss-slider.fully-loaded .slide, .no-js .ss-slider .slide {
    background-repeat: no-repeat;
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.ss-slider.fully-loaded .slide {
    height: 100%;
}

.no-js .ss-slider .slide {
    margin: 40px 0 0;
}

    .no-js .ss-slider .slide:first-child {
        margin-top: 0;
    }

.ss-slider .slide-img {
    background-repeat: no-repeat;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
}

.ss-slider .slide-images-container {
    background: #fff;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    z-index: 11;
}

.ss-slider .slide-bg-image {
    background: #fff;
    margin: 0;
    width: 100%;
}

.ss-slider.fully-loaded .slide-bg-image {
    display: none;
}

.no-js .ss-slider .slide-bg-image {
    display: block;
}

/* ---------------------------------------- */
/*	Button
		/* ---------------------------------------- */

.ss-slider .buttons-container {
    background: #fff;
    overflow: hidden;
    width: 100%;
}

.ss-slider.hide-bottom-buttons .buttons-container {
    display: none;
}

.ss-slider .slide-button, .no-js .ss-slider .slide-button:hover {
    background: #f8f8f8;
    border-bottom: 1px solid #e9e9e9;
    border-top: 4px solid #dfdfdf;
    -webkit-box-shadow: 1px 0 0 #fff inset, 0 1px 0 0 #fff inset;
    -moz-box-shadow: 1px 0 0 #fff inset, 0 1px 0 0 #fff inset;
    box-shadow: 1px 0 0 #fff inset, 0 1px 0 0 #fff inset;
    color: #3a3a3a;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 20px;
    height: 40px;
    overflow: hidden;
    padding: 20px;
    text-align: left;
    text-decoration: none;
    -webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    width: 100%;
}

.ss-slider.hide-bottom-buttons .slide-button {
    display: none;
}

.ss-slider .slide:first-child .slide-button {
    -webkit-box-shadow: 0 1px 0 0 #fff inset;
    -moz-box-shadow: 0 1px 0 0 #fff inset;
    box-shadow: 0 1px 0 0 #fff inset;
}

.ss-slider.fully-loaded .slide-button:hover, .ss-slider.fully-loaded .slide-button.active {
    background: #f0f0f0;
    color: #00adef;
}

.ss-slider.fully-loaded .slide-button:hover {
    border-top-color: #aeaeae;
}

.no-js .ss-slider .slide-button, .no-js .ss-slider .slide-button:hover {
    cursor: auto;
}

.no-js .ss-slider a > .slide-button:hover {
    cursor: pointer;
}

.ss-slider .slide-button h5 {
    color: #3a3a3a;
    font: 700 14px/1.5 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    margin: 0;
}

.ss-slider.fully-loaded .slide-button.active h5 {
    color: #00adef;
}

.ss-slider .slide-button .description {
    color: #959393;
    display: block;
    font-size: 13px;
    line-height: 12px;
}

.ss-slider .slide-button .dropcap {
    background: #3a3a3a;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    color: #fff;
    font-weight: 700;
    height: 38px;
    width: 38px;
}

.ss-slider .slide-button.image, .no-js .ss-slider .slide-button.image:hover {
    height: 80px;
    padding: 0;
    text-align: center;
}

.ss-slider .slide-button img {
    background: #f8f8f8;
    display: inline-block;
    font-size: 13px;
    max-height: 80px;
    filter: alpha(opacity=35); /* Fallback for old IE */
    opacity: 0.35;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

.ss-slider .slide-button:hover img, .ss-slider.fully-loaded .slide-button.active img {
    background: #f0f0f0;
}

.no-js .ss-slider .slide-button:hover img, .no-js .ss-slider .slide-button.active img {
    background: #f8f8f8;
}

.ss-slider.fully-loaded .slide-button:hover img, .ss-slider.fully-loaded .slide-button.active img,
.no-js .ss-slider .slide-button img {
    filter: alpha(opacity=100); /* Fallback for old IE */
    opacity: 1;
}

/* ---------------------------------------- */
/*	Content
		/* ---------------------------------------- */

.ss-slider .content-container, .no-js .ss-slider .slide-content {
    background: rgb(0, 0, 0); /* Fallback for old IE */
    filter: alpha(opacity=60); /* Fallback for old IE */
    background: rgba(0, 0, 0, .6);
    bottom: 115px;
    display: block;
    left: 30px;
    margin: 0;
    overflow: hidden;
    padding: 25px 30px 30px;
    position: absolute;
    width: 255px;
    z-index: 2;
}

.ss-slider.hide-content .content-container {
    display: none;
}

.ss-slider.hide-bottom-buttons .content-container, .no-js .ss-slider.hide-bottom-buttons .slide-content {
    bottom: 30px;
}

.ss-slider.show-content-onhover .content-container, .ss-slider.show-content-onhover .pagination-container a {
    opacity: 0;
    filter: alpha(opacity=0); /* Fallback for old IE */
}

.ss-slider.fully-loaded.show-content-onhover:hover .content-container, .ss-slider.fully-loaded.show-content-onhover:hover .pagination-container a {
    opacity: 1;
    filter: alpha(opacity=60); /* Fallback for old IE */
}

.ss-slider.fully-loaded .content-container {
    -webkit-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out;
    -moz-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out;
    -ms-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out;
    -o-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out;
    transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out;
}

.ss-slider .content-container.center {
    bottom: auto;
    left: 50%;
    margin-left: -193px;
    padding: 20px 30px;
    text-align: center;
    top: 135px;
    width: 326px;
}

.ss-slider .content-container.bottom {
    bottom: 85px;
    left: 38px;
    max-width: 804px;
    padding: 10px 30px;
    text-align: center;
    width: 100%;
}

.ss-slider.hide-bottom-buttons .content-container.bottom {
    bottom: 0;
}

.ss-slider .slide-content {
    color: #bfbfbf;
    display: none;
    text-shadow: 0 -1px rgba(0, 0, 0, .75);
}

    .ss-slider .slide-content a {
        color: #00adef;
    }

        .ss-slider .slide-content a:hover {
            text-decoration: underline;
        }

    .ss-slider .slide-content h1,
    .ss-slider .slide-content h2,
    .ss-slider .slide-content h3,
    .ss-slider .slide-content h4,
    .ss-slider .slide-content h5,
    .ss-slider .slide-content h6 {
        color: #fff;
        margin: 0;
    }

        .ss-slider .slide-content h1 + *,
        .ss-slider .slide-content h2 + *,
        .ss-slider .slide-content h3 + *,
        .ss-slider .slide-content h4 + *,
        .ss-slider .slide-content h5 + *,
        .ss-slider .slide-content h6 + * {
            margin-top: 5px;
        }

    .ss-slider .slide-content h2 {
        font-size: 20px;
        font-weight: 700;
    }

    .ss-slider .slide-content h6 {
        font-size: 13px;
        font-weight: 400;
    }

    .ss-slider .slide-content p {
        margin-bottom: 10px;
    }

        .ss-slider .slide-content p:last-of-type {
            margin-bottom: 0;
        }

    .ss-slider .slide-content .button {
        color: #fff;
        font-size: 13px;
        padding: 5px 14px;
        text-shadow: none;
    }

        .ss-slider .slide-content .button:hover {
            text-decoration: none;
        }

/* ---------------------------------------- */
/*	Pagination
		/* ---------------------------------------- */

.ss-slider .pagination-container a {
    background: rgb(0, 173, 239) url(../img/slider-arrows-small.png) no-repeat 0 center; /* Fallback for old IE */
    filter: alpha(opacity=60); /* Fallback for old IE */
    background: rgba(0, 173, 239, 0.6) url(../img/slider-arrows-small.png) no-repeat 0 center;
    bottom: 115px;
    color: transparent;
    cursor: pointer;
    display: block;
    font: 0/0 a;
    min-height: 27px;
    left: 346px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-shadow: none;
    -webkit-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease;
    -moz-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease;
    -ms-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease;
    -o-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease;
    transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease;
    width: 15px;
    z-index: 2;
}

.ss-slider.hide-bottom-buttons .pagination-container a {
    bottom: 30px;
}

.ss-slider.hide-content .pagination-container a {
    display: none;
}

.ss-slider .pagination-container .next {
    background-position: -15px center;
    bottom: 156px;
}

.ss-slider.hide-bottom-buttons .pagination-container .next {
    bottom: 71px;
}

.ss-slider .pagination-container a:hover, .ss-slider.show-content-onhover:hover .pagination-container a:hover {
    background-color: rgba(0, 173, 239, 1);
    filter: alpha(opacity=100) !important; /* Fallback for old IE */
}

.ss-slider .pagination-container.center a {
    background-image: url(../img/slider-arrows-large.png);
    bottom: auto;
    left: 50%;
    min-height: 40px;
    top: 135px;
    width: 35px;
}

.ss-slider .pagination-container.center .prev {
    background-position: 0 center;
    left: 241px;
}

.ss-slider .pagination-container.center .next {
    background-position: -35px center;
    left: auto;
    right: 241px;
}

.ss-slider .pagination-container.bottom a {
    background-image: url(../img/slider-arrows-medium.png);
    bottom: 85px;
    min-height: 20px;
    width: 37px;
}

.ss-slider.hide-bottom-buttons .pagination-container.bottom a {
    bottom: 0;
}

.ss-slider .pagination-container.bottom .prev {
    background-position: -1px center;
    left: 0;
}

.ss-slider .pagination-container.bottom .next {
    background-position: -40px center;
    left: auto;
    right: 0;
}

/* ---------------------------------------- */
/*	Active Slide Bar
		/* ---------------------------------------- */

.ss-slider .active-slide-bar {
    background: #00adef;
    bottom: 0;
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    visibility: hidden;
    z-index: 10;
}

.ss-slider.hide-bottom-buttons .active-slide-bar {
    display: none;
}

/* -------------------------------------------------- */
/*	Projects Carousel
	/* -------------------------------------------------- */

.no-js .projects-carousel, .no-js .post-carousel {
    border-top: 1px solid #efefef;
    margin: 15px -20px 60px 0;
    padding: 25px 0 0;
}

.projects-carousel > li, .post-carousel > li, #portfolio-items > article {
    float: left;
    list-style: none;
    margin: 0 20px 0 0;
    overflow: hidden;
    position: relative;
}

.projects-carousel > li, .post-carousel > li {
    width: 220px;
}

.projects-carousel, #portfolio-items {
    font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}

.no-js .post-carousel > li {
    display: inline-block;
    float: none;
}

.no-js .projects-carousel > li, .no-js #portfolio-items > article {
    margin-bottom: 40px;
}

.projects-carousel a, #portfolio-items article a {
    border-bottom: 1px solid #efefef;
    display: block;
    text-align: center;
}

.projects-carousel a {
    padding: 20px 0 0;
}

#portfolio-items article a, #portfolio-items article .audio-player, #portfolio-items article .video-player {
    margin: 0 auto;
}

.projects-carousel img, #portfolio-items article img {
    background-color: #fff;
    margin: 0 auto -5px;
    filter: alpha(opacity=70); /* Fallback for old IE */
    opacity: 0.7;
}

.no-js .projects-carousel img, .no-js #portfolio-items article img {
    margin-bottom: 0;
}

.projects-carousel img {
    margin: -25px auto 20px;
}

.projects-carousel .title, #portfolio-items > article .title {
    font-weight: 400;
    margin-bottom: 0;
}

.projects-carousel > li .categories, #portfolio-items > article .categories {
    color: #aeaeae;
    display: block;
    font-style: italic;
    margin: -1px 0 20px;
}

.projects-carousel a:hover, #portfolio-items > article:hover {
    background: #f8f8f8;
    border-bottom: 1px solid #00adef;
}

.not-ie .projects-carousel a:hover:after, .not-ie #portfolio-items > article:hover:after {
    background: #00adef;
    bottom: -2.5px;
    content: '';
    left: 50%;
    display: block;
    height: 5px;
    margin: 0 0 0 -2.5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    width: 5px;
}

.projects-carousel a:hover img, #portfolio-items > article:hover img {
    filter: alpha(opacity=100); /* Fallback for old IE */
    opacity: 1;
}

.projects-carousel a:hover .title, #portfolio-items > article:hover .title {
    color: #00adef;
}

/* -------------------------------------------------- */
/*	Post Carousel
	/* -------------------------------------------------- */

.post-carousel .entry-meta {
    float: left;
    font-style: italic;
    letter-spacing: -0.5px;
    line-height: 1.3;
    margin: 0 12px 0 0;
    text-align: center;
    width: 33px;
}

    .post-carousel .entry-meta a {
        display: block;
        font-style: normal;
    }

.post-carousel li .post-format {
    margin: 0;
}

.post-carousel li .date {
    display: block;
    margin: 8px 0 0;
}

.post-carousel .entry-body .title {
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 10px 0;
}

.post-carousel .entry-body {
    float: right;
    margin: 0;
    width: 175px;
}

.post-carousel .entry-image, .post-carousel .entry-video, .post-carousel .entry-audio, .post-carousel .fluid-width-video-wrapper {
    margin-bottom: 15px;
    max-width: 100%;
    width: 100%;
}

.post-carousel .entry-video, .post-carousel .entry-audio, .post-carousel .fluid-width-video-wrapper {
    margin-bottom: 15px;
}

.touch-device .post-carousel .entry-audio {
    margin-top: -8px;
}

/* Image Gallery Slider */

.post-carousel .image-gallery-slider {
    margin-bottom: 15px;
}

    .post-carousel .image-gallery-slider li {
        margin: 0;
    }

    .post-carousel .image-gallery-slider img {
        margin-bottom: 0;
    }

/* -------------------------------------------------- */
/*	Projects & Post Carousel Navigation
	/* -------------------------------------------------- */

.jcarousel-container {
    border-top: 1px solid #efefef;
    margin: 45px -20px 80px 0;
    max-width: 100%;
    padding: 25px 0 0;
}

.section-title + .jcarousel-container {
    margin-top: 15px;
}

.jcarousel-clip {
    overflow: hidden;
    width: 100%;
}

.jcarousel-item {
    margin: 0 20px 0 0;
    width: 220px;
}

.jcarousel-next, .jcarousel-prev {
    background: #ddd url(../img/button-arrows.png) no-repeat 0 0;
    cursor: pointer;
    height: 19px;
    position: absolute;
    right: 0;
    top: -35px;
    width: 19px;
}

.jcarousel-prev {
    background-position: 0 -19px;
    right: 20px;
}

    .jcarousel-next:hover, .jcarousel-next:focus, .jcarousel-next:active,
    .jcarousel-prev:hover, .jcarousel-prev:focus, .jcarousel-prev:active {
        background-color: #00adef;
    }

.jcarousel-next-disabled, .jcarousel-next-disabled:hover,
.jcarousel-next-disabled:focus, .jcarousel-next-disabled:active,
.jcarousel-prev-disabled, .jcarousel-prev-disabled:hover,
.jcarousel-prev-disabled:focus, .jcarousel-prev-disabled:active {
    background-color: #eee !important;
    cursor: auto !important;
}

/* ---------------------------------------------------------------------- */
/*	Our Team
/* ---------------------------------------------------------------------- */

.team-member {
    border-bottom: 1px solid #efefef;
    color: #777;
    margin-bottom: 50px;
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-transition: background-color .2s ease, border .2s ease;
    -moz-transition: background-color .2s ease, border .2s ease;
    -ms-transition: background-color .2s ease, border .2s ease;
    -o-transition: background-color .2s ease, border .2s ease;
    transition: background-color .2s ease, border .2s ease;
}

    .team-member:hover {
        background: #f8f8f8;
        border-bottom-color: #00adef;
    }

.not-ie .team-member:hover:after {
    background: #00adef;
    bottom: -2.5px;
    content: '';
    left: 50%;
    display: block;
    height: 5px;
    margin: 0 0 0 -2.5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    width: 5px;
}


.team-member .photo, .team-member > a {
    display: block;
    margin: 0 auto 15px;
}

    .team-member > a > .photo {
        margin: 0 auto;
    }

.team-member .content {
    padding: 0 15px;
}

.team-member .name {
    color: #414141;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
}

.team-member .job-title {
    color: #aeaeae;
    display: block;
    font-style: italic;
    margin: 0 0 10px;
}

.team-member .social-links {
    border-top: 1px solid #efefef;
    margin: 0 0 5px;
    padding: 15px 0 0;
}

.team-member:hover .social-links {
    border-top-color: #ebebeb;
}

.team-member .social-links li {
    margin: 0 0 10px 10px;
}

.team-member .social-links a {
    opacity: 0.3;
}

    .team-member .social-links a:hover {
        opacity: 1;
    }

/* ---------------------------------------------------------------------- */
/*	Blog
/* ---------------------------------------------------------------------- */

.entry {
    border-bottom: 1px dotted #ced8df;
    margin: 0 0 50px;
    padding: 0 0 30px;
}

    .entry.single {
        margin-bottom: 45px;
        padding-bottom: 25px;
    }

.entry-image, .entry-video, .entry-audio {
    display: block;
    margin: 0 auto 25px;
}

.entry .entry-audio {
    margin-bottom: 20px;
    padding-top: 5px;
}

.touch-device .entry .entry-audio {
    margin-top: -12.5px;
}

.single-image .entry-image, .image-gallery .entry-image, .iframe .entry-image {
    margin-bottom: 20px;
}

.entry-body {
    float: right;
    margin: -5px 0 0;
    width: 550px;
}

    .entry-body .title {
        font-size: 18px;
        font-weight: 700;
        margin-top: 10px;
    }

.entry-meta {
    color: #878787;
    float: left;
    font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    margin: 0 20px 0 0;
    text-align: right;
    width: 110px;
}

    .entry-meta ul {
        margin: 0;
    }

    .entry-meta li {
        list-style: none;
        margin: 0;
    }

    .entry-meta .title {
        font-weight: 700;
    }

    .entry-meta a {
        color: #959393;
        display: inline-block;
        font-style: italic;
    }

        .entry-meta a:hover {
            color: #00adef;
        }

.post-format {
    background-color: #ddd;
    background-image: url(../img/icon-post-formats.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    color: #959393;
    cursor: pointer;
    display: block;
    height: 33px;
    margin: 0 0 10px 0;
    text-align: left;
    text-indent: -9999px;
    width: 33px;
}

    .post-format.gallery, .post-format.image {
        background-position: -33px 0;
    }

    .post-format.video {
        background-position: -66px 0;
    }

    .post-format.audio {
        background-position: -99px 0;
    }

    .post-format.link {
        background-position: -132px 0;
    }

    .post-format.quote {
        background-position: -165px 0;
    }

    .post-format.aside {
        background-position: -199px 0;
    }

a:hover > .post-format {
    background-color: #00adef;
    color: #00adef;
}

/* VideoJS */

.video-js {
    max-width: 100%;
}

/* -------------------------------------------------- */
/*	Comments
	/* -------------------------------------------------- */

#comments {
}

    #comments .section-title, #respond .section-title {
        font-weight: 600;
        margin-bottom: 15px;
    }

.comments-list {
    border-bottom: 1px dotted #ced8df;
    margin: 27px 0 45px;
    padding: 0 0 30px;
    overflow: hidden;
}

.comment {
    border-top: 1px dotted #ced8df;
    list-style: none;
    margin: 30px 0 0;
    padding: 35px 0 0;
}

    .comment:first-child {
        border-top: none;
        margin-top: 0;
        padding-top: 0;
    }

    .comment > article {
        margin: 0;
        overflow: hidden;
    }

    .comment .avatar {
        background: #fff;
        float: left;
        margin: 0 0 5px 0;
        position: relative;
        width: 54px;
        z-index: 1;
    }

    .comment .comment-body, .comment .comment-meta {
        float: right;
        margin: 0 0 -20px 15px;
        width: 611px;
    }

    .comment .comment-meta {
        margin-bottom: 0;
    }

    .comment .author, .comment .author a {
        color: #54555a;
        margin: 0;
    }

        .comment .author .comment-reply-link {
            font-size: 13px;
        }

    .comment .date, .comment .date a {
        color: #adb3b8;
        font-style: italic;
        margin: 1px 0 5px;
    }

        .comment .author a:hover, .comment .date a:hover {
            color: #00adef;
        }

    .comment .children {
        margin: 0;
        padding: 30px 0 0 70px;
        position: relative;
    }

        .comment .children .comment {
            border-top: 1px dotted #ced8df;
            margin: 30px 0 0;
            padding: 35px 0 0;
            position: relative;
        }

            .comment .children .comment:first-child {
                margin-top: 0;
            }

        .comment .children .comment-body, .comment .children .comment-meta {
            width: 541px;
        }

/* -------------------------------------------------- */
/*	Respond
	/* -------------------------------------------------- */

#respond {
}

.comments-form {
    margin: 20px -20px 0 0;
}

    .comments-form input {
        width: 191px;
    }

    .comments-form textarea {
        height: 150px;
        width: 657px;
    }

/* -------------------------------------------------- */
/*	Pagination
	/* -------------------------------------------------- */

.pagination {
    margin: 0;
}

    .pagination li {
        display: inline-block;
        list-style: none;
        margin: 0 5px 0 0;
    }

.ie7 .pagination li, .ie7 .pagination a {
    display: inline;
}

.pagination li:last-child {
    margin-right: 0;
}

.pagination .current {
    background: #e6edef;
    color: #707070;
}

.pagination a, .pagination .current {
    border: 1px solid transparent;
    color: #9c9c9c;
    display: inline-block;
    padding: 2px 8px 4px;
}

    .pagination a:hover {
        border-color: #e6edef;
        color: #00adef;
    }

.pagination .next a, .pagination .prev a {
    border: none;
}

/* ---------------------------------------------------------------------- */
/*	Portfolio
/* ---------------------------------------------------------------------- */

#portfolio-items-filter {
    float: right;
    margin: -65px 0 0;
    overflow: hidden;
}

.no-js #portfolio-items-filter {
    display: none;
}

#portfolio-items-filter li {
    display: block;
    float: left;
    list-style: none;
    margin: 0;
}

    #portfolio-items-filter li:first-child {
        margin-top: 5px;
        margin-right: 5px;
    }

.ie7 #portfolio-items-filter li:first-child {
    display: none !important;
}

#portfolio-items-filter a {
    background: #00adef;
    color: #fff;
    cursor: pointer;
    display: block;
    margin: 0 0 5px 5px;
    padding: 5px 10px;
}

.ie7 #portfolio-items-filter a {
    display: block !important;
    margin: 0 0 5px 5px !important;
    padding: 5px 10px !important;
    width: auto !important;
}

#portfolio-items-filter a:hover {
    background: #3a3a3a;
}

#portfolio-items {
    margin: 0 -20px 40px 0;
}

    #portfolio-items article {
        margin-bottom: 50px;
    }

    #portfolio-items .project-meta {
        display: block;
        margin: 0;
        padding: 20px 0 0;
    }

/* Isotope */

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -ms-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
    z-index: 2;
}

.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: top, left, opacity;
        -o-transition-property: top, left, opacity;
        transition-property: transform, opacity;
    }

/* -------------------------------------------------- */
/*	Single Project
	/* -------------------------------------------------- */

.project-title {
    color: #3a3a3a;
    font-size: 32px;
    font-weight: 400;
}

.portfolio-pagination {
    float: right;
    margin: -58px 0 0;
}

    .portfolio-pagination li {
        display: inline-block;
        list-style: none;
        line-height: 25px;
        margin: 0;
    }

.ie7 .portfolio-pagination li {
    display: inline;
}

.portfolio-pagination .prev {
    border-right: 1px solid #e8e8e8;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
}

.single-project .page-header .button {
    color: #a1a1a1;
    font-style: italic;
    margin-top: -5px;
}

.single-project .page-header a:hover {
    color: #00adef;
}

.single-project .image-gallery-slider > ul, .no-js .single-project .image-gallery-slider > ul > li {
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .15);
    box-shadow: 0 0 15px rgba(0, 0, 0, .15);
}

.no-js .single-project .image-gallery-slider > ul {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* ---------------------------------------------------------------------- */
/*	Contact Us
/* ---------------------------------------------------------------------- */

#map {
    border-bottom: 1px solid #c5c3c0;
    border-top: 1px solid #c5c3c0;
    height: 440px;
    margin: -41px 0 40px;
    position: relative;
    width: 100%;
}

    #map:before, #map:after {
        background: none;
        -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
        content: '';
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    #map:after {
        bottom: 0;
        top: auto;
    }

.contact-form, .comments-form {
    max-width: 100%;
}

.contact-form {
    margin: 0 -20px 0 0;
}

    .contact-form .input-block, .comments-form .input-block {
        float: left;
        margin: 0 20px 20px 0;
    }

        .contact-form .input-block:nth-of-type(3n), .comments-form .input-block:nth-of-type(3n) {
            margin-right: 0;
        }

    .contact-form input {
        width: 198px;
    }

    .contact-form .textarea-block, .comments-form .textarea-block {
        clear: both;
    }

    .contact-form textarea {
        height: 150px;
        max-width: 100%;
        width: 678px;
    }

    .contact-form input[type="submit"], .comments-form input[type="submit"],
    .contact-form input[type="reset"], .comments-form input[type="reset"] {
        margin: 0 0 20px;
        width: auto;
    }

/* ---------------------------------------------------------------------- */
/*	Sidebar
/* ---------------------------------------------------------------------- */

#sidebar {
    float: right;
    width: 220px;
}

.sidebar-left #sidebar {
    float: left;
}

/* -------------------------------------------------- */
/*	Widgets
	/* -------------------------------------------------- */

#sidebar .widget {
    margin: 0 0 50px;
}

#sidebar .widget-title {
    color: #414141;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 12px;
}

/* ---------------------------------------- */
/*	Categories
		/* ---------------------------------------- */

.categories {
}

    .categories li {
        background: url(../img/arrow-right-grey.png) no-repeat 0 11px;
        border-bottom: 1px dotted #ced8df;
        list-style: none;
        margin: 0;
    }

        .categories li:last-child {
            border-bottom: none;
        }

    .categories a {
        color: #868686;
        display: block;
        padding: 5px 0 5px 15px;
    }

        .categories a:hover {
            color: #00adef;
        }

/* ---------------------------------------- */
/*	Accordion Content
		/* ---------------------------------------- */

#sidebar .acc-trigger a {
    background-position: 0 8px;
    font-size: 13px;
    font-weight: 400;
    padding: 12px 12px 12px 30px;
}

#sidebar .acc-trigger:first-of-type {
    border-top: none;
}

#sidebar .acc-trigger:last-of-type {
    border-bottom: none;
}

#sidebar .acc-trigger.active a {
    background-position: 0 -103px;
    cursor: default;
}

#sidebar .acc-container {
    margin: -5px 0 0;
}

    #sidebar .acc-container:first-of-type {
        border-top: none;
    }

    #sidebar .acc-container:last-of-type {
        border-bottom: none;
    }

    #sidebar .acc-container .content {
        padding: 0 12px 12px 30px;
    }

/* ---------------------------------------- */
/*	Tweets
		/* ---------------------------------------- */

.tweets-feed {
    margin: 0;
}

    .tweets-feed li {
        background: url(../img/icon-tweets.png) no-repeat 0 3px;
        display: block;
        list-style: none;
        margin: 0 0 15px;
        padding: 0 0 0 30px;
    }

#sidebar .tweets-feed li a, #footer .tweets-feed li a {
    color: #00adef;
}

    #sidebar .tweets-feed li a:hover, #sidebar .tweets-feed .date a:hover {
        color: #3a3a3a;
    }

.tweets-feed .date {
    display: block;
}

#sidebar .tweets-feed li .date a, #footer .tweets-feed li .date a {
    color: #bbb;
    font-size: 10px;
    font-style: italic;
}

#sidebar .tweets-feed li a:hover {
    color: #3a3a3a;
}

#footer .tweets-feed li a:hover {
    color: #fff;
}

/* ---------------------------------------- */
/*	Flickr Images
		/* ---------------------------------------- */

.flickr-feed {
    margin: 15px -5px 0 0;
}

    .flickr-feed li {
        display: inline-block;
        list-style: none;
        margin: 0 2px 1px 0;
    }

.ie7 .flickr-feed li {
    display: inline;
    margin: 0 5px 5px 0;
}

.flickr-feed a {
}

.flickr-feed li img {
    margin: 0;
    height: 70px;
    width: 70px;
}

/* ---------------------------------------------------------------------- */
/*	Footer
/* ---------------------------------------------------------------------- */

#footer {
    background: #3a3a3a;
    color: #868686;
    margin-top: 80px;
    padding: 35px 0 30px;
    position: relative;
}

.not-ie #footer:before {
    background: #fff;
    content: '';
    left: 50%;
    display: block;
    height: 15px;
    margin: 0 0 0 -7.5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: -8px;
    width: 15px;
}

x:-o-prefocus, .not-ie #footer:before {
    display: none;
}
/* Fix for Opera */

#footer, #footer a,
#footer-bottom, #footer-bottom a {
    color: #868686;
}

    #footer a:hover,
    #footer-bottom a:hover {
        color: #00adef;
    }

    #footer .title {
        border-bottom: 1px solid #4b4b4b;
        display: block;
        font-size: 10px;
        margin: 0 0 12px;
        padding: 0 0 12px;
        text-transform: uppercase;
    }

/* -------------------------------------------------- */
/*	Footer Navigation
	/* -------------------------------------------------- */

#footer-nav {
    border-bottom: 1px solid #4b4b4b;
    margin: 0 0 12px;
    padding: 0 0 12px;
}

    #footer-nav ul {
        margin: 0;
    }

    #footer-nav li {
        background: none;
        border: none;
        display: inline-block;
        list-style: none;
        margin: 0 -3px 0 0;
    }

.ie7 #footer-nav li {
    display: inline;
}

#footer-nav li a {
    border-left: 1px solid #484848;
    font-size: 10px;
    display: block;
    padding: 0 15px;
    text-transform: uppercase;
}

#footer-nav li:first-child a {
    border-left: none;
    padding-left: 0;
}

#footer-nav li:last-child a {
    padding-right: 0;
}

/* -------------------------------------------------- */
/*	Contact Info
	/* -------------------------------------------------- */

#footer .contact-info {
}

.contact-info {
    margin: 0;
}

    .contact-info li {
        float: left;
        list-style: none;
        margin: 0 0 5px 24px;
        padding: 0 0 0 24px;
    }

        .contact-info li:first-child {
            margin-left: 0;
        }

    .contact-info .address {
        background: url(../img/icon-address.png) no-repeat 0 0;
    }

    .contact-info .phone {
        background: url(../img/icon-phone.png) no-repeat 0 1px;
    }

    .contact-info .email {
        background: url(../img/icon-email-2.png) no-repeat 0 4px;
    }

/* -------------------------------------------------- */
/*	Social Links
	/* -------------------------------------------------- */

.social-links {
    margin: 0;
}

    .social-links li {
        display: inline-block;
        list-style: none;
        margin: 0 0 10px 15px;
        text-indent: -9999px;
    }

.ie7 .social-links li {
    display: inline;
    font-size: 0;
    text-indent: 0;
}

.social-links li:nth-child(6n+1) {
    margin-left: 0;
}

.social-links li:nth-child(6n) {
    margin-right: 15px;
}

.social-links li:last-child {
    margin-right: 0;
}

.social-links a {
    background-repeat: no-repeat;
    background-position: 0 -16px;
    display: block;
    height: 16px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    width: 20px;
}

.social-links li.behance a {
    background-image: url(../img/icon-behance.png);
}

.social-links li.delicious a {
    background-image: url(../img/icon-delicious.png);
    background-position: 0 -14px;
    height: 14px;
}

.social-links li.deviantart a {
    background-image: url(../img/icon-deviantart.png);
}

.social-links li.digg a {
    background-image: url(../img/icon-digg.png);
    background-position: 0 -14px;
    height: 14px;
}

.social-links li.dribbble a {
    background-image: url(../img/icon-dribbble.png);
}

.social-links li.dropbox a {
    background-image: url(../img/icon-dropbox.png);
    background-position: 0 -15px;
    height: 15px;
}

.social-links li.email a {
    background-image: url(../img/icon-email.png);
}

.social-links li.facebook a {
    background-image: url(../img/icon-facebook.png);
}

.social-links li.flickr a {
    background-image: url(../img/icon-flickr.png);
}

.social-links li.forrst a {
    background-image: url(../img/icon-forrst.png);
}


.social-links li.github a {
    background-image: url(../img/icon-github.png);
}

.social-links li.google a {
    background-image: url(../img/icon-google.png);
}

.social-links li.googleplus a {
    background-image: url(../img/icon-googleplus.png);
}

.social-links li.ichat a {
    background-image: url(../img/icon-ichat.png);
    background-position: 0 -15px;
    height: 15px;
}

.social-links li.lastfm a {
    background-image: url(../img/icon-lastfm.png);
    background-position: 0 -15px;
    height: 15px;
}

.social-links li.linkedin a {
    background-image: url(../img/icon-linkedin.png);
}

.social-links li.mobypicture a {
    background-image: url(../img/icon-mobypicture.png);
}

.social-links li.myspace a {
    background-image: url(../img/icon-myspace.png);
}

.social-links li.picasa a {
    background-image: url(../img/icon-picasa.png);
}

.social-links li.plixi a {
    background-image: url(../img/icon-plixi.png);
}

.social-links li.rss a {
    background-image: url(../img/icon-rss.png);
}

.social-links li.skype a {
    background-image: url(../img/icon-skype.png);
}

.social-links li.stumbleupon a {
    background-image: url(../img/icon-stumbleupon.png);
    background-position: 0 -17px;
    height: 17px;
}

.social-links li.tumblr a {
    background-image: url(../img/icon-tumblr.png);
    background-position: 0 -15px;
    height: 15px;
}

.social-links li.twitter a {
    background-image: url(../img/icon-twitter.png);
    background-position: 0 -15px;
    height: 15px;
    width: 21px;
}

.social-links li.vimeo a {
    background-image: url(../img/icon-vimeo.png);
    background-position: 0 -15px;
    height: 15px;
}

.social-links li.youtube a {
    background-image: url(../img/icon-youtube.png);
    background-position: 0 -15px;
    height: 15px;
}

.social-links li a:hover {
    background-position: 0 0;
}

/* -------------------------------------------------- */
/*	Misc Elements
	/* -------------------------------------------------- */

#footer .button:hover, #footer input[type="submit"]:hover #footer input[type="reset"]:hover, #footer button:hover {
    background: #ddd;
    color: #3a3a3a;
}

#footer .button.no-bg {
    color: #ddd;
}

#footer .button .arrow {
    background-color: #3a3a3a;
}

#footer blockquote {
    background-color: #464646;
}

    #footer blockquote.simple {
        background: none;
        border-left-color: #484848;
        color: #868686;
    }

#footer .infobox {
    background: #464646;
    border-color: #363636;
}

    #footer .infobox, #footer .infobox * {
        color: #868686;
    }

/* ---------------------------------------------------------------------- */
/*	Footer Bottom
/* ---------------------------------------------------------------------- */

#footer-bottom {
    background: #303030;
    line-height: 17px;
    padding: 12px 0;
}

    #footer-bottom ul {
        margin: 0;
    }

    #footer-bottom li {
        float: left;
        list-style: none;
        margin: 0;
    }

        #footer-bottom li:first-child {
            margin-right: 15px;
        }

        #footer-bottom li a {
            border-left: 1px solid #484848;
            display: block;
            padding: 0 15px;
        }

        #footer-bottom li:first-child a {
            border-left: none;
            padding-left: 0;
        }

        #footer-bottom li:last-child a {
            padding-right: 0;
        }

/* ---------------------------------------------------------------------- */
/*	Media Queries
/* ---------------------------------------------------------------------- */

/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 960px) {

    /* -------------------------------------------------- */
    /*	Pricing Tables > Tooltip
	/* -------------------------------------------------- */

    .simple-pricing-table .features li[data-tooltip],
    .extended-pricing-table .features li[data-tooltip] {
        cursor: help;
    }

    .ie7 .simple-pricing-table .features li[data-tooltip],
    .ie7 .extended-pricing-table .features li[data-tooltip] {
        cursor: auto;
    }

    .simple-pricing-table .features li[data-tooltip]:hover,
    .extended-pricing-table .features li[data-tooltip]:hover {
        color: #54555a;
    }

    /* Tooltip container */
    .simple-pricing-table .features li[data-tooltip]:before,
    .extended-pricing-table .features li[data-tooltip]:before {
        background: #fff8de;
        border: 1px solid #fee5a2;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .10);
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .10);
        box-shadow: 0 0 10px rgba(0, 0, 0, .10);
        bottom: 0;
        color: #7b7b7b;
        content: attr(data-tooltip) !important;
        font-size: 13px;
        left: 9px;
        line-height: 1.5;
        opacity: 0;
        padding: 5px 10px;
        position: absolute;
        text-align: center;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        width: 143px;
        z-index: 98;
    }

    .simple-pricing-table .features li[data-tooltip]:before {
        left: 10px;
        width: 192px;
    }

    .extended-pricing-table .features-list .features li[data-tooltip]:before {
        left: 10px;
        text-align: left;
        width: 158px;
    }

    .simple-pricing-table .features li[data-tooltip]:hover:before,
    .extended-pricing-table .features li[data-tooltip]:hover:before {
        bottom: 100%;
        opacity: 1;
    }

    /* Tooltip arrow */
    .not-ie .simple-pricing-table .features li[data-tooltip]:after,
    .not-ie .extended-pricing-table .features li[data-tooltip]:after {
        background: #fff8de;
        border-bottom: 1px solid #fee5a2;
        border-right: 1px solid #fee5a2;
        -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .05);
        -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .05);
        box-shadow: 1px 1px 2px rgba(0, 0, 0, .05);
        bottom: 0;
        content: '';
        display: block;
        height: 10px;
        left: 50%;
        margin: 0 0 0 -5px;
        opacity: 0;
        position: absolute;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        width: 10px;
        z-index: 99;
    }

    .simple-pricing-table .features-list .features li[data-tooltip]:after,
    .extended-pricing-table .features-list .features li[data-tooltip]:after {
        left: 22px;
        margin-left: 0;
    }

    .not-ie .simple-pricing-table .features li[data-tooltip]:hover:after,
    .not-ie .extended-pricing-table .features li[data-tooltip]:hover:after {
        bottom: 30px;
        opacity: 1;
    }

    .simple-pricing-table .features li[data-tooltip]:hover:after {
        bottom: 24px !important;
    }

    .ie8 .simple-pricing-table .features li[data-tooltip]:before,
    .ie8 .simple-pricing-table .features li[data-tooltip]:after,
    .ie8 .extended-pricing-table .features li[data-tooltip]:before,
    .ie8 .extended-pricing-table .features li[data-tooltip]:after {
        display: none;
    }

    .ie8 .simple-pricing-table .features li[data-tooltip]:hover:before,
    .ie8 .extended-pricing-table .features li[data-tooltip]:hover:before {
        display: block;
    }

    /* -------------------------------------------------- */
    /*	Home > Slider
	/* -------------------------------------------------- */

    .ss-slider .slides-container {
        display: block;
    }

    .ss-slider .slide-images-container {
        display: none;
    }
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

    /* -------------------------------------------------- */
    /*	Home > Slider
	/* -------------------------------------------------- */

    .ss-slider .slides-container {
        display: none;
    }

    .ss-slider .slide-images-container {
        display: block;
    }

    .ss-slider .slide-bg-image {
        display: none;
    }

        .ss-slider .slide-bg-image:first-child, .no-js.ss-slider .slide-bg-image {
            display: block;
        }

    /* ---------------------------------------- */
    /*	Button
		/* ---------------------------------------- */

    .no-js .ss-slider .slide-button {
        width: 100% !important;
    }

    .ss-slider .slide-button {
        width: 50% !important;
    }

    .ss-slider.fully-loaded .slide-button.active {
        border-top-color: #00adef;
    }

    /* ---------------------------------------- */
    /*	Content & Pagination
		/* ---------------------------------------- */

    .ss-slider .content-container.center, .ss-slider .pagination-container.center a {
        top: 95px;
    }

    /* ---------------------------------------- */
    /*	Active Slide Bar
		/* ---------------------------------------- */

    .ss-slider .active-slide-bar {
        display: none;
    }

    /* -------------------------------------------------- */
    /*	Header
	/* -------------------------------------------------- */

    #logo {
        max-height: 100%;
    }

    /* -------------------------------------------------- */
    /*	Content
	/* -------------------------------------------------- */

    #content img {
        height: auto;
        max-width: 100%;
    }

    /* -------------------------------------------------- */
    /*	Simple Pricing Table
	/* -------------------------------------------------- */

    .simple-pricing-table .column {
        margin-bottom: 20px !important;
    }

    /* -------------------------------------------------- */
    /*	Extended Pricing Table
	/* -------------------------------------------------- */

    .extended-pricing-table .features li:before {
        color: #7b7b7b;
        content: attr(data-feature) ':' !important;
        display: block;
        font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
        font-weight: 700;
        text-align: center;
    }

    .extended-pricing-table .features-list {
        display: none;
    }

    /* -------------------------------------------------- */
    /*	Potrfolio
	/* -------------------------------------------------- */

    #portfolio-items-filter {
        float: none;
        margin: 0 0 20px;
    }

        #portfolio-items-filter li:first-child {
            display: none !important;
        }

        #portfolio-items-filter a {
            display: block !important;
        }

    /* ---------------------------------------- */
    /* Single Project
		/* ---------------------------------------- */

    .portfolio-pagination {
        float: none;
        margin-bottom: 20px;
        margin-top: 0;
    }

        .portfolio-pagination .button {
            margin-bottom: 0 !important;
        }

    .single-project .page-header .button {
        margin-bottom: 20px;
        margin-top: 0;
    }

    /* -------------------------------------------------- */
    /*	Footer
	/* -------------------------------------------------- */

    /* ---------------------------------------- */
    /*	Contact Info
		/* ---------------------------------------- */

    .contact-info li {
        border-bottom: 1px dotted #4b4b4b;
        float: none;
        margin-left: 0;
        padding-bottom: 5px;
    }

        .contact-info li:last-child {
            border-bottom: none;
        }

    /* ---------------------------------------- */
    /*	Social Links
		/* ---------------------------------------- */

    .social-links li:nth-child(6n+1) {
        margin-left: 15px;
    }

    .social-links li:nth-child(6n) {
        margin-right: 0;
    }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

    /* -------------------------------------------------- */
    /*	Wrap
	/* -------------------------------------------------- */

    .container {
        width: 748px;
    }

    /* ---------------------------------------- */
    /*	Columns
		/* ---------------------------------------- */

    .one-half {
        width: 364px;
    }

    .one-third {
        width: 236px;
    }

    .two-third {
        width: 492px;
    }

    .one-fourth {
        width: 172px;
    }

    .three-fourth {
        width: 556px;
    }

    /* -------------------------------------------------- */
    /*	Content > Main
	/* -------------------------------------------------- */

    #main {
        width: 488px;
    }

        /* ---------------------------------------- */
        /*	Columns
		/* ---------------------------------------- */

        #main .one-half {
            width: 234px;
        }

        #main .one-third {
            width: 149px;
        }

        #main .two-third {
            width: 319px;
        }

        #main .one-fourth {
            width: 107px;
        }

        #main .three-fourth {
            width: 361px;
        }

    /* -------------------------------------------------- */
    /*	Header
	/* -------------------------------------------------- */

    #header {
        height: 72px;
    }

    #logo {
        margin-top: -7px;
    }

    /* ---------------------------------------- */
    /*	Main Navigation
		/* ---------------------------------------- */

    #main-nav a {
        padding: 26px 20px;
    }

        #main-nav a:after {
            content: '';
            display: none;
        }

    .no-js #main-nav li:hover > ul, #main-nav ul ul {
        top: 78px;
    }

    /* -------------------------------------------------- */
    /*	Home
	/* -------------------------------------------------- */

    /* ---------------------------------------- */
    /*	Simple Pricing Table
		/* ---------------------------------------- */

    .simple-pricing-table .column {
        width: 746px;
    }

        .simple-pricing-table .column.featured {
            width: 736px;
        }

    .simple-pricing-table.col2 .column {
        width: 372px;
    }

    .simple-pricing-table.col3 .column {
        width: 248px;
    }

    .simple-pricing-table.col4 .column {
        width: 185px;
    }

    .simple-pricing-table.col5 .column {
        width: 148px;
    }

    .simple-pricing-table.col2.featured .column {
        width: 354px;
    }

    .simple-pricing-table.col3.featured .column {
        width: 235px;
    }

    .simple-pricing-table.col4.featured .column {
        width: 178px;
    }

    .simple-pricing-table.col5.featured .column {
        width: 142px;
    }

    .simple-pricing-table.col2 .column.featured {
        width: 382px;
    }

    .simple-pricing-table.col3 .column.featured {
        width: 265px;
    }

    .simple-pricing-table.col4 .column.featured {
        width: 199px;
    }

    .simple-pricing-table.col5 .column.featured {
        width: 165px;
    }

    /* ---------------------------------------- */
    /*	Extended Pricing Table
		/* ---------------------------------------- */

    .extended-pricing-table .column {
        width: 748px;
    }

    .extended-pricing-table.col2 .column {
        width: 374px;
    }

    .extended-pricing-table.col3 .column {
        width: 249px;
    }

    .extended-pricing-table.col4 .column {
        width: 187px;
    }

    .extended-pricing-table.col5 .column {
        width: 149px;
    }

    /* ---------------------------------------- */
    /*	Projects Carousel & Post Carousel
		/* ---------------------------------------- */

    .projects-carousel > li, .post-carousel > li {
        width: 236px;
    }

    /* ---------------------------------------- */
    /*	Post Carousel
		/* ---------------------------------------- */

    .post-carousel .entry-body {
        width: 191px;
    }

    /* -------------------------------------------------- */
    /*	Blog
	/* -------------------------------------------------- */

    .entry-body {
        width: 358px;
    }

    /* ---------------------------------------- */
    /*	Comments
		/* ---------------------------------------- */

    .comment .comment-body, .comment .comment-meta {
        width: 419px;
    }

    .comment .children .comment-body, .comment .children .comment-meta {
        width: 349px;
    }

    /* ---------------------------------------- */
    /*	Respond
		/* ---------------------------------------- */

    .comments-form input {
        width: 127px;
    }

    .comments-form textarea {
        width: 468px;
    }

    /* -------------------------------------------------- */
    /*	Contact Us
	/* -------------------------------------------------- */

    #map {
        height: 340px;
    }

    .contact-form input {
        width: 150px;
    }

    .contact-form textarea {
        width: 534px;
    }

    /* -------------------------------------------------- */
    /*	Footer > Social Links
	/* -------------------------------------------------- */

    .social-links li:nth-child(5n+1) {
        margin-left: 0;
    }

    .social-links li:nth-child(5n) {
        margin-right: 10px;
    }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

    /* -------------------------------------------------- */
    /*	Basic Elements & Classes
	/* -------------------------------------------------- */

    .fluid-width-video-wrapper {
        margin-bottom: 10px;
    }

    /* -------------------------------------------------- */
    /*	Generic Classes
	/* -------------------------------------------------- */

    .align-left, .align-right {
        float: none;
    }

    /* -------------------------------------------------- */
    /*	Wrap
	/* -------------------------------------------------- */

    .container {
        width: 300px;
    }

    /* ---------------------------------------- */
    /*	Columns
		/* ---------------------------------------- */

    .one-half, .one-third, .two-third, .one-fourth, .three-fourth {
        float: none;
        margin-right: 0;
    }

    .one-half, #main .one-half {
        width: 300px;
    }

    .one-third, #main .one-third {
        width: 300px;
    }

    .two-third, #main .two-third {
        width: 300px;
    }

    .one-fourth, #main .one-fourth {
        width: 300px;
    }

    .three-fourth, #main .three-fourth {
        width: 300px;
    }

    /* -------------------------------------------------- */
    /*	Header
	/* -------------------------------------------------- */

    #header {
        height: auto;
    }

    #logo {
        display: block;
        float: none;
        text-align: center;
    }

    /* ---------------------------------------- */
    /*	Main Navigation
		/* ---------------------------------------- */

    #main-nav {
        float: none;
        margin: 10px 0 20px;
    }

        #main-nav li {
            width: 50%;
        }

        #main-nav a {
            border-bottom-color: #efefef;
            padding: 16px 20px 30px;
        }

        #main-nav > ul > li:last-child a {
            border-bottom-color: transparent;
        }

        #main-nav > ul > .current:last-child a {
            border-bottom-color: #00adef;
        }

        #main-nav ul ul {
            width: 100%;
        }

        .no-js #main-nav li:hover > ul, #main-nav ul ul {
            top: 72px;
        }

            #main-nav ul ul li {
                width: auto;
            }

                #main-nav ul ul li:first-child > a {
                    border-top: none;
                }

                #main-nav ul ul li:last-child > a {
                    border-bottom: none;
                }

            #main-nav ul ul ul {
                border-bottom: 1px solid #252525;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
                display: block !important;
                left: 0 !important;
                margin: 0;
                top: 0 !important;
                position: relative;
            }

            #main-nav ul ul li:last-child ul {
                border-top: 1px solid #252525;
                border-bottom: none;
            }

            #main-nav ul ul ul a {
                padding-left: 30px;
            }

            #main-nav ul ul ul li:first-child a {
                border-top: 1px solid #4c4c4c;
            }

    /* -------------------------------------------------- */
    /*	Content > Main
	/* -------------------------------------------------- */

    #main {
        border-bottom: 1px solid #efefef;
        float: none;
        margin-right: 0;
        padding-bottom: 20px;
        width: 100%;
    }

    /* -------------------------------------------------- */
    /*	Image Gallery Slider
	/* -------------------------------------------------- */

    .image-gallery-slider {
        margin-bottom: 10px;
    }

    /* -------------------------------------------------- */
    /*	Extended Pricing Table
	/* -------------------------------------------------- */

    .extended-pricing-table .column {
        margin-bottom: 20px;
    }

        .extended-pricing-table .column.featured {
            margin-bottom: 10px;
        }

    /* -------------------------------------------------- */
    /*	Home > Slider
	/* -------------------------------------------------- */

    .ss-slider.fully-loaded, .ss-slider.fully-loaded .slide-images-container {
        background: #fff url(../img/loader.gif) no-repeat center 50%;
    }

    /* ---------------------------------------- */
    /*	Button
		/* ---------------------------------------- */

    .js .ss-slider .buttons-container {
        display: none;
    }

    /* ---------------------------------------- */
    /*	Content
		/* ---------------------------------------- */

    .ss-slider .content-container, .ss-slider:hover .content-container, .no-js .ss-slider .slide-content {
        display: none;
    }

    /* ---------------------------------------- */
    /*	Pagination
		/* ---------------------------------------- */

    .ss-slider .pagination-container a {
        background-color: rgba(0, 173, 239, 0.6);
        background-image: url(../img/slider-arrows-medium.png) !important;
        bottom: 50% !important;
        height: 49px !important;
        margin: 0 0 -25px 0 !important;
        filter: alpha(opacity=60) !important; /* Fallback for old IE */
        opacity: 1 !important;
        right: auto !important;
        top: auto !important;
        width: 25px !important;
    }

    .ss-slider .pagination-container .prev {
        background-position: -7px center !important;
        left: 0 !important;
        right: auto !important;
    }

    .ss-slider .pagination-container .next {
        background-position: -46px center !important;
        left: auto !important;
        right: 0 !important;
    }

    .ss-slider .pagination-container a:hover {
        background-color: rgba(0, 173, 239, 1);
        filter: alpha(opacity=100); /* Fallback for old IE */
    }

    /* -------------------------------------------------- */
    /*	Blog
	/* -------------------------------------------------- */

    .entry-image, .entry-video, .entry-audio {
        margin-bottom: 10px;
    }

    .single-image .entry-image, .image-gallery .entry-image, .iframe .entry-image {
        margin-bottom: 0;
    }

    .entry .entry-body {
        float: none;
        margin: 0;
        width: 100%;
    }

    .entry .entry-meta {
        border-bottom: 1px solid #efefef;
        border-top: 1px solid #efefef;
        float: none;
        margin: 10px 0;
        padding: 4px 0;
        text-align: left;
        width: 100%;
    }

        .entry .entry-meta ul {
        }

        .entry .entry-meta li {
            border-left: 1px solid #efefef;
            display: inline-block;
            padding: 0 10px;
        }

            .entry .entry-meta li:first-child {
                border-left: none;
                padding-left: 0;
            }

            .entry .entry-meta li:last-child {
                padding-right: 0;
            }

            .entry .entry-meta li .title {
                display: block;
            }

        .entry .entry-meta .post-format {
            background: none;
            height: auto;
            margin: 0;
            text-indent: 0;
            width: auto;
        }

        .entry .entry-meta a:hover > .post-format {
            background: none;
        }

    /* -------------------------------------------------- */
    /*	Contact Us
	/* -------------------------------------------------- */

    .contact-form .input-block, .comments-form .input-block {
        float: none;
        margin: 0 0 20px 0;
    }

    .contact-form input, .comments-form input,
    .contact-form textarea, .comments-form textarea {
        width: 398px;
    }

    /* -------------------------------------------------- */
    /*	Sidebar
	/* -------------------------------------------------- */

    #sidebar {
        float: none;
        margin-top: 40px;
        width: 100%;
    }

    /* -------------------------------------------------- */
    /*	Footer
	/* -------------------------------------------------- */

    .not-ie #footer .container:after {
        top: -56px;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    /* -------------------------------------------------- */
    /*	Wrap
	/* -------------------------------------------------- */

    .container {
        width: 420px;
    }

    /* ---------------------------------------- */
    /*	Columns
		/* ---------------------------------------- */

    .one-half, .one-third, .two-third, .one-fourth, .three-fourth {
        float: none;
        margin-right: 0;
    }

    .one-half, #main .one-half {
        width: 420px;
    }

    .one-third, #main .one-third {
        width: 420px;
    }

    .two-third, #main .two-third {
        width: 420px;
    }

    .one-fourth, #main .one-fourth {
        width: 420px;
    }

    .three-fourth, #main .three-fourth {
        width: 420px;
    }

    /* -------------------------------------------------- */
    /*	Home
	/* -------------------------------------------------- */

    /* ---------------------------------------- */
    /*	Simple Pricing Table
		/* ---------------------------------------- */

    .simple-pricing-table .column {
        width: 418px;
    }

        .simple-pricing-table .column.featured {
            width: 408px;
        }

    .simple-pricing-table.col2 .column {
        width: 208px !important;
    }

    .simple-pricing-table.col3 .column,
    .simple-pricing-table.col4 .column, .simple-pricing-table.col5 .column {
        width: 204px !important;
    }

    /* ---------------------------------------- */
    /*	Extended Pricing Table
		/* ---------------------------------------- */

    .extended-pricing-table .column {
        width: 420px;
    }

    .extended-pricing-table.col2 .column, .extended-pricing-table.col3 .column,
    .extended-pricing-table.col4 .column, .extended-pricing-table.col5 .column {
        width: 210px;
    }

    /* ---------------------------------------- */
    /*	Projects Carousel & Post Carousel
		/* ---------------------------------------- */

    .projects-carousel > li, .post-carousel > li {
        width: 200px;
    }

    /* ---------------------------------------- */
    /*	Post Carousel
		/* ---------------------------------------- */

    .post-carousel .entry-body {
        width: 155px;
    }

    /* -------------------------------------------------- */
    /*	Blog > Comments
	/* -------------------------------------------------- */

    .comment .comment-body, .comment .comment-meta {
        width: 351px;
    }

    .comment .children .comment-body, .comment .children .comment-meta {
        width: 281px;
    }

    /* -------------------------------------------------- */
    /*	Contact Us
	/* -------------------------------------------------- */

    #map {
        height: 240px;
    }

    /* -------------------------------------------------- */
    /*	Footer
	/* -------------------------------------------------- */

    /* ---------------------------------------- */
    /*	Contact Info
		/* ---------------------------------------- */

    .contact-info {
        margin-bottom: 20px;
    }

    /* ---------------------------------------- */
    /*	Social Links
		/* ---------------------------------------- */

    .social-links li:nth-child(12n+1) {
        margin-left: 0;
    }

    .social-links li:nth-child(12n) {
        margin-right: 15px;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

    /* -------------------------------------------------- */
    /*	Header > Main Navigation
	/* -------------------------------------------------- */

    #main-nav li {
        width: 100%;
    }

    #main-nav a {
        padding: 18px;
    }

        #main-nav a:after, #main-nav > ul {
            display: none;
        }

        #main-nav a:after {
            content: '';
        }

    .no-js #main-nav > ul, #main-nav .responsive-nav {
        display: block;
    }

    .no-js #main-nav li:hover > ul {
        top: 62px;
    }

    /* -------------------------------------------------- */
    /*	Home
	/* -------------------------------------------------- */

    /* ---------------------------------------- */
    /*	Simple Pricing Table
		/* ---------------------------------------- */

    .simple-pricing-table .column {
        width: 298px !important;
    }

        .simple-pricing-table .column.featured {
            margin-top: 0;
            width: 288px !important;
        }

    /* ---------------------------------------- */
    /*	Extended Pricing Table
		/* ---------------------------------------- */

    .extended-pricing-table .column {
        width: 300px !important;
    }

        .extended-pricing-table .column.featured {
            margin-bottom: 20px;
            margin-top: 10px;
        }

    .extended-pricing-table .features {
        background: #f8f8f8 !important;
    }

    .extended-pricing-table .featured .features {
        background: #fff !important;
    }

    .extended-pricing-table .features li {
        background: none !important;
        border-bottom: none;
        border-top: 1px solid #fff;
        float: left;
        width: 129px;
    }

        .extended-pricing-table .features li:nth-child(odd) {
            border-right: 1px solid #fff;
        }

    .extended-pricing-table .featured .features li:nth-child(odd) {
        border-right: 1px solid #f6f6f6;
    }

    .extended-pricing-table .features li:nth-child(4n-1),
    .extended-pricing-table .features li:nth-child(4n-4) {
        background: #f0f0f0 !important;
    }

    .extended-pricing-table .featured .features li:nth-child(4n-1),
    .extended-pricing-table .featured .features li:nth-child(4n-4) {
        background: #f6f6f6 !important;
    }

    .extended-pricing-table .footer {
        border-top: 1px solid #fff;
        clear: both;
        padding: 12px 10px !important;
        width: 279px;
    }

    /* ---------------------------------------- */
    /*	Projects Carousel
		/* ---------------------------------------- */

    .projects-carousel > li, .post-carousel > li {
        width: 300px;
    }

    /* ---------------------------------------- */
    /*	Post Carousel
		/* ---------------------------------------- */

    .post-carousel .entry-body {
        width: 255px;
    }

    /* -------------------------------------------------- */
    /*	Blog
	/* -------------------------------------------------- */

    .hentry .entry-meta li {
        width: 82px;
    }

        .hentry .entry-meta li:nth-child(1), .hentry .entry-meta li:nth-child(2), .hentry .entry-meta li:nth-child(3) {
            border-bottom: 1px solid #efefef;
            margin-bottom: 4px;
            padding-bottom: 4px;
        }

        .hentry .entry-meta li:nth-child(3) {
            padding-right: 0;
        }

        .hentry .entry-meta li:nth-child(4) {
            border-left: none;
            padding-left: 0;
        }

    /* ---------------------------------------- */
    /*	Comments
		/* ---------------------------------------- */
    .comment .avatar {
        margin-bottom: 10px;
    }

    .comment .comment-meta {
        margin-top: 5px;
        width: 231px;
    }

    .comment .author, .comment .author a {
        margin-top: 5px;
    }

    .comment .comment-body {
        clear: both;
        float: none;
        margin-left: 0;
        margin-top: 20px;
        width: 100%;
    }

    .comment .children .comment-meta {
        width: 161px;
    }

    /* -------------------------------------------------- */
    /*	Contact Us
	/* -------------------------------------------------- */

    #map {
        height: 140px;
    }

    .contact-form input, .comments-form input,
    .contact-form textarea, .comments-form textarea {
        width: 278px;
    }

    /* -------------------------------------------------- */
    /*	Footer
	/* -------------------------------------------------- */

    /* ---------------------------------------- */
    /*	Footer Navigation
		/* ---------------------------------------- */

    #footer-nav li {
        border-top: 1px dotted #4b4b4b;
        padding: 5px 0;
        width: 100%;
    }

        #footer-nav li:first-child {
            border-top: none;
        }

        #footer-nav li a {
            border: none;
            padding: 0;
        }

    /* ---------------------------------------- */
    /*	Contact Info
		/* ---------------------------------------- */

    .contact-info {
        margin-bottom: 20px;
    }

    /* ---------------------------------------- */
    /*	Social Links
		/* ---------------------------------------- */

    .social-links li:nth-child(8n+1) {
        margin-left: 0;
    }

    .social-links li:nth-child(8n) {
        margin-right: 15px;
    }
}
/* Admin side */

table.data-table td, table.data-table th {
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
    border: 1px dotted #777;
}

table.data-table tr:nth-child(odd) {
    background-color: #DDD;
}

div#partners img {
    margin-right: 15px;
}
