/* -------------------------------------------------------------------------------

    0.  Reset & Clearfix
    1.  Document Setup
    2.  Wrap
    3.  Header
    4.  Content
    5.  Homepage
    6.  About
    7.  Services
    8.  Pricing Tables
    9.  Shortcodes
    10. Blog
    11. Portfolio
    12. Contact
    13. Widgets
    14. Footer
    15. Media Queries
*/
/* ------------------------------------------------------------------------------- */
/*  0.  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
}

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


/* ------------------------------------------------------------------------------- */
/*  1.  Document Setup
/* ------------------------------------------------------------------------------- */

html {
    overflow-x: hidden;
}

body {
    background: #f0f0f0;
    color: #636363;
    font: 11px/1.7 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
}

a, a > * {
    color: #333;
    text-decoration: none;
    -webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
    -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
    -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
    -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
    transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
}

a:hover, a > *:hover {
    color: #d73300;
}

::-moz-selection {
    background: #333;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #333;
    color: #fff;
    text-shadow: none;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 18px;
    font-weight: 400;
}

h4 {
    font-size: 16px;
    font-weight: 400;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 11px;
}

h1, h2, h3, h4, h5, h6 {
    color: #333;
    font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    line-height: 1.25;
    text-transform: uppercase;
}

h1.capitalize {
    text-transform: capitalize;
}

dl, hr, h1, h2, h3, h4, h5, h6, pre, table, address, fieldset, blockquote, p {
    margin-bottom: 10px;
}

hr.h80 {
    margin: 40px 0;
}


/*  Forms  --------------------------------*/

input[type="text"], input[type="password"], textarea {
    /*background: url(../images/bg_dots_grey.png);*/
    border-radius: 0;
    border: 1px solid #8c8c8c;
    color: #959595;
    display: block;
    font: 11px/1.7 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
    padding: 7px 9px;
    text-transform: uppercase;
    width: 240px;
}

textarea {
    resize: none;
    width: 500px;
}

input[type="submit"], input[type="reset"], input[type="button"], button, .button {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-size: 100% 200%;
    color: #fff;
    cursor: pointer;
    font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-weight: 600;
    padding: 7px 25px 8px;
    -webkit-transition: background .2s ease-out;
    -moz-transition: background .2s ease-out;
    -ie-transition: background .2s ease-out;
    -o-transition: background .2s ease-out;
    transition: background .2s ease-out;
}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover, .button:hover {
    background-position: 0 100%;
}


/* ------------------------------------------------------------------------------- */
/*  2.  Wrap
/* ------------------------------------------------------------------------------- */

#body-wrapper {
    background: #fff;
    left: 50%;
    margin-left: -520px;
    position: relative;
    width: 1040px;
}

.container {
    margin: 0 20px;
    padding: 0 30px;
    position: relative;
}


/*  Columns  --------------------------------*/

.one-fourth, .three-fourth, .one-third, .two-third, .one-half {
    float: left;
    margin-right: 20px !important;
    position: relative;
}

.one-fourth.last, .three-fourth.last, .one-third.last, .two-third.last, .one-half.last {
    margin-right: 0 !important;
}

.one-fourth {
    width: 220px;
}

.three-fourth {
    width: 700px;
}

.one-third {
    width: 300px;
}

.two-third {
    width: 620px;
}

.one-half {
    width: 460px;
}


/* ------------------------------------------------------------------------------- */
/*  3.  Header
/* ------------------------------------------------------------------------------- */

#header {
    background: url(../images/sep_d.png) repeat-x 0 100%;
    height: 103px;
}

#logo {
    float: left;
    height: 100px;
}


/*  Navigation  --------------------------------*/

#navigation {
    float: right;
}

#navigation li {
    float: left;
    position: relative;
}

#navigation a {
    color: #333;
    display: block;
    font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 0 40px;
    padding: 53px 0 30px;
    position: relative;
    text-transform: uppercase;
}

#navigation a:hover, #navigation .hover > a, #navigation .current > a {
    background: url(../images/menu_active_item.png) repeat-x 0 100%;
    color: #d73300;
}


/*  Dropdown  --------------------------------*/

#navigation ul {
    background: #d73300;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    display: none;
    left: 0;
    margin: 0 0 0 40px;
    padding: 0;
    position: absolute;
    top: 103px;
    width: 180px;
    z-index: 9999;
}

#navigation ul li {
    border-bottom: 1px dotted #e3714d;
    float: none;
}

#navigation ul li:last-child {
    border-bottom: none;
}

#navigation ul li i {
    background: url(../images/menu_i.png) no-repeat 0 0;
    height: 5px;
    position: absolute;
    right: 10px;
    top: 40%;
    width: 3px;
}

#navigation ul a {
    color: #f0bfb8;
    display: block;
    font-size: 11px;
    font-weight: 400;
    margin: 0;
    padding: 7px 20px;
    text-transform: none;
}

#navigation ul a:hover, #navigation ul .hover > a, #navigation ul .current > a, #navigation ul .current > a:hover {
    color: #fff;
}


/*  Sub Dropdown  --------------------------------*/

#navigation ul ul {
    left: 180px;
    margin: 0;
    top: 0;
}


/*  Responsive Nav  --------------------------------*/

.selectnav {
    display: none;
}


/* ------------------------------------------------------------------------------- */
/*  4.  Content
/* ------------------------------------------------------------------------------- */

#content {

}

#main {
    float: left;
    margin: 0 40px 0 0;
    width: 680px;
}

#sidebar {
    float: right;
    width: 220px;
}

.video iframe {
    display: block;
}


/*  Back to Top  --------------------------------*/

#back-top a {
    background: #ccc url(../images/back_top.png) no-repeat 50% 50%;
    bottom: 30px;
    display: block;
    height: 40px;
    position: fixed;
    right: 30px;
    width: 40px;
    z-index: 9999;
}

#back-top a:hover {
    background: #d73300 url(../images/back_top.png) no-repeat 50% 50%;
}


/*  Page Title  --------------------------------*/

.page-title, .page-title-inner, .page-title-alt {
    color: #c2c2c2;
    display: inline-block;
    font-size: 48px;
    font-weight: 100;
    letter-spacing: 2px;
    line-height: 1.2;
    margin: 0 -30px;
    padding: 40px 30px 45px;
    width: 100%;
}

.page-title .accent, .page-title-alt .accent {
    color: #333;
}

.page-title-inner {
    background: url(../images/sep_d.png) repeat-x 0 100%;
    color: #333;
    margin-bottom: 80px;
    padding-bottom: 45px;
}

.page-title-inner .section-title {
    color: #c2c2c2;
    display: block;
    font-size: 30px;
    letter-spacing: normal;
    line-height: 1.5;
    width: 100%;
}

.page-title-inner .accent {
    color: #d73300;
}

.page-title-inner.fixed {
    background: none;
    margin-bottom: 0;
}

.page-title-alt {
    font-size: 72px;
    line-height: 1.2;
    margin: 0 -30px;
    padding-bottom: 75px;
    padding-top: 70px;
}


/*  Black & White Wrapper  --------------------------------*/

.bw-wrapper {
    display: block;
    position: relative;
}

.bw-wrapper canvas {
    margin-left: auto;
    margin-right: auto;
    right: 0;
    z-index: 9999;
}


/* ------------------------------------------------------------------------------- */
/*  5.  Homepage
/* ------------------------------------------------------------------------------- */


/*  Project & Blog Carousel  --------------------------------*/

#project-wrapper, #blog-wrapper {
    margin: 90px 0 0;
    position: relative;
    width: 100% !important;
}

#blog-wrapper {
    margin: 70px 0 0;
}

.section-title {
    display: block;
    float: left;
}

.section-title h4 {
    margin: 0 0 3px !important;
}

.section-title p {
    color: #959595;
}

.project-carousel > li, .blog-carousel > li {
    float: left;
    list-style: none;
    overflow: hidden;
    position: relative;
}

.project-carousel a {
    display: block;
    text-align: left;
}

.project-carousel img {
    display: block;
    position: relative;
    width: 100%;
}

.blog-carousel h4 {
    margin: 0 0 3px;
    text-transform: capitalize;
}

.blog-carousel .date, .blog-carousel .comments {
    color: #959595;
}

.blog-carousel .comments:hover {
    color: #d73300;
}

.blog-carousel p {
    margin: 10px 0 0;
}

.jcarousel-container {
    float: right;
    margin: 0;
    padding: 0;
}

.jcarousel-clip {
    overflow: hidden;
}

.jcarousel-item {
    margin: 0 20px 0 0;
    width: 220px;
}


/*  Carousel Navigation  --------------------------------*/

.jcarousel-next, .jcarousel-prev {
    background: #e6e6e6 url(../images/c_icon_next.png) no-repeat 50% 50%;
    cursor: pointer;
    float: left;
    display: block;
    height: 17px;
    margin-right: 5px;
    margin-top: 5px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    width: 17px;
}

.jcarousel-prev {
    background: #e6e6e6 url(../images/c_icon_prev.png) no-repeat 45% 50%;
}

.jcarousel-next:hover, .jcarousel-next:focus, .jcarousel-next:active {
    background: #d73300 url(../images/c_icon_next_w.png) no-repeat 50% 50%;
}

.jcarousel-prev:hover, .jcarousel-prev:focus, .jcarousel-prev:active {
    background: #d73300 url(../images/c_icon_prev_w.png) no-repeat 45% 50%;
}

.jcarousel-next-disabled, .jcarousel-next-disabled:hover, .jcarousel-next-disabled:focus, .jcarousel-next-disabled:active {
    background: #f0f0f0 url(../images/c_icon_next.png) no-repeat 50% 50%;
    cursor: default;
}

.jcarousel-prev-disabled, .jcarousel-prev-disabled:hover, .jcarousel-prev-disabled:focus, .jcarousel-prev-disabled:active {
    background: #f0f0f0 url(../images/c_icon_prev.png) no-repeat 45% 50%;
    cursor: default;
}


/*  Project Carousel (Alt. Homepage)  --------------------------------*/

#project-wrapper-alt {
    position: relative;
    width: 100% !important;
}

#project-wrapper-alt .jcarousel-next, #project-wrapper-alt .jcarousel-prev {
    background: #e6e6e6 url(../images/s_icon_next.png) no-repeat 50% 50%;
    cursor: pointer;
    height: 100%;
    left: 940px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    width: 30px;
}

#project-wrapper-alt .jcarousel-prev {
    background: #e6e6e6 url(../images/s_icon_prev.png) no-repeat 45% 50%;
    left: -30px;
}

#project-wrapper-alt .jcarousel-next:hover, #project-wrapper-alt .jcarousel-next:focus, #project-wrapper-alt .jcarousel-next:active {
    background: #d73300 url(../images/s_icon_next_w.png) no-repeat 50% 50%;
}

#project-wrapper-alt .jcarousel-prev:hover, #project-wrapper-alt .jcarousel-prev:focus, #project-wrapper-alt .jcarousel-prev:active {
    background: #d73300 url(../images/s_icon_prev_w.png) no-repeat 45% 50%;
}

#project-wrapper-alt .jcarousel-next-disabled, #project-wrapper-alt .jcarousel-next-disabled:hover, #project-wrapper-alt .jcarousel-next-disabled:focus, #project-wrapper-alt .jcarousel-next-disabled:active {
    background: #f0f0f0 url(../images/s_icon_next.png) no-repeat 50% 50%;
    cursor: auto;
}

#project-wrapper-alt .jcarousel-prev-disabled, #project-wrapper-alt .jcarousel-prev-disabled:hover, #project-wrapper-alt .jcarousel-prev-disabled:focus, #project-wrapper-alt .jcarousel-prev-disabled:active {
    background: #f0f0f0 url(../images/s_icon_prev.png) no-repeat 45% 50%;
    cursor: auto;
}


/*  Logo List  --------------------------------*/

.logo-list {
    border-top: 1px dotted #ccc;
    display: inline-block;
    margin: 70px -30px -105px;
    padding: 20px 30px;
    position: relative;
}

.logo-list li {
    border-left: 1px dotted #ccc;
    display: block;
    float: left;
    height: 89px;
    overflow: hidden;
    width: 187px;
    position: relative;
}

.logo-list li:last-child {
    margin-right: -5px;
    border-right: 1px dotted #ccc;
    width: 186px;
}

.logo-list img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 186px;
}

.logo-list .bw-wrapper {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: .5;
    -webkit-backface-visibility: hidden;
}

.logo-list .bw-wrapper:hover {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}


/*  View More  --------------------------------*/

.work-more a {
    color: #c2c2c2;
    border-bottom: 1px dotted #ccc;
    display: block;
    font-size: 30px;
    font-weight: 200;
    margin: 0 -30px;
    padding: 44px 30px;
    text-align: center;
    text-transform: uppercase;
}

.work-more a:hover {
    color: #d73300;
}

.work-more .arrow {
    background: url(../images/more_arrow_01.png) repeat-x -20px 0;
    display: inline-block;
    height: 22px;
    -webkit-transition: background .2s ease-out;
    -moz-transition: background .2s ease-out;
    -ie-transition: background .2s ease-out;
    -o-transition: background .2s ease-out;
    transition: background .2s ease-out;
    width: 20px;
    vertical-align: baseline;
}

.work-more:hover .arrow {
    background: url(../images/more_arrow_01.png) repeat-x 0 0;
}


/* ------------------------------------------------------------------------------- */
/*  6.  About
/* ------------------------------------------------------------------------------- */

.about-intro {
    color: #333;
    font-size: 14px;
    margin: 0 0 80px;
}

.about-intro h4 {
    margin: 0 0 20px;
}

.team-member {
    border-bottom: 3px solid #ccc;
    margin-bottom: 30px;
    -webkit-transition: border .2s ease-out;
    -moz-transition: border .2s ease-out;
    -ie-transition: border .2s ease-out;
    -o-transition: border .2s ease-out;
    transition: border .2s ease-out;
}

.team-member:hover {
    border-bottom: 3px solid #d73300;
}

.member-photo img {
    display: block;
    width: 100%;
}

.member-info {
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    display: block;
    padding: 16px 15px 9px;
}

.member-info h4 {
    color: #d73300;
    margin: 0;
}

.member-info .position {
    color: #959595;
    display: block;
    margin-bottom: 15px;
}

.member-info p {
    border-bottom: 1px dotted #d9d9d9;
    border-top: 1px dotted #d9d9d9;
    margin: 10px 0;
    padding: 20px 0;
}

.member-social-links {
    display: inline-block;
}

.member-social-links li {
    display: block;
    float: left;
}

.member-social-links a {
    color: #959595;
    font-size: 8px;
    letter-spacing: 1px;
    margin-right: 10px;
    text-transform: uppercase;
}

.member-social-links a:hover {
    color: #d73300;
}


/* ------------------------------------------------------------------------------- */
/*  7.  Services
/* ------------------------------------------------------------------------------- */

.services-intro {
    color: #333;
    font-size: 18px;
    margin: 0 0 80px;
}

.service-icon {
    background: #d73300;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    display: inline-block;
    float: left;
    height: 36px;
    margin-top: -9px;
    text-align: center;
    width: 36px;
}

.service-description {
    margin-left: 45px;
}

.service-description h4 {
    margin: 0;
}

.service-description p {
    color: #959595;
    margin: 19px 0 13px;
    padding-right: 10px;
}

.service {
    margin-bottom: 80px;
}

.service li {
    border-bottom: 1px dotted #ccc;
    display: block;
    padding: 7px 0;
}

.service li:last-child {
    border: none;
}


/* ------------------------------------------------------------------------------- */
/*  8.  Pricing Tables
/* ------------------------------------------------------------------------------- */


.pricing-table-extended .column, .pricing-table-simple .column {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
}

.pricing-table-extended ul li, .pricing-table-simple ul li {
    display: block;
    margin: 0;
    position: relative
}

.pricing-table-extended .footer, .pricing-table-simple .footer {
    padding: 24px 20px;
}

.level-max input {
    background: #ec4c1a;
    background: -webkit-linear-gradient(#ec4c1a, #a32700);
    background: -moz-linear-gradient(#ec4c1a, #a32700);
    background: -ms-linear-gradient(#ec4c1a, #a32700);
    background: -o-linear-gradient(#ec4c1a, #a32700);
    background: -webkit-gradient(#ec4c1a, #a32700);
    background: linear-gradient(#ec4c1a, #a32700);
}

.level-max input:hover {
    background-position: 0 100%;
}

.level-one input {
    background: #959595;
    background: -webkit-linear-gradient(#959595, #545454);
    background: -moz-linear-gradient(#959595, #545454);
    background: -ms-linear-gradient(#959595, #545454);
    background: -o-linear-gradient(#959595, #545454);
    background: -webkit-gradient(#959595, #545454);
    background: linear-gradient(#959595, #545454);
}

.level-one input:hover {
    background-position: 0 100%;
}


/*  Extended Pricing Table  --------------------------------*/

.pricing-table-extended {
    margin-bottom: 120px;
}

.pricing-table-extended .column {
    border-left: 2px solid #fff;
    display: block;
}

.pricing-table-extended.five-cols .column {
    width: 143px;
}

.pricing-table-extended.four-cols .column {
    width: 179px;
}

.pricing-table-extended.three-cols .column {
    width: 226px;
}

.pricing-table-extended.two-cols .column {
    width: 313px;
}

.pricing-table-extended.one-cols .column {
    width: 625px;
}

.pricing-table-extended.three-cols .features-list {
    width: 260px !important;
}

.pricing-table-extended.two-cols .features-list,
.pricing-table-extended.one-cols .features-list {
    width: 313px !important;
}

.pricing-table-extended .features-list {
    border: none;
    text-align: left;
    width: 218px !important;
}

.pricing-table-extended .level-max {
    background: #fff;
    border: none;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    margin: -15px -2px -15px 0;
    z-index: 9999;
}

.pricing-table-extended .header {
    background: #636363;
    color: #fff;
    min-height: 132px;
}

.pricing-table-extended .features-list .header {
    background: none;
}

.pricing-table-extended .level-one .header {
    background: #959595;
}

.pricing-table-extended .level-max .header {
    background: #d73300;
    padding: 0 0 15px;
}

.pricing-table-extended h1 {
    background: #595959;
    border-bottom: 1px solid #737373;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    padding: 13px 15px;
}

.pricing-table-extended .level-one h1 {
    background: #868686;
    border-bottom: 1px solid #a0a0a0;
    color: #fff;
}

.pricing-table-extended .level-max h1 {
    background: #c12e00;
    border-bottom: 1px solid #db481a;
    color: #fff;
}

.pricing-table-extended h2 {
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    margin: 10px 0 0;
    text-transform: capitalize;
}

.pricing-table-extended h2 span {
    color: #fff;
    display: block;
    font-size: 36px;
    font-weight: 700;
}

.pricing-table-extended .level-max h2 span {
    font-size: 48px;
    font-weight: 700;
}

.pricing-table-extended ul li {
    background: #f8f8f8;
    padding: 9px 20px;
}

.pricing-table-extended ul li:nth-child(even) {
    background: #ebebeb;
}

.pricing-table-extended .level-max ul li:nth-child(even) {
    background: #f2f2f2;
}

.pricing-table-extended .check {
    background: url(../images/pricing_check.png) no-repeat center;
    display: inline-block;
    height: 18px;
    text-indent: -9999px;
    width: 18px;
}

.pricing-table-extended .footer {
    background: #f8f8f8;
}

.pricing-table-extended .features-list .footer {
    background: none;
}

.pricing-table-extended .level-max .footer {
    background: #fff;
    padding: 31px 20px;
}


/*  Simple Pricing Table  --------------------------------*/

.pricing-table-simple {
    margin-bottom: 120px;
}

.pricing-table-simple .column {
    background: #f6f6f6;
    border-left: 2px solid #fff;
}

.pricing-table-simple .column:first-child {
    border: none;
}

.pricing-table-simple.five-cols .column {
    width: 186px;
}

.pricing-table-simple.four-cols .column {
    width: 234px;
}

.pricing-table-simple.three-cols .column {
    width: 312px;
}

.pricing-table-simple.two-cols .column {
    width: 470px;
}

.pricing-table-simple.one-cols .column {
    width: 940px;
}

.pricing-table-simple .level-max {
    background: #fff;
    border: none;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    margin: -15px -2px -15px 0;
    z-index: 9999;
}

.pricing-table-simple .header {
    padding: 26px 20px 23px;
}

.pricing-table-simple .level-max .header {
    padding: 31px 20px 33px;
}

.pricing-table-simple h1 {
    color: #636363;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 7px;
}

.pricing-table-simple h2 {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 3px;
}

.pricing-table-simple h2 span {
    color: #333;
    font-weight: 600;
}

.pricing-table-simple .level-max h2, .pricing-table-simple .level-max h2 span {
    color: #d73300;
}

.pricing-table-simple .level-max h6 {
    color: #e3816f;
}

.pricing-table-simple h6 {
    color: #636363;
    font-size: 11px;
    margin: 0;
    font-weight: 200;
    text-transform: capitalize;
}

.pricing-table-simple ul {
    margin: 0 20px;
}

.pricing-table-simple ul li {
    border-top: 1px dotted #ccc;
    padding: 8px 0;
}

.pricing-table-simple ul li:last-child {
    border-bottom: 1px dotted #ccc;
}

.pricing-table-simple .level-max .footer {
    margin: 5px 0 10px;
}


/* ------------------------------------------------------------------------------- */
/*  9.  Shortcodes
/* ------------------------------------------------------------------------------- */

.shortcodes h5 {
    margin-bottom: 25px;
}


/*  Buttons  --------------------------------*/

.red {
    background: #ec4c1a;
    background: -webkit-linear-gradient(#ec4c1a, #a32700);
    background: -moz-linear-gradient(#ec4c1a, #a32700);
    background: -ms-linear-gradient(#ec4c1a, #a32700);
    background: -o-linear-gradient(#ec4c1a, #a32700);
    background: -webkit-gradient(#ec4c1a, #a32700);
    background: linear-gradient(#ec4c1a, #a32700);
}

.yellow {
    background: #ffd800;
    background: -webkit-linear-gradient(#ffd800, #f49000);
    background: -moz-linear-gradient(#ffd800, #f49000);
    background: -ms-linear-gradient(#ffd800, #f49000);
    background: -o-linear-gradient(#ffd800, #f49000);
    background: -webkit-gradient(#ffd800, #f49000);
    background: linear-gradient(#ffd800, #f49000);
}

.black {
    background: #636363;
    background: -webkit-linear-gradient(#636363, #404040);
    background: -moz-linear-gradient(#636363, #404040);
    background: -ms-linear-gradient(#636363, #404040);
    background: -o-linear-gradient(#636363, #404040);
    background: -webkit-gradient(#636363, #404040);
    background: linear-gradient(#636363, #404040);
}

.gray {
    background: #959595;
    background: -webkit-linear-gradient(#959595, #545454);
    background: -moz-linear-gradient(#959595, #545454);
    background: -ms-linear-gradient(#959595, #545454);
    background: -o-linear-gradient(#959595, #545454);
    background: -webkit-gradient(#959595, #545454);
    background: linear-gradient(#959595, #545454);
}


/*  Accordion  --------------------------------*/

.accordion-button {
    background: url(../images/accordion_buttons.png) no-repeat 0 8px;
    border-top: 1px dotted #ccc;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 7px 0 7px 25px;
}

.accordion-button.ui-state-active {
    background: url(../images/accordion_buttons.png) no-repeat 0 -127px;
    color: #d73300;
}

.accordion-button:first-child {
    border: none;
}

.accordion-content {
    padding: 0 0 8px 25px;
}

.shortcodes .accordion-button:first-child {
    margin-top: -8px;
}


/*  Alert Boxes  --------------------------------*/

.success, .notice, .warning, .error {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    margin-bottom: 10px;
    padding: 6px 15px;
}

.success {
    background: #93b336;
}

.notice {
    background: #507cc3;
}

.warning {
    background: #ffbb00;
}

.error {
    background: #d73300;
}


/*  Blockquote  --------------------------------*/

blockquote {
    background: url(../images/quote.png) no-repeat 30px 28px;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
    font-style: italic;
    padding: 28px 20px 24px 50px;
    position: relative;
}

blockquote p {
    font-size: 11px !important;
}

blockquote p:last-of-type {
    margin-bottom: 0;
}

blockquote .person {
    color: #333;
    display: block;
    font-style: normal;
    margin-top: 10px;
}

blockquote .person .accent {
    color: #d73300;
}

blockquote .corner {
    background: url(../images/quote_corner.png) no-repeat 0 0;
    bottom: -18px;
    display: block;
    height: 18px;
    left: 50px;
    position: absolute;
    width: 29px;
}

blockquote.wide {
    background-position: 80px 28px;
    margin: 6px 0 34px;
    padding: 28px 30px 28px 100px;
}

blockquote.wide .corner {
    bottom: -18px;
    left: 80px;
}


/*  Lists  --------------------------------*/

.shortcodes .check {
    margin-top: -10px;
}

ul.compressed li {
    padding-bottom: 4px;
    padding-top: 4px;
}

ul.compressed li:first-child {
    margin-top: -5px;
}

.check li, .check-bold li, .arrow li, .arrow-bold li, .square li, .circle li {
    list-style: none;
    margin: 0;
    padding: 5px 0 5px 18px;
}

.check li {
    background: url(../images/list_check.png) no-repeat 2px 53%;
}

.check-bold li {
    background: url(../images/list_check_bold.png) no-repeat 1px 53%;
}

.arrow li {
    background: url(../images/list_arrow.png) no-repeat 4px 53%;
}

.arrow-bold li {
    background: url(../images/list_arrow_bold.png) no-repeat 3px 53%;
}

.square li {
    background: url(../images/list_square.png) no-repeat 4px 53%;
}

.circle li {
    background: url(../images/list_circle.png) no-repeat 4px 53%;
}


/* ------------------------------------------------------------------------------- */
/*  10.  Blog
/* ------------------------------------------------------------------------------- */

.post {
    background: url(../images/sep_d.png) repeat-x 0 100%;
    margin: 0 0 60px;
    padding: 0 0 35px;
}

.post h2 {
    font-size: 30px;
    line-height: 1.4;
    margin: 0;
    text-transform: capitalize;
}

.post-meta .author {
    color: #959595;
    border-bottom: 1px dotted #e5e5e5;
    padding: 5px 0;
}

.post-meta .author a {
    color: #d73300;
}

.post-meta .author a:hover {
    color: #e38473;
}

.post-meta .date, .post-meta .tags, .post-meta .comments {
    color: #959595;
    display: inline-block;
    margin-right: 15px;
    padding: 12px 0 27px 0;
}

.post-meta .date a, .post-meta .tags a, .post-meta .comments a {
    color: #959595;
}

.post-meta .date a:hover, .post-meta .tags a:hover, .post-meta .comments a:hover {
    color: #d73300;
}

.post-meta .date {
    padding-left: 15px;
    background: url(../images/blog_icon_date.png) no-repeat 0 16px;
}

.post-meta .tags {
    padding-left: 17px;
    background: url(../images/blog_icon_tags.png) no-repeat 0 16px;
}

.post-meta .comments {
    padding-left: 17px;
    background: url(../images/blog_icon_comments.png) no-repeat 0 15px;
}

.post-entry {
    display: block;
    position: relative;
}

.post-entry .image, .post-entry .image-slider, .post-entry .video {
    display: block;
    margin: 0 auto 23px;
    max-width: 100%;
}

.post-entry p {
    display: block;
    font-size: 14px;
}

.post-entry a {
    color: #d73300;
}

.post-entry a:hover {
    color: #e38473;
}


/*  Pagination  --------------------------------*/

.pagination {
    margin: 0;
}

.pagination li {
    display: inline-block;
    list-style: none;
    margin: 0;
}

.pagination li:last-child {
    margin-right: 0;
}

.pagination .current {
    background: #d73300;
    color: #fff !important;
}

.pagination a, .pagination .current {
    color: #959595;
    display: inline-block;
    padding: 0 6px;
}

.pagination a:hover {
    color: #d73300;
}

.pagination .prev a {
    background: url(../images/c_icon_prev.png) no-repeat 0 6px;
    padding-left: 10px;
}

.pagination .prev a:hover {
    background: url(../images/c_icon_prev_r.png) no-repeat 0 6px;
}

.pagination .next a {
    background: url(../images/c_icon_next.png) no-repeat 100% 6px;
    padding-right: 10px;
}

.pagination .next a:hover {
    background: url(../images/c_icon_next_r.png) no-repeat 100% 6px;
}


/*  Blog Post Details  --------------------------------*/

.post h3 {
    font-weight: 700;
    margin: 30px 0 23px;
    text-transform: capitalize;
}

.post.single p {
    margin-bottom: 20px;
}

.post.single p:last-child {
    margin-bottom: 10px;
}


/*  Comments  --------------------------------*/

.comments-list {
    border-bottom: 1px dotted #e5e5e5;
    margin: 36px 0 70px;
    padding: 0 0 10px;
}

.comment {
    border-top: 1px dotted #e5e5e5;
    display: inline-block;
    margin-top: 10px;
    padding-top: 30px;
}

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

.comment:first-child {
    border-top: none;
    margin: 0;
    padding: 0;
}

.comment > div {
    display: inline-block;
}

.comment .avatar {
    display: block;
    float: left;
    position: relative;
    width: 45px;
    z-index: 1;
}

.comment .comment-entry, .comment .comment-meta {
    float: right;
    width: 620px;
}

.comment .comment-meta {
    margin-top: -4px;
}

.comment .author {
    font-size: 14px;
    margin: 0;
    text-transform: capitalize;
}

.comment .author .reply {
    color: #959595;
    font-size: 11px;
    text-transform: capitalize;
}

.comment .author .reply:hover {
    color: #d73300;
    font-size: 11px;
}

.comment .date {
    color: #959595;
    margin: 1px 0 8px;
}

.comment .children {
    padding-left: 60px;
}

.comment .children .comment {
    border-top: 1px dotted #ced8df;
    position: relative;
}

.comment .children .comment-entry, .comment .children .comment-meta {
    width: 560px;
}

.comment .children .children .comment-entry, .comment .children .children .comment-meta {
    width: 500px;
}


/*  Comments Form  --------------------------------*/

#comments-form {
    margin-top: 30px;
}


/*  Blog (Alt. Version)  --------------------------------*/

.post-block {
    background: #d73300;
    display: block;
    margin-bottom: 80px;
}

.post-block .post-entry {
    margin: 13px 20px 15px;
}

.post-block .post-entry h2 {
    border-bottom: 1px dotted #e3714d;
    color: #fff;
    font-weight: 400;
    margin-bottom: 15px;
    padding-bottom: 14px;
    text-transform: capitalize;
}

.post-block .post-entry h2:hover {
    color: #f0bfb8;
}

.post-block .post-entry p {
    color: #f0bfb8;
    font-size: 11px;
}

.post-block img {
    display: block;
    width: 100%;
}

.post-block .post-meta {
    padding: 11px 20px;
}

.post-block a {
    color: #fff !important;
}

.post-block a:hover {
    color: #f0bfb8 !important;
}

.post-block .link, .post-block .comments {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.post-block .comments {
    float: right;
}


/*  View More  --------------------------------*/

.post-more a {
    color: #c2c2c2;
    display: block;
    font-size: 30px;
    font-weight: 200;
    margin: -80px -30px -100px;
    padding: 74px 30px;
    text-align: center;
    text-transform: uppercase;
}

.post-more a:hover {
    color: #d73300;
}

.post-more .arrow {
    background: url(../images/more_arrow_02.png) repeat-x 0 -26px;
    display: inline-block;
    height: 20px;
    -webkit-transition: background .2s ease-out;
    -moz-transition: background .2s ease-out;
    -ie-transition: background .2s ease-out;
    -o-transition: background .2s ease-out;
    transition: background .2s ease-out;
    width: 22px;
    vertical-align: baseline;
}

.post-more:hover .arrow {
    background: url(../images/more_arrow_02.png) repeat-x 0 -6px;
}


/* ------------------------------------------------------------------------------- */
/*  11.  Portfolio
/* ------------------------------------------------------------------------------- */

/*  Project Feed Filter  --------------------------------*/

.project-feed-filter {
    display: inline-block;
    margin: 0 0 40px;
}

.project-feed-filter li {
    display: block;
    float: left;
    list-style: none;
    margin: 0;
    padding: 5px 0;
}

.project-feed-filter a {
    color: #959595;
    display: block;
    margin: 0 20px 0 0;
}

.project-feed-filter a:hover, .project-feed-filter .current {
    color: #d73300;
}


/*  Project Feed  --------------------------------*/

.project-feed {
    margin: 0 -20px 80px 0
}

.project-feed > div {
    float: left;
    list-style: none;
    margin: 0 20px 20px 0;
    position: relative;
}

.project-feed div a {
    display: block;
    text-align: left;
}

.project-feed div img {
    display: block;
    width: 100%;
}


/*  Project Item Overlay  --------------------------------*/

.project-item .overlay {
    /*background: #c8e5bc;*/
    /*background: #d73300;*/
    /*background: rgba(215, 51, 0, .75);*/
    height: calc(100% - 30px);
    /*padding-bottom: 60px;*/
    /*height: 100%;*/
    left: 0;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=40);
    opacity: .4;
    /*opacity: .6;*/
    overflow: hidden;
    position: absolute;
    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;
    -webkit-backface-visibility: hidden;
    width: 100%;
}

.project-item:hover .overlay {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=90);
    /*filter: alpha(opacity=100);*/
    opacity: 0.9;
    /*opacity: 1;*/
}

.project-item .overlay a h5 {
    color: #fff;
    font-size: 30px;
    font-weight: 100;
    margin: 30px 20px 0;
    text-transform: capitalize;
}

.project-item .overlay a:hover h5 {
    color: #f0bfb8;
}

.project-item .overlay p {
    color: #f0bfb8;
    display: block;
    font-size: 11px;
    margin: 10px 20px 0;
}

.project-item .lightbox-link {
    background: #000 url(../images/screenshot-btn.png) no-repeat 100% 100%;
    /*background: #000 url(../images/screens-button.jpg) no-repeat 100% 100%;*/
    /*background: #000 url(../images/screenshot.png) no-repeat 100% 100%;*/
    background-size: 30px 30px;
    /*background: #000 url(../images/c_icon_plus_w.png) no-repeat 50% 50%;*/
    bottom: 0;
    height: 30px;
    opacity: 1;
    /*opacity: .9;*/
    position: absolute;
    right: 5px;
    width: 30px;
    z-index: 9999;
}

.project-item .lightbox-link:hover {
    opacity: .6;
}


/*  Project Item Overlay (Alt. Version)  --------------------------------*/

.project-item .bw-wrapper {
    height: 175px;
    overflow: hidden;
}

.project-item .project-title {
    background: #f0f0f0;
    padding: 17px 10px;
}

.project-item:hover .project-title {
    background: #c8e5bc;
    /*background: #d73300;*/
}

.project-item:hover .project-title h5 {
    color: #fff;
}

.project-item .project-title h5 {
    color: #636363;
    font-size: 10px;
    font-weight: 600;
    margin: 0;
}


/*  Portfolio Details  --------------------------------*/

.single-project-wrapper {
    margin-top: 35px;
}

.single-project-wrapper img {
    display: block;
    width: 100%;
}

.project-nav {
    display: inline-block;
    float: right;
    margin: 13px 0 40px;
}

.project-nav li {
    float: left;
}

.project-nav .prev, .project-nav .next, .project-nav .back {
    background: #f0f0f0 url(../images/c_icon_prev.png) no-repeat 45% 50%;
    display: block;
    height: 17px;
    margin-left: 5px;
    text-indent: -9999px;
    width: 17px;
}

.project-nav .next {
    background: #f0f0f0 url(../images/c_icon_next.png) no-repeat 50% 50%;
}

.project-nav .back {
    background: #f0f0f0 url(../images/c_icon_back.png) no-repeat 50% 50%;
}

.project-nav .prev:hover {
    background: #d73300 url(../images/c_icon_prev_w.png) no-repeat 45% 50%;
}

.project-nav .next:hover {
    background: #d73300 url(../images/c_icon_next_w.png) no-repeat 50% 50%;
}

.project-nav .back:hover {
    background: #d73300 url(../images/c_icon_back_w.png) no-repeat 50% 50%;
}


/*  Isotope Plugin  --------------------------------*/

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

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

.isotope, .isotope .isotope-item { /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

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

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


/* ------------------------------------------------------------------------------- */
/*  12.  Contact
/* ------------------------------------------------------------------------------- */

#google-map {
    width: 100%;
    height: 300px;
    display: inline-block;
}

.contact-intro {
    color: #333;
    font-size: 14px;
    margin: 60px 0 40px;
}

.contact-info .address {
    margin-top: 20px;
}

#contact-form {
    margin-top: 25px;
}

#contact-form .error, #contact-form .success {
    margin-bottom: 20px;
    min-width: 227px;
}


/* ------------------------------------------------------------------------------- */
/*  13.  Widgets
/* ------------------------------------------------------------------------------- */

.widget {
    margin: 0 0 50px;
}

.widget.short {
    margin-bottom: 35px;
}

.widget h3 {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0 0 18px;
}


/*  Search  --------------------------------*/

#sidebar .widget_search input {
    width: 202px !important;
}

#sidebar .widget_search {
    margin-top: 10px;
}


/*  Categories  --------------------------------*/

#sidebar .widget_categories li {
    background: url(../images/c_icon_next.png) no-repeat 0 12px;
    border-bottom: 1px dotted #ccc;
    display: block;
    padding: 7px 0 7px 13px;
}

#sidebar .widget_categories li:last-child {
    border: none;
}

#sidebar .widget_categories li a {
    color: #636363;
}

#sidebar .widget_categories li a:hover {
    color: #d73300;
}

#footer .widget_categories li {
    background: url(../images/c_icon_next_g.png) no-repeat 0 12px;
    border-bottom: 1px dotted #484848;
}

#footer .widget_categories li:last-child {
    border: none;
}

#footer .widget_categories li a {
    color: #C2C2C2;
}

#footer .widget_categories li a:hover {
    color: #d73300;
}


/*  Text Widget  --------------------------------*/

#sidebar .widget_text {
    color: #636363;
}

#footer .widget_text {
    color: #636363;
}


/*  Tabs With Posts  --------------------------------*/

.ui-tabs .ui-tabs-nav {
    display: block;
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
}

.bordered.ui-tabs .tabs-content-wrapper {
    border: 1px solid #e6e6e6;
    display: block;
    margin-top: -21px;
    padding: 30px 20px;
}

.ui-tabs .ui-tabs-nav li {
    float: left;
    line-height: 32px;
    margin: 0 0 20px;
    padding: 0;
    position: relative;
    text-align: center;
    width: auto;
}

#sidebar .ui-tabs .ui-tabs-nav li {
    width: 50%;
}

.ui-tabs .ui-tabs-nav li a {
    border: 1px solid #e6e6e6;
    border-left: none;
    color: #959595;
    display: block;
    font-weight: 800;
    padding: 0 20px;
    text-transform: uppercase;
}

.ui-tabs .ui-tabs-nav li:first-child a {
    border-left: 1px solid #e6e6e6;
}

.ui-tabs .ui-tabs-nav li a:hover {
    border-top: 1px solid #d73300;
    color: #d73300;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    border-top: 1px solid #d73300;
    border-bottom: 1px solid #fff;
    color: #333;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: text;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    border: none;
    display: block;
    position: relative;
}

.ui-tabs .ui-tabs-panel .posts li {
    display: inline-block;
    margin: 0 0 9px;
}

.ui-tabs .ui-tabs-panel .posts li:last-child {
    margin: 0;
}

.ui-tabs .ui-tabs-panel .posts img {
    display: block;
    float: left;
    margin: 0 10px 0 0;
}

.ui-tabs .ui-tabs-panel .posts .entry {
    display: block;
    float: left;
    margin: -4px 0 0;
    width: 150px;
}

.ui-tabs .ui-tabs-panel .posts .entry .date {
    color: #959595;
    display: block;
    margin: 2px 0 0;
}

.ui-tabs .ui-tabs-hide {
    display: none !important;
}


/*  Recent Entries  --------------------------------*/

.widget_recent_entries li {
    margin: 0 0 9px;
}

.widget_recent_entries li:first-child {
    margin-top: 5px;
}

.widget_recent_entries li:last-child {
    margin: 0;
}

.widget_recent_entries img {
    display: block;
    float: left;
    margin: 0 10px 0 0;
}

.widget_recent_entries .entry {
    display: block;
    float: left;
    margin: -4px 0 0;
    width: 150px;
}

.widget_recent_entries .entry .date {
    color: #959595;
    display: block;
    margin: 2px 0 0;
}

#footer .widget_recent_entries a {
    color: #C2C2C2;
}

#footer .widget_recent_entries a:hover {
    color: #d73300;
}

#footer .widget_recent_entries .date {
    color: #636363;
}


/*  Twitter Feed  --------------------------------*/

.twitter-feed li {
    margin: 0 0 10px;
}

.jta-tweet-timestamp {
    display: block;
}

.jta-clear {
    display: none;
}

#sidebar .jta-tweet-text {
    color: #636363;
}

#sidebar .jta-tweet-text a {
    color: #d73300 !important;
}

#sidebar .jta-tweet-text a:hover {
    color: #e38473 !important;
}

#sidebar .jta-tweet-timestamp a {
    color: #959595;
}

#sidebar .jta-tweet-timestamp a:hover {
    color: #d73300;
}

#sidebar .jta-tweet-list-item {
    background: url(../images/icon_twitter_feed.png) no-repeat 0 4px;
    padding-left: 16px;
}

#footer .jta-tweet-text {
    color: #959595;
}

#footer .jta-tweet-text a {
    color: #c2c2c2 !important;
}

#footer .jta-tweet-text a:hover {
    color: #d73300 !important;
}


/*  Photo Stream  --------------------------------*/

.photo-stream {
    margin-right: -12px;
}

.photo-stream li {
    float: left;
    margin: 0 12px 12px 0;
}

.photo-stream a {
    display: block;
}

.photo-stream a:hover {
    outline: 2px solid #d73300;
}

.photo-stream img {
    display: block;
    height: 46px;
    width: 46px;
}

#footer .photo-stream {
    margin-top: 22px;
}


/* ------------------------------------------------------------------------------- */
/*  14.  Footer
/* ------------------------------------------------------------------------------- */

#footer {
    background: #333;
    margin: 100px 0 0;
    padding: 60px 0 0;
}

#footer .logo {
    display: block;
    margin: 0 0 15px;
}

#footer h3 {
    color: #818181;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 17px;
    margin-top: 9px;
}

#footer a {
    color: #636363;
}

#footer a:hover {
    color: #d73300;
}


/*  Contact Details  --------------------------------*/

#footer .address, #footer .phone, #footer .email {
    color: #959595;
}


/*  Copyright & Social Links  --------------------------------*/

#footer .info {
    background: url(../images/sep_f.png) repeat-x 0 0;
    line-height: 21px;
    margin-top: 34px;
    padding-bottom: 14px;
    padding-top: 17px;
}

.copyright li {
    display: block;
    float: left;
    margin-right: 30px;
}

.social-links {
    float: right;
}

.social-links li {
    display: block;
    float: left;
    height: 21px;
    margin: 0 0 0 8px;
    position: relative;
    text-indent: -9999px;
    width: 21px;
}

.social-links li a {
    position: absolute;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.social-links li a:hover {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.social-links .twitter {
    background: url(../images/icon_twitter.png) no-repeat;
    background-position: 0 -21px;
}

.social-links .twitter a {
    background: url(../images/icon_twitter.png) no-repeat;
}

.social-links .facebook {
    background: url(../images/icon_facebook.png) no-repeat;
    background-position: 0 -21px;
}

.social-links .facebook a {
    background: url(../images/icon_facebook.png) no-repeat;
}

.social-links .linkedin {
    background: url(../images/icon_linkedin.png) no-repeat;
    background-position: 0 -21px;
}

.social-links .linkedin a {
    background: url(../images/icon_linkedin.png) no-repeat;
}

.social-links .digg {
    background: url(../images/icon_digg.png) no-repeat;
    background-position: 0 -21px;
}

.social-links .digg a {
    background: url(../images/icon_digg.png) no-repeat;
}

.social-links .vimeo {
    background: url(../images/icon_vimeo.png) no-repeat;
    background-position: 0 -21px;
}

.social-links .vimeo a {
    background: url(../images/icon_vimeo.png) no-repeat;
}

.social-links .lastfm {
    background: url(../images/icon_lastfm.png) no-repeat;
    background-position: 0 -21px;
}

.social-links .lastfm a {
    background: url(../images/icon_lastfm.png) no-repeat;
}

.social-links .rss {
    background: url(../images/icon_rss.png) no-repeat;
    background-position: 0 -21px;
}

.social-links .rss a {
    background: url(../images/icon_rss.png) no-repeat;
}

.social-links .youtube {
    background: url(../images/icon_youtube.png) no-repeat;
    background-position: 0 -21px;
}

.social-links .youtube a {
    background: url(../images/icon_youtube.png) no-repeat;
}

.social-links .google {
    background: url(../images/icon_google.png) no-repeat;
    background-position: 0 -21px;
}

.social-links .google a {
    background: url(../images/icon_google.png) no-repeat;
}

.social-links .pin {
    background: url(../images/icon_pin.png) no-repeat;
    background-position: 0 -21px;
}

.social-links .pin a {
    background: url(../images/icon_pin.png) no-repeat;
}

.social-links .dribbble {
    background: url(../images/icon_dribbble.png) no-repeat;
    background-position: 0 -21px;
}

.social-links .dribbble a {
    background: url(../images/icon_dribbble.png) no-repeat;
}

.social-links .flickr {
    background: url(../images/icon_flickr.png) no-repeat;
    background-position: 0 -21px;
}

.social-links .flickr a {
    background: url(../images/icon_flickr.png) no-repeat;
}


/* ------------------------------------------------------------------------------- */
/*  15.  Media Queries
/* ------------------------------------------------------------------------------- */

/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 960px) {

}


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

    /* ------------------------------------------------------ */
    /*  Document Setup
    /* ------------------------------------------------------ */
    textarea {
        width: 430px;
    }


    /* ------------------------------------------------------ */
    /*  Wrap
    /* ------------------------------------------------------ */
    #body-wrapper {
        margin-left: -404px;
        width: 808px;
    }


    /*  Columns  ------------*/
    .one-fourth {
        width: 162px;
    }

    .three-fourth {
        width: 526px;
    }

    .one-third {
        width: 222px;
    }

    .two-third {
        width: 464px;
    }

    .one-half {
        width: 344px;
    }


    /* ------------------------------------------------------ */
    /*  Content
    /* ------------------------------------------------------ */
    #main {
        width: 448px;
    }


    /*  Page Title  ------------*/
    .page-title-alt {
        font-size: 48px;
    }


    /* ------------------------------------------------------ */
    /*  Homepage
    /* ------------------------------------------------------ */
    /*  Project & Blog Carousel  ------------*/
    .jcarousel-item {
        margin: 0 28px 0 0;
    }

    .section-title.one-fourth {
        width: 220px;
    }


    /*  Project Carousel (Alt. Homepage)  ------------*/
    #project-wrapper-alt .jcarousel-next {
        left: 708px;
    }

    #project-wrapper-alt .jcarousel-item {
        margin: 0 24px 0 0;
    }


    /*  Logo List  ------------*/
    .logo-list li {
        width: 176px;
    }

    .logo-list li:nth-child(4) {
        border-right: 1px dotted #ccc;
        width: 175px;
    }

    .logo-list li:nth-child(5) {
        display: none;
    }

    .logo-list img {
        width: 175px;
    }


    /* ------------------------------------------------------ */
    /*  Pricing Tables
    /* ------------------------------------------------------ */
    /*  Extended Pricing Table  ------------*/
    .pricing-table-extended .features-list {
        display: none;
    }

    .pricing-table-extended.five-cols .column {
        width: 140px;
    }

    .pricing-table-extended.four-cols .column {
        width: 176px;
    }

    .pricing-table-extended.three-cols .column {
        width: 235px;
    }

    .pricing-table-extended.two-cols .column {
        width: 354px;
    }

    .pricing-table-extended.one-cols .column {
        width: 708px;
    }

    .pricing-table-extended .column ul li:before {
        color: #959595;
        content: attr(data-feature);
        display: block;
        font-weight: 800;
        text-align: center;
    }


    /*  Simple Pricing Table  ------------*/
    .pricing-table-simple.five-cols .column {
        width: 140px;
    }

    .pricing-table-simple.four-cols .column {
        width: 176px;
    }

    .pricing-table-simple.three-cols .column {
        width: 235px;
    }

    .pricing-table-simple.two-cols .column {
        width: 354px;
    }

    .pricing-table-simple.one-cols .column {
        width: 708px;
    }

    .pricing-table-simple h1 {
        font-size: 14px;
    }

    .pricing-table-simple h2 {
        font-size: 14px;
    }


    /* ------------------------------------------------------ */
    /*  Blog
    /* ------------------------------------------------------ */
    .comment .comment-entry, .comment .comment-meta {
        width: 388px;
    }

    .comment .children .comment-entry, .comment .children .comment-meta {
        width: 328px;
    }

    .comment .children .children .comment-entry, .comment .children .children .comment-meta {
        width: 268px;
    }


    /* ------------------------------------------------------ */
    /*  Portfolio
    /* ------------------------------------------------------ */
    /*  Project Item Overlay  ------------*/
    .project-item .overlay a h5 {
        font-size: 20px;
        font-weight: 400;
        margin: 20px 20px 0;
    }

}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

    /* ------------------------------------------------------ */
    /*  Document Setup
    /* ------------------------------------------------------ */
    textarea {
        width: 402px;
    }


    /* ------------------------------------------------------ */
    /*  Wrap
    /* ------------------------------------------------------ */
    #body-wrapper {
        margin-left: -260px;
        width: 520px;
    }


    /*  Columns  ------------*/
    .one-fourth {
        width: 200px;
    }

    .three-fourth {
        width: 526px;
    }

    .one-third {
        width: 420px;
    }

    .two-third {
        width: 464px;
    }

    .one-half {
        width: 420px;
    }

    .one-fourth:nth-child(2n+2) {
        margin-right: 0 !important;
    }

    .one-fourth:nth-child(n+3) {
        margin-top: 20px !important;
    }


    /* ------------------------------------------------------ */
    /*  Header
    /* ------------------------------------------------------ */
    #header {
        height: auto;
        text-align: center;
    }

    #logo {
        float: none;
    }


    /*  Navigation  ------------*/
    #navigation {
        float: none;
        text-align: left;
    }

    #navigation a {
        margin: 0 15px;
        padding: 20px 0 30px;
    }

    #navigation ul {
        margin: 0 0 0 15px;
        top: 70px;
    }


    /* ------------------------------------------------------ */
    /*  Content
    /* ------------------------------------------------------ */
    #main {
        width: 420px;
    }

    #sidebar {
        display: none;
    }


    /*  Page Title  ------------*/
    .page-title, .page-title-inner, .page-title-alt {
        font-size: 30px;
        letter-spacing: normal;
        padding: 40px 30px 40px;
    }

    .page-title-inner {
        font-size: 30px;
        letter-spacing: normal;
        padding-bottom: 45px;
    }

    .page-title-inner .section-title {
        font-size: 18px;
        font-weight: 400;
    }


    /* ------------------------------------------------------ */
    /*  Homepage
    /* ------------------------------------------------------ */
    /*  Flex Slider  ------------*/
    .flex-caption {
        display: none;
    }

    /*  Project & Blog Carousel  ------------*/
    .section-title.one-fourth {
        width: 180px;
    }


    /*  Project Carousel (Alt. Homepage)  ------------*/
    #project-wrapper-alt .jcarousel-item {
        height: auto;
        position: relative;
        width: 200px;
    }

    #project-wrapper-alt .jcarousel-item img {
        width: 200px;
    }

    #project-wrapper-alt .jcarousel-next {
        left: 420px;
    }


    /*  Logo List  ------------*/
    .logo-list li {
        text-align: center;
        width: 209px;
    }

    .logo-list li:nth-child(2) {
        border-right: 1px dotted #ccc;
        width: 208px;
    }

    .logo-list li:nth-child(n+3) {
        display: none;
    }


    /* ------------------------------------------------------ */
    /*  About
    /* ------------------------------------------------------ */
    .about-intro {
        margin-bottom: 40px;
    }


    /* ------------------------------------------------------ */
    /*  Pricing Tables
    /* ------------------------------------------------------ */
    /*  Extended Pricing Table  ------------*/
    .pricing-table-extended {
        margin-bottom: 80px;
    }

    .pricing-table-extended .features-list {
        display: none;
    }

    .pricing-table-extended.five-cols .column {
        width: 208px;
    }

    .pricing-table-extended.four-cols .column {
        width: 209px;
    }

    .pricing-table-extended.three-cols .column {
        width: 140px;
    }

    .pricing-table-extended.two-cols .column {
        width: 210px;
    }

    .pricing-table-extended.one-cols .column {
        width: 420px;
    }

    .pricing-table-extended .column:nth-child(2) {
        border-left: 0;
    }

    .pricing-table-extended .column ul li:before {
        color: #959595;
        content: attr(data-feature);
        display: block;
        font-weight: 800;
        text-align: center;
    }


    /*  Simple Pricing Table  ------------*/
    .pricing-table-simple.five-cols .column {
        width: 209px;
    }

    .pricing-table-simple.four-cols .column {
        width: 209px;
    }

    .pricing-table-simple.three-cols .column {
        width: 139px;
    }

    .pricing-table-simple.two-cols .column {
        width: 210px;
    }

    .pricing-table-simple.one-cols .column {
        width: 420px;
    }

    .pricing-table-simple h1 {
        font-size: 14px;
    }

    .pricing-table-simple h2 {
        font-size: 14px;
    }


    /* ------------------------------------------------------ */
    /*  Shortcodes
    /* ------------------------------------------------------ */
    .shortcodes:nth-child(n+3) {
        margin-top: 0 !important;
    }

    .shortcodes {
        margin-bottom: 40px;
    }

    .shortcodes.last {
        margin-bottom: 0;
    }


    /*  Blockquote   ------------*/
    blockquote {
        margin-bottom: 40px;
    }


    /* ------------------------------------------------------ */
    /*  Blog
    /* ------------------------------------------------------ */
    /*  Comments  ------------*/
    .comment .comment-entry, .comment .comment-meta {
        width: 360px;
    }

    .comment .children .comment-entry, .comment .children .comment-meta {
        width: 300px;
    }

    .comment .children .children .comment-entry, .comment .children .children .comment-meta {
        width: 240px;
    }


    /* ------------------------------------------------------ */
    /*  Portfolio
    /* ------------------------------------------------------ */
    .project-feed .one-fourth {
        margin-right: 20px !important;
        margin-top: 0 !important;
    }


    /*  Portfolio Details  ------------*/
    #sidebar.project-description {
        display: block;
        margin-top: 50px;
        width: 420px;
    }

    #sidebar.project-description .project-nav {
        float: left;
    }

    #sidebar.project-description .project-nav a {
        margin: 0 5px 0 0;
    }


    /* ------------------------------------------------------ */
    /*  Contact
    /* ------------------------------------------------------ */
    .contact-form {
        margin-top: 50px;
    }


    /* ------------------------------------------------------ */
    /*  Footer
    /* ------------------------------------------------------ */
    #footer .info {
        padding-bottom: 22px;
        padding-top: 22px;
    }


    /*  Copyright & Social Links  ------------*/
    .copyright {
        display: block;
        float: left;
    }

    .copyright li {
        margin-right: 15px;
    }

    .copyright li:last-child {
        margin-right: 0;
    }

    .social-links {
        display: block;
        float: left;
        margin-top: 15px;
    }

    .social-links li {
        margin: 0 8px 0 0;
    }

}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

    /* ------------------------------------------------------ */
    /*  Document Setup
    /* ------------------------------------------------------ */
    input[type="text"], textarea {
        width: 242px;
    }


    /* ------------------------------------------------------ */
    /*  Wrap
    /* ------------------------------------------------------ */
    #body-wrapper {
        margin-left: -180px;
        width: 360px;
    }


    /*  Columns  ------------*/
    .one-fourth {
        width: 260px;
    }

    .three-fourth {
        width: 260px;
    }

    .one-third {
        width: 260px;
    }

    .two-third {
        width: 260px;
    }

    .one-half {
        width: 260px;
    }

    .one-fourth:nth-child(n+2) {
        margin-top: 30px !important;
    }


    /* ------------------------------------------------------ */
    /*  Header
    /* ------------------------------------------------------ */
    /*  Navigation  ------------*/
    #navigation {
        display: none;
    }

    .selectnav {
        background: url(../images/nav_arrow.png) no-repeat, url(../images/bg_dots_grey.png);
        background-position: center right, top left;
        border: none;
        border-radius: 0;
        color: #959595;
        display: inline-block;
        font-size: 12px;
        margin: 0 0 30px;
        padding: 8px 10px;
        text-transform: capitalize;
        -webkit-appearance: none;
        width: 100%;
    }


    /* ------------------------------------------------------ */
    /*  Content
    /* ------------------------------------------------------ */
    #main {
        width: 260px;
    }


    /*  Page Title  ------------*/
    .page-title, .page-title-inner, .page-title-alt {
        font-size: 22px;
        padding: 30px 30px 30px;
    }

    .page-title-inner {
        font-size: 20px;
        margin-bottom: 40px;
        padding-bottom: 35px;
    }

    .page-title-inner .section-title {
        font-size: 16px;
    }


    /* ------------------------------------------------------ */
    /*  Homepage
    /* ------------------------------------------------------ */
    /*  Project & Blog Carousel  ------------*/
    #project-wrapper, #blog-wrapper {
        margin-top: 60px;
    }

    #project-wrapper .section-title h4, #blog-wrapper .section-title h4 {
        float: left;
        margin-bottom: 10px !important;
    }

    #project-wrapper .section-title p, #blog-wrapper .section-title p {
        display: none;
    }

    .jcarousel-clip {
        height: auto;
        width: 260px;
    }

    .jcarousel-item {
        width: 260px;
    }

    .project-carousel, .blog-carousel {
        margin-top: 20px !important;
    }

    .section-title.one-fourth {
        width: 260px;
    }


    /*  Carousel Navigation  ------------*/
    .carousel-nav {
        float: right;
    }

    .jcarousel-prev, .jcarousel-next {
        margin: 0 0 0 5px;
        float: left;
    }


    /*  Project Carousel (Alt. Homepage)  ------------*/
    #project-wrapper-alt .jcarousel-item {
        width: 260px;
    }

    #project-wrapper-alt .jcarousel-item img {
        width: 260px;
    }

    #project-wrapper-alt .jcarousel-next {
        left: 260px;
    }

    #project-wrapper-alt .project-carousel {
        margin: 0 !important;
    }


    /*  Logo List  ------------*/
    .logo-list li {
        text-align: center;
        width: 260px;
    }

    .logo-list li {
        border-right: 1px dotted #ccc;
    }

    .logo-list li:nth-child(n+2) {
        display: none;
    }


    /*  View More  ------------*/
    .work-more a {
        font-size: 24px;
    }

    .work-more .arrow {
        background-position: -20px -2px;
        height: 18px;
    }

    .work-more:hover .arrow {
        background-position: 0 -2px;
    }


    /* ------------------------------------------------------ */
    /*  Services
    /* ------------------------------------------------------ */
    .services-intro {
        font-size: 14px;
    }


    /* ------------------------------------------------------ */
    /*  Pricing Tables
    /* ------------------------------------------------------ */
    /*  Extended Pricing Table  ------------*/
    .pricing-table-extended {
        margin-bottom: 40px;
    }

    .pricing-table-extended .column {
        border: none;
    }

    .pricing-table-extended .column,
    .pricing-table-simple .column {
        width: 260px !important;
    }

    .pricing-table-extended h1 {
        font-size: 10px;
    }


    /* ------------------------------------------------------ */
    /*  Shortcodes
    /* ------------------------------------------------------ */
    .shortcodes.one-fourth {
        margin: 0 !important;
    }

    .shortcodes.one-half {
        margin: 0 !important;
    }

    .shortcodes .blockquote {
        margin-bottom: 0 !important;
    }

    .h80.shortcodes {
        display: none;
    }

    .shortcodes {
        padding-bottom: 50px !important;
    }


    /*  Blockquote   ------------*/
    blockquote.wide {
        background-position: 40px 28px;
        padding-left: 60px;
    }

    blockquote.wide .corner {
        bottom: -18px;
        left: 40px;
    }


    /* ------------------------------------------------------ */
    /*  Blog
    /* ------------------------------------------------------ */
    .post-meta .date, .post-meta .tags, .post-meta .comments {
        padding-bottom: 0;
    }

    .post-meta .comments {
        margin-bottom: 15px;
    }


    /*  Comments  ------------*/
    .comment .comment-entry, .comment .comment-meta {
        width: 200px;
    }

    .comment .children .comment-entry, .comment .children .comment-meta {
        width: 140px;
    }

    .comment .children .children {
        display: none;
    }


    /*  Blog (Alt. Version)  ------------*/
    .post-block {
        margin-bottom: 40px;
    }


    /*  View More  ------------*/
    .post-more a {
        margin-top: -40px;
    }


    /* ------------------------------------------------------ */
    /*  Portfolio
    /* ------------------------------------------------------ */
    /*  Portfolio Details  ------------*/
    #sidebar.project-description {
        display: block;
        margin-top: 50px;
        width: 260px;
    }


    /* ------------------------------------------------------ */
    /*  Footer
    /* ------------------------------------------------------ */
    #footer .one-fourth:nth-child(n+2) {
        display: none;
    }

}