@charset "utf-8";
@import "css/reset.css";
@import "https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900italic,900";
@import "https://fonts.googleapis.com/css?family=Montserrat:400,700";
@import "https://fonts.googleapis.com/css?family=Raleway:400,500,700,600";

body {
    font-weight: 400;
    background: #fff;
    color: #353535;
    font-weight: 300;
    background-attachment: fixed
}

body, html {
    width: 100%;
    height: 100%;
    min-height: 100%
}

.wrapper, .inner-wrapper, #main {
    width: 100%;
    height: 100%
}

    .wrapper.inner-page {
        height: auto
    }

#container.wrapper, #container .inner-wrapper {
    height: auto;
}

h1, h2, h3, h4, h5, h6 {
    color: #404040;
    font-weight: 400
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome, h1, h2, h3, h4, h5, h6 {
        font-weight: 500
    }
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #878787
}

h1 {
    font-size: 40px;
    line-height: normal;
    margin-bottom: 15px
}

h2 {
    font-size: 36px;
    line-height: normal;
    margin-bottom: 15px
}

h3 {
    font-size: 30px;
    line-height: normal;
    margin-bottom: 15px
}

h4 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 10px
}

h5 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px
}

h6 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px
}

.border-title h1, .border-title h2, .border-title h3, .border-title h4, .border-title h5, .border-title h6 {
    text-transform: uppercase;
    border-bottom: 1px solid;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    margin: 0 auto;
    width: intrinsic;
}

.welcome p {
    line-height: 30px
}

a, input[type=submit], button, input[type=button], .portfolio, .service h4, .dt-sc-pr-tb-col:hover:after, .blog-post:hover .post-meta .date, .blog-post:hover footer, .dt-sc-team:hover .dt-sc-social-icon, .blog-post .post-meta .comments span.icon-comment, .dt-sc-button.ico i:after, .blog-post-single .post-meta .comments span.icon-comment, .blog-post-single .post-meta .date, .dt-sc-ico-content .dt-sc-icon span, .dt-sc-ico-content:hover .dt-sc-icon span, .post-thumb .featured-post, .product .column, .dt-sc-ico-content.type2 .dt-sc-ico-content-body h4, .portfolio .portfolio-thumb > img, .portfolio:hover .portfolio-thumb > img, .portfolio-title p, .portfolio-detail, .portfolio .image-overlay a span, .widget.flickrbox .flickr-widget div img, .portfolio-detail .views i, .portfolio h5, .carousel-arrows a:hover i, .testimonial-slider-arrows a:hover:before, .wpcf7-form p:hover > i.fa, .wpcf7-form p:hover > input, .wpcf7-form p:hover > textarea, .social-media li a i, ul.dt-sc-tabs-vertical-frame li:hover a i, #main-menu ul li.current_page_item > a, .dt-sc-partner-carousel img, .dt-sc-partner-carousel img:hover, .carousel-arrows a i, ul.dt-sc-tabs-frame li a i, ul.dt-sc-tabs-frame li:hover a i, .enquiry-form p input:focus, .enquiry-form p textarea:focus, .enquiry-form p input[type=submit]:hover, .enquiry-form p input[type=submit], .enquiry-form p input[type=submit]:hover, .dt-sc-team ul.dt-sc-social-icons, .dt-sc-team:hover ul.dt-sc-social-icons, #main-menu ul li.current_page_ancestor > a, #main-menu ul li.current-menu-item > a, #main-menu ul li.current-menu-ancestor > a, ul.dt-sc-tabs-vertical-frame li a i, .dt-sc-team figure figcaption, .dt-sc-team:hover figure figcaption, .dt-sc-team:hover .dt-sc-team-cnt, .dt-sc-team-cnt, .dt-sc-team figure.dt-sc-entry-thumb img, .dt-sc-team figure.dt-sc-entry-thumb:hover .dt-sc-entry-thumb img, .widget_categories ul li a:before, .widget_categories ul li:hover a:before, .widget_categories ul li a:hover span, .widget_categories ul li a span, .dt-sc-ico-content, .dt-sc-ico-content:hover, .dt-sc-ico-content.type2 .icon, .dt-sc-ico-content:hover .icon, .dt-sc-ico-content .icon span, .dt-sc-ico-content:hover .icon span, figure.service-overlay:hover figcaption, figure.service-overlay figcaption, #scrolldown a:hover .fa.fa-angle-double-down, #scrolldown a .fa.fa-angle-double-down, .service-grid .services, .service-grid:hover .services, .service-grid .services p, .service-grid:hover .services p, .service-grid:nth-child(even):hover .services:after, .service-grid:nth-child(odd):hover .services:after, .service-grid:nth-child(odd) .services:before, .service-grid:nth-child(even) .services:after, .dt-sc-ico-content:hover ul li, .dt-sc-ico-content ul li, .pricing-table, .pricing-table:hover, ul.dt-sc-tabs-vertical-frame li a.current:after, ul.dt-sc-tabs-vertical-frame li a:hover:after, ul.dt-sc-tabs-vertical-frame li a:after, .blog-entry, .blog-entry:hover, ul.dt-sc-tabs-frame li a.current:after, ul.dt-sc-tabs-frame li a:hover:after, ul.dt-sc-tabs-frame li a:after, .dark-bg .dt-sc-ico-content.type4:hover h4:after, .dark-bg .dt-sc-ico-content.type4 h4:after, .dt-sc-team:hover figure.dt-sc-entry-thumb:after, .dt-sc-team figure.dt-sc-entry-thumb:after, .light-bg .dt-sc-ico-content.type4:hover h4:after, .light-bg .dt-sc-ico-content.type4 h4:after {
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    -webkit-animation-timing-function: eaze-in-out;
    -moz-animation-timing-function: eaze-in-out;
}

#footer .widget ul li:before, .star-rating span:before, .star-rating:before, blockquote:before, blockquote:after, .check li:before, .wpcf7-form div.wpcf7-validation-errors:before, .wpcf7-form div.wpcf7-mail-sent-ok:before, #pager a:before, #secondary .widget ul li a:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    margin-right: 10px
}

a {
    text-decoration: none;
    color: #2e2e2e
}

    a:hover, .dt-sc-contact-info .contact-info ul li a:hover, footer .copyright a:hover {
        color: var(--gold);
    }

    a img {
        border: none
    }

strong {
    font-weight: 700
}

em {
    font-style: italic
}

address {
    display: block;
    margin: 10px 0 20px;
    line-height: 25px
}

abbr {
    border-bottom: 1px dotted #3d3d3d;
    cursor: help
}

ins {
    background: #fff9c0
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -3px
}

sup {
    bottom: -3px
}

p {
    line-height: 24px;
    margin-bottom: 10px;
    font-size: 1.1rem;
}

ul, ol, pre, code {
    margin-bottom: 20px
}

ul {
    list-style-type: square;
    list-style-position: inside
}

    ul li {
        padding-bottom: 10px
    }

        ul li ul {
            list-style-type: disc;
            padding-left: 20px;
            margin: 10px 0 0
        }

    ul ul ul {
        margin-bottom: 0;
        list-style-type: circle
    }

ol {
    list-style-type: decimal;
    list-style-position: outside;
    padding-left: 20px;
    padding-top: 10px
}

    ol li {
        padding-bottom: 10px
    }

        ol li ol {
            margin-bottom: 0;
            list-style-type: lower-alpha
        }

    ol ol ol {
        margin-bottom: 0;
        list-style-type: lower-roman
    }

blockquote {
    line-height: 25px;
    font-style: italic;
    font-size: 16px;
    padding: 3px 0 0 25px;
    margin: 10px 0 0;
    float: left;
    position: relative
}

    blockquote span {
        background-color: #e6e2d6;
        background-position: -354px -234px;
        width: 70px;
        height: 70px;
        float: left;
        margin: 0 10px 0 0;
        border-radius: 70px;
        behavior: url(PIE.htc)
    }

    blockquote p {
        margin-bottom: 0;
        display: inline
    }

    blockquote cite {
        float: left;
        margin: 13px 0 0;
        font-size: 14px
    }

    blockquote.alignleft {
        margin-right: 20px;
        text-align: left;
        width: 30%;
        float: left
    }

    blockquote.alignright {
        margin-left: 20px;
        text-align: left;
        width: 30%;
        float: right
    }

    blockquote.aligncenter {
        width: 100%;
        text-align: center
    }

    blockquote:before, blockquote:after {
        text-decoration: inherit;
        font-size: 30px;
        color: #999
    }

    blockquote.type2 {
        border-left: 5px solid;
        padding: 8px 0 0 20px;
        font-size: 20px;
        line-height: 30px;
        font-style: normal;
        font-weight: 300
    }

        blockquote.type2:before, blockquote.type2:after {
            content: ""
        }

.author-quote {
    font-size: 22px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    margin: 0
}

    .author-quote:before, .author-quote:after {
        color: #666
    }

    .author-quote p {
        line-height: normal;
        display: inline
    }

pre, code {
    background-color: #ededed;
    border-left: 3px solid #d9d9d9;
    display: block;
    font-family: monospace;
    font-size: 11px;
    overflow: auto;
    padding: 10px 3%;
    width: 93.5%;
    line-height: 25px
}

hr {
    background-color: #f0efef;
    border: none;
    height: 1px;
    margin: 30px 0
}

    hr.medium {
        background: #eff0f0;
        height: 5px
    }

.hr.top, .hr-border.top {
    width: 97%
}

.hr.top, .hr-border.top {
    background-position: right center;
    text-align: right
}

    .hr.top a, .hr-border.top a {
        color: #999589;
        background: 0 0;
        font-size: 11px;
        line-height: 16px;
        padding-left: 5px;
        position: absolute;
        right: -21px;
        top: -5px
    }

    .hr-border.top a {
        top: -10px;
        right: -23px
    }

        .hr.top a:hover, .hr-border.top a:hover {
            color: #e96666
        }

.clear {
    float: none;
    clear: both;
    margin: 0;
    padding: 0;
    display: block;
    width: 100%
}

.float-right {
    float: right
}

.float-left {
    float: left
}

.center {
    width: 100%;
    text-align: center
}

.hidden {
    display: none
}

.post-edit-link {
    background: #ece8db;
    float: right;
    clear: both;
    margin: 20px 0;
    line-height: 24px;
    padding: 0 10px;
    font-size: 12px
}

    .post-edit-link:hover {
        text-shadow: 0 1px 0 #0e4b6e
    }

.page-link a, .page-link > span {
    padding: 5px 9px;
    display: inline-block;
    margin: 0 5px 0 0;
    border: 1px solid;
    color: #252525
}

    .page-link a:hover, .page-link > span {
        color: #fff
    }

.page-link strong {
    margin-right: 5px
}

#edd_checkout_cart td, #edd_checkout_cart th {
    border: 0
}

#edd_checkout_cart tfoot th {
    background: #ece8db
}

#edd_checkout_cart tfoot .edd_cart_total {
    background: #ddd7c6
}

table {
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 20px;
    width: 100%;
    clear: both;
    border: 1px solid #dfdfdf;
    border-bottom: 0
}

th {
    background: #000
}

tbody tr:nth-child(2n+1) td {
    background: #fff
}

th, #edd_checkout_cart .edd_cart_header_row th, #edd_user_history th {
    color: #fff;
    padding: 12px 15px 10px;
    font-size: 16px;
    line-height: normal;
    font-weight: 400;
    text-align: center
}

td, #edd_checkout_cart .edd_cart_header_row td, #edd_user_history td {
    border-bottom: 1px solid #ddd7c6;
    background: #f6f6f6;
    font-size: 14px;
    line-height: normal;
    text-align: center;
    padding: 13px 15px
}

dl {
    margin: 0 20px
}

    dl.gallery-item {
        margin: 0
    }

.gallery-caption {
    margin-bottom: 10px
}

.gallery-item img {
    border: 2px solid #c4c1ae !important
}

dt {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 10px
}

dd {
    margin-bottom: 20px;
    line-height: 20px
}

label {
    font-size: 14px;
    color: #2e2a2b;
    font-weight: 700;
    font-size: 14px
}

    label span {
        color: #b4b4b4
    }

fieldset {
    border: 1px solid #efefef;
    padding: 15px;
    margin: 0 0 20px
}

legend {
    font-weight: 700
}

input[type=text], input[type=password], input[type=email], input[type=url], input[type=tel], input[type=number], input[type=range], input[type=date], input[type=search], textarea, input.text {
    background: 0 0;
    border-bottom: 1px solid #ddd;
    color: #fff;
    padding: 13px 3%;
    display: inline-block;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

    input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=url]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=range]:focus, input[type=date]:focus, input[type=search]:focus, textarea:focus, input.text:focus {
        border-color: #ddd
    }

textarea {
    height: 130px;
    overflow: auto;
    resize: none
}

select {
    background: #fff;
    border-left: 1px solid #ddd7c6;
    border-top: 1px solid #ddd7c6;
    color: #666;
    font-size: 14px;
    display: block;
    margin: 10px 0;
    padding: 13px;
    width: 100%;
    background-image: url(images/select-box.html);
    background-position: center right;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    text-indent: .01px;
    text-overflow: ''
}

input[type=submit], button, input[type=button] {
    color: #000;
    text-transform: capitalize;
    margin: 10px 0 0;
    font-size: 16px;
    padding: 11px 20px;
    float: right;
    cursor: pointer;
    background: #000
}

    button::-moz-focus-inner, input[type=submit]::-moz-focus-inner {
        padding: 0;
        border: 0
    }

#mailchimp-form p.error {
    border: 1px solid red;
    border-right: none
}

.column img {
    max-width: 100%;
    height: auto
}

.post-content input[type=submit] {
    float: none
}

.wp-caption {
    background: #ece8db;
    margin-bottom: 10px;
    margin-top: 10px;
    max-width: 94%;
    padding: 3% 3% 10px;
    text-align: center
}

    .wp-caption img {
        display: block;
        margin: 0 auto;
        padding: 0 0 10px;
        max-width: 100%
    }

    .wp-caption .wp-caption-text {
        text-align: center;
        padding-top: 0;
        margin: 0
    }

img.size-auto, img.size-large, img.size-full, img.size-medium {
    max-width: 99.6%;
    height: auto
}

.alignleft, img.alignleft {
    display: inline;
    float: left;
    margin-right: 20px
}

.alignright, img.alignright {
    display: inline;
    float: right;
    margin-left: 20px
}

.aligncenter, img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.alignleft, .alignright, .aligncenter, .alignnone, img.alignleft, img.alignright, img.aligncenter {
    margin-bottom: 20px
}

    .alignleft.border-title {
        text-align: left;
        text-transform: capitalize;
        margin-bottom: 50px
    }

    .aligncenter.border-title {
        text-align: center;
        text-transform: capitalize;
        margin-bottom: 50px
    }

    .alignright.border-title {
        text-align: right;
        text-transform: capitalize;
        margin-bottom: 50px
    }

.widget {
    float: left;
    width: 100%;
    padding: 0 0 40px;
    margin: 0
}

    .widget h3.widgettitle {
        font-size: 24px;
        margin-bottom: 30px
    }

    .widget h3.widgettitle {
        margin-bottom: 22px;
        width: 100%
    }

    .widget ul {
        float: left;
        width: 93%;
        margin: 0 0 0 7%;
        padding: 0
    }

        .widget ul li {
            line-height: 20px;
            float: left;
            width: 100%;
            padding-bottom: 0;
            list-style-type: square;
            list-style-position: outside;
            padding: 10px 0;
            color: rgba(0,0,0,.5)
        }

        .widget ul.dt-sc-social-icons {
            width: 100%
        }

            .widget ul.dt-sc-social-icons li {
                width: auto;
                clear: none;
                margin:
            }

        .widget ul.dt-sc-social-icons {
            margin: 0
        }

        .widget ul ul {
            margin-top: 10px;
            margin-left: 7%;
            width: 93%
        }

            .widget ul ul li {
                width: 90%
            }

.widget_popular_entries ul li {
    display: block;
    padding: 5px 0 20px
}

.widget_popular_entries ul, .widget_recent_entries ul, .widget_categories ul, #secondary .widget ul.tweet_list {
    margin: 0;
    width: 100%
}

    .widget_recent_entries ul li {
        display: block;
        padding: 5px 0 20px
    }

        .widget_recent_entries ul li h4 {
            text-transform: none;
            margin-bottom: 8px
        }

        .widget_recent_entries ul li p {
            margin: 0
        }

            .widget_recent_entries ul li p.date {
                float: left;
                margin-right: 15px
            }

            .widget_recent_entries ul li p .fa {
                margin-right: 5px
            }

            .widget_recent_entries ul li p, .widget_recent_entries ul li p a {
                color: #9c9c9c
            }

#secondary .widget_recent_entries ul li p a {
    font-size: 13px
}

.widget_recent_entries ul li:last-child {
    padding-bottom: 0
}

.widget.widget_archive ul {
    margin-left: 0
}

    .widget_categories ul li, .widget.widget_archive ul li {
        position: relative;
        float: none;
        display: block;
        margin: 0;
        padding: 0
    }

        .widget_categories ul li a, .widget.widget_archive ul li a {
            padding-right: 15px;
            padding: 10px 0;
            display: block
        }

            .widget_categories ul li a span, .widget.widget_archive ul li a span {
                position: absolute;
                right: 10px;
                top: 10px
            }

            .widget_categories ul li a:before {
                content: "\f101"
            }

        .widget_categories ul li:hover a:before {
            margin-left: 15px
        }

        .widget_categories ul li a:hover {
            background: #000;
            color: #fff
        }

            .widget_categories ul li a:hover span {
                right: 20px
            }

#secondary .widget ul li a {
    font-weight: 400
}

.widget.widget_calendar caption {
    font-size: 16px;
    margin-bottom: 20px
}

.widget.widget_calendar th {
    padding: 8px 5px 6px;
    font-size: 14px
}

.widget.widget_calendar td {
    padding: 7px 5px
}

.widget.widget_rss {
    line-height: 25px
}

    .widget.widget_rss h3 img {
        display: none
    }

.widget.widget_search #search-form p input[type=email] {
    margin-right: -1px;
    width: 77.6%;
    float: left;
    margin-top: 0;
    font-family: merriweather,serif
}

.widget.widget_search #search-form p.submit input[type=submit] {
    color: #fff;
    float: left;
    margin-top: 0;
    padding: 12px 19px 13px;
    -webkit-box-shadow: inset 0 0 0 1px #ddd7c6;
    -moz-box-shadow: inset 0 0 0 1px #ddd7c6;
    box-shadow: inset 0 0 0 1px #ddd7c6;
    font-family: merriweather,serif
}

    .widget.widget_search #search-form p.submit input[type=submit]:hover {
        background: #999;
        color: #fff;
        -webkit-box-shadow: inset 0 0 0 1px #fff;
        -moz-box-shadow: inset 0 0 0 1px #fff;
        box-shadow: inset 0 0 0 1px #fff
    }

.widget.widget_search #search-form p.error input.error {
    border-color: red;
    border-right: none
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome, .widget.widget_search #search-form p.submit input[type=submit] {
        padding: 13px 19px 12px
    }
}

@-moz-document url-prefix() {
    .widget.widget_search #search-form p.submit input[type=submit] {
        padding: 13px 19px 14px
    }
}

.widget.flickrbox .flickr-widget div {
    float: left;
    max-width: 66px;
    margin: 0 7px 7px 0;
    line-height: normal
}

    .widget.flickrbox .flickr-widget div a {
        display: block;
        line-height: 0;
        position: relative
    }

        .widget.flickrbox .flickr-widget div a:before {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            content: "";
            opacity: 0;
            filter: alpha(opacity=0);
            transition: opacity .5s ease-in-out;
            -moz-transition: opacity .5s ease-in-out;
            -webkit-transition: opacity .5s ease-in-out
        }

        .widget.flickrbox .flickr-widget div a:hover:before {
            opacity: 1;
            filter: alpha(opacity=100)
        }

.widget.tweetbox .tweet-thumb {
    float: left;
    margin: 0 15px 10px 0
}

.widget.widget_rss .rss-date {
    clear: both;
    font-size: 12px;
    color: #847f73;
    font-style: italic;
    display: block
}

.tagcloud {
    margin-top: 10px;
    display: inline-block
}

.widget.widget_tag_cloud .tagcloud a {
    border: 1px solid;
    margin: 0 7px 7px 0;
    padding: 8px 10px;
    float: left
}

    .widget.widget_tag_cloud .tagcloud a:hover {
        border-color: #000
    }

.widget.widget_popular_entries .thumb {
    margin: 0 0 10px;
    float: left;
    width: 100%
}

.widget .dt-sc-social-icons li {
    clear: none;
    float: left;
    width: auto;
    margin: 0 1px 1px 0;
    padding: 0
}

.widget.widget_edd_cart_widget ul li, .widget.widget_edd_product_details ul li {
    padding: 0;
    list-style-type: none
}

.widget.widget_edd_cart_widget ul, .widget.widget_edd_product_details ul {
    margin: 0
}

#secondary input[type=text], #secondary input[type=password], #secondary input[type=email], #secondary input[type=url], #secondary input[type=tel], #secondary input[type=number], #secondary input[type=range], #secondary input[type=date], #secondary input[type=search], #secondary textarea, #secondary input.text, #secondary select {
    border: 1px solid #ddd7c6
}

#secondary img {
    max-width: 100%;
    height: auto;
    width: auto;
}

#secondary h3.widgettitle {
    margin-bottom: 20px;
    text-transform: uppercase
}

#secondary .widget a {
    font-weight: 400;
    font-size: 14px
}

.widget.widget_recent_entries ul li .entry-meta span {
    margin-right: 5px
}

#secondary .widget_recent_entries ul li h4, #secondary .widget.widget_recent_entries ul li .entry-meta a:hover {
    color: #666
}

#secondary .widget.widget_recent_entries ul li .entry-meta a, #secondary .widget.widget_recent_entries ul li .entry-meta {
    color: #847f73
}

#secondary .widget.widget_recent_entries ul li .entry-meta {
    margin-bottom: 10px
}

    #secondary .widget.widget_recent_entries ul li .entry-meta a {
        margin-right: 10px
    }

#secondary .widget ul.tweet_list li {
    display: block;
    padding-bottom: 10px;
    color: #666;
    line-height: 22px
}

    #secondary .widget ul.tweet_list li .tweet-time {
        color: #a19c91;
        margin-top: 5px
    }

#secondary .widget:last-child {
    background: 0 0;
    padding-bottom: 0;
    margin-bottom: 0
}

#secondary .widget .newsletter-form {
    margin: 20px 0 0
}

    #secondary .widget .newsletter-form input[type=submit] {
        border-radius: 5px;
        float: right;
        margin: 20px 0 0;
        behavior: url(PIE.htc)
    }

.widget.widget_recent_entries .recent-posts-widget .post-thumb {
    float: left;
    margin: 0 10px 10px 0;
    width: 85px
}

#secondary .widget.widget_recent_entries .recent-posts-widget ul li a {
    display: inline;
    padding: 0
}

#main {
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    width: 100%
}

.container {
    margin: 0 auto;
    width: 1170px
}

.inner-page, .top-page {
    padding: 0;
    width: 100%;
    clear: both
}

    .inner-page .main-title {
        margin-bottom: 0
    }

.wrapper .inner-wrapper {
    float: left;
    clear: both;
    width: 100%;
    display: block
}

#blog.inner-page .content-main {
    background: #fff;
    margin-top: 0;
    padding-bottom: 100px
}

#work.inner-page .content-main {
    margin-bottom: 50px
}

#primary {
    width: 870px;
    float: left;
    padding: 0
}

    #primary.with-right-sidebar {
        margin-right: 30px
    }

    #primary.with-left-sidebar {
        margin-left: 30px;
        float: right
    }

    #primary.content-full-width {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }

#secondary {
    float: left;
    width: 270px;
    padding: 0
}

.content-main {
    padding: 100px 0 0
}

#contact .content-main {
    padding-top: 0
}

.wrapper, #header, .banner, .shadow, .main-title, .content, .content-main, footer, .copyright, .location iframe {
    float: left;
    width: 100%
}

#header {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #000;
    z-index: 999999;
    border-top: 5px solid var(--gold);
}

    #header.with-navicon {
        position: absolute
    }

    #header.dt-sticky-menu {
        width: 100%
    }

.no-header-bg #header {
    background: 0 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .no-header-bg #header #logo a {
        z-index: 9999999
    }

.no-header-bg .sticky-wrapper #header {
    overflow: hidden;
    width: 100%;
    position: fixed
}

.no-header-bg .sticky-wrapper.is-sticky #header {
    background: none repeat scroll 0 0 rgba(0,0,0,.7);
    -webkit-transform: scaleY(2);
    -moz-transform: scaleY(2);
    -o-transform: scaleY(2);
    -ms-transform: scaleY(2);
    transform: scaleY(2);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    overflow: hidden
}

    .no-header-bg #header-sticky-wrapper.sticky-wrapper #logo a, .no-header-bg #header-sticky-wrapper.sticky-wrapper.is-sticky #logo a, .no-header-bg .sticky-wrapper.is-sticky #header #main-menu ul li.current_page_item a, .no-header-bg .sticky-wrapper.is-sticky #header #main-menu ul a:hover, .no-header-bg .sticky-wrapper.is-sticky #header #main-menu ul li.current_page_item > a, .no-header-bg .sticky-wrapper.is-sticky #header #main-menu ul li.current_page_ancestor > a, .no-header-bg .sticky-wrapper.is-sticky #header #main-menu ul li.current-menu-item > a, .no-header-bg .sticky-wrapper.is-sticky #header #main-menu ul li.current-menu-ancestor > a, .no-header-bg .sticky-wrapper.is-sticky #header #main-menu ul a:hover, .no-header-bg #header #main-menu ul a:hover, .no-header-bg #header #main-menu ul li.current_page_item > a, #header.no-bg #main-menu ul li.current_page_ancestor > a, .no-header-bg #header #main-menu ul li.current-menu-item > a, .no-header-bg #header #main-menu ul li.current-menu-ancestor > a {
        color: #fff
    }

.no-header-bg #header #main-menu ul a {
    color: #878787
}

.no-header-bg #header-sticky-wrapper.sticky-wrapper {
    height: auto !important
}

.no-header-bg .banner .caption {
    top: 35%
}

#logo.toggle-menu {
    background: #000;
    text-align: center;
    width: 100%;
    padding: 32px 0 31px;
    margin: 0
}

    #logo.toggle-menu a {
        width: 10%;
        margin: 0 auto
    }

.logo.toggle-menu a:hover {
    color: #fff
}

#panel {
    float: left;
    width: 100%;
    background: #111;
    padding: 0;
    right: 0;
    top: 0;
    position: fixed;
    z-index: 999999
}

#toggle-panel a {
    width: 45px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    float: right;
    position: fixed;
    right: 20px;
    top: 20px;
    z-index: 999999;
    background: #000;
    color: #fff;
    border: 1px solid #fff
}

    #toggle-panel a:hover {
        background: #fff;
        color: #000;
        border-color: #000
    }

#toggle-panel i {
    position: relative;
    line-height: 46px
}

#panel #header {
    background: 0 0
}

.navbar .sb-toggle-right {
    float: right;
    position: absolute;
    right: 0;
    top: 20px
}

    .navbar .sb-toggle-right i {
        line-height: 24px;
        text-align: center;
        display: inline-block;
        float: none;
        color: #fff;
        width: 50px;
        font-size: 20px
    }

        .navbar .sb-toggle-right i:hover {
            cursor: pointer
        }

.navbar .menu-main-menu-container {
    display: none
}

#header.navbar {
    padding: 6px 0 5px;
    position: relative
}

    #header.navbar #logo {
        margin-top: 0;
        width: 100%;
        text-align: center
    }

        #header.navbar #logo a {
            display: inline
        }

.sb-slidebar ul {
    float: left;
    width: 100%
}

    .sb-slidebar ul li {
        list-style: none;
        float: left;
        width: 100%;
        padding: 0;
        border-bottom: 1px solid #2f2f2f
    }

        .sb-slidebar ul li a {
            color: #fff;
            padding: 20px;
            float: left;
            width: 88.4%
        }

            .sb-slidebar ul li a:hover {
                color: #000;
                background: #fff
            }

            .sb-slidebar ul li.current_page_item a, .sb-slidebar ul li a:hover {
                background: #999;
                color: #fff
            }

.collapse {
    display: none
}

.nav-roundslide {
    bottom: 20px;
    height: 100px;
    position: absolute;
    width: 100%
}

    .nav-roundslide a {
        background: rgba(0,0,0,.4);
        border-radius: 50%;
        height: 100px;
        transition: width .3s ease 0s,background-color .3s ease 0s;
        width: 100px;
        bottom: 0;
        cursor: pointer;
        display: block;
        outline: medium;
        position: absolute;
        text-align: left;
        z-index: 1000
    }

    .nav-roundslide.collapse {
        position: fixed;
        top: 0;
        width: 200px;
        z-index: 99999
    }

        .nav-roundslide.collapse a {
            bottom: 0;
            display: block;
            left: 47px;
            outline: medium;
            text-align: left;
            top: 20px;
            z-index: 1000;
            border: 2px solid #fff
        }

            .nav-roundslide.collapse a.menu-btn h3 {
                display: inline-block;
                float: none;
                text-align: center;
                width: 100px;
                line-height: 103px;
                color: #fff;
                font-size: 24px
            }

                .nav-roundslide.collapse a.menu-btn h3 i {
                    font-size: 24px;
                    margin: 0 2px
                }

.rt-menu-wrapper {
    margin-top: 300px
}

#container #pnlIntro.content {
    height: auto
}

    #container #pnlIntro.content.video-full-width {
        height: 100%
    }

.video-full-width {
    display: table;
    width: 100%;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    vertical-align: middle;
    z-index: 1;
    position: relative
}

.dt-sc-video-container, .dt-sc-video-container .dt-sc-fillWidth {
    min-height: 100%;
    min-width: 100%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

    .dt-sc-video-container video {
        max-width: inherit;
        float: left
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome, #container #pnlIntro.content.video-full-width {
        height: 100%
    }

    ::i-block-chrome, .dt-sc-video-container {
        background: url(images/video-poster.jpg) no-repeat
    }

    ::i-block-chrome, .dt-sc-video-container {
        position: absolute
    }

        ::i-block-chrome, .dt-sc-video-container .dt-sc-fillWidth {
            position: absolute
        }
}

#fp-nav {
    position: fixed;
    right: 60px;
    top: 45%;
    z-index: 999999
}

    #fp-nav ul, #fp-nav ul li, #fp-nav ul li a {
        float: left;
        width: 10px
    }

        #fp-nav ul li a {
            color: #fff;
            font-size: 30px;
            padding: 6px;
            background: #ddd;
            width: 0;
            border-radius: 50%;
            position: relative;
            z-index: 999999
        }

        #fp-nav ul li {
            list-style: none
        }

            #fp-nav ul li.inView.selected a, #fp-nav ul li a:hover {
                background: #404040
            }

.animate {
    visibility: hidden
}

#logo, .logo {
    float: left;
    margin-top: 17px
}

    #logo a, .logo-box a, .logo a {
        display: block
    }

        #logo a span {
            display: inline-block;
            color: #554846;
            position: relative;
            margin: 0;
            line-height: 74px
        }

.logo {
    width: 100%;
    text-align: center;
    padding-bottom: 31px;
    padding-top: 32px;
    margin: 0;
    background: #111
}

    .logo.toggle-menu {
        padding-bottom: 16px;
        padding-top: 16px
    }

#main-menu {
    text-align: center;
}

    #main-menu ul {
        margin: 0 auto;
        list-style: none;
        position: relative;
        z-index: 9999
    }

        #main-menu ul li {
            display: inline-block;
            padding: 0
        }

        #main-menu ul a {
            position: relative;
            z-index: 200;
            display: block;
            padding: 24px 18px;
            font-size: 13px;
            font-weight: 400;
            text-transform: uppercase;
            color: #fff
        }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome, #main-menu ul a {
        font-weight: 600
    }
}

#main-menu ul li.current_page_item > a, #main-menu ul li.current_page_ancestor > a, #main-menu ul li.current-menu-item > a, #main-menu ul li.current-menu-ancestor > a {
    color: #999
}

#main-menu ul > li > a:hover {
    color: #8b8a8a
}

#main-menu ul li ul {
    position: absolute;
    top: 90px;
    left: auto;
    display: none;
    z-index: 1
}

    #main-menu ul li:hover ul, #main-menu ul li ul li:hover ul {
        display: block
    }

        #main-menu ul li:hover ul li ul {
            display: none;
            left: 200px;
            top: 0;
            border-left: 1px solid
        }

#main-menu ul ul {
    width: 200px;
    padding: 0;
    border-bottom: 3px solid
}

    #main-menu ul ul li {
        width: 100%;
        border-bottom: 1px solid;
        position: relative
    }

        #main-menu ul ul li:last-child {
            border: none
        }

        #main-menu ul ul li a {
            color: #fff;
            padding: 13px 0;
            display: block;
            font-size: 14px;
            font-weight: 300;
            line-height: 20px;
            margin: 0;
            padding: 15px;
            width: 85%
        }

#main-menu > div > ul > li:last-child > ul {
    right: 0;
    left: inherit
}

    #main-menu > div > ul > li:last-child > ul > li > ul {
        right: 200px;
        left: inherit
    }

.slider-bottom .mean-container a.meanmenu-reveal {
    position: relative
}

#scrolldown {
    bottom: 12%;
    left: 0;
    opacity: .9;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 8
}

    #scrolldown a {
        line-height: 40px
    }

        #scrolldown a .fa {
            font-size: 36px
        }

        #scrolldown a:hover {
            color: #d1d1d1
        }

            #scrolldown a:hover .fa.fa-angle-double-down {
                font-size: 50px
            }

.no-header-bg #scrolldown {
    bottom: 5%;
}

.pattern #scrolldown {
    bottom: 16%;
}

#main .banner {
    background: url(images/banner.jpg) center top no-repeat;
    background-attachment: fixed;
    background-position: top;
    width: 100%;
    height: 100%
}

#pnlIntro.content {
    display: table;
    height: 100%;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    width: 100%;
    padding-bottom: 0
}

#slider, .fullscreen-container, .fullscreen-container ul li {
    display: table;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    width: 100%;
    padding-bottom: 0
}

.no-header-bg #pnlIntro.content, #pnlIntro.content.below-menu {
    height: 100%;
    min-height: 100%;
}

#pnlIntro.content.below-menu {
    height: auto;
    min-height: auto
}

#container #pnlIntro.content img {
    height: 100%;
    min-height: 100%
}

img.banner-img {
    width: 100%;
    float: left;
    background: 0 0;
    padding: 0
}

.banner .caption {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 20%;
    width: 100%;
    text-align: center
}

    .banner .caption h2 {
        font-size: 36px;
        font-weight: 300;
        padding: 45px 0;
        border-top: 1px dashed #b7b7b7;
        border-bottom: 1px dashed #b7b7b7;
        width: 933px;
        margin: 0 auto;
        font-weight: light
    }

    .banner .caption a.read-more {
        background: none repeat scroll 0 0 #121212;
        border-top: 1px solid;
        color: #fff;
        float: none;
        font-size: 14px;
        left: 0;
        margin: 0 auto;
        padding: 14px 31px;
        position: absolute;
        right: 0;
        text-align: center;
        text-transform: uppercase;
        bottom: 50%;
        width: 164px;
        height: 20px;
        line-height: 20px
    }

        .banner .caption a.read-more:after, .dt-sc-button.load-more:after {
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-backface-visibility: hidden
        }

    .banner .caption h4 {
        font-size: 20px;
        text-transform: uppercase;
        color: #fff;
        font-weight: 300;
        margin: 0;
        line-height: 30px
    }

    .banner .caption h1 {
        font-size: 70px;
        font-weight: 700;
        color: #fff;
        text-transform: uppercase;
        line-height: 26px;
        letter-spacing: 6px;
        margin: 0
    }

    .banner .caption.quote h2 {
        display: inline-block;
        padding: 45px 0 30px;
        font-weight: 300;
        font-style: italic
    }

        .banner .caption.quote h2 span {
            float: right;
            text-align: right;
            color: #ddd;
            font-size: 24px;
            width: 100%;
            text-align: right;
            margin-top: 15px
        }

#main .pattern.banner.light-bg {
    background: url(images/light-pattern-bg.png);
    background-repeat: repeat
}

#main .pattern.banner.dark-bg {
    background: url(images/dark-pattern-bg.png);
    background-repeat: repeat
}

.pattern.banner .caption h1 {
    font-size: 50px;
    letter-spacing: 44px;
    font-weight: 400;
    display: inline-block;
    width: 100%
}

.pattern.banner .caption h4 {
    text-transform: capitalize
}

.pattern.banner .caption .read-more {
    margin-top: 50px
}

#main .banner.light-bg {
    background: url(images/who-parallax.jpg) repeat fixed 0 0 transparent
}

#main .banner.dark-bg, #main .banner.light-bg {
    display: table;
    height: 100%
}

.banner.pattern .caption {
    top: 25%
}

.slidergridrow {
    width: 100%
}

.slidergridcol {
    float: left;
    width: 33.333333%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 1px;
    height: 100%;
    background: #fff
}

.parallax-banner.parallax {
    float: none
}

.parallax-banner {
    background: url(images/parallax-bg.html) repeat-y fixed;
    display: block
}

.pattern-banner {
    background: url(images/pattern-bg.html) repeat fixed
}

.pattern-banner, .parallax-banner, .video-full-width {
    display: table;
    width: 100%;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    vertical-align: middle;
    z-index: 1;
    position: relative
}

    .video-full-width .overlay-pattern {
        background: url(images/video-pattern.png) repeat;
        z-index: 3
    }

    .parallax-banner .overlay {
        background: 0 0
    }

    .overlay, .video-full-width .overlay-pattern {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.4);
        z-index: 2
    }

.banner-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    z-index: 4
}

.pattern-text, .video-text, .parallax-text {
    width: 100%;
    height: 335px;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0
}

.video-text {
    height: 388px
}

.video-text, .pattern-text, .parallax-text {
    display: inline-block
}

    .video-text h1 {
        border: solid 3px #fff;
        color: #fff;
        display: inline-block;
        float: none;
        font-size: 50px;
        margin: 0 auto;
        text-transform: uppercase;
        position: relative;
        width: 350px;
        padding: 10px 0
    }

        .video-text h1:before {
            border: 1px solid #fff;
            content: "";
            display: block;
            left: -7px;
            min-height: 100%;
            padding-bottom: 12px;
            position: absolute;
            top: -7px;
            width: 362px
        }

    .video-text h2 {
        font-size: 118px;
        line-height: 120px;
        font-weight: 700;
        margin-bottom: 0;
        color: #77be32
    }

    .video-text h3 {
        font-size: 38px;
        font-weight: 400;
        margin-top: 60px;
        text-transform: uppercase;
        color: #fff
    }

.dark-bg .video-text p, .light-bg .video-text p {
    font-size: 24px;
    font-weight: 400;
    color: #6d6d6d;
    line-height: 30px;
    width: 70%;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 67px
}

.video-text p span {
    font-weight: 700;
    color: #fff
}

.video-text a.dt-sc-button {
    border-color: #fff;
    color: #dedddd;
    font-size: 14px;
    line-height: 50px;
    padding: 5px 50px
}

    .video-text a.dt-sc-button:hover {
        color: #000;
        border-color: #000
    }

.content {
    padding: 0 0 0
}

.main-title {
    background: #fff;
    text-align: center;
    padding: 46px 0 0;
    border-bottom: 3px solid #000;
}

    .main-title h1, .main-title h2, .main-title h3, .main-title h4, .main-title h5, .main-title h6 {
        display: inline-block;
        padding: 10px 30px;
        text-transform: uppercase;
        margin-bottom: 0;
        color: var(--gold);
        font-family: montserrat,sans-serif
    }

.border-title {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 50px;
    width: 100%;
    display: inline-block
}

    .border-title h1, .border-title h2, .border-title h3, .border-title h4, .border-title h5, .border-title h6 {
        display: inline-block;
        border-bottom: 1px solid #2e2e2e;
        padding-bottom: 5px
    }

    .border-title h3 {
        margin-bottom: 0
    }

.dt-sc-parallax-section .border-title {
    margin-bottom: 20px
}

.fullwidth-section {
    clear: both;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%
}

.no-header-bg #main .banner.dt-sc-parallax-section.dark-bg {
    background: url(images/dark-parallax-banner.jpg)center top no-repeat;
    background-attachment: fixed;
    background-position: top;
    width: 100%;
    height: 100%
}

.no-header-bg #main .banner.dt-sc-parallax-section.light-bg {
    background: url(images/light-parallax-banner.jpg)center top no-repeat;
    background-attachment: fixed;
    background-position: top;
    width: 100%;
    height: 100%
}

.dt-sc-parallax-section {
    background-attachment: fixed;
    background-color: #000;
    background-repeat: no-repeat;
    color: #fff;
    padding: 115px 0
}

    .dt-sc-parallax-section.who-parallax {
        background-image: url(img/geometric.png)
    }

    .dt-sc-parallax-section.services-parallax {
        background-image: url(images/paralax-bg.jpg)
    }

    .dt-sc-parallax-section.work-parallax {
        background-image: url(images/work-paralax-bg.jpg);
        padding: 115px 0 95px
    }

    .dt-sc-parallax-section.legal-parallax {
        background-image: url(img/earth.png);
        padding: 90px 0;
        background-size: cover;
    }

    .dt-sc-parallax-section.twitter-parallax {
        background-image: url(images/twitter-parallax.jpg);
        padding: 70px 0
    }

    .dt-sc-parallax-section.breadcrumb-parallax {
        background-image: url(images/breadcrumb.png);
        padding: 46px 0
    }

    .dt-sc-parallax-section.donut-parallax {
        background-image: url(images/donut-parallax.jpg);
        padding: 66px 0 46px
    }

    .dt-sc-parallax-section.testimonial-parallax {
        background-image: url(images/testimonial-parallax.jpg);
        padding: 46px 0
    }

    .dt-sc-parallax-section h2, .dt-sc-parallax-section h3 {
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 50px
    }

    .dt-sc-parallax-section h3 {
        margin-bottom: 15px
    }

    .dt-sc-parallax-section h2, .dt-sc-parallax-section p, .dt-sc-parallax-section h3, .dt-sc-parallax-section h1, .dt-sc-parallax-section h4, .dt-sc-parallax-section h5, .dt-sc-parallax-section h6 {
        text-align: center
    }

    .dt-sc-parallax-section .dt-sc-services h2 {
        margin-bottom: 10px;
        font-size: 50px;
        font-weight: 700
    }

    .dt-sc-parallax-section .dt-sc-services p {
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 600
    }

    .dt-sc-parallax-section .dt-sc-services img {
        margin-bottom: 10px
    }

    .dt-sc-parallax-section.breadcrumb-parallax h1, .dt-sc-parallax-section.breadcrumb-parallax h2, .dt-sc-parallax-section.breadcrumb-parallax h3, .dt-sc-parallax-section.breadcrumb-parallax h4, .dt-sc-parallax-section.breadcrumb-parallax h5, .dt-sc-parallax-section.breadcrumb-parallax h6 {
        margin: 0
    }

    .dt-sc-parallax-section .border-title h3 {
        border-color: #fff;
        padding: 0 10px
    }

.service-grid {
    overflow: hidden;
    margin: 0;
    width: 100%;
    list-style: none;
    text-align: center
}

    .service-grid figure {
        position: relative;
        z-index: 1;
        display: inline-block;
        overflow: hidden;
        margin: 0;
        float: left;
        text-align: center;
        cursor: pointer
    }

        .service-grid figure img {
            position: relative;
            display: block;
            max-width: inherit
        }

        .service-grid figure figcaption {
            padding: 10px 20px;
            color: #fff;
            text-transform: uppercase;
            font-size: 1.25em;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }

            .service-grid figure figcaption::before, .service-grid figure figcaption::after {
                pointer-events: none
            }

        .service-grid figure figcaption, .grid figure a {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

        .service-grid figure a {
            z-index: 1000;
            text-indent: 200%;
            white-space: nowrap;
            font-size: 0;
            opacity: 0
        }

        .service-grid figure h6 {
            color: #fff;
            position: absolute;
            bottom: 95px;
            font-weight: 300
        }

    .service-grid:hover figure h6 {
        bottom: 95px;
    }

    .service-grid figure h6 span, .services h6 span {
        font-weight: 600
    }

    .service-grid figure p {
        text-transform: capitalize;
        width: 80%;
        margin-top: 8px;
        position: absolute;
        bottom: 30px
    }

figure.service-overlay img {
    width: -webkit-calc(100% + 50px);
    width: calc(100% + 50px);
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    -webkit-transform: translate3d(-40px,0,0);
    transform: translate3d(-40px,0,0)
}

.column.no-space.dt-sc-one-fourth.service-grid.last figure {
    width: 99.99%;
}

@-moz-document url-prefix() {
    .column.no-space.dt-sc-one-fourth.service-grid.last figure {
        width: 100%
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome, .service-grid figure img {
        max-width: 117%
    }

    ::i-block-chrome, .column.no-space.dt-sc-one-fourth.service-grid.last figure {
        width: 100%
    }
}

figure.service-overlay figcaption {
    padding: 20px 0 0 20px;
    text-align: left;
    background: rgba(0,0,0,.3)
}

figure.service-overlay h6 {
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    padding-bottom: 5px;
    margin-bottom: 0
}

figure.service-overlay h6, figure.service-overlay p {
    -webkit-transform: translate3d(0,40px,0);
    transform: translate3d(0,40px,0)
}

.service-grid:hover figure.service-overlay figcaption {
    background: rgba(0,0,0,.6)
}

    .service-grid:hover figure.service-overlay figcaption h6 {
        border-bottom: 1px solid #fff
    }

.service-grid:hover figure.service-overlay img, .service-grid:hover figure.service-overlay p {
    opacity: 1
}

.service-grid:hover figure.service-overlay img, .service-grid:hover figure.service-overlay h6, .service-grid:hover figure.service-overlay p {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

figure.service-overlay p {
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity .2s,-webkit-transform .65s;
    transition: opacity .2s,transform .65s
}

figure.service-overlay:hover p {
    -webkit-transition-delay: .08s;
    transition-delay: .08s;
    -webkit-transition-duration: .65s;
    transition-duration: .65s
}

.service-grid:hover .services {
    background: #fff
}

    .service-grid:hover .services p {
        color: #000
    }

.services {
    min-height: 172px;
    height: 172px;
    background: #2b2b2b;
    float: left;
    padding: 5%
}

    .services h6 {
        text-transform: uppercase;
        margin-bottom: 15px;
        font-weight: 300
    }

    .services p {
        display: inline-block
    }

.dark-bg .services p, .light-bg .services p {
    color: rgba(255,255,255,.7);
    text-align: left;
    margin-top: 0;
    margin-bottom: 8px
}

.services:after, .services:before {
    left: 0;
    right: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 9999;
    margin: 0 auto
}

.service-grid:nth-child(odd) .services:before {
    border-bottom-color: #2b2b2b;
    border-width: 10px;
    top: 45%
}

.service-grid:nth-child(even) .services:after {
    border-top-color: #2b2b2b;
    border-width: 10px;
    bottom: 45%
}

.service-grid:nth-child(odd):hover .services:before {
    border-bottom-color: #fff
}

.service-grid:nth-child(even):hover .services:after {
    border-top-color: #fff
}

.dt-sc-one-half .services {
    height: 314px;
    min-height: 314px
}

.dt-sc-one-half.service-grid:nth-child(odd) .services:before {
    top: 47.4%
}

.dt-sc-one-half.service-grid:nth-child(even) .services:after {
    bottom: 47.4%
}

.dt-sc-one-sixth .services {
    height: 125px;
    min-height: 125px
}

.dt-sc-one-sixth.service-grid:nth-child(odd) .services:before {
    top: 43%
}

.dt-sc-one-sixth.service-grid:nth-child(even) .services:after {
    bottom: 43%
}

.dt-sc-two-third .services {
    height: 314px;
    min-height: 314px
}

.dt-sc-two-third.service-grid:nth-child(odd) .services:before {
    top: 63.3%
}

.dt-sc-two-third.service-grid:nth-child(even) .services:after {
    bottom: 63.3%
}

.dt-sc-two-fifth .services {
    height: 314px;
    min-height: 314px
}

.dt-sc-two-fifth.service-grid:nth-child(odd) .services:before {
    top: 46.7%
}

.dt-sc-two-fifth.service-grid:nth-child(even) .services:after {
    bottom: 46.7%
}

.dt-sc-one-half.service-grid figure p, .dt-sc-two-third.service-grid figure p {
    bottom: 40px
}

.dt-sc-two-fifth.service-grid figure p {
    bottom: 28px
}

.dt-sc-one-sixth .services p {
    font-size: 11px
}

.dt-sc-one-third .services {
    height: 218px;
    min-height: 218px
}

.dt-sc-one-third.service-grid:nth-child(odd) .services:before {
    top: 46.2%
}

.dt-sc-one-third.service-grid:nth-child(even) .services:after {
    bottom: 46.2%
}

.dt-sc-one-fifth .services {
    height: 144px;
    min-height: 144px
}

.dt-sc-one-fifth.service-grid:nth-child(odd) .services:before {
    top: 44%
}

.dt-sc-one-fifth.service-grid:nth-child(even) .services:after {
    bottom: 44%
}

.dt-sc-one-fifth.service-grid figure h6 {
    bottom: 125px
}

.dt-sc-one-sixth.service-grid figure h6 {
    bottom: 120px
}

.services.column {
    margin: 0 0 0 5%
}

#carouselnav {
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-top: 20px
}

    #carouselnav a:before {
        color: #000;
        content: "\f111";
        font-family: FontAwesome
    }

    #carouselnav a.selected:before {
        color: #979696;
        content: "\f192";
        font-family: FontAwesome
    }

    #carouselnav a {
        margin: 0 3px
    }

        #carouselnav a span {
            display: none
        }

.dt-sc-service-carousel .column {
    display: block;
    float: left;
    margin-left: 20px;
    text-align: center;
    padding-bottom: 0
}

.portfolio {
    position: relative;
    overflow: hidden
}

    .portfolio.column {
        margin-bottom: 20px
    }

        .portfolio.column.no-space {
            margin-bottom: 0
        }

.portfolio {
    margin-bottom: 10px
}

.column.no-space .portfolio {
    margin-bottom: 0
}

.portfolio.dt-sc-one-half.column.no-space {
    margin-top: -1px;
}

.dt-sc-portfolio-container {
    float: left;
    clear: both;
    margin: 30px 0 0;
    padding: 0;
    width: 100%
}

    .dt-sc-portfolio-container .portfolio {
        margin-left: 0
    }

.dt-sc-sorting-container {
    text-align: center;
    display: inline-block;
    width: 100%
}

    .dt-sc-sorting-container a.dt-sc-button.small {
        font-size: 18px;
        padding: 10px 20px;
        margin: 0 4px 10px 0;
        text-transform: capitalize
    }

.portfolio figure img {
    float: left;
    width: 100%;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.portfolio:hover figure img {
    cursor: pointer;
    transform: scale(1.5);
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.portfolio h5 {
    display: inline-block;
    padding: 0 20px 25px;
    margin-bottom: 30px;
    margin-top: 20px;
    font-size: 18px;
    border-bottom: 1px solid #8d8d8d;
    text-transform: uppercase
}

    .portfolio h5 a {
        color: #fff
    }

        .portfolio h5 a:hover {
            color: #8d8d8d
        }

.fig-content a.dt-sc-button {
    background: #fff;
    line-height: 40px;
    padding: 0 20px;
    border: none;
    color: #2e2e2e;
    margin: 0
}

    .fig-content a.dt-sc-button i {
        border-left: 1px solid silver;
        margin-left: 15px;
        padding-left: 15px;
        line-height: 42px
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome, .fig-content a.dt-sc-button {
        border: 1px solid #000
    }
}

.fig-content a.dt-sc-button:hover {
    height: 100%;
    background: #000;
    color: #fff
}

    .fig-content a.dt-sc-button:hover i {
        border-color: #fff
    }

.dt-sc-button.load-more {
    display: block;
    margin: 0 auto 0;
    padding: 15px 30px;
    color: #2e2e2e;
    max-width: 300px;
    text-align: center;
    clear: both
}

.portfolio figcaption {
    position: absolute;
    width: 100%;
    height: 0;
    background: rgba(47,49,51,.95);
    text-align: center;
    bottom: 0;
    left: 0;
    transition: all .27s ease-in-out;
    -moz-transition: all .27s ease-in-out;
    -webkit-transition: all .27s ease-in-out;
    -o-transition: all .27s ease-in-out
}

    .portfolio figcaption:after {
        border: 1px solid #9c9d9e;
        content: "";
        display: inline-block;
        height: 93.4%;
        left: 15px;
        position: absolute;
        top: 15px;
        width: 96.7%
    }

.portfolio:hover figcaption {
    height: 100%
}

.fig-content {
    position: absolute;
    z-index: 2;
    left: 0;
    width: 100%;
    top: 35%;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transition: all .33s ease-in-out;
    -moz-transition: all .33s ease-in-out;
    -webkit-transition: all .33s ease-in-out;
    -o-transition: all .33s ease-in-out
}

.portfolio:hover .fig-content {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg)
}

.portfolio.dt-sc-one-third figcaption:after {
    top: 9px;
    left: 9px
}

.portfolio.dt-sc-one-third figcaption .fig-content {
    top: 28%
}

.portfolio.dt-sc-one-fourth figcaption:after {
    height: 90%;
    left: 11px;
    top: 11px;
    width: 95%
}

.portfolio.dt-sc-one-fourth .fig-content {
    top: 20%
}

@media only screen and (min-width:1401px) and (max-width:1800px) {
    .portfolio figcaption:after, .boxed .portfolio figcaption:after {
        height: 92%;
        width: 96%
    }

    .inner-page .portfolio figcaption:after {
        height: 90%;
        left: 10px;
        top: 10px;
        width: 94.5%
    }

    .boxed .inner-page .portfolio figcaption:after {
        height: 90.6%;
        left: 7px;
        top: 7px;
        width: 94.5%
    }

    .inner-page .fig-content {
        top: 15%
    }

    .boxed .inner-page .fig-content {
        top: 20%
    }

    .progressbar {
        width: 431px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .portfolio figcaption:after, .boxed .portfolio figcaption:after {
        height: 88% !important;
        width: 94% !important;
        left: 3% !important;
        top: 5.5% !important
    }
}

.dt-sc-button.load-more:hover:after {
    height: 634%
}

.project-details .social-media li a:hover i, .project-details .social-media li a:hover:after {
    color: #fff
}

.project-details .social-media li a:after {
    background: #000
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome, .social-media li a:after {
        top: 100%;
        left: 0
    }
}

.isotope-hidden {
    display: none !important
}

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

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

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

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

h3.portfolio-single {
    margin-bottom: 5px;
    color: #323232;
    display: inline-block;
    text-transform: capitalize;
    float: left;
    width: 100%
}

.border-title h2.portfolio-single {
    text-transform: uppercase;
    width: auto;
    text-align: center;
    float: none;
    margin: 0
}

p.tags {
    margin-bottom: 15px;
    float: left;
    width: 100%
}

    p.tags a {
        margin-left: 5px
    }

ul.portfolio-slider li {
    padding: 0
}


.bx-controls {
    position: absolute;
    right: 2px;
    left: 0;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    top: 46%;
    z-index: 999
}

    .bx-controls a {
        display: inline-block;
        padding: 18px;
        text-align: center;
        font-size: 0;
        line-height: 0;
        background: #000;
        color: #ddd;
        width: auto
    }

    .bx-controls .bx-prev, .bx-controls .bx-next {
        position: relative
    }

        .bx-controls .bx-prev:hover, .bx-controls .bx-next:hover {
            background: #ddd;
            color: #000
        }

.bx-controls-direction {
    width: 100%
}

.bx-controls .bx-prev {
    left: 0;
    float: left
}

.bx-controls .bx-next {
    right: 0;
    float: right
}

.inner-page .bx-controls .bx-next {
    right: 2px
}

#blog.inner-page .bx-controls .bx-next {
    right: 0
}

#primary.with-sidebar .bx-controls .bx-next {
    right: 0;
    float: right
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome, .bx-controls a {
        padding: 18px 0
    }
}

.bx-controls .bx-prev:before {
    content: "\f104";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    font-size: 20px;
    position: absolute;
    left: 0;
    right: 0
}

.bx-controls .bx-next:before {
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    font-size: 20px;
    position: absolute;
    left: 0;
    right: 0
}

.project-details h5 {
    text-align: left;
    margin-bottom: 20px
}

.project-details ul {
    float: left;
    width: 100%;
    margin: 0;
    list-style-type: none
}

    .project-details ul.project-details li {
        width: 100%
    }

    .project-details ul li {
        float: left;
        display: block;
        padding-bottom: 10px
    }

        .project-details ul li p {
            margin-right: 30px
        }

        .project-details ul li span {
            margin-right: 10px;
            min-width: 12px
        }

        .project-details ul li:last-child {
            background: 0 0
        }

        .project-details ul li.date p {
            font-size: 22px;
            display: inline-block;
            *display: inline;
            zoom: 1;
            margin: 0 3px 0 0
        }

        .project-details ul li.date span {
            font-size: 11px;
            display: inline-block;
            *display: inline;
            zoom: 1;
            text-transform: uppercase
        }

        .project-details ul li.date .icon-calendar {
            margin-right: 0
        }

        .project-details ul li.author {
            margin: 0 15px 0 0;
            float: left
        }

        .project-details ul li.author, .project-details ul li.tags a {
            font-weight: 700;
            color: #e96666
        }

            .project-details ul li.tags a:hover {
                color: #3d3d3d
            }

        .project-details ul li.website-link {
            font-weight: 700
        }

        .project-details ul li .icon-user, .project-details ul li .icon-tag, .project-details ul li .icon-link, .project-details ul li .icon-calendar {
            color: #2e2a2b;
            margin-right: 5px
        }

.post-nav-container {
    float: left;
    width: 100%;
    margin: 30px 0 0;
    padding: 15px 0;
    clear: both;
    border-bottom: 1px dotted #888;
    border-top: 1px dotted #888
}

    .post-nav-container a {
        font-weight: 400
    }

        .post-nav-container a span {
            font-size: 12px;
            font-weight: 400;
            color: #303030;
            font-style: italic
        }

    .post-nav-container .post-prev-link {
        float: left
    }

    .post-nav-container .post-next-link {
        float: right
    }

#primary.with-sidebar .fig-content {
    top: 20%
}

    #primary.with-sidebar .fig-content h5 {
        margin-bottom: 20px;
        padding: 0 20px 20px
    }

.apply-isotope .column {
    margin: 0
}

.dt-sc-partner-carousel-wrapper {
    clear: both;
    display: block;
    float: left;
    padding: 0;
    position: relative;
    width: 100%
}

.dt-sc-partner-carousel li {
    display: block;
    float: left;
    margin: 0 10px;
    text-align: center;
    padding-bottom: 0
}

.dt-sc-partner-carousel img {
    max-width: 100%;
    margin: 0 auto;
    cursor: pointer
}

    .dt-sc-partner-carousel img:hover {
        cursor: pointer
    }

.dt-sc-partner-carousel .active {
    cursor: default;
    cursor: pointer
}

.dt-sc-partner-carousel .carousel-arrows {
    text-align: center;
    margin-top: 20px;
    display: inline-block;
    width: 100%;
    display: inline-block;
    border: 1px solid #8f8f8f;
    padding: 10px 15px;
    color: #8f8f8f;
    background: #191108;
    position: absolute;
    z-index: 1;
    top: 10px
}

.dt-sc-partner-carousel-wrapper .carousel-arrows {
    margin-top: 20px;
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: -5px;
    width: 100%;
    left: 0
}

    .dt-sc-partner-carousel-wrapper .carousel-arrows a {
        border: none;
        width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        vertical-align: middle;
        background: #323232;
        color: #fff
    }

        .dt-sc-partner-carousel-wrapper .carousel-arrows a i {
            font-size: 24px;
            font-weight: 300;
            line-height: 34px
        }

        .dt-sc-partner-carousel-wrapper .carousel-arrows a:hover i {
            color: #323232
        }

        .dt-sc-partner-carousel-wrapper .carousel-arrows a.carousel-prev {
            left: -60px;
            position: absolute
        }

        .dt-sc-partner-carousel-wrapper .carousel-arrows a.carousel-next {
            right: -60px;
            position: absolute
        }

.dt-sc-parallax-section q {
    color: #fff;
    display: inline-block;
    float: none;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    margin: 0 auto 30px;
    width: 100%
}

.dt-sc-parallax-section blockquote:before, .dt-sc-parallax-section blockquote:after {
    color: rgba(255,255,255,.8);
    font-size: 24px
}

.dt-sc-parallax-section blockquote:after {
    bottom: 0
}

#pager {
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 15px
}

    #pager a {
        display: inline-block;
        text-align: center
    }

        #pager a:before {
            color: silver;
            content: "\f111";
            margin-top: 15px;
            margin-left: 5px;
            margin-right: 5px
        }

        #pager a.selected:before {
            content: "\f192"
        }

    #pager > a span {
        display: none
    }

.dt-sc-testimonial-carousel-wrapper {
    clear: both;
    display: block;
    float: left;
    margin: 10px 0 0;
    padding: 0;
    position: relative;
    width: 100%
}

.dt-sc-testimonial-carousel li {
    display: block;
    float: left;
    margin: 0 1px;
    text-align: center
}

.dt-sc-testimonial-carousel-wrapper blockquote {
    text-align: center
}

.dt-sc-testimonial p {
    margin: 10px auto;
    font-weight: 400;
    font-size: 16px
}

    .dt-sc-testimonial p cite {
        font-style: normal;
        font-size: 18px;
        padding: 10px;
        border-top: 2px solid #ddd;
        font-weight: 600;
        display: inline-block
    }

.dt-sc-testimonial-carousel-wrapper .author {
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
    margin-bottom: 30px
}

    .dt-sc-testimonial-carousel-wrapper .author img {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -khtml-border-radius: 50%;
        vertical-align: middle
    }

.loading-bar {
    padding: 10px;
    margin: 0 auto;
    width: 50%;
    text-align: center;
    font-size: 30px;
    color: #000;
    text-transform: uppercase;
    -webkit-box-shadow: inset 0 0 0 1px #000;
    -moz-box-shadow: inset 0 0 0 1px #000;
    box-shadow: inset 0 0 0 1px #000;
    clear: both;
    float: none
}

.dt-sc-button.view-all {
    display: block;
    margin: 0 auto 0;
    padding: 15px 30px;
    color: #2e2e2e;
    max-width: 300px;
    text-align: center;
    clear: both
}

    .dt-sc-button.view-all:hover:after {
        height: 634%
    }

.blog-entry {
    float: left;
    clear: both;
    margin: 0 0 10px;
    width: 100%;
    border-bottom: 1px solid #878787;
    padding: 0 0 35px
}

.blog-items .blog-entry {
    padding: 4%;
    width: 95%;
    background: #202020;
    border: none
}

    .blog-items .blog-entry:hover {
        -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.2);
        -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.2);
        box-shadow: inset 0 0 0 1px rgba(255,255,255,.2)
    }

.entry-thumb {
    width: 100%;
    margin: 0 0 25px;
    padding: 0;
    float: left
}

    .entry-thumb a {
        display: block;
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
        line-height: 0
    }

    .entry-thumb img {
        max-width: 100%;
        height: auto
    }

.entry-details {
    float: left;
    width: 100%;
    margin: 0;
    padding:
}

    .entry-details .entry-metadata {
        display: block;
        margin: 0 0 15px;
        float: left;
        width: 100%;
        font-weight: 400
    }

        .entry-details .entry-metadata i {
            margin-right: 5px
        }

        .entry-details .entry-metadata p {
            display: inline-block;
            float: left;
            margin-bottom: 10px;
            padding: 0 16px 0 0;
            line-height: 16px;
            text-transform: none;
            font-size: 13px
        }

            .entry-details .entry-metadata span, .entry-details .entry-metadata p a {
                display: inline-block
            }

        .entry-details .entry-metadata span {
            margin: 0 5px
        }

    .entry-details .entry-title h4 {
        font-size: 20px
    }

.entry-body {
    display: inline-block;
    width: 100%;
    font-weight: 400
}

    .entry-body blockquote, .entry-body blockquote q {
        font-size: 16px;
        color: #a8a8a8;
        font-weight: 500;
        line-height: 29px;
        text-transform: none;
        font-style: italic;
        padding: 0
    }

        .entry-body blockquote:before, .entry-body blockquote q:after {
            content: none
        }

    .entry-body ul.tick {
        margin: 10px 0
    }

        .entry-body ul.tick li {
            list-style: none;
            position: relative;
            padding-left: 20px;
            line-height: 15px
        }

            .entry-body ul.tick li:before {
                content: "\f05a";
                font-family: FontAwesome;
                position: absolute;
                left: 0;
                color: #353535
            }

article.blog-entry .entry-thumb audio, article.blog-entry .entry-thumb video {
    width: 100%;
    color: #ddd
}

.blog-entry .bx-wrapper img {
    width: 97%
}

.blog-entry .bx-controls {
    top: 42%
}

    .blog-entry .bx-controls a {
        padding: 18px;
        width: auto
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome, .blog-entry .bx-controls a {
        padding: 18px 0
    }

    ::i-block-chrome, .blog-entry .bx-controls .bx-next {
        right: 1px
    }
}

.commententries {
    width: 100%;
    display: inline-block;
    margin: 10px 0 0;
    padding: 0
}

    .commententries h4, #respond h3 {
        padding: 0;
        margin: 0;
        width: 100%;
        clear: both
    }

    .commententries h4, #respond h3, .post-author-details h3 {
        text-transform: uppercase
    }

ul.commentlist {
    float: left;
    margin: 50px 0 20px;
    padding: 0 0 20px;
    list-style: none;
    border-top: 0;
    width: 100%
}

    ul.commentlist li {
        display: block;
        float: none;
        list-style: none;
        border: none;
        margin: 0 0 30px;
        padding: 0 0 0 110px;
        position: relative;
        clear: both
    }

        ul.commentlist li ul.children {
            margin: 30px 0 0;
            padding: 0;
            float: left;
            border: none;
            clear: both;
            width: 100%
        }

        ul.commentlist li .respond {
            margin-left: 69px
        }

        ul.commentlist li .comment-author {
            left: 0;
            top: 0;
            position: absolute
        }

            ul.commentlist li .comment-author img {
                max-height: 88px;
                float: left;
                margin: 0;
                -moz-transition: all 1s ease;
                -webkit-transition: all 1s ease;
                -o-transition: all 1s ease;
                transition: all 1s ease;
                border-radius: 54px;
                behavior: url(PIE.htc)
            }

            ul.commentlist li .comment-author img, ul.commentlist li .comment-author img {
                max-width: 88px
            }

                ul.commentlist li .comment-author img:hover {
                    -moz-transform: scale(1.05) rotate(20deg) translate(2px);
                    -webkit-transform: scale(1.05) rotate(20deg) translate(2px);
                    -o-transform: scale(1.05) rotate(20deg) translate(2px);
                    transform: scale(1.05) rotate(20deg) translate(2px)
                }

        ul.commentlist li .author-name {
            font-size: 15px;
            padding-bottom: 5px;
            float: left;
            margin-right: 5px;
            font-weight: 400
        }

            ul.commentlist li .author-name a {
                color: #666
            }

        ul.commentlist li .comment-details {
            display: block
        }

        ul.commentlist li .commentmetadata {
            color: #bbb;
            text-decoration: none;
            line-height: 17px;
            font-weight: 400;
            font-size: 13px
        }

.bypostauthor {
    float: left
}

ul.commentlist li .comment-body {
    margin: 0;
    padding: 0;
    color: #777;
    border-bottom: 1px solid #878787
}

ul.commentlist li .comment-content {
    padding: 5px 10px 25px 0;
    margin: 10px 0;
    border-radius: 5px;
    behavior: url(PIE.htc)
}

ul.commentlist li .reply {
    margin: -20px 0 0;
    float: right;
    width: 130px;
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
    background: #fff
}

    ul.commentlist li .reply a {
        padding: 10px 18px;
        display: block;
        margin-top: 0;
        color: #000
    }

        ul.commentlist li .reply a:hover {
            color: #fff
        }

        ul.commentlist li .reply a .fa {
            margin-left: 3px
        }

#commentform {
    text-align: center
}

    #commentform input[type=text], #commentform input[type=password], #commentform input[type=email], #commentform input[type=url], #commentform input[type=tel], #commentform input[type=number], #commentform input[type=range], #commentform input[type=date], #commentform input[type=search], #commentform textarea, #commentform input.text {
        padding: 19px 10px;
        font-family: merriweather,serif;
        margin-bottom: 10px;
        width: 100%
    }

    #commentform p.textarea {
        width: 100%
    }

    #commentform p {
        float: left;
        position: relative
    }

    #commentform input.error, #commentform textarea.error {
        border-color: red;
        color: red;
        position: relative
    }

    #commentform label.error {
        color: red;
        position: absolute;
        right: 0;
        bottom: 8px
    }

    #commentform p.textarea label.error {
        bottom: 16px;
    }

@-moz-document url-prefix() {
    #commentform p.textarea label.error {
        bottom: 8px
    }
}

#commentform p.form-submit.dt-sc-button {
    margin: 20px auto;
    float: none
}

#commentform p.form-submit input[type=submit] {
    margin: 0;
    padding: 0;
    background: 0 0
}

#commentform p.form-submit:hover input[type=submit] {
    color: #fff
}

#respond, form#commentform {
    display: inline-block;
    width: 100%
}

    #respond h3 {
        padding-bottom: 10px
    }

    #respond .form-submit input[type=submit] {
        font-family: merriweather,serif;
        text-transform: uppercase
    }

.post-author-details {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    border-bottom: 1px solid #878787;
    padding-bottom: 30px
}

    .post-author-details h3 {
        margin-bottom: 30px
    }

.entry-author-image {
    float: left;
    margin-right: 30px
}

    .entry-author-image img {
        border-radius: 50%;
        behavior: url(PIE.htc)
    }

.author-desc {
    float: left;
    width: 88%
}

.author-title {
    float: left;
    width: 100%;
    line-height: 22px;
    margin-bottom: 13px;
    color: #9c9c9c
}

.author-desc h5 {
    margin-bottom: 0;
    float: left;
    margin-right: 4px
}

    .author-desc h5 a {
        text-transform: capitalize
    }

.with-sidebar .author-desc {
    width: 85%
}

#contact .newsletter {
    width: 100%;
    float: left;
    padding-top: 11px;
    background: #2e2e2e
}

#mailchimp-form, .newsletter form, .newsletter p {
    float: left
}

#mailchimp-form {
    width: 100%
}

    #mailchimp-form p {
        background: none repeat scroll 0 0 #fff;
        border: 1px solid #000;
        border-right: none;
        font-family: merriweather,serif;
        overflow: hidden;
        padding: 0;
        float: left;
        width: 80%
    }

        #mailchimp-form p span {
            margin-left: 20px;
            margin-right: 5px;
            color: #000
        }

        #mailchimp-form p input[type=email] {
            width: 90%;
            padding: 15px 0 16px;
            margin-right: -1px;
            border: none;
            color: #000
        }

        #mailchimp-form p.submit {
            width: auto;
            margin: 0;
            color: #fff
        }

            #mailchimp-form p.submit input {
                padding: 15px 20px;
                font-size: 14px;
                margin: 0;
                border-right: 1px solid #000;
                color: #fff;
                font-family: merriweather,serif
            }

                #mailchimp-form p.submit input:hover {
                    background: #fff;
                    color: #000
                }

@-moz-document url-prefix() {
    #mailchimp-form p.submit input {
        padding: 14px 20px
    }
}

.newsletter .newsletter-text {
    float: right;
    line-height: 24px;
    color: #fff
}

    .newsletter .newsletter-text i {
        float: left;
        margin-bottom: 20px;
        margin-right: 25px;
        margin-top: 10px;
        font-size: 24px
    }

.legal-parallax h4 {
    margin-bottom: 20px
}

.contact-info {
    float: left;
    margin-bottom: 15px;
    padding: 0;
    clear: both;
    width: 100%
}

    .contact-info ul {
        width: 100%;
        float: left;
        clear: both;
        margin-bottom: 0
    }

        .contact-info ul li {
            display: block;
            float: left;
            font-size: 16px;
            line-height: 55px;
            padding-bottom: 0;
            padding-left: 55px
        }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome, .contact-info ul li {
        font-weight: 500
    }
}

.legal-parallax a {
    color: #777
}

.legal-parallax .contact-info ul li span.ico {
    border: none;
    broder-radius: 0;
    position: absolute;
    width: 30px;
    height: 30px;
    display: inline-block;
    top: 8px;
    left: 8px;
    border-radius: 30px;
    behavior: url(PIE.htc);
    margin-right: 15px;
    margin-bottom: 15px;
    text-align: center;
    position: relative;
    border: 4px solid #bababa
}

.contact-info ul li {
    position: relative
}

    .contact-info ul li div {
        position: absolute;
        top: 9px;
        left: 8px;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border: 3px solid #fff;
        border-bottom-color: transparent !important;
        transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        transition: all .2s;
        transition-delay: .1s;
        -webkit-transition-delay: .1s;
        border-color: #fff
    }

    .contact-info ul li:hover div {
        transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        border-color: var(--gold);
    }

    .contact-info ul li span.ico i {
        font-size: 14px;
        height: 40px;
        left: 6px;
        line-height: 40px;
        position: absolute;
        text-align: center;
        top: 7px;
        width: 40px;
        text-align: center
    }

.dark-box h4, .dark-box label {
    color: #f1ead7
}

.dark-box {
    padding: 20px;
    float: left;
    clear: both;
    width: 95.6%;
    border: 1px solid #252525
}

.enquiry-form {
    clear: both;
    float: left;
    margin: 0;
    text-align: center;
    width: 100%
}

    .enquiry-form p {
        text-align: center;
        position: relative
    }

        .enquiry-form p input.error, .enquiry-form p textarea.error {
            border-color: red;
            color: red;
            position: relative
        }

        .enquiry-form p.textarea {
            float: left;
            width: 100%
        }

        .enquiry-form p label.error {
            color: red;
            position: absolute;
            right: 0;
            bottom: 0
        }

        .enquiry-form p.textarea label.error {
            bottom: 8px;
        }

@-moz-document url-prefix() {
    .enquiry-form p.textarea label.error {
        bottom: 0
    }
}

.enquiry-form p input, .enquiry-form p textarea {
    background: 0 0;
    border-bottom: 1px solid #878787;
    border-style: none none solid;
    border-width: medium medium 1px;
    font-family: merriweather,serif;
    width: 100%
}

    .enquiry-form p input[type=submit] {
        color: #fff;
        width: 100%;
        padding: 0;
        border: none;
        margin: 0
    }

.enquiry-form p.dt-sc-button:hover input[type=submit] {
    color: #000;
    overflow: hidden
}

.enquiry-form p textarea {
    padding: 13px 17px;
    margin-top: 5px
}

.enquiry-form p.dt-sc-button {
    margin: 20px 0
}

.newsletter-form label {
    float: left
}

.newsletter-form input[type=email] {
    width: 56%;
    float: left;
    clear: both
}

.parallax-cntr .newsletter-form input[type=submit] {
    min-width: 123px;
    height: 50px
}

.dt-sc-contact-info {
    background: url(img/chip.png) no-repeat right;
    background-color: #000;
    height: 550px;
}

    .dt-sc-contact-info .contact-info {
        margin: 0;
        padding: 5%;
        width: 90%
    }

        .dt-sc-contact-info .contact-info h3 {
            margin-bottom: 20px
        }

        .dt-sc-contact-info .contact-info ul li {
            width: 100%
        }

.social-media {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    text-align: center
}

    .social-media ul {
        margin: 0 auto;
        width: 100%;
        text-align: center
    }

    .social-media li {
        display: inline;
        padding-bottom: 0
    }

        .social-media li a {
            display: block;
            width: 43px;
            float: left;
            height: 43px;
            color: #d3d3d3;
            border: 1px solid #fff;
            text-align: center;
            font-size: 14px;
            border-radius: 50%;
            margin-right: 10px;
            background: #000;
            behavior: url(PIE.htc)
        }

            .social-media li a i {
                line-height: 43px;
                font-size: 22px
            }

            .social-media li a:hover i {
                color: #fff
            }

            .social-media li a:hover:after {
                color: #fff;
                background: #000
            }

    .social-media.type1 {
        margin: 0;
        float: left
    }

        .social-media.type1 li {
            display: inline;
            padding-bottom: 0;
            width: 100%;
            list-style:
        }

            .social-media.type1 li a {
                width: 100%;
                border: none;
                border-radius: 0;
                height: auto;
                margin: 0;
                padding: 5px 0;
                width: 100%
            }

.dark-bg .social-media.type1 li a:after, .light-bg .social-media.type1 li a:after {
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    left: 0;
    bottom: 0;
    content: none
}

.dark-bg .social-media.type1 li a:hover:after, .light-bg .social-media.type1 li a:hover:after {
    border: none;
    background: 0 0;
    width: 100%;
    height: 100%;
    color: #fff
}

#contact_map {
    height: 426px;
    padding-bottom: 4px;
    width: 100%;
    float: left
}

.copyright {
    background: #2e2e2e;
    padding: 30px 0;
    color: #fff;
    text-align: center;
    margin-top: 0;
    position: relative
}

    .copyright p {
        margin-bottom: 0
    }

    .copyright a {
        color: #fff
    }

.twitter-parallax i.fa-twitter {
    width: 100%;
    font-size: 30px;
    display: inline-block;
    margin-bottom: 30px
}

.twitter-parallax .latest-tweets {
    display: inline-block;
    width: 60%
}

    .twitter-parallax .latest-tweets .tweet_list {
        text-align: center !important;
        list-style: none
    }

    .twitter-parallax .latest-tweets .tweet_text {
        font-size: 18px;
        font-weight: 400;
        line-height: 36px;
        display: inline-block;
        width: 100%
    }

        .twitter-parallax .latest-tweets .tweet_text a {
            color: #90deff
        }

            .twitter-parallax .latest-tweets .tweet_text a.tweet_hashtag {
                display: none
            }

    .twitter-parallax .latest-tweets span.tweet_time a {
        font-size: 24px;
        line-height: 36px;
        margin-top: 14px;
        display: inline-block;
        font-weight: 400;
        color: #90deff
    }

.donut-chart {
    text-align: center;
    color: #fff
}

    .donut-chart h6 {
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        margin-bottom: 20px
    }

.progress-bar-wrapper .donutchart {
    margin: 0 auto 21px;
    display: block
}

.progress-bar-wrapper .donutcharttext {
    font-size: 18px !important;
    color: #f9f9f9 !important
}

#toTop {
    text-decoration: none;
    position: absolute;
    top: -35px;
    right: 0;
    left: 0;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    width: 40px;
    height: 35px;
    border: none;
    text-indent: 100%;
    background: url(images/ui.totop.png) no-repeat left top;
    z-index: 9999
}

    #toTop:hover {
        background: url(images/ui.totop.png) no-repeat left -35px;
        width: 40px;
        height: 35px;
        display: block;
        overflow: hidden;
        float: left
    }

.wrapper.dark-bg, .boxed .wrapper.dark-bg .content, #blog.inner-page .content-main.dark-bg, .dark-bg .content-main, .dark-bg #blog.inner-page .content-main, .dark-bg.inner-page .content-main ul.commentlist li .reply {
    background: #111
}

.banner.dark-bg .caption h2, .banner.dark-bg .caption a.read-more, .dark-bg #scrolldown a, .dark-bg.main-title h1, .dark-bg.main-title h2, .dark-bg.main-title h3, .dark-bg.main-title h4, .dark-bg.main-title h5, .dark-bg.main-title h6, .dark-bg.dt-sc-parallax-section .border-title h3, .dt-sc-parallax-section.dark-bg h3, .dt-sc-parallax-section.dark-bg h2, .dt-sc-parallax-section.dark-bg p, .dark-bg.dt-sc-parallax-section q, .dark-bg #pager a.selected:before, .dark-bg .contact-info, .dark-bg .contact-info ul li, .dark-bg .contact-info h4, .dark-bg.legal-parallax h4, .dark-bg.legal-parallax label, .dark-bg.legal-parallax a:hover, .dark-bg .twitter-parallax .latest-tweets .tweet_text, span.ico i, .dark-bg input[type=submit], .dark-bg button, .dark-bg input[type=button], .dark-bg .contact-info ul li span.ico i, .dark-bg .dt-sc-tb-header .dt-sc-price p, .dark-bg .border-title h1, .dark-bg .border-title h2, .dark-bg .border-title h3, .dark-bg .border-title h4, .dark-bg .border-title h5, .dark-bg .border-title h6, .dark-bg p, .dark-bg .dt-sc-ico-content .icon span, .dark-bg a:hover, .dark-bg #carouselnav a:before, .dark-bg ul.dt-sc-tabs-vertical-frame li a, .dark-bg .dt-sc-sorting-container a, .dark-bg .dt-sc-button.load-more, .dark-bg .entry-details .entry-metadata p a:hover, .dark-bg .dt-sc-button.view-all, .dark-bg .dt-sc-team-carousel-wrapper .carousel-arrows a i:hover, .dark-bg h4.border-title, .inner-page.dark-bg .content-main a:hover, .inner-page.dark-bg .content-main .post-nav-container a span:hover, .dark-bg.inner-page ol.dt-sc-fancy-list li span, .dark-bg.inner-page ul.dt-sc-fancy-list li, .dark-bg .dt-sc-dropcap.dt-sc-dropcap-bordered-circle, .dark-bg .service h6 a:hover, .dark-bg .dt-sc-tabs-vertical-frame-content p, .dark-bg .dt-sc-ico-content ul li {
    color: #ddd
}

.dark-bg .dt-sc-ico-content.type2:hover, .dark-bg .dt-sc-ico-content.type4 h4:after {
    background: #fff
}

.dark-bg .dt-sc-ico-content.type2 p, .dark-bg .dt-sc-ico-content.type2 h4 a, .dark-bg .dt-sc-parallax-section.light-bg .social-media ul li a:hover i, .inner-page.dark-bg .content-main .fig-content a.dt-sc-button:hover, .dark-bg #blog.inner-page .content-main ul li, .dark-bg #blog.inner-page .content-main ul.tick li:before, .dark-bg .entry-title h4 a:hover, .dark-bg .dt-sc-toggle p.dt-sc-toggle-accordion a, .dark-bg .dt-sc-toggle-frame p.dt-sc-toggle-accordion a, .dark-bg.inner-page .content-main ul.commentlist li .reply a {
    color: #fff
}

    .dark-bg .dt-sc-ico-content.type2:hover > p, .dark-bg .dt-sc-ico-content.type2:hover h4 > a, .dark-bg .dt-sc-ico-content.type2:hover .icon span, .inner-page.dark-bg .content-main .form-submit:hover input[type=submit], .dark-bg .content-main .tagcloud a:hover, .dark-bg .content-main .reply a.dt-sc-button:hover, .dark-bg .content-main .dt-sc-team h4, .dark-bg .content-main .dt-sc-team figcaption span, .dark-bg.inner-page .dt-sc-team ul.dt-sc-social-icons a:hover, .dark-bg .content-main .bx-controls-direction a:hover, .dark-bg #commentform p.form-submit.dt-sc-button:hover input[type=submit], .dark-bg.inner-page .content-main ul.commentlist li .reply a:hover, .dark-bg .dt-sc-ico-content.type4:hover h4 a, .dark-bg .dt-sc-ico-content.type4:hover ul li {
        color: #000
    }

.dark-bg .dt-sc-ico-content.type2:hover .icon span {
    opacity: .1
}

.dark-bg .dt-sc-button:after, .dark-bg .dt-sc-sorting-container a:after, .dark-bg .dt-sc-sorting-container a.active-sort:after, .dark-bg .dt-sc-sorting-container a.active-sort, .dark-bg .content-main .tagcloud a:after, .dark-bg .content-main p.form-submit.dt-sc-button:after {
    background: #ddd
}

.dark-bg .fig-content a.dt-sc-button:after, .dark-bg .dt-sc-ico-content.type4:hover h4:after {
    background: #000
}

.dark-bg .border-title h1, .dark-bg .border-title h2, .dark-bg .border-title h3, .dark-bg .border-title h4, .dark-bg .border-title h5, .dark-bg .border-title h6, .dark-bg .dt-sc-dropcap.dt-sc-dropcap-bordered-circle {
    border-color: #ddd
}

.dark-bg .entry-details .entry-metadata p, .dark-bg .entry-details .entry-metadata p a, .dark-bg .entry-details .entry-metadata span {
    color: #9c9c9c
}

.banner.dark-bg .caption a.read-more:hover, .dark-bg .social-media li a:hover i, .dark-bg .dt-sc-sorting-container a:hover, .dark-bg .dt-sc-button.load-more:hover, .dark-bg .dt-sc-button.view-all:hover, .dark-bg .dt-sc-sorting-container a.active-sort, .dark-bg .dt-sc-parallax-section.light-bg .social-media ul li a:hover, .light-bg .social-media li a i, .inner-page.dark-bg .content-main a.dt-sc-button.dt-sc-tooltip-left:hover, .inner-page.dark-bg .content-main a.dt-sc-button.dt-sc-tooltip-right:hover, .inner-page.dark-bg .content-main a.dt-sc-button.dt-sc-tooltip-bottom:hover, .inner-page.dark-bg .content-main a.dt-sc-button.dt-sc-tooltip-top:hover {
    color: #000
}

.dark-bg .social-media li a:hover:after {
    color: #000;
    background: #ddd
}

.dark-bg .dt-sc-pr-tb-col, .dark-bg .dt-sc-partner-carousel-wrapper .carousel-arrows a:hover, .dark-bg .social-media li a:after, .banner.dark-bg .caption a.read-more:after {
    background: #fff
}

.dark-bg .dt-sc-partner-carousel-wrapper .carousel-arrows a {
    box-shadow: inset 0 0 0 1px #ddd;
    -moz-box-shadow: inset 0 0 0 1px #ddd;
    -webkit-box-shadow: inset 0 0 0 1px #ddd
}

.dark-bg .dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button {
    color: #fff;
    background: #000;
    border: 1px solid #000
}

    .dark-bg .dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button:hover {
        color: #000;
        border: 1px solid #000
    }

    .dark-bg .dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button.small i, .dark-bg .dt-sc-pr-tb-col .dt-sc-buy-now .dt-sc-button.small:hover i {
        border-color: #ddd
    }

    .dark-bg .dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button:hover:after {
        background: 0 0;
        color: #000
    }

    .dark-bg .dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button.small:hover i {
        border-color: #000
    }

.dark-bg .dt-sc-pr-tb-col .dt-sc-buy-now .dt-sc-button:hover {
    color: #fff;
    border-color: #ddd
}

    .dark-bg .dt-sc-pr-tb-col .dt-sc-buy-now .dt-sc-button:hover:after, .dark-bg .dt-sc-parallax-section.light-bg .social-media ul li a:hover:after {
        background: #000
    }

.dark-bg .dt-sc-tb-header .dt-sc-price p, .light-bg .pricing-table {
    background: #2e2e2e
}

.dark-bg .dt-sc-team-carousel-wrapper .carousel-arrows a i, .dark-bg #fp-nav span, .fp-slidesNav span, .dark-bg .entry-title h4 a {
    color: #878787
}

.dark-bg .dt-sc-team-cmt p {
    color: #353535
}

.dark-bg .dt-sc-tabs-vertical-frame-content h4, .dark-bg .content-main h1, .dark-bg .content-main h2, .dark-bg .content-main h3, .dark-bg .content-main h4, .dark-bg .content-main h5, .dark-bg .content-main h6, .dark-bg .content-main a, .dark-bg .content-main .post-nav-container a span, .inner-page.dark-bg .content-main a.dt-sc-button.dt-sc-tooltip-left, .inner-page.dark-bg .content-main a.dt-sc-button.dt-sc-tooltip-right, .inner-page.dark-bg .content-main a.dt-sc-button.dt-sc-tooltip-bottom, .inner-page.dark-bg .content-main a.dt-sc-button.dt-sc-tooltip-top, .dark-bg .fig-content a.dt-sc-button:hover, .dark-bg .social-media li a i {
    color: #fff
}

.dt-sc-parallax-section .border-title h1, .dt-sc-parallax-section .border-title h2, .dt-sc-parallax-section .border-title h3, .dt-sc-parallax-section .border-title h4, .dt-sc-parallax-section .border-title h5, .dt-sc-parallax-section .border-title h6 {
    color: #fff;
    border-color: #fff
}

.dark-bg .dt-sc-tb-content li, .dark-bg .dt-sc-tb-title h5, .dark-bg .dt-sc-pr-tb-col .dt-sc-buy-now .dt-sc-button, .dark-bg .fig-content a.dt-sc-button {
    color: #2e2e2e
}

.dark-bg .dt-sc-pr-tb-col .dt-sc-buy-now .dt-sc-button {
    border: 1px solid #666667
}

.dark-bg .dt-sc-buy-now .dt-sc-button.small i {
    border-left: 1px solid #2e2e2e
}

.dark-bg .dt-sc-buy-now .dt-sc-button:after {
    color: #000;
    background: #000
}

.dark-bg .loading-bar {
    color: #fff;
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    -moz-box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff
}

.light-bg #main .banner {
    background: url(images/banner-light.jpg) fixed
}

.light-bg .social-media li a i, .dt-sc-parallax-section.light-bg p, .dt-sc-parallax-section.light-bg q, .dt-sc-parallax-section.light-bg, .dt-sc-parallax-section.light-bg blockquote:before, .dt-sc-parallax-section.light-bg blockquote:after, .dt-sc-parallax-section.light-bg .legal-parallax a:hover, .light-bg .no-header-bg #header #main-menu ul li.current_page_item > a, .light-bg .service h6 a:hover, .light-bg .entry-title h1 a:hover, .light-bg .entry-title h2 a:hover, .light-bg .entry-title h3 a:hover, .light-bg .entry-title h4 a:hover, .light-bg .entry-title h5 a:hover, .light-bg .entry-title h6 a:hover, .light-bg .dt-sc-ico-content.type4:hover a:hover, .light-bg .entry-details .entry-metadata p a:hover {
    color: #979696
}

.light-bg .service .service-overlay {
    background-color: rgba(0,0,0,.7)
}

    .light-bg .service .service-overlay p {
        color: #fff
    }

.light-bg .blog-items .blog-entry, .light-bg .service-grid:hover .services, .light-bg .video-text .dt-sc-button:hover:after, .light-bg .tp-banner-container .dt-sc-button:hover:after {
    background: #ddd
}

.light-bg .dt-sc-ico-content.type4:hover, .light-bg .dt-sc-ico-content.type4 h4:after, .light-bg .social-media.type1 li a:hover {
    background: #000;
    color: #fff
}

    .banner.light-bg .caption a.read-more, .light-bg .newsletter .newsletter-text, .dt-sc-parallax-section.light-bg .social-media ul li a:hover i, .light-bg .banner.dark-bg .caption h2, .light-bg .service h5 a:hover, .light-bg .social-media ul li a:hover i, .dt-sc-parallax-section.light-bg .enquiry-form p.dt-sc-button:hover input[type=submit], .light-bg .dt-sc-ico-content.type4:hover h4 a {
        color: #fff
    }

.nav-roundslide.light-bg a {
    border: 2px solid #fff
}

.nav-roundslide.collapse.light-bg a.menu-btn h3, .dark-bg .dt-sc-parallax-section.light-bg .social-media ul li a:hover i, .light-bg .dt-sc-parallax-section.light-bg .social-media ul li a:hover i, .light-bg .dark-bg h1, .light-bg .dark-bg h2, .light-bg .dark-bg h3, .light-bg .dark-bg h4, .light-bg .dark-bg h5, .light-bg .dark-bg h6, .light-bg .dark-bg input[type=text], .light-bg .dark-bg input[type=password], .light-bg .dark-bg input[type=email], .light-bg .dark-bg input[type=url], .light-bg .dark-bg input[type=tel], .light-bg .dark-bg input[type=number], .light-bg .dark-bg input[type=range], .light-bg .dark-bg input[type=date], input[type=search], .light-bg .dark-bg textarea, .light-bg .dark-bg input.text, .light-bg .dark-bg a {
    color: #fff
}

.dt-sc-parallax-section.light-bg .contact-info ul li, a:hover, .light-bg #scrolldown a, .light-bg .social-media li a:hover i, .dt-sc-parallax-section.light-bg .contact-info h3, .dt-sc-parallax-section.light-bg .contact-info ul li span.ico i, .light-bg .dt-sc-parallax-section.light-bg .social-media ul li a i, .light-bg .banner .caption h1, .light-bg .banner .caption h4, .light-bg .banner.dark-bg .caption.quote h2, .light-bg .banner .caption.quote h2 span, .light-bg input[type=text], .light-bg input[type=password], .light-bg input[type=email], .light-bg input[type=url], .light-bg input[type=tel], .light-bg input[type=number], .light-bg input[type=range], .light-bg input[type=date], input[type=search], .light-bg textarea, .light-bg input.text, .light-bg .service-grid:hover .services p, .light-bg .social-media.type1 li a i, .light-bg .dark-bg .dt-sc-tb-title h5, .light-bg article.blog-entry .entry-thumb audio, .light-bg article.blog-entry .entry-thumb video {
    color: #000
}

    .dt-sc-parallax-section.light-bg .contact-info ul li span.ico {
        border: 4px solid #bababa
    }

.dt-sc-parallax-section.who-parallax.light-bg {
    background-image: url(images/who-parallax.jpg)
}

.dt-sc-parallax-section.services-parallax.light-bg {
    background-image: url(images/who-parallax.jpg)
}

.dt-sc-parallax-section.work-parallax.light-bg {
    background-image: url(images/who-parallax.jpg)
}

.dt-sc-parallax-section.team-parallax.light-bg {
    background-image: url(images/who-parallax.jpg)
}

.dt-sc-parallax-section.legal-parallax.light-bg {
    background-image: url(images/who-parallax.jpg)
}

.dt-sc-parallax-section.twitter-parallax.light-bg {
    background-image: url(images/who-parallax.jpg)
}

.dt-sc-parallax-section.testimonial-parallax.light-bg {
    background-image: url(images/who-parallax.jpg)
}

.light-bg .service-grid:nth-child(odd):hover .services:before {
    border-bottom-color: #ddd
}

.light-bg .service-grid:nth-child(even):hover .services:after {
    border-top-color: #ddd
}

.light-bg .dt-sc-pr-tb-col, .dt-sc-parallax-section .border-title h1, .dt-sc-parallax-section .border-title h2, .dt-sc-parallax-section .border-title h3, .dt-sc-parallax-section .border-title h4, .dt-sc-parallax-section .border-title h5, .dt-sc-parallax-section .border-title h6 {
    color: #fff;
    border-color: #fff
}

.light-bg .dt-sc-team-carousel-wrapper .carousel-arrows a:hover i, .light-bg .entry-title h1 a, .light-bg .entry-title h2 a, .light-bg .entry-title h3 a, .light-bg .entry-title h4 a, .light-bg .entry-title h5 a, .light-bg .entry-title h6 a, .light-bg .dt-sc-parallax-section.dark-bg .social-media ul li a:hover i {
    color: #000
}

.light-bg .dt-sc-team-carousel-wrapper .carousel-arrows a:hover {
    box-shadow: 0 0 0 1px #000 inset;
    -webkit-box-shadow: 0 0 0 1px #000 inset;
    -moz-box-shadow: 0 0 0 1px #000 inset
}

.banner.light-bg .caption a.read-more:after, .light-bg .dt-sc-ico-content.type4:hover h4:after {
    background: #fff
}

.banner.light-bg .caption a.read-more:hover {
    color: #000;
    border-color: #000
}

.dt-sc-parallax-section.light-bg .border-title h1, .dt-sc-parallax-section.light-bg .border-title h2, .dt-sc-parallax-section.light-bg .border-title h3, .dt-sc-parallax-section.light-bg .border-title h4, .dt-sc-parallax-section.light-bg .border-title h5, .dt-sc-parallax-section.light-bg .border-title h6 {
    border-color: #000;
    color: #000
}

.light-bg .label .perc, .light-bg .no-header-bg #header #logo a, .light-bg .no-header-bg #header #main-menu ul li.current_page_item > a, .light-bg .no-header-bg #header #logo a, .light-bg .no-header-bg #header #main-menu ul li a:hover, .dt-sc-parallax-section.light-bg .enquiry-form p input[type=submit], .widget_recent_entries ul li p a:hover {
    color: #000
}

.light-bg .dt-sc-tabs-vertical-frame-content h4, .light-bg .dt-sc-tabs-vertical-frame-content p {
    color: #000
}

.light-bg .dt-sc-tabs-vertical-frame-content i, .light-bg .dt-sc-tabs-frame-content i {
    opacity: .1
}

.light-bg .blog-items .blog-entry:hover {
    -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.2)
}

.light-bg .dt-sc-team figure.dt-sc-entry-thumb:after {
    border-color: #2e2e2e
}

.light-bg .widget.widget_search #search-form p.submit input[type=submit] {
    -webkit-box-shadow: inset 0 0 0 1px #000;
    -moz-box-shadow: inset 0 0 0 1px #000;
    box-shadow: inset 0 0 0 1px #000
}

    .light-bg .widget.widget_search #search-form p.submit input[type=submit]:hover {
        -webkit-box-shadow: inset 0 0 0 1px #999;
        -moz-box-shadow: inset 0 0 0 1px #999;
        box-shadow: inset 0 0 0 1px #999
    }

.dt-style-picker-wrapper {
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 150px
}

#dt-style-picker {
    background: #fff;
    width: 225px;
    float: left;
    position: absolute;
    top: 0;
    z-index: 1;
    margin: 0;
    padding: 0 0 10px;
    text-align: center;
    border: 1px solid #ddd;
    border-left: none
}

    #dt-style-picker h2 {
        background: url(images/style-picker/title-bg.jpg) repeat-x;
        font: 12px Tahoma,Geneva,sans-serif;
        text-transform: uppercase;
        line-height: 48px;
        width: 100%;
        color: #848484;
        margin: 0 0 15px;
        padding: 0
    }

    #dt-style-picker h3 {
        font: 12px Tahoma,Geneva,sans-serif;
        padding: 0 0 10px;
        width: 100%;
        color: #848484;
        margin: 0;
        text-transform: uppercase
    }

.style-picker-ico img {
    -webkit-animation: spin 4s infinite linear;
    -moz-animation: spin 4s infinite linear;
    animation: spin 4s infinite linear
}

#dt-style-picker ul {
    float: left;
    margin-bottom: 10px;
    padding: 0;
    text-align: center;
    width: 225px
}

    #dt-style-picker ul li {
        display: inline-block;
        display: inline;
        list-style-type: none;
        padding: 0;
        margin: 0 0 6px
    }

        #dt-style-picker ul li a {
            background: #fff;
            border: 1px solid #fff;
            padding: 2px;
            display: inline-block;
            margin: 0;
            line-height: 0
        }

            #dt-style-picker ul li a.selected, #dt-style-picker ul li a:hover {
                border: 1px solid #d7d7d7
            }

            #dt-style-picker ul li a img {
                border: 1px solid #d7d7d7
            }

#dt-style-picker .theme-demo a.dt-sc-button {
    margin: 20px 0;
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    text-transform: capitalize
}

.style-picker-ico {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ddd;
    height: 40px;
    left: 225px;
    line-height: 52px;
    position: absolute;
    text-align: center;
    top: 25px;
    width: 45px
}

.boxed img.banner-img {
    width: auto;
    height: 100%
}

.boxed .wrapper, .boxed #panel {
    width: 1220px;
    margin-left: auto;
    margin-right: auto;
    float: none
}

    .boxed .wrapper .inner-wrapper {
        box-shadow: 0 0 30px rgba(0,0,0,.25)
    }

    .boxed .wrapper .banner .container {
        width: 100%
    }

.boxed #header {
    margin: 0 auto;
    width: 1220px
}

.boxed .content {
    background: #fff
}

.boxed #panel {
    left: 0
}

    .boxed #panel #header.dt-sticky-menu, .boxed #panel .is-sticky header.dt-sticky-menu {
        width: 1170px
    }

.boxed .blog-arrows {
    display: none
}

.boxed .blog-container:hover .blog-arrows {
    display: block
}

.boxed #pnlIntro.content.below-menu {
    height: auto;
    min-height: auto
}

.boxed #toggle-panel a {
    left: auto
}

.boxed #header.dt-sticky-menu, .boxed .is-sticky header.dt-sticky-menu {
    width: 1220px
}

.boxed #header.navbar.dt-sticky-menu, .boxed #header.navbar.is-sticky header.dt-sticky-menu {
    width: 100%
}

.boxed .no-header-bg #header-sticky-wrapper.sticky-wrapper header.dt-sticky-menu .container {
    width: 1000px
}

.boxed .no-header-bg .sticky-wrapper.is-sticky #header {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.boxed .dt-sc-partner-carousel-wrapper .carousel-arrows a.carousel-next {
    right: -15px
}

.boxed .dt-sc-partner-carousel-wrapper .carousel-arrows a.carousel-prev {
    left: -15px
}

.dt-sc-partner-carousel-wrapper .carousel-arrows a {
    border: 1px solid #fff
}

    .dt-sc-partner-carousel-wrapper .carousel-arrows a:hover {
        background: 0 0;
        border: 1px solid #000;
        color: #000
    }

.boxed .portfolio figcaption {
    overflow: hidden
}

.boxed .portfolio h5 {
    margin-bottom: 18px;
    margin-top: 0;
    padding: 0 10px 12px
}

.boxed .portfolio figcaption:after {
    height: 93%;
    left: 10px;
    top: 10px;
    width: 96.6%
}

.boxed .portfolio.dt-sc-one-third figcaption:after {
    height: 90.6%;
    left: 9px;
    top: 9px;
    width: 95.2%
}

.boxed .portfolio.dt-sc-one-fourth figcaption:after {
    left: 6px;
    top: 6px;
    height: 92%;
    width: 95.3%
}

.boxed .contact-info ul li div {
    top: 9px
}

.tooltipleft {
    background: #ddd
}

.dark-bg .demo-overlay a.dt-sc-button {
    color: #fff;
    border-color: #fff;
    margin-top: 20px;
    margin-right: 0
}

    .dark-bg .demo-overlay a.dt-sc-button:hover {
        color: #000;
        border-color: #000
    }

.theme-demo h2 {
    color: #fff;
    text-transform: uppercase;
    margin-top: 5%;
    margin-bottom: 14%;
    text-transform: capitalize
}

.theme-demo-img {
    position: relative
}

    .theme-demo-img .demo-overlay {
        position: absolute;
        width: 100%;
        font-size: 22px;
        top: 27%
    }

        .theme-demo-img .demo-overlay a.default {
            left: 11%;
            position: absolute;
            opacity: 0;
            color: #fff
        }

        .theme-demo-img .demo-overlay a.dark {
            right: 11%;
            position: absolute;
            opacity: 0;
            color: #fff
        }

.dt-sc-one-third:hover .demo-overlay a.default {
    left: 22%;
    opacity: 1
}

.dt-sc-one-third:hover .demo-overlay a.dark {
    right: 22%;
    opacity: 1
}

@media only screen and (max-width:280px) {
    .theme-demo h2 {
        font-size: 18px
    }

    .theme-demo-img .demo-overlay {
        width: 90%;
        display: inline-block;
        left: 0;
        margin: 0 auto;
        right: 0;
        text-align: center;
        clear: both;
        position: absolute;
        font-size: 22px;
        top: 0;
        bottom: 0
    }

        .theme-demo-img .demo-overlay a {
            padding: 7px 15px;
            width: 50%
        }

            .theme-demo-img .demo-overlay a.default {
                top: -30%
            }

            .theme-demo-img .demo-overlay a.dark {
                bottom: 0%
            }

            .theme-demo-img .demo-overlay a.default, .theme-demo-img .demo-overlay a.dark {
                right: 0;
                left: 0;
                display: inline-block;
                float: none;
                margin: 0 auto;
                text-align: center
            }

    .dt-sc-one-third:hover .demo-overlay a.default {
        top: 15%;
        left: 0
    }

    .dt-sc-one-third:hover .demo-overlay a.dark {
        bottom: 35%;
        right: 0
    }
}

@media only screen and (min-width:281px) and (max-width:479px) {
    .theme-demo h2 {
        font-size: 18px
    }

    .theme-demo-img .demo-overlay {
        width: 38%;
        display: inline-block;
        left: 0;
        margin: 0 auto;
        right: 0;
        text-align: center;
        clear: both;
        position: absolute;
        font-size: 22px;
        top: 0;
        bottom: 0
    }

        .theme-demo-img .demo-overlay a {
            padding: 7px 15px
        }

            .theme-demo-img .demo-overlay a.default {
                top: -30%;
                left: 0;
                right: 0
            }

            .theme-demo-img .demo-overlay a.dark {
                bottom: 0%;
                right: 0;
                left: 0
            }

    .dt-sc-one-third:hover .demo-overlay a.default {
        top: 10%;
        left: 0
    }

    .dt-sc-one-third:hover .demo-overlay a.dark {
        bottom: 40%;
        right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:959px) {
    .theme-demo h2 {
        font-size: 18px
    }

    .theme-demo-img .demo-overlay {
        display: inline-block;
        left: 0;
        margin: 0 auto;
        right: 0;
        text-align: center;
        clear: both;
        position: absolute;
        width: 50%;
        font-size: 22px;
        top: 0;
        bottom: 0
    }

        .theme-demo-img .demo-overlay a {
            padding: 7px 15px
        }

            .theme-demo-img .demo-overlay a.default {
                top: -33%;
                left: 0;
                right: 0
            }

            .theme-demo-img .demo-overlay a.dark {
                bottom: 0%;
                right: 0;
                left: 0
            }

    .dt-sc-one-third:hover .demo-overlay a.default {
        top: 0%;
        left: 0
    }

    .dt-sc-one-third:hover .demo-overlay a.dark {
        bottom: 33%;
        right: 0
    }
}

@media only screen and (min-width:960px) and (max-width:1300px) {
    .theme-demo h2 {
        font-size: 18px
    }

    .theme-demo-img .demo-overlay {
        width: 40%;
        display: inline-block;
        left: 0;
        margin: 0 auto;
        right: 0;
        text-align: center;
        clear: both
    }

    .theme-demo-img .demo-overlay {
        position: absolute;
        width: 50%;
        font-size: 22px;
        top: 0;
        bottom: 0
    }

        .theme-demo-img .demo-overlay a.default {
            top: -28%;
            left: 0;
            right: 0
        }

        .theme-demo-img .demo-overlay a.dark {
            bottom: 0%;
            right: 0;
            left: 0
        }

    .dt-sc-one-third:hover .demo-overlay a.default {
        top: 8%;
        left: 0
    }

    .dt-sc-one-third:hover .demo-overlay a.dark {
        bottom: 36%;
        right: 0
    }
}

.cover {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: #212121;
    overflow: hidden
}