@charset "utf-8";
@import "http://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,100italic,300italic";
@import "https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700";
@import "css/reset.css";
.nobr {
    white-space: nowrap
}

@font-face {
    font-family: star;
    src: url(fonts/star.eot);
    src: url(fonts/star.eot?#iefix) format('embedded-opentype'), url(fonts/star.woff) format('woff'), url(fonts/star.ttf) format('truetype'), url(fonts/star.svg#star) format('svg');
    font-weight: 400;
    font-style: normal
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px
}

body,
p,
input,
textarea,
.mailchimp-form p input,
input[type=submit],
input[type=button],
.about-details p,
.breadcrumb h2 span,
.dt-sc-service-content p,
.shop-dropdown ul li span,
.shop-dropdown span span,
.project-details ul.client-details li span,
.project-details ul.client-details li p {
    font-family: pt sans narrow, sans-serif
}

.main-title h1,
.main-title h2,
.main-title h3,
.main-title h4,
.main-title h5,
.main-title h6,
.main-title h3,
.entry-details .entry-title h3,
.about-section h3,
.breadcrumb h2,
blockquote q,
.post-author-details .author-desc p {
    font-family: josefin sans, sans-serif;
    font-weight: 100
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome,
    .main-title h1,
    .main-title h2,
    .main-title h3,
    .main-title h4,
    .main-title h5,
    .main-title h6,
    .main-title h3,
    .entry-details .entry-title h3,
    .about-section h3,
    .breadcrumb h2,
    blockquote q,
    .post-author-details .author-desc p {
        font-weight: 300
    }
}

.dt-sc-ico-content h6 {
    font-family: Arial, Helvetica, sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 20px;
    text-transform: uppercase
}

h1 {
    font-size: 36px
}

h2 {
    font-size: 30px
}

h3 {
    font-size: 26px
}

h4 {
    font-size: 20px
}

h5 {
    font-size: 18px
}

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

a {
    text-decoration: none
}

a img {
    border: none
}

img {
    max-width: 100%
}

.hidden,
.aligncenter.hidden,
img.aligncenter.hidden {
    display: none
}

strong {
    font-weight: 700
}

em {
    font-style: italic
}

address {
    display: block;
    margin: 10px 0 20px
}

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

ins {
    background: #fff9c0;
    color: #868686
}

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

sub {
    bottom: -3px
}

sup {
    top: -5px
}

p {
    line-height: 28px;
    margin-bottom: 10px
}

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

ul {
    list-style-type: none;
    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
}

ol li {
    padding-bottom: 10px;
    padding-left: 5px
}

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

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

blockquote p {
    margin-bottom: 0
}

blockquote cite {
    float: right;
    margin: 10px 0 0;
    font-size: 14px
}

blockquote,
q {
    float: none;
    quotes: inherit !important
}

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
}

pre,
code {
    border-left: 3px solid #f8cc6e;
    background-color: #e6e2d6;
    display: block;
    padding: 10px;
    font-size: 11px;
    font-family: monospace;
    width: 96.5%;
    overflow: auto
}

hr {
    border: none;
    height: 1px;
    margin: 30px 0;
    float: left;
    width: 100%
}

.dt-sc-hr {
    background: url(images/splitter.png);
    height: 10px;
    width: 100%;
    clear: both;
    display: block;
    float: left;
    margin: 40px 0;
    position: relative;
    z-index: 1
}

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

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

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

.dt-sc-one-half pre,
.dt-sc-one-half code {
    width: 94.7%
}

.clear {
    float: none;
    clear: both;
    margin: 0;
    padding: 0
}

.float-right {
    float: right
}

.float-left {
    float: left
}

.middle-align {
    text-align: center
}

.hidden {
    display: none
}

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

.post-edit-link:hover {
    background: #4c4c4c;
    color: #fff;
    text-shadow: 0 1px 0 #0e4b6e
}

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 {
    -moz-appearance: none;
    display: inline-block;
    font-size: 13px;
    margin: 0;
    padding: 16px 15px;
    width: 100%
}

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

legend {
    font-weight: 700
}

.error,
input.error[type=text],
input.error[type=email],
input.error[type=password],
textarea.error,
input.error[type=tel] {
    border-color: #f92c2c
}

#footer .widget .mailchimp-form input.error[type=email] {
    border: 1px solid #f92c2c
}

.error-msg,
.success-msg {
    border: 1px solid;
    float: left;
    display: inline-block;
    padding: 5px 15px 5px 35px;
    position: relative;
    clear: both
}

.error-msg {
    border-color: #f99;
    color: #d01313
}

.success-msg {
    border-color: #77be32;
    color: #77be32
}

.error-msg:before,
.success-msg:before {
    font-family: FontAwesome;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    left: 13px;
    position: absolute;
    text-decoration: inherit;
    top: 5px
}

.error-msg:before {
    content: "\f00d";
    color: #c54228
}

.success-msg:before {
    content: "\f00c";
    color: #77be32
}

input[type=submit],
input[type=button] {
    -webkit-appearance: none
}

a,
.portfolio,
.dt-sc-button,
.submit,
.portfolio figure::before,
.menu a::before,
.menu a::after,
.menu li a span,
.menu li a:hover span,
.dt-sc-dropcap-bordered,
.portfolio figcaption::before,
.portfolio figure figcaption,
.portfolio figure:hover figcaption,
h5.dt-sc-toggle,
h5.dt-sc-toggle-accordion,
.dt-sc-toggle-frame-set .dt-sc-toggle-accordion:hover::before,
.dt-sc-toggle-accordion.active a,
.dt-sc-toggle-accordion.active:before,
.dt-sc-toggle.active a,
.dt-sc-toggle.active:before,
h5.dt-sc-toggle::before,
h5.dt-sc-toggle-accordion::before,
.dt-sc-icon-content-wrapper .dt-sc-icon-wrapper .dt-sc-icon i,
.dt-sc-icon-content-wrapper:hover .dt-sc-icon-wrapper .dt-sc-icon i,
.dt-sc-icon-content-wrapper .dt-sc-ico-content p,
.dt-sc-icon-content-wrapper .dt-sc-ico-content p a,
.dt-sc-icon-content-wrapper:hover .dt-sc-ico-content p,
.dt-sc-icon-content-wrapper:hover .dt-sc-ico-content p a,
.dt-sc-icon-content-wrapper .dt-sc-ico-content,
.dt-sc-icon-content-wrapper:hover .dt-sc-ico-content,
.blog-entry .entry-metadata p a i,
.entry-details .entry-metadata p,
.blog-items .blog-entry::after,
.blog-items .blog-entry::before,
.blog-items .blog-entry::before,
.blog-items .blog-entry:hover::before,
.blog-items .blog-entry:focus::before,
.blog-items .blog-entry:active::before,
.comment .author-metadata p span,
.comment .author-metadata p:hover span,
#commentform .submit .button,
.enquiry-form .submit .button,
.dt-sc-contact-details span,
.products .product-title,
.products .product-thumb::after,
.products .product-thumb::before,
.active.shop-dropdown ul li span,
.shop-dropdown ul li span::before,
.tagcloud a,
.tagcloud a:hover,
.woocommerce .quantity .plus,
.woocommerce .quantity .minus,
.woocommerce-page .quantity .plus,
.woocommerce-page .quantity .minus,
.woocommerce .button,
.woocommerce-page .button,
.button,
.cart-wrapper .cart-thumb-categories li .product>img,
.type2.dt-sc-button,
.type2.dt-sc-button:after,
.dt-sc-button.with-icon i.fa,
.dt-sc-button.with-icon i.fa::after,
.widget.widget_categories ul li span,
.widget.widget_archive ul li span,
.widget.widget_categories ul li,
.widget.widget_archive ul li,
.widget.widget_categories ul li:hover:before,
.widget.widget_archive ul li:hover:before,
.widget ul li::before,
.blog-items .blog-entry,
.blog-items .blog-entry:hover,
header,
.header.nav-is-visible,
.dt-sc-portfolio-container .portfolio figure img,
.dt-sc-portfolio-container .portfolio figure:hover img,
.dt-sc-contact-info a:hover {
    -webkit-transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s
}

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,
.portfolio-detail,
.portfolio-title,
.widget ul.tweet_list p,
.entry-post-content,
ul.commentlist li .comment-details,
.side-nav-container ul li,
.products .product-container,
.intro-text,
.author-desc,
.widget ul.tweet_list li,
.products .product-title a,
.products .product-title {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

img {
    max-width: 100%
}

.wp-caption {
    background: #c4c1ae;
    border: 1px solid #c4c1ae;
    margin-bottom: 10px;
    margin-top: 10px;
    max-width: 96%;
    padding: 5px 7px 7px 5px
}

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

.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: 15px
}

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

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

.align-center {
    margin: 0 auto;
    display: block
}

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

th {
    border-right: 1px solid;
    border-bottom: 1px solid;
    padding: 17px 15px;
    font-size: 16px;
    line-height: normal;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center
}

td {
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 14px;
    line-height: normal;
    text-align: center;
    padding: 13px 15px
}

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

.widget:last-child {
    padding: 0
}

.widget .widgettitle {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 40px
}

.widget .widgettitle h3,
.megamenu-child-container>ul.sub-menu>li>.widgettitle>a {
    position: relative;
    text-transform: capitalize;
    font-size: 22px;
    font-weight: 100;
    float: left;
    clear: both;
    padding-right: 10px;
    margin-bottom: 5px;
    line-height: normal
}

.secondary-sidebar .widget .widgettitle {
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase
}

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

.widget ul li {
    display: block;
    clear: both
}

.widget ul li a {
    display: block
}

.widget ul ul {
    margin-top: 10px
}

.widget ul li {
    position: relative;
    padding: 0 0 0 25px
}

.widget ul li:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 0;
    content: "\f0c1"
}

.widget.widget_nav_menu ul li:before {
    content: "\f105"
}

.widget.widget_pages ul li:before {
    content: "\f0e7"
}

.widget.widget_categories ul li,
.widget.widget_archive ul li {
    padding-left: 30px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    line-height: 30px;
    border-bottom: 3px double
}

.widget.widget_archive ul li {
    padding-left: 25px
}

.widget.widget_categories ul li:last-child {
    border-bottom: 3px double
}

.widget.widget_categories ul li:before {
    content: "";
    left: 5px
}

.widget.widget_categories ul li span,
.widget.widget_archive ul li span {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 25px;
    height: 25px;
    border: 3px double;
    float: left;
    line-height: 21px;
    text-align: center;
    font-size: 14px
}

.widget.widget_categories ul li:hover,
.widget.widget_archive ul li:hover {
    border-bottom: 3px double
}

.widget.widget_categories ul li a {
    display: block
}

.widget.widget_categories ul li:hover span,
.widget.widget_archive ul li:hover span {
    border: 3px double
}

.widget.tweetbox ul li:before {
    content: ""
}

.widget.tweetbox ul li {
    border: none;
    padding-left: 0
}

.widget.tweetbox ul li .tweet-time,
.widget.tweetbox ul li a:hover {
    color: #ac9d8e
}

.widget.tweetbox ul li:hover:before {
    color: #37251b !important
}

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

.widget.widget_tweetbox ul li .tweet_time a,
#footer .widget.widget_tweetbox ul li .tweet_time a {
    font-style: italic
}

#footer .widget.widget_tweetbox ul li .tweet_time a:hover {
    color: #fff
}

.widget .recent-posts-widget ul li {
    padding: 0;
    position: relative
}

.widget .recent-posts-widget ul li:before {
    content: ""
}

#footer .widget .recent-posts-widget li:before {
    background: #fff;
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1
}

#footer .widget .recent-posts-widget li:hover:before {
    width: 100%
}

#footer .widget .recent-posts-widget ul li:hover h4 a,
#footer .widget .recent-posts-widget ul li:hover .entry-metadata .date {
    color: #000
}

.widget .recent-posts-widget ul li,
.widget.widget_popular_entries ul li {
    padding: 0 0 25px;
    border: none;
    line-height: normal
}

.widget.widget_popular_entries ul li:last-child {
    padding: 0
}

.widget .recent-posts-widget ul li .entry-thumb,
.widget.widget_popular_entries ul li .entry-thumb {
    float: left;
    margin: 0 20px 10px 0;
    width: 69px;
    height: 69px;
    padding: 0
}

.widget.widget_popular_entries .recent-gallery-widget ul li a {
    height: auto;
    margin: 0 0 10px;
    width: auto
}

.widget.widget_popular_entries ul li h5 {
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    font-weight: 700;
    text-transform: none
}

.widget .recent-posts-widget ul li h4,
.widget.widget_popular_entries ul li h6 {
    font-size: 15px;
    line-height: 20px;
    text-transform: none;
    margin: 0 0 12px;
    display: inline-block
}

.widget .recent-posts-widget ul li .entry-details {
    padding-left: 75px;
    margin: 0
}

.widget .recent-posts-widget ul li .entry-details .entry-title {
    margin: 0 0 10px;
    position: relative;
    top: 5px
}

.widget .recent-posts-widget ul li .entry-metadata .date {
    display: table;
    letter-spacing: 0;
    font-size: 13px
}

.widget .recent-posts-widget ul li .entry-metadata .date .day {
    display: table-cell;
    vertical-align: middle;
    line-height: 16px
}

.widget .recent-posts-widget ul li .entry-metadata .date span {
    position: inherit
}

.widget .recent-posts-widget ul li .entry-details .entry-metadata p,
.widget .recent-posts-widget ul li .entry-details .entry-metadata p a {
    display: inline
}

.widget .recent-posts-widget ul li .entry-details .entry-metadata p a span,
.widget .recent-posts-widget ul li .entry-details .entry-metadata span {
    color: #ac9d8e
}

.widget .recent-posts-widget ul li .entry-body {
    clear: both
}

.widget .recent-posts-widget ul li .entry-body p {
    margin: 0
}

.widget .recent-posts-widget ul li .entry-details .entry-metadata {
    margin-bottom: 10px;
    margin-top: 0
}

.widget.widget_text ul li:before {
    content: none
}

.widget.widget_text ul li {
    padding-left: 0;
    font-size: 13px;
    border-bottom: 1px solid #222;
    line-height: 30px
}

.widget_popular_entries.widget li {
    padding: 0
}

.widget_popular_entries.widget li:before {
    content: none
}

.widget.widget_recent_entries ul li {
    margin-bottom: 10px
}

footer .widget.widget_recent_entries ul li {
    padding: 10px;
    border: 1px solid #222
}

.widget.widget_recent_entries ul li span.post-date {
    color: #bdbdbd;
    font-size: 13px
}

.widget.widget_recent_entries ul li span.post-date:before {
    content: "\f073";
    font-family: FontAwesome;
    margin-right: 7px
}

.widget.widget_recent_comments ul li:before {
    content: "\f0e6"
}

.widget.widget_archive ul li:before {
    content: ""
}

.widget.widget_ratings-widget ul li:before {
    content: "\f006"
}

.widget.widget_sensei_lesson_component ul li:before {
    content: "\f02d"
}

.widget.widget_meta ul li:before {
    content: "\f044"
}

.widget.widget_recent_comments ul li a,
.widget.tweetbox ul li a {
    display: inline
}

.widget.widget_search #searchform {
    float: left;
    position: relative;
    width: 100%
}

.widget_search #searchform p.input-text {
    margin: 0
}

.widget .dt-sc-social-icons li {
    padding: 0;
    clear: none
}

.widget .dt-sc-social-icons li a {
    width: 48px;
    height: 48px;
    line-height: 48px
}

.widget .dt-sc-social-icons li:hover a {
    color: #fff
}

.widget .dt-sc-social-icons li:before {
    content: none
}

.widget.widget_tag_cloud .tagcloud a,
.widget.widget_product_tag_cloud .tagcloud a {
    margin: 0 1px 10px 0;
    text-transform: uppercase;
    font-size: 12px;
    display: inline-block;
    padding: 10px 20px;
    position: relative
}

.widget #wp-calendar caption {
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 10px
}

.widget #wp-calendar th {
    padding: 10px
}

.widget #wp-calendar td {
    padding: 9px 10px
}

.widget.flickrbox .flickr-widget div {
    float: left;
    max-width: 75px;
    margin: 0 7px 7px 0
}

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

.widget.flickrbox .flickr-widget div img {
    height: auto;
    transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    opacity: 1;
    filter: alpha(opacity=100)
}

.widget.flickrbox .flickr-widget div img:hover {
    opacity: .4;
    filter: alpha(opacity=40)
}

.widget.widget_text .textwidget ul.dt-sc-fancy-list li:before {
    top: 1px
}

.widget.quick_links ul li a {
    font-weight: 500
}

.widget.quick_links ul li a:hover {
    color: #3a3a3a
}

.widget-intro-text {
    background: #f4f4f4;
    padding: 20px 30px
}

.widget-intro-text .dt-sc-button {
    font-weight: 700
}

.widget-intro-text .dt-sc-button.medium {
    background-image: none
}

.widget.quick_links li {
    border-top: 1px solid #f4f4f4;
    line-height: 35px
}

.widget.quick_links li:last-child {
    border-bottom: 1px solid #f4f4f4
}

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
}

.woocommerce form {
    float: left;
    margin: 0 0 50px;
    width: 100%
}

.woocommerce table.shop_table,
.woocommerce-page table.shop_table {
    border-collapse: separate;
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%
}

.woocommerce table {
    border-left: 1px solid;
    border-top: 1px solid
}

.woocommerce td span {
    font-size: 16px
}

.woocommerce .product-name>p {
    color: #ccc
}

.woocommerce .quantity .plus:hover,
.woocommerce .quantity .minus:hover,
.woocommerce-page .quantity .plus:hover,
.woocommerce-page .quantity .minus:hover {
    background: transparent
}

.woocommerce .quantity .qty,
.woocommerce-page .quantity .qty {
    color: #fff
}

.woocommerce table.cart a.remove:hover,
.woocommerce-page table.cart a.remove:hover,
.woocommerce #content table.cart a.remove:hover,
.woocommerce-page #content table.cart a.remove:hover {
    color: red
}

.woocommerce input[type=submit],
.woocommerce input[type=reset],
.woocommerce input[type=button] {
    cursor: pointer
}

.woocommerce table.cart th,
.woocommerce-page table.cart th,
.woocommerce #content table.cart th,
.woocommerce-page #content table.cart th,
.woocommerce table.cart td,
.woocommerce-page table.cart td,
.woocommerce #content table.cart td,
.woocommerce-page #content table.cart td {
    vertical-align: middle
}

.woocommerce table.shop_table th,
.woocommerce-page table.shop_table th {
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    padding: 15px 12px
}

.woocommerce table.cart .product-thumbnail,
.woocommerce-page table.cart .product-thumbnail,
.woocommerce #content table.cart .product-thumbnail,
.woocommerce-page #content table.cart .product-thumbnail {
    min-width: 32px
}

.woocommerce table.shop_table td,
.woocommerce-page table.shop_table td {
    padding: 15px 35px;
    vertical-align: middle
}

.woocommerce table.shop_table td h6 {
    margin: 0
}

.woocommerce table.cart td.actions,
.woocommerce-page table.cart td.actions,
.woocommerce #content table.cart td.actions,
.woocommerce-page #content table.cart td.actions {
    text-align: right
}

.woocommerce .cart-collaterals .coupon {
    float: left;
    display: inline-block;
    margin-right: 20px;
    width: 50%
}

.woocommerce .cart-collaterals .coupon .input-text {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    line-height: 1em;
    margin: 0;
    outline: 0;
    padding: 0 20px;
    width: 80px
}

.woocommerce .cart-collaterals .coupon .input-text {
    height: 50px;
    width: 445px;
    -webkit-appearance: none;
    -moz-appearance: none
}

.woocommerce table.cart td.actions,
.woocommerce-page table.cart td.actions {
    padding: 6px 0 30px 125px;
    float: right
}

.woocommerce table.cart td.actions-space {
    border-bottom: none
}

.woocommerce table.cart tr {
    position: relative
}

.woocommerce .cart-collaterals:after,
.woocommerce-page .cart-collaterals:after {
    clear: both;
    content: "";
    display: block
}

.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
    width: 100%;
    margin: 0 0 60px
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
    float: right;
    text-align: right;
    width: 48%
}

.woocommerce .cart-collaterals .cart_totals .dt-sc-button {
    font-weight: 400
}

.woocommerce .cart-collaterals .cart_totals table,
.woocommerce-page .cart-collaterals .cart_totals table {
    border-collapse: separate;
    border-radius: 5px;
    margin: 0 0 30px;
    padding: 0
}

.woocommerce .cart-collaterals .cart_totals table tr:first-child th,
.woocommerce-page .cart-collaterals .cart_totals table tr:first-child th,
.woocommerce .cart-collaterals .cart_totals table tr:first-child td,
.woocommerce-page .cart-collaterals .cart_totals table tr:first-child td {
    border-top: 0
}

.woocommerce .cart-collaterals .cart_totals tr td,
.woocommerce-page .cart-collaterals .cart_totals tr td,
.woocommerce .cart-collaterals .cart_totals tr th,
.woocommerce-page .cart-collaterals .cart_totals tr th {
    padding: 12px;
    font-size: 14px;
    font-weight: 400;
    text-align: left
}

.woocommerce .cart-collaterals .cart_totals th {
    border-bottom-width: 1px;
    font-size: 13px
}

.woocommerce form .form-row-wide,
.woocommerce-page form .form-row-wide {
    clear: both;
    margin: 0 0 6px
}

.woocommerce form .form-row:after,
.woocommerce-page form .form-row:after {
    clear: both;
    content: "";
    display: block
}

.selection-box:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #fff;
    bottom: 0;
    height: 0;
    margin: auto;
    right: 17px;
    top: 3px;
    z-index: 1
}

.selection-box:before,
.selection-box:after {
    content: "";
    pointer-events: none;
    position: absolute
}

.selection-box:after {
    height: 50px;
    right: 0;
    top: 0;
    width: 50px
}

.woocommerce-billing-fields .shop-dropdown>span,
.woocommerce-shipping-fields .shop-dropdown>span {
    color: #666;
    font-size: 13px;
    font-weight: 100
}

.woocommerce form .form-row,
.woocommerce-page form .form-row {
    margin: 0 0 14px;
    position: relative
}

.selection-box {
    clear: both;
    position: relative;
    background-color: #f8f8f8
}

.woocommerce form .form-row select,
.woocommerce-page form .form-row select {
    cursor: pointer;
    margin: 0;
    width: 100%
}

select {
    -moz-appearance: none;
    border: 1px solid #eaeaea;
    border-radius: 0;
    color: #92a7bb;
    cursor: pointer;
    height: 50px;
    margin: 0;
    text-indent: .01px;
    text-overflow: "";
    width: 100%;
    padding: 0 10px;
    line-height: 43px
}

select option {
    background-color: #f8f8f8;
    padding: 15px 0 14px 10px
}

.woocommerce .cart-collaterals .shipping_calculator,
.woocommerce-page .cart-collaterals .shipping_calculator {
    clear: right;
    float: right;
    margin: 30px 0 0;
    text-align: right;
    width: 48%
}

.woocommerce .button,
.woocommerce-page .button,
.button {
    font-size: 14px;
    padding: 15px 11px;
    border: none;
    min-height: 50px;
    backface-visibility: hidden;
    text-transform: uppercase
}

.woocommerce .quantity .plus,
.woocommerce .quantity .minus,
.woocommerce-page .quantity .plus,
.woocommerce-page .quantity .minus {
    border-radius: 0;
    float: left;
    display: inline-block;
    height: 50px;
    border: 1px solid #555;
    background-color: #4d4b4b;
    font-size: 20px
}

.woocommerce .quantity .qty,
.woocommerce-page .quantity .qty {
    background-color: #4d4b4b;
    float: left;
    height: 50px;
    width: 70px;
    border-style: solid;
    border-width: 1px 0 1px 0;
    text-align: center;
    margin: 0;
    border-color: #555;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
    float: left;
    z-index: 1;
    position: relative
}

table.shop_table .quantity .plus,
table.shop_table .quantity .minus,
.product .summary .quantity .qty,
.product .summary .quantity .plus,
.product .summary .quantity .minus {
    display: inline-block;
    padding: 0 18px;
    color: #999
}

.woocommerce .quantity,
.woocommerce-page .quantity {
    width: auto;
    display: inline-block
}

.woocommerce td.product-quantity,
.woocommerce-page td.product-quantity {
    min-width: 80px
}

.woocommerce table.shop_table .product-subtotal span {
    font-size: 20px
}

.woocommerce table.cart a.remove,
.woocommerce-page table.cart a.remove,
.woocommerce #content table.cart a.remove,
.woocommerce-page #content table.cart a.remove {
    display: block;
    font-size: 35px;
    font-weight: 700;
    text-align: center;
    text-decoration: none
}

.woocommerce .cart_totals h3 {
    text-align: left
}

.woocommerce .cart_totals .total .amount {
    font-size: 20px
}

.woocommerce .cart-collaterals .cart_totals table {
    border-radius: 0
}

.woocommerce form .form-row input.input-text,
.woocommerce-page form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row textarea {
    box-sizing: border-box;
    margin: 0;
    outline: 0;
    width: 100%;
    padding: 16px 10px;
    resize: vertical
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome,
    .woocommerce form .form-row input.input-text,
    .woocommerce-page form .form-row input.input-text,
    .woocommerce form .form-row textarea,
    .woocommerce-page form .form-row textarea {
        resize: none
    }
}

.woocommerce .woocommerce-shipping-fields .form-row textarea {
    height: 145px
}

.woocommerce div.product,
.woocommerce-page div.product,
.woocommerce #content div.product,
.woocommerce-page #content div.product {
    margin-bottom: 0;
    position: relative
}

.woocommerce div.product div.images,
.woocommerce-page div.product div.images,
.woocommerce #content div.product div.images,
.woocommerce-page #content div.product div.images {
    float: left;
    margin-bottom: 2em;
    width: 49%
}

.product .yith_magnifier_zoom_wrap {
    position: relative;
    z-index: 1
}

.yith_magnifier_zoom {
    display: block;
    position: relative
}

.woocommerce div.product div.images img,
.woocommerce-page div.product div.images img,
.woocommerce #content div.product div.images img,
.woocommerce-page #content div.product div.images img {
    display: block;
    height: auto;
    transition: all .2s ease-in-out 0s;
    border: 1px solid #eaeaea
}

.woocommerce div.product div.images div.thumbnails:after,
.woocommerce-page div.product div.images div.thumbnails:after,
.woocommerce #content div.product div.images div.thumbnails:after,
.woocommerce-page #content div.product div.images div.thumbnails:after {
    clear: both;
    content: "";
    display: block
}

.single-product .thumbnails ul {
    clear: both;
    display: block;
    width: 100%
}

.product .images .thumbnails .yith_magnifier_gallery li,
.product .images .thumbnails .yith_magnifier_gallery li.last {
    margin: 0 14px 0 0
}

.product .images .thumbnails .yith_magnifier_gallery li:last-child {
    margin: 0
}

.single-product .thumbnails ul li {
    display: inline-block;
    margin: 0 5px;
    width: 80px;
    padding: 0
}

.woocommerce div.product div.summary,
.woocommerce-page div.product div.summary,
.woocommerce #content div.product div.summary,
.woocommerce-page #content div.product div.summary {
    float: right;
    margin-bottom: 2em;
    width: 42%
}

.woocommerce div.product div.images,
.woocommerce-page div.product div.images,
.woocommerce #content div.product div.images,
.woocommerce-page #content div.product div.images {
    float: left;
    margin-bottom: 2em;
    width: 54%
}

.woocommerce div.product div.images div.thumbnails,
.woocommerce-page div.product div.images div.thumbnails,
.woocommerce #content div.product div.images div.thumbnails,
.woocommerce-page #content div.product div.images div.thumbnails {
    padding-top: 1em
}

.product .summary {
    position: relative
}

.single-product .summary h1 {
    font-size: 24px;
    text-transform: none;
    margin-bottom: 10px
}

.woocommerce-product-rating {
    clear: both;
    float: left;
    margin: 0;
    padding: 0 0 10px;
    width: 100%
}

.woocommerce .star-rating,
.woocommerce-page .star-rating {
    float: none;
    overflow: hidden;
    position: relative;
    height: 1em;
    line-height: 1em;
    font-size: 1em;
    width: 5.4em;
    font-family: FontAwesome;
    display: block;
    margin-bottom: 15px
}

.woocommerce .star-rating:before,
.woocommerce-page .star-rating:before {
    content: "\f006 \f006 \f006 \f006 \f006";
    color: #1e2b38;
    top: 0;
    left: 0;
    position: absolute
}

.woocommerce .star-rating span,
.woocommerce-page .star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em
}

.woocommerce .star-rating span:before,
.woocommerce-page .star-rating span:before {
    content: "\f005 \f005 \f005 \f005 \f006";
    top: 0;
    position: absolute;
    left: 0;
    color: #1e2b38
}

.woocommerce .products .star-rating,
.woocommerce-page .products .star-rating {
    display: block;
    margin: 0 0 .5em;
    float: none
}

.woocommerce-product-rating .price {
    font-size: 24px;
    display: inline-block;
    margin-bottom: 15px
}

.woocommerce-review-link {
    color: #616161;
    float: right;
    border-bottom: 1px solid #898989
}

.summary .description {
    float: left;
    width: 100%;
    font-size: 14px;
    margin-bottom: 20px
}

.summary .project-details ul.client-details li {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.summary .project-details ul.client-details li:last-child {
    border-bottom: none
}

.summary .cart {
    display: inline-block;
    margin-right: 10px;
    margin-top: 20px
}

.woocommerce #content div.product form.cart div.quantity,
.woocommerce div.product form.cart div.quantity,
.woocommerce-page #content div.product form.cart div.quantity,
.woocommerce-page div.product form.cart div.quantity {
    float: left;
    margin: 0 10px 0 0
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
    float: left;
    width: 48%
}

.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
    float: right;
    width: 48%
}

.woocommerce .col2-set:after,
.woocommerce-page .col2-set:after {
    clear: both;
    content: "";
    display: block
}

.woocommerce .col2-set,
.woocommerce-page .col2-set {
    width: 100%;
    margin-bottom: 10px
}

.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
    font-weight: 400;
    padding-bottom: 5px
}

.woocommerce .cart-collaterals .coupon label {
    display: none
}

.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
    display: block
}

.woocommerce form .form-row-first,
.woocommerce-page form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-last {
    float: left;
    overflow: visible;
    width: 48%
}

.woocommerce form .form-row.form-row-first {
    margin-right: 22px
}

.woocommerce form .form-row.validate-required.woocommerce-invalid .chzn-single,
.woocommerce-page form .form-row.validate-required.woocommerce-invalid .chzn-single,
.woocommerce form .form-row.validate-required.woocommerce-invalid .chzn-drop,
.woocommerce-page form .form-row.validate-required.woocommerce-invalid .chzn-drop,
.woocommerce form .form-row.validate-required.woocommerce-invalid input.input-text,
.woocommerce-page form .form-row.validate-required.woocommerce-invalid input.input-text,
.woocommerce form .form-row.validate-required.woocommerce-invalid select,
.woocommerce-page form .form-row.validate-required.woocommerce-invalid select {
    border-color: #fb7f88
}

.woocommerce #payment,
.woocommerce-page #payment {
    border-radius: 5px
}

.woocommerce #payment ul.payment_methods,
.woocommerce-page #payment ul.payment_methods {
    border-bottom: 1px solid;
    list-style: outside none none;
    margin: 0;
    padding: 1em;
    text-align: left
}

.woocommerce #payment ul.payment_methods li input,
.woocommerce-page #payment ul.payment_methods li input {
    margin: 0 1em 0 0
}

.woocommerce #payment ul.payment_methods li,
.woocommerce-page #payment ul.payment_methods li {
    font-weight: 400;
    line-height: 2em;
    margin: 0;
    text-align: left;
    padding-bottom: 10px;
    position: relative
}

.woocommerce #payment div.payment_box,
.woocommerce-page #payment div.payment_box {
    background: #4d4b4b
}

.woocommerce #payment div.payment_box,
.woocommerce-page #payment div.payment_box {
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 25px;
    margin: 7px 0 15px;
    padding: 2em 2%;
    position: relative;
    width: 100%
}

.woocommerce #payment div.payment_box::after,
.woocommerce-page #payment div.payment_box::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent #4d4b4b;
    border-image: none;
    border-style: solid;
    border-width: 8px;
    content: "";
    display: block;
    left: 0;
    margin: -10px 0 0 25px;
    position: absolute;
    top: -3px
}

.woocommerce #payment div.payment_box p:last-child,
.woocommerce-page #payment div.payment_box p:last-child {
    margin-bottom: 0
}

.woocommerce #payment ul.payment_methods li img,
.woocommerce-page #payment ul.payment_methods li img {
    margin: -2px 0 0 .5em;
    position: relative;
    vertical-align: middle
}

.woocommerce #payment div.form-row,
.woocommerce-page #payment div.form-row {
    display: inline-block;
    margin: 0;
    padding: 1%;
    text-align: right;
    width: 100%
}

.woocommerce input[type=checkbox],
.woocommerce input[type=radio] {
    display: none
}

.woocommerce form .form-row label span,
.woocommerce-shipping-fields label span {
    border: 1px solid;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    position: relative;
    top: 4px;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    width: 16px;
    z-index: 1;
    padding-bottom: 0;
    margin-right: 10px
}

.woocommerce .payment_methods label span:before {
    background-color: #fff;
    border-radius: 100px;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    transition: all .5s ease 0s;
    width: 10px;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: "";
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s
}

.woocommerce .payment_methods label span {
    background-color: #fbfbfb;
    border: 1px solid #eaeaea;
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 100px;
    position: relative;
    display: inline-block;
    margin-right: 10px;
    top: 5px
}

.woocommerce-shipping-fields h3,
.woocommerce-billing-fields h3,
#order_review_heading {
    font-size: 24px
}

.woocommerce-shipping-fields h3,
.woocommerce-billing-fields h3 {
    margin-bottom: 30px
}

#order_review_heading {
    margin-bottom: 25px;
    clear: both
}

.woocommerce-info {
    float: left;
    margin-bottom: 12px;
    width: 100%
}

.woocommerce-tabs .panel ul li {
    border-bottom: 1px solid #eaeaea;
    padding: 10px 20px 10px 0
}

.woocommerce-tabs .panel ul li:last-child {
    border: none
}

.woocommerce-tabs .panel ul li .fa {
    margin-right: 5px
}

.woocommerce-tabs .panel ul li span {
    color: #2c3e50;
    font-weight: 700;
    width: 150px;
    float: left
}

.woocommerce-tabs .panel ul {
    display: inline-block
}

.woocommerce-tabs .panel h6 {
    margin-bottom: 15px
}

.woocommerce-tabs .panel .thumb {
    float: left;
    margin: 0 30px 0 0
}

.woocommerce-tabs .panel {
    background: #f8f8f8;
    float: left;
    clear: both;
    width: 90%;
    margin: -1px 0 0 -1px;
    padding: 20px 5% 35px
}

.woocommerce-tabs ul.tabs li a.current {
    background: #f8f8f8;
    border: 0;
    position: relative;
    z-index: 1;
    margin-left: -1px
}

.woocommerce-tabs ul.tabs li:first-child a {
    border-left: 1px solid #eaeaea
}

.woocommerce-tabs ul.tabs li a {
    border: 1px solid #d9d9d9;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #eaeaea;
    float: left;
    margin: 0;
    padding: 0 25px;
    background: #fff;
    text-align: center;
    font-weight: 400;
    color: #2c3e50;
    line-height: 60px;
    font-size: 16px;
    font-family: lato, sans-serif
}

.woocommerce-tabs ul.tabs li {
    float: left;
    display: inline;
    margin: 0;
    padding: 0
}

.woocommerce-tabs ul.tabs {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

#ship-to-different-address {
    margin-bottom: 23px
}

.wrapper {
    clear: both;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%
}

.inner-wrapper {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%
}

.boxed {
    background-attachment: fixed
}

.boxed .wrapper {
    width: 1260px;
    margin: 0 auto;
    float: none
}

.boxed #header-wrapper .header {
    width: 1260px;
    margin: 0 auto
}

.boxed .is-sticky #header-wrapper {
    width: 1260px
}

.boxed .header .menu-container {
    width: 1200px
}

.boxed #header-wrapper #main-menu {
    left: 0;
    margin: 0 auto;
    right: 0;
    width: 1260px
}

.boxed #header-wrapper #main-menu ul li.menu-item-simple-parent ul {
    width: 200px
}

.boxed .slider-container {
    margin: 0
}

.boxed .portfolio-grid {
    padding: 60px 20px 20px 50px
}

.boxed .portfolio figure::after {
    border: 20px solid #fff
}

.boxed .portfolio figure figcaption .portfolio-detail .views {
    padding: 0 10px 0 5px
}

.boxed .portfolio figure figcaption .portfolio-detail .portfolio-title {
    padding: 0 0 0 5px
}

.boxed .portfolio figure figcaption .portfolio-detail p {
    font-size: 11px
}

.boxed .blog-section .blog-entry .entry-details .entry-title {
    margin: 20px 0
}

.boxed .blog-section .blog-entry .entry-details .entry-body {
    padding: 0 20px
}

.boxed .blog-section .blog-entry .entry-details .entry-title h3 {
    margin: 0
}

.boxed ul.commentlist li .comment-author {
    z-index: 1
}

.boxed .shop-grid .sorting-products .dt-sc-one-fifth {
    width: 32%
}

.boxed .shop-grid .sorting-products .dt-sc-one-fifth:nth-child(4n) {
    margin: 0
}

.boxed .shop-dropdown ul li {
    z-index: 1099 !important
}

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

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

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

#header {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 1
}

#header-wrapper {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    position: fixed;
    z-index: 9999
}

header {
    clear: both;
    float: left;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 1
}

#main-menu ul>li>.megamenu-child-container {
    display: none
}

.menu-item-widget-area-container {
    margin: 0;
    padding: 0;
    width: 100%
}

.menu-item-widget-area-container .widget {
    display: inline;
    padding: 0
}

.menu-item-widget-area-container ul {
    margin: 0;
    padding: 0
}

.menu-item-widget-area-container .widget ul li {
    color: #1e1e1e;
    display: block;
    border-bottom: 1px dashed #ededed;
    margin-bottom: 10px
}

.menu-item-widget-area-container .widget ul li a {
    color: #1e1e1e;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400
}

.megamenu-child-container>ul.sub-menu>li>p {
    margin-bottom: 30px
}

.dt-menu-toggle {
    cursor: pointer;
    display: none;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 15px;
    text-transform: uppercase
}

.dt-menu-toggle-icon:before,
.dt-menu-toggle-icon:after {
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: -5px;
    width: 20px
}

.dt-menu-toggle-icon:after {
    top: 5px
}

.dt-menu-toggle-icon {
    display: inline-block;
    float: right;
    height: 2px;
    margin-top: 14px;
    position: relative;
    text-align: left;
    width: 20px
}

.dt-menu-expand {
    cursor: pointer;
    display: none !important;
    font-size: 25px !important;
    font-weight: 700;
    height: 45px;
    line-height: 45px !important;
    padding: 0 !important;
    position: absolute !important;
    right: 0;
    text-align: center !important;
    top: 0;
    width: 45px
}

.menu li .dt-menu-expand::before,
.menu li .dt-menu-expand::after {
    content: ""
}

.container {
    clear: both;
    margin: 0 auto;
    position: relative;
    width: 1200px
}

.container.menu-container {
    width: 100%
}

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

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

#secondary.secondary-has-right-sidebar {
    float: right
}

#logo {
    display: inline;
    float: left;
    line-height: 0;
    margin: 0;
    padding: 30px 0;
    width: auto
}

.header {
    width: 90%;
    margin: 0 auto;
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    transition: transform .5s;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.header:after {
    content: "";
    display: table;
    clear: both
}

.header {
    position: absolute
}

.header.nav-is-visible .logo,
.header-animate .logo {
    margin: 0px 0
}

.header.nav-is-visible .menu-trigger,
.header-animate .menu-trigger {
    margin: 29px 0
}

.header.nav-is-visible,
.header-animate {
    min-height: 100px
}

.logo {
    float: left;
    
    position: relative;
    left: 4%
}
.logo img{
    height: 5em;
}

.menu-trigger {
    position: relative;
    right: 4%;
    float: right;
    height: 45px;
    width: 45px;
    margin-top: 45px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    color: transparent
}

.menu-trigger span,
.menu-trigger span::before,
.menu-trigger span::after {
    position: absolute;
    width: 20px;
    height: 2px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.menu-trigger span {
    top: 21px;
    left: 8px;
    -webkit-transition: background .2s .5s;
    -moz-transition: background .2s .5s;
    transition: background .2s .5s
}

.menu-trigger span::before,
.menu-trigger span:after {
    content: '';
    left: 0;
    -webkit-transition: -webkit-transform .2s .5s;
    -moz-transition: -moz-transform .2s .5s;
    transition: transform .2s .5s
}

.menu-trigger span::before {
    bottom: 8px
}

.menu-trigger span::after {
    top: 8px
}

.nav-is-visible .menu-trigger span::before {
    -webkit-transform: translateY(8px) rotate(-45deg);
    -moz-transform: translateY(8px) rotate(-45deg);
    -ms-transform: translateY(8px) rotate(-45deg);
    -o-transform: translateY(8px) rotate(-45deg);
    transform: translateY(8px) rotate(-45deg)
}

.nav-is-visible .menu-trigger span::after {
    -webkit-transform: translateY(-8px) rotate(45deg);
    -moz-transform: translateY(-8px) rotate(45deg);
    -ms-transform: translateY(-8px) rotate(45deg);
    -o-transform: translateY(-8px) rotate(45deg);
    transform: translateY(-8px) rotate(45deg)
}

.nav-is-visible .menu.type1 {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

#main-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .5s 0s, visibility 0s .5s;
    -moz-transition: -moz-transform .5s 0s, visibility 0s .5s;
    transition: transform .5s 0s, visibility 0s .5s;
    z-index: 1
}

#main-menu.nav-is-visible {
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .5s 0s, visibility .5s 0s;
    -moz-transition: -moz-transform .5s 0s, visibility .5s 0s;
    transition: transform .5s 0s, visibility .5s 0s
}

.menu.type1 {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    transition: transform .5s
}

.menu.type1 li {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    width: 14.286%
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .menu.type1 li {
        width: 14.285%
    }
}

.menu.type1 a {
    font-size: 15px;
    display: block;
    font-weight: 600;
    margin: 0;
    overflow: hidden;
    padding: 40px 0;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: uppercase
}

.menu.type1 a::before,
.menu.type1 a::after,
.menu.type1 li .sub-menu li a::before,
.menu.type1 li .sub-menu li a::after {
    display: inline-block;
    opacity: 0;
    top: -2px;
    position: relative
}

.menu.type1 a::before,
.menu.type1 li .sub-menu li a::before {
    content: "[";
    margin-right: 10px;
    transform: translateX(20px);
    -moz-transform: translateX(20px);
    -webkit-transform: translateX(20px)
}

.menu.type1 a::after,
.menu.type1 li .sub-menu li a::after {
    content: "]";
    margin-left: 10px;
    transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -webkit-transform: translateX(-20px)
}

.menu.type1 .current_page_item a::before,
.menu.type1 .current_page_item a::after,
.menu.type1 li:hover a,
.menu.type1 li:hover a::before,
.menu.type1 li:hover a::after,
.menu.type1 li .sub-menu li:hover a::before,
.menu.type1 li .sub-menu li:hover a::after,
.menu.type1 ul.sub-menu li.current_page_item a::before,
.menu.type1 ul.sub-menu li.current_page_item a::after {
    opacity: 1;
    transform: translateX(0px);
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px)
}

.menu.type1 li:hover a span,
.menu.type1 .current_page_item span {
    font-size: 45px;
    opacity: .8;
    visibility: visible
}

.menu.type1 li a span {
    display: inline-block;
    font-size: 80px;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    top: 30px;
    visibility: hidden;
    width: 100%
}

#main-menu ul li.menu-item-simple-parent ul {
    display: none;
    float: left;
    left: 0;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 108px;
    width: 100%;
    z-index: 10;
    text-align: left;
    border-bottom: 3px solid #a81c51;
    border-top: 1px solid #a81c51
}

#main-menu ul li.menu-item-simple-parent ul li {
    display: inline;
    padding: 0;
    position: relative;
    width: 100%;
    float: left;
    line-height: 24px
}

#main-menu ul li.menu-item-simple-parent ul li:last-child {
    border-bottom: none
}

#main-menu ul li.menu-item-simple-parent ul li a {
    display: block;
    font-size: 13px;
    position: relative;
    margin: 0;
    padding: 10px 0;
    text-transform: uppercase;
    font-weight: 400
}

#main-menu ul li:hover>ul {
    display: block;
    -webkit-animation: .3s ease-in fadeInUp;
    -moz-animation: .3s ease-in 0s fadeInUp;
    animation: .3s ease-in 0s fadeInUp
}

#main-menu ul li.menu-item-simple-parent ul li ul {
    left: 180px;
    top: -5px;
    border-top: 0;
    border-bottom: 3px solid;
    padding-top: 5px;
    border-top: 3px solid
}

#main-menu ul li.menu-item-simple-parent:last-child ul,
#main-menu ul li.menu-item-simple-parent:nth-child(6) ul,
#main-menu ul li.menu-item-simple-parent:nth-child(9) ul {
    left: inherit;
    right: 0
}

#main-menu ul li.menu-item-simple-parent:nth-child(4) ul li ul,
#main-menu ul li.menu-item-simple-parent:last-child ul li ul,
#main-menu ul li.menu-item-simple-parent:nth-child(6) ul li ul li ul,
#main-menu ul li.menu-item-simple-parent:nth-child(6) ul li ul {
    right: 180px;
    left: inherit
}

#main-menu ul li a.dt-menu-expand {
    display: none
}

#main {
    float: left;
    margin: 0;
    position: relative;
    width: 100%
}

.slider-container {
    backface-visibility: hidden;
    margin: 0 0 20px;
    display: table;
    float: left;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    width: 100%
}

.slider {
    background-image: url(images/slider.jpg);
    /*background-image: url(images/B064039SANDEY073.jpg);*/
    background-repeat: no-repeat;
    backface-visibility: hidden;
    display: table;
    float: left;
    height: 100%;
    width: 100%
}

.slider-container .container,
.slider-container .parallax {
    position: static
}

.slider::before,
.slider::after {
    border: 1px solid #1c1c1c;
    bottom: 0;
    content: "";
    left: 0;
    margin: 15px;
    position: absolute;
    right: 0;
    top: 0
}

.slider::before {
    margin: 15px
}

.slider::after {
    margin: 10px
}

.slider.parallax .caption {
    display: table-cell;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    vertical-align: middle;
    width: 100%
}

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

.parallax {
    background-attachment: fixed;
    background-color: #000;
    background-position: center top;
    background-repeat: no-repeat;
    padding: 100px 0;
    margin: 0;
    color: #fff;
    position: relative
}

.parallax-img {
    background: url(images/parallax-img.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat
}

.dark-skin .parallax-img {
    background: url(images/parallax-img-dark.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat
}

.parallax-img:after,
.map-parallax:after {
    background: url(images/copy-right-shape.png) no-repeat center center;
    content: "";
    height: 149px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%
}

.slider-container {
    display: block\9
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome,
    .parallax {
        position: static
    }
}

.breadcrumb {
    clear: both;
    float: left;
    padding: 120px 0 10px;
    position: relative;
    width: 100%
}

.breadcrumb h2 {
    display: inline-block;
    font-size: 35px;
    margin: 40px 0;
    font-weight: 300;
    text-transform: capitalize
}

.breadcrumb h2 span {
    color: #ececec;
    font-size: 35px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase
}

.breadcrumb .user-summary {
    display: inline-block;
    float: right;
    margin: 30px 0;
    text-transform: uppercase
}

.breadcrumb .account-links,
.breadcrumb .user-summary .cart-count {
    display: inline-block;
    padding: 15px 0;
    vertical-align: middle
}

.breadcrumb .user-summary .account-links a,
.breadcrumb .user-summary .cart-count a {
    font-size: 14px;
    margin: 0 15px 0 0;
    padding: 0
}

.main-title {
    float: left;
    width: 100%;
    margin: 0 0 50px;
    padding: 0;
    text-align: center;
    position: relative
}

.main-title::before {
    background: url(images/title-line.png) no-repeat;
    bottom: -15px;
    content: "";
    display: block;
    float: left;
    height: 20px;
    left: 0;
    margin: 10px auto 0;
    position: absolute;
    right: 0;
    width: 100%;
    background-position: center center
}

.main-title h1,
.main-title h2,
.main-title h3,
.main-title h4,
.main-title h5,
.main-title h6 {
    display: block;
    margin-bottom: 5px;
    line-height: normal;
    text-transform: uppercase
}

.main-title h1 {
    font-size: 85px
}

.main-title h2 {
    font-size: 70px
}

.main-title h3 {
    font-size: 60px
}

.main-title h4 {
    font-size: 50px
}

.main-title h5 {
    font-size: 40px
}

.main-title h6 {
    font-size: 30px
}

.main-title p {
    font-style: italic
}

.main-title.alignright,
.main-title.alignleft,
.main-title.aligncenter {
    margin: 0 0 25px
}

.sub-title {
    float: left;
    width: 100%;
    margin: 0 0 50px;
    padding: 0;
    position: relative
}

.sub-title::before {
    background: url(images/sub-title.png) no-repeat;
    bottom: -20px;
    content: "";
    display: block;
    float: left;
    height: 20px;
    left: 0;
    margin: 10px auto 0;
    position: absolute;
    right: 0;
    width: 100%
}

.center.sub-title::before {
    background: url(images/title-line.png) no-repeat scroll 50% center
}

.right.sub-title::before {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.dt-sc-sorting-container {
    border-left: 0;
    clear: both;
    display: inline-block;
    float: left;
    line-height: normal;
    margin: 10px 0 60px;
    padding: 0;
    text-align: center;
    width: 100%
}

.dt-sc-sorting-container a {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    margin-right: 5px;
    margin-bottom: 0;
    outline: medium;
    padding: 15px 30px;
    position: relative;
    text-transform: uppercase;
    z-index: 1
}

.portfolio-grid {
    padding: 80px 40px 40px 80px;
    width: 100%;
    float: left;
    box-sizing: border-box
}

.portfolio-fullwidth {
    background: url(images/portfolio-bg.jpg) repeat;
    float: left;
    width: 100%;
    margin-bottom: 80px
}

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

.dt-sc-portfolio-container .portfolio {
    overflow: hidden;
    position: relative;
    margin-bottom: 40px
}

.dt-sc-portfolio-container .portfolio figure {
    border: 15px solid;
    box-sizing: border-box;
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative
}

.dt-sc-portfolio-container .portfolio figure {
    border-bottom-color: #000;
    border-top-color: #2e2e2e;
    border-left-color: #2e2e2e;
    border-right-color: #000
}

.dt-sc-portfolio-container .portfolio figure img {
    float: left
}

.dt-sc-portfolio-container .portfolio img {
    max-width: 100%;
    width: 100%;
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2)
}

.portfolio figure::after {
    border: 1.85vw solid #fff;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    box-shadow: 0 0 5px 0 #000 inset;
    -moz-box-shadow: 0 0 5px 0 #000 inset;
    -webkit-box-shadow: 0 0 5px 0 #000 inset
}

.portfolio figure:hover img {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1)
}

.portfolio figure figcaption {
    background-color: rgba(0, 0, 0, .8);
    cursor: pointer;
    float: left;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.portfolio figure:hover figcaption {
    opacity: 1;
    top: 0
}

.portfolio figure figcaption .portfolio-detail {
    background-color: transparent;
    border: medium;
    clear: both;
    cursor: default;
    display: inline-block;
    margin: 0;
    min-height: 48px;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    z-index: 1;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.portfolio figure figcaption .portfolio-detail .views {
    background-color: transparent;
    border: medium;
    color: #fff;
    display: inline-block;
    float: none;
    font-size: 14px;
    height: 100%;
    margin: 0 -4px 0 0;
    padding: 0 25px;
    position: relative;
    text-align: center;
    transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -webkit-transform: translateX(-25%);
    transition: all .35s ease-in-out 0s;
    -moz-transition: all .35s ease-in-out 0s;
    -webkit-transition: all .35s ease-in-out 0s
}

.portfolio figure figcaption .portfolio-detail .views:after {
    background: #fff;
    bottom: 5px;
    content: "";
    position: absolute;
    right: 0;
    top: 5px;
    width: 1px
}

.portfolio figure figcaption .portfolio-detail .portfolio-title {
    display: inline-block;
    float: none;
    min-height: 0;
    padding: 0 15px 0 25px;
    text-align: left;
    width: auto;
    transform: translateY(100%);
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transition: all .35s ease-in-out 0s;
    -moz-transition: all .35s ease-in-out 0s;
    -webkit-transition: all .35s ease-in-out 0s
}

.portfolio figure:hover figcaption .portfolio-detail .views {
    transform: translateX(0%);
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%)
}

.portfolio figure:hover figcaption .portfolio-detail .portfolio-title {
    transform: translateY(10%);
    -moz-transform: translateY(10%);
    -webkit-transform: translateY(10%)
}

.portfolio figure:hover figcaption .portfolio-detail .views,
.portfolio figure:hover figcaption .portfolio-detail .portfolio-title {
    opacity: 1
}

.portfolio figure figcaption .portfolio-detail .views a {
    color: #fff;
    font-size: 16px;
    margin: 5px 0 0;
    display: block
}

.portfolio figure figcaption .portfolio-detail .views span {
    color: #fff;
    padding-bottom: 7px;
    display: inline-block
}

.portfolio figure figcaption .portfolio-detail h5 {
    font-weight: 700;
    margin: 0;
    transition: all .35s ease-in-out .1s;
    -moz-transition: all .35s ease-in-out .1s;
    -webkit-transition: all .35s ease-in-out .1s
}

.portfolio figure figcaption .portfolio-detail h5::after {
    border-bottom: 1px solid #fff;
    bottom: 0;
    content: "";
    left: 0;
    margin: 0 auto;
    position: absolute;
    width: 20%
}

.portfolio figure figcaption .portfolio-detail h5,
.portfolio figure figcaption .portfolio-detail p {
    text-transform: uppercase;
    transform: translateY(100%);
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%)
}

.portfolio figure figcaption .portfolio-detail p {
    display: inline-block;
    font-size: 12px;
    margin: 2px 0 0;
    transition: all .35s linear .2s;
    -moz-transition: all .35s linear .2s;
    -webkit-transition: all .35s linear .2s
}

.portfolio figure:hover figcaption .portfolio-detail h5,
.portfolio figure:hover figcaption .portfolio-detail p {
    transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%)
}

.loadmore {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 40px;
    position: relative;
    text-transform: uppercase
}

.loadmore.dt-sc-button.medium.with-icon i.fa::after {
    left: 56px
}

.bx-wrapper {
    position: relative;
    margin: 0;
    padding: 0;
    *zoom: 1;
    border-radius: 0;
    behavior: url(PIE.htc);
    height: auto\0/;
    width: 100%
}

.bx-wrapper img {
    width: 100%;
    display: block;
    border-radius: 0;
    behavior: url(PIE.htc)
}

.bx-wrapper ul {
    float: left
}

.bx-wrapper ul li {
    margin: 0;
    padding: 0;
    position: relative;
    float: left;
    display: block
}

.bx-wrapper ul li::before {
    border: 1px solid;
    bottom: 0;
    content: "";
    left: 0;
    margin: 2%;
    position: absolute;
    right: 0;
    top: 0
}

.bx-controls {
    position: absolute;
    right: 2px;
    left: 0;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    top: 50%;
    z-index: 999;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

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

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

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

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

.blog-section {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden
}

.fullwidth-section .blog-section:first-child {
    margin-top: 50px
}

.fullwidth-section .blog-section:last-child {
    margin-bottom: 65px
}

.blog-section .blog-entry {
    float: left;
    clear: both;
    margin: 0;
    width: 100%;
    padding: 0;
    border: none
}

.blog-section .blog-entry .entry-thumb {
    width: 50%;
    margin: 0;
    padding: 0;
    float: left
}

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

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

.blog-section .blog-entry .entry-details {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 50%;
    right: 0%;
    transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    float: left;
    width: 50%;
    text-align: center
}

.blog-section .blog-entry .entry-details .entry-title {
    float: left;
    margin: 0 0 7px;
    padding: 0;
    width: 100%
}

.blog-section .blog-entry .entry-details .entry-title h3 {
    display: inline-block;
    float: none;
    font-size: 50px;
    line-height: normal;
    text-transform: uppercase;
    width: 100%
}

.blog-section .blog-entry .entry-details .entry-body {
    float: left;
    margin: 0 0 30px;
    padding: 0 160px
}

.blog-section .blog-entry .entry-details .dt-sc-button {
    text-transform: uppercase;
    margin: 0
}

.blog-section .blog-entry.type2 .entry-thumb {
    float: right
}

.blog-section .blog-entry.type2 .entry-details {
    left: 0%
}

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

.blog-items .blog-entry {
    padding: 4%;
    width: 100%;
    border: none;
    position: relative;
    border: 1px solid
}

.blog-items .blog-entry:hover::before,
.blog-items .blog-entry:focus::before,
.blog-items .blog-entry:active::before {
    transform: scaleX(0);
    -moz-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    -moz-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}

.blog-items .blog-entry::before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(1);
    -moz-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform-origin: 50% 50% 0;
    -moz-transform-origin: 50% 50% 0;
    -webkit-transform-origin: 50% 50% 0;
    transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    -moz-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    z-index: -1
}

.blog-items .blog-entry:hover,
.blog-items .blog-entry:focus,
.blog-items .blog-entry:active {
    border: 1px solid
}

.blog-items .blog-entry {
    backface-visibility: hidden;
    display: inline-block;
    position: relative;
    transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-property: color;
    -webkit-transition-property: color;
    -moz-transition-property: color;
    vertical-align: middle
}

.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 {
    width: 100%;
    height: auto
}

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

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

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

.entry-details .entry-metadata p {
    border-right: 1px solid #404040;
    display: inline-block;
    float: left;
    margin: 0 15px 10px 0;
    padding: 0 16px 0 0;
    line-height: 16px;
    text-transform: none;
    font-size: 13px
}

.entry-details .entry-metadata p:last-child,
.with-sidebar .blog-post .dt-sc-tabs-container .widget .recent-posts-widget ul li .entry-metadata p:last-child,
.post-author-details p:last-child,
.comment .author-metadata p:last-child {
    border: none
}

.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-metadata p.tags {
    width: auto
}

.entry-details .entry-title h4 {
    font-size: 20px;
    text-transform: capitalize
}

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

.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;
    margin-top: 5px
}

.post-nav-container {
    float: left;
    width: 100%;
    margin: 50px 0
}

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

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

.page-with-sidebar .post-nav-container .post-prev-link {
    margin-left: 20px
}

.page-with-sidebar .post-nav-container .post-next-link {
    margin-right: 20px
}

.blog-post {
    display: inline-block;
    float: left;
    margin-bottom: 30px;
    position: relative;
    width: 100%
}

.blog-post .entry-details .entry-title h3 {
    font-weight: 300
}

.blog-post .entry-title h3 a {
    font-size: 40px;
    text-transform: capitalize
}

.blog-post .entry-details .entry-metadata p {
    padding: 0 15px 0 0
}

.blog-post .entry-details .entry-metadata {
    width: auto;
    margin: 0 0 10px
}

.blog-post .dt-sc-tabs-container .widget .recent-posts-widget ul li .entry-thumb {
    margin: 0 12px 10px 0
}

.blog-post .dt-sc-tabs-container .widget .recent-posts-widget ul li .entry-metadata p {
    border: none;
    display: block;
    float: none;
    width: 100%
}

.blog-post .entry-details .entry-body>p {
    margin-bottom: 35px
}

.blog-post .entry-details .dt-sc-tabs-frame-content .widget {
    padding: 0
}

.blog-post .dt-sc-tabs-container {
    margin: 5px 0 0
}

blockquote {
    clear: left;
    display: block;
    font-style: italic;
    line-height: normal;
    border-left: 10px double;
    border-right: 8px solid;
    margin: 0 0 25px;
    padding: 10px 15% 0 20%;
    position: relative
}

.entry-details blockquote span {
    float: left;
    font-size: 50px;
    left: 12%;
    position: absolute;
    top: 12px
}

blockquote q {
    font-size: 25px;
    font-weight: 700
}

blockquote h6 {
    display: block;
    font-style: normal;
    margin-bottom: 5px;
    margin-top: 15px
}

blockquote a {
    font-size: 14px;
    font-style: normal;
    line-height: normal
}

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

.author-desc {
    float: left;
    padding: 0 40px;
    font-size: 16px;
    position: relative
}

.post-author-details .author-desc p span {
    display: inline-block;
    font-size: 18px;
    left: 0;
    position: absolute;
    top: 5px
}

.author-desc>p {
    margin: 0
}

.author-metadata {
    float: right
}

.author-metadata a {
    display: inline-block
}

.post-author-details .author-desc p {
    border-right: none;
    font-size: 18px;
    font-weight: 300;
    line-height: 25px
}

.post-author-details p,
.comment .author-metadata>p {
    border-right: 1px solid #404040;
    float: left;
    font-size: 13px;
    line-height: 16px;
    margin: 0 15px 0 0;
    padding: 0 15px 0 0
}

.post-author-details p:last-child,
.comment .author-metadata>p:last-child {
    margin: 0;
    padding: 0
}

.post-author-details p span,
.comment .author-metadata p span {
    margin: 0 15px 0 0
}

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

.commententries h4,
#respond h3,
.post-author-details h3 {
    font-size: 20px
}

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

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

ul.commentlist li {
    clear: both;
    display: block;
    float: none;
    list-style: outside none none;
    line-height: normal;
    margin: 0 0 30px;
    padding: 0 0 0 100px;
    border-bottom: 1px solid;
    position: relative
}

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

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

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

ul.commentlist li .comment-author img {
    border-radius: 2px;
    float: left;
    margin: 0;
    max-height: 85px
}

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

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

ul.commentlist li .comment-details {
    display: block;
    margin: 0 0 30px
}

ul.commentlist li .commentmetadata {
    display: inline-block;
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
    line-height: 22px;
    text-decoration: none
}

ul.commentlist li .commentmetadata>span {
    display: inline-block;
    margin-right: 15px
}

.bypostauthor {
    float: left
}

ul.commentlist li .comment-body {
    margin: 0;
    padding: 0
}

ul.commentlist li .comment-content {
    border-radius: 5px;
    margin: 10px 0;
    padding: 0 10px 20px 0
}

ul.commentlist li .reply {
    float: right;
    font-weight: 400;
    margin: 0;
    text-align: center;
    text-transform: uppercase
}

ul.commentlist li .reply a {
    display: block;
    margin-top: 0;
    padding: 10px 13px;
    text-transform: none
}

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

.comment .author-metadata {
    float: left
}

#commentform p input,
#commentform textarea,
.enquiry-form p input,
.enquiry-form textarea {
    font-size: 18px;
    padding: 17px 15px
}

#commentform textarea,
.enquiry-form textarea {
    height: 190px;
    padding: 15px;
    width: 100%;
    font-size: 18px;
    resize: vertical
}

#commentform p,
.enquiry-form p {
    margin-bottom: 0
}

.form-submit input[type=submit] {
    border: 1px solid #000;
    color: #000
}

.form-submit input[type=submit]:hover {
    background: #000;
    color: #fff
}

#respond,
form#commentform,
.widget.widget_newsletter .mailchimp-form {
    float: left;
    width: 100%;
    margin: 10px 0 0
}

#respond #commentform p.textarea {
    width: 100%
}

#respond #commentform p.submit {
    text-align: right
}

#respond #commentform .submit .button,
.enquiry-form .submit .button {
    cursor: pointer;
    float: none;
    font-size: 14px;
    margin: 0;
    padding: 16px 16px 18px;
    text-transform: uppercase
}

.enquiry-form p label.error,
.enquiry-form p label.error,
#respond #commentform p label.error {
    bottom: 5%;
    color: red;
    float: right;
    font-size: 14px;
    padding: 0 2% 0 0;
    position: absolute;
    right: 0
}

.newsletter {
    width: 100%;
    float: left;
    margin-bottom: 30px
}

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

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

.blog-entry .bx-wrapper img {
    width: auto
}

.blog-entry .bx-controls {
    margin: auto;
    position: absolute;
    left: 0;
    transform: translate( 0, -50%);
    -moz-transform: translate( 0, -50%);
    -webkit-transform: translate( 0, -50%);
    top: 50%
}

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

::i-block-chrome,
.blog-section .blog-entry .bx-controls .bx-controls-direction a {
    padding: 18px 0
}

.frame-grid {
    padding: 40px;
    width: 100%;
    float: left;
    box-sizing: border-box;
    position: relative
}

.frame-grid .frame-sorting {
    border-left: 0;
    clear: both;
    display: inline-block;
    float: left;
    line-height: normal;
    margin: 40px 0;
    padding: 0;
    text-align: center;
    width: 100%
}

.frame-grid .frame-sorting a {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    margin-right: 5px;
    outline: medium;
    padding: 15px 30px;
    position: relative;
    text-transform: uppercase;
    z-index: 1
}

.frame-grid .frame-fullwidth {
    float: left;
    width: 100%;
    margin: 0
}

.frame-grid .frame-thumb {
    float: left;
    margin: 0;
    padding: 0;
    width: 50%
}

.frame-grid .frame-details {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 50%;
    right: 0%;
    transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    float: left;
    width: 50%;
    text-align: center
}

.frame-grid .frame-details .frame-content {
    box-sizing: border-box;
    float: left;
    margin: 0;
    padding: 0 80px;
    width: 100%
}

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

.dt-sc-frame-container .frame {
    overflow: hidden;
    position: relative;
    margin-bottom: 18px
}

.dt-sc-frame-container .frame figure {
    padding: 10px;
    box-sizing: border-box;
    float: left;
    width: 100%
}

.dt-sc-frame-container .frame>figure::before {
    bottom: 0;
    content: "";
    float: left;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.dt-sc-frame-container .frame.ceramic>figure::before {
    background-image: url(images/gold-frame.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%
}

.dt-sc-frame-container .frame.wooden>figure::before {
    background-image: url(images/wooden-frame.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%
}

.dt-sc-frame-container .frame.steel>figure::before {
    background-image: url(images/steel-frame.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%
}

.dt-sc-frame-container .frame.plastic>figure::before {
    background-image: url(images/plastic-frame.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%
}

.dt-sc-frame-container .frame img {
    max-width: 100%;
    width: 100%
}

.boxed .dt-sc-frame-container .frame figure {
    padding: 0
}

.about-section {
    float: left;
    padding: 0;
    margin: 40px 0 50px;
    width: 100%
}

.about-section h3 {
    float: left;
    font-size: 40px;
    margin-bottom: 15px;
    padding: 0;
    text-transform: uppercase;
    width: 100%
}

.about-section p {
    float: left;
    margin-bottom: 50px;
    width: 100%
}

.mailchimp-form,
#commentform,
.enquiry-form {
    position: relative;
    margin-top: 5px;
    float: left;
    width: 100%
}

.mailchimp-form .submit,
#searchform .submit {
    position: absolute;
    right: 0;
    top: 0;
    padding: 16px 16px 18px;
    min-height: 50px;
    border-radius: 0 1px 1px 0;
    font-size: 16px;
    cursor: pointer
}

.mailchimp-form p,
#commentform p,
.enquiry-form p,
#searchform p {
    width: 100%;
    margin: 0 0 18px;
    padding: 0;
    float: left;
    box-sizing: border-box
}

.mailchimp-form p input,
#searchform p input {
    margin: 0;
    padding: 17px 0 17px 50px;
    font-size: 16px;
    float: left
}

.mailchimp-form p input[type=email],
#comment p input[type=email],
.enquiry-form p input[type=email],
#searchform p input[type=email] {
    width: 100%;
    border: none
}

.enquiry-form p input.error,
.enquiry-form p textarea.error,
.enquiry-form p input.error:hover,
.enquiry-form p textarea.error:hover,
#commentform p input.error,
#commentform p textarea.error,
#commentform p input.error:hover,
#commentform p textarea.error:hover,
.mailchimp-form p input.error {
    color: red;
    position: relative
}

.error,
input.error[type=text],
input.error[type=email],
input.error[type=password],
textarea.error,
input.error[type=tel] {
    border-color: #f92c2c
}

.input-text {
    position: relative;
    display: inline-block;
    margin: 0;
    width: 100%;
    vertical-align: top;
    overflow: hidden
}

.input__field:focus {
    outline: none
}

.input-label {
    display: inline-block;
    float: right;
    padding: 0 15px;
    color: #666;
    font-weight: 700;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.input-field {
    width: 100%;
    background: 0 0;
    padding-left: 2.75em
}

.input-label {
    position: absolute;
    text-align: left;
    pointer-events: none;
    color: #666;
    left: 0
}

.input-label-content {
    display: inline-block;
    font-weight: 300;
    width: auto;
    padding: 14px 0 14px 5px;
    -webkit-transform: translate3d(-1.75em, 0, 0);
    transform: translate3d(-1.75em, 0, 0);
    -webkit-transition: -webkit-transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s
}

#commentform .input-label-content {
    padding: 5px 10px
}

.input-label .icon {
    display: inline-block;
    padding: 14px 0;
    font-size: 16px;
    -webkit-transform: translate3d(-2em, 0, 0);
    -moz-transform: translate3d(-2em, 0, 0);
    transform: translate3d(-2em, 0, 0);
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: transform .3s;
    transition: transform .3s
}

.input-field:focus+.input-label .input-label-content,
.input--filled .input-label-content {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0)
}

.input-label-content,
.icon,
.input-field:focus+.input-label .input-label-content,
.input--filled .input-label-content {
    -webkit-transition-timing-function: cubic-bezier(.7, 0, .3, 1);
    transition-timing-function: cubic-bezier(.7, 0, .3, 1)
}

.input-field:focus+.input-label .icon,
.input--filled .icon {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.dt-sc-service-content {
    float: left;
    margin: 0 0 40px;
    padding: 0;
    text-align: center;
    width: 100%
}

.dt-sc-service-content p {
    font-size: 18px;
    line-height: 30px;
    padding: 0 60px
}

.service-grid {
    float: left;
    width: 100%
}

.service-grid .dt-sc-icon-content-wrapper {
    display: inline-block;
    margin-bottom: 30px;
    overflow: hidden;
    width: 100%
}

.dt-sc-ico-content {
    width: 100%;
    float: left;
    padding: 20px;
    display: block;
    clear: both;
    margin: 0;
    position: relative
}

.dt-sc-ico-content>p {
    float: left;
    font-size: 14px;
    width: 100%
}

.dt-sc-ico-content p span {
    float: left;
    font-style: normal;
    margin: 0;
    width: 30%
}

.dt-sc-ico-content p i {
    float: left;
    margin: 0 15px 0 0;
    line-height: 28px
}

.dt-sc-icon {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%
}

.dt-sc-icon i {
    display: inline-block;
    font-size: 250px;
    margin: 0;
    padding: 0;
    width: 100%
}

.dt-sc-social-icons {
    float: left;
    margin: 0;
    text-align: center;
    width: 100%
}

.dt-sc-social-icons li {
    display: inline-block;
    float: left;
    padding: 0;
    text-align: center;
    margin: 0 10px 0 0
}

.dt-sc-social-icons li.twitter a {
    background: #55acee
}

.dt-sc-social-icons li.twitter a:hover {
    color: #55acee
}

.dt-sc-social-icons li a {
    color: #fff;
    display: inline-block;
    float: none;
    font-size: 15px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px
}

.dt-sc-icon-content-wrapper .dt-sc-one-half.dt-sc-icon-wrapper {
    bottom: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.dt-sc-icon-content-wrapper .dt-sc-one-half.dt-sc-icon-wrapper .dt-sc-icon i {
    bottom: 0;
    height: 250px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle
}

.dt-sc-icon-content-wrapper.left .dt-sc-one-half.dt-sc-icon-wrapper {
    left: 0
}

.dt-sc-icon-content-wrapper.left .dt-sc-one-half {
    float: right
}

.dt-sc-icon-content-wrapper:hover .dt-sc-icon-wrapper .dt-sc-icon i {
    font-size: 200px;
    height: 200px
}

.dt-sc-social-icons li.facebook a {
    background: #3b5998
}

.dt-sc-social-icons li.twitter a {
    background: #55acee
}

.dt-sc-social-icons li.google a {
    background: #dd4b39
}

.dt-sc-social-icons li.pinterest a {
    background: #cc2127
}

.dt-sc-social-icons li.youtube a {
    background: #e52d27
}

.dt-sc-social-icons li.linkedin a {
    background: #0976b4
}

.dt-sc-social-icons li.dribbble a {
    background: #ea4c89
}

.dt-sc-social-icons li.flickr a {
    background: #ff0084
}

.dt-sc-social-icons li.tumblr a {
    background: #35465c
}

.dt-sc-social-icons li.facebook a:hover {
    color: #3b5998
}

.dt-sc-social-icons li.twitter a:hover {
    color: #55acee
}

.dt-sc-social-icons li.google a:hover {
    color: #dd4b39
}

.dt-sc-social-icons li.pinterest a:hover {
    color: #cc2127
}

.dt-sc-social-icons li.youtube a:hover {
    color: #e52d27
}

.dt-sc-social-icons li.linkedin a:hover {
    color: #0976b4
}

.dt-sc-social-icons li.dribbble a:hover {
    color: #ea4c89
}

.dt-sc-social-icons li.flickr a:hover {
    color: #ff0084
}

.dt-sc-social-icons li.tumblr a:hover {
    color: #35465c
}

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

#contact_map::after {
    content: "";
    display: block;
    height: 510px;
    right: -80px;
    position: absolute;
    top: 0;
    transform: skew(-18deg);
    -moz-transform: skew(-18deg);
    -webkit-transform: skew(-18deg);
    width: 165px;
    z-index: 9
}

#contact_map img {
    max-width: inherit
}

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

::i-block-chrome,
.dt-sc-contact-details {
    font-weight: 500
}

.dt-sc-contact-details {
    position: relative;
    clear: both;
    display: block;
    float: left;
    font-size: 16px;
    line-height: 55px;
    padding-bottom: 0;
    margin: 0;
    height: 100%;
    width: 90%;
    margin-left: 5%
}

.contact-section {
    float: left;
    margin: 20px 0 30px;
    padding: 0;
    width: 100%
}

.dt-sc-contact-details span {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0 2% 0 0;
    text-align: center;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg)
}

.dt-sc-contact-details:hover span {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg)
}

.dt-sc-contact-info::before {
    background: url(images/contact-form-bg.png) no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    bottom: 0;
    content: "";
    float: left;
    left: 0;
    margin: auto;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    opacity: .5
}

.dt-sc-contact-info h3 {
    margin-bottom: 20px;
    margin-left: 5%
}

.dt-sc-contact-info .dt-sc-social-icons {
    margin: 15px 0 0 5%;
    width: auto
}

.dt-sc-contact-info .dt-sc-social-icons li {
    margin: 0
}

.enquiry-form {
    clear: both;
    float: left;
    margin: 0 0 30px;
    width: 100%
}

.enquiry-form .submit .button {
    padding: 15px 30px
}

.enquiry-details,
.dt-sc-working-hours {
    box-sizing: border-box;
    float: left;
    width: 100%;
    margin: 0 0 10px
}

.enquiry-details p {
    clear: both;
    display: block;
    font-size: 14px;
    float: left;
    width: 100%
}

.enquiry-details i {
    display: inline-block;
    float: left;
    font-size: 13px;
    margin: 0 10px 10px 0;
    position: relative;
    top: 8px
}

.dt-sc-working-hours {
    margin: 0 0 20px
}

.dt-sc-working-hours li {
    float: left;
    font-size: 15px;
    width: 100%
}

.dt-sc-working-hours span {
    font-weight: 600
}

.service-sliders {
    width: 100%;
    float: left
}

.recent-gallery-container {
    float: left;
    width: 100%
}

.recent-gallery li {
    display: block;
    padding: 0
}

.recent-gallery-container #bx-pager {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 10px
}

.recent-gallery-container #bx-pager a {
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    margin: 0 5px;
    position: relative;
    width: 12%
}

.recent-gallery-container #bx-pager a img {
    width: 100%;
    float: left
}

.recent-gallery-container #bx-pager a.active:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    display: block
}

.recent-portfolio {
    float: left;
    width: 100%;
    position: relative
}

.recent-portfolio .product-carousel .fa {
    font-size: 28px
}

.recent-gallery-container .bx-wrapper ul li::before {
    content: none
}

.recent-gallery-container .bx-controls a::before {
    font-size: 30px
}

.dt-sc-project-details {
    border: 1px solid;
    clear: both;
    float: left;
    padding: 10px 20px 20px;
    width: 100%
}

.dt-sc-project-details .dt-sc-social-icons li {
    margin: 0
}

.dt-sc-project-details .enquiry-details p {
    border-bottom: 1px solid;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.dt-sc-post-pagination {
    width: 100%;
    float: left;
    margin-top: 30px
}

.dt-sc-post-pagination a.dt-sc-button {
    margin: 0;
    border-top: none;
    border-bottom: none
}

.dt-sc-post-pagination a.dt-sc-button.with-icon.prev-post i.fa:after,
.post-prev-link .dt-sc-button.small.with-icon i.fa::after {
    right: 33px;
    left: auto
}

.dt-sc-post-pagination a.prev-post {
    border-left: none
}

.dt-sc-post-pagination a.next-post {
    border-right: none;
    float: right
}

.shop-grid {
    box-sizing: border-box;
    float: left;
    padding: 50px;
    width: 100%
}

.sorting-products {
    border-bottom: 1px solid;
    float: left;
    width: 100%
}

.sorting-products .categories {
    float: left;
    width: 100%
}

.selection-box {
    float: left;
    width: 100%;
    margin: 0 0 40px;
    position: relative
}

.shop-dropdown ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: block;
    position: relative
}

.shop-dropdown ul {
    position: absolute;
    top: 0;
    width: 100%
}

.shop-dropdown ul li {
    position: absolute;
    width: 100%;
    pointer-events: none
}

.active.shop-dropdown ul li {
    pointer-events: auto
}

.shop-dropdown {
    position: relative;
    width: 100%;
    margin: 0 auto;
    display: block
}

.shop-dropdown>span {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-weight: 700;
    font-size: 16px;
    display: block;
    padding: 0 50px 0 30px;
    position: relative;
    cursor: pointer
}

.shop-dropdown>span::after {
    border-left: 1px solid;
    bottom: 0;
    content: "";
    font-family: fontawesome;
    font-size: 12px;
    line-height: 40px;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 50px
}

.shop-dropdown.active>span:after {
    content: ''
}

.shop-dropdown ul li {
    display: block
}

.shop-dropdown ul li span {
    width: 100%;
    line-height: 60px;
    padding: 0 30px 0 75px;
    display: block;
    cursor: pointer;
    font-weight: 700
}

.shop-dropdown>span,
.shop-dropdown ul li span {
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.shop-dropdown ul li span::before {
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    left: 15px;
    line-height: 40px;
    margin-top: -20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 50px;
    transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg)
}

.shop-dropdown ul li span::before,
.shop-dropdown span span::before {
    font-family: fontawesome
}

.shop-dropdown li span:hover::before {
    font-size: 30px;
    transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg)
}

.shop-dropdown ul li span.red::before,
.shop-dropdown span span.red::before,
.client-details li p a:hover.red {
    color: #c60000
}

.shop-dropdown ul li span.yellow::before,
.shop-dropdown span span.yellow::before,
.client-details li p a:hover.yellow {
    color: #dbdb00
}

.shop-dropdown ul li span.blue::before,
.shop-dropdown span span.blue::before,
.client-details li p a:hover.blue {
    color: #009
}

.shop-dropdown ul li span.green::before,
.shop-dropdown span span.green::before,
.client-details li p a:hover.green {
    color: #006b00
}

.shop-dropdown ul li span.black::before,
.shop-dropdown span span.black::before,
.client-details li p a:hover.black {
    color: #000
}

.shop-dropdown ul li span.orange::before,
.shop-dropdown span span.orange::before,
.client-details li p a:hover.orange {
    color: #eb9800
}

.shop-dropdown span span {
    padding: 0 30px 0 40px;
    font-weight: 700
}

.shop-dropdown span span::before {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    left: -18px;
    line-height: 42px;
    margin-top: -20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 50px
}

.cart-wrapper {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%
}

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

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

.thumblist {
    float: left;
    margin: 0 0 50px;
    width: 100%
}

.thumblist>li {
    display: inline-block;
    float: left;
    margin: 0 22px 0 0;
    padding: 0
}

.thumblist>li:last-child {
    margin: 0
}

.thumblist a {
    display: block;
    float: left
}

.cart-wrapper ul.commentlist li {
    margin: 0
}

.star-rating {
    float: right;
    font-family: star;
    font-size: 1.1em;
    height: 2em;
    line-height: 2em;
    overflow: hidden;
    position: relative;
    width: 5.4em
}

.star-rating::before,
.star-rating::before {
    color: #e0dadf;
    content: "sssss";
    float: left;
    left: 0;
    position: absolute;
    top: 0
}

.star-rating span,
.star-rating span {
    float: left;
    left: 0;
    overflow: hidden;
    padding-top: 1.5em;
    position: absolute;
    top: 0
}

.star-rating span::before,
.star-rating span::before {
    content: "SSSSS";
    left: 0;
    position: absolute;
    top: 0
}

.products .star-rating,
.products .star-rating {
    display: block;
    float: none;
    margin: 0 0 .5em
}

.hreview-aggregate .star-rating,
.hreview-aggregate .star-rating {
    margin: 10px 0 0
}

.cart-wrapper .commententries h4 {
    float: left;
    width: auto
}

.cart-wrapper .commententries h6 {
    float: right;
    margin: 0
}

.cart-wrapper .commententries h6 i {
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 0
}

.commententries h6 a {
    float: left;
    line-height: 30px;
    width: 100%
}

.cart-wrapper .post-author-details {
    border-top: medium;
    padding: 0 0 30px
}

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

.entry-author-image img {
    border-radius: 50%
}

.cart-wrapper .author-desc {
    padding: 0
}

.author-title {
    float: left;
    padding: 10px 0;
    line-height: 22px;
    margin-bottom: 13px;
    width: 70%
}

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

.author-title>span {
    float: left;
    width: 100%
}

.author-title .star-rating {
    float: left
}

.author-title .woocommerce-product-rating {
    display: inline-block;
    float: left
}

.author-title .woocommerce-product-rating a {
    line-height: 2em;
    margin: 0 0 0 5px;
    font-size: 14px
}

.cart-thumb-categories {
    float: left;
    margin: 0 0 10px;
    width: 100%
}

.cart-thumb-categories>li {
    display: inline-block;
    float: left;
    margin: 0 75px 20px 0;
    padding: 0;
    width: 22.3%
}

.cart-thumb-categories>li.last {
    margin-right: 0
}

.cart-thumb-categories a {
    display: block;
    float: left;
    text-transform: capitalize;
    width: 100%
}

.cart-wrapper .cart-thumb-categories li .product>img {
    border: 1px solid
}

.cart-wrapper .cart-thumb-categories li:hover .product>img {
    border: 1px solid
}

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

.category-details>h6 {
    margin-bottom: 7px
}

.category-details>span {
    font-size: 15px;
    font-weight: 500
}

.project-details {
    clear: both;
    float: left;
    width: 100%
}

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

.project-details ul.client-details li {
    display: block;
    padding: 12px
}

.project-details ul.client-details li:nth-child(even) {
    background: transparent
}

.project-details ul.client-details li p {
    margin-bottom: 0
}

.project-details ul.client-details li span {
    float: left;
    font-weight: 500;
    font-size: 14px;
    width: 35%
}

.project-details ul.client-details li p i {
    font-size: 14px;
    margin-right: 10px
}

.client-details li p a::before {
    content: "";
    display: inline-block;
    font-family: fontawesome;
    font-size: 14px;
    font-weight: 700;
    margin: 0 15px 0 0
}

.client-details .tagcloud {
    display: inline-block;
    width: 65%
}

.client-details .tagcloud a {
    float: left;
    font-size: 14px;
    font-weight: 400;
    margin: 0 1px 15px 0;
    padding: 7px 10px;
    position: relative
}

.tagcloud a:nth-last-of-type(3n-1),
.tagcloud a:nth-last-of-type(3n+1) {
    margin-bottom: 0
}

.product-carousel-wrapper {
    float: left;
    width: 100%;
    position: relative
}

.products {
    border-bottom: 1px solid;
    clear: both;
    float: left;
    margin: 30px 0;
    padding: 0;
    width: 100%
}

.products li {
    display: inline;
    padding: 0
}

.products .product-wrapper {
    margin: 0 0 30px;
    overflow: hidden
}

.products .product-container {
    float: left;
    margin: 0 0 27px;
    overflow: hidden;
    padding: 0;
    max-height: 100%;
    position: relative;
    width: 100%
}

.products .product-thumb {
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
    position: relative
}

.products .product-thumb,
.products .product-thumb a {
    line-height: 0
}

.products .product-thumb::after {
    bottom: 0;
    right: 0
}

.products .product-thumb::after,
.products .product-thumb::before {
    content: "";
    height: 0;
    position: absolute;
    width: 0
}

.product-wrapper:hover .product-container .product-thumb::after,
.product-wrapper:hover .product-container .product-thumb::before {
    height: 100%;
    width: 100%
}

.products .product-thumb::before {
    left: 0;
    margin: auto;
    top: 0;
    z-index: 1
}

.products .product-thumb img {
    float: left;
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    -moz-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}

.products .product-wrapper:hover .product-thumb img {
    transform: translateY(-35px);
    -moz-transform: translateY(-35px);
    -webkit-transform: translateY(-35px)
}

.product-thumb img {
    transition: transform .4s ease 0s;
    -moz-transition: transform .4s ease 0s;
    -webkit-transition: transform .4s ease 0s
}

.products .product-title {
    clear: both;
    padding: 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 2;
    transform: translateY(100%);
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    -moz-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    transition: transform .4s ease 0s, opacity .1s ease .8s;
    -moz-transition: transform .4s ease 0s, opacity .1s ease .8s;
    -webkit-transition: transform .4s ease 0s, opacity .1s ease .8s
}

.products .product-wrapper:hover .product-title {
    opacity: 1;
    bottom: 0;
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transition: transform .4s ease 0s, opacity .1s ease 0s;
    -moz-transition: -moz-transform .4s ease 0s, opacity .1s ease 0s;
    -webkit-transition: -webkit-transform .4s ease 0s, opacity .1s ease 0s;
    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    -moz-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome,
    .products .product-thumb img,
    .dt-sc-portfolio-container .portfolio figure img,
    .portfolio figcaption,
    .portfolio figcaption::before {
        -webkit-transition: all 300ms linear 0s;
        -moz-transition: all 300ms linear 0s;
        -o-transition: all 300ms linear 0s;
        -ms-transition: all 300ms linear 0s;
        transition: all 300ms linear 0s
    }
    .products .product-wrapper:hover .product-title {
        bottom: 2px
    }
}

.products .product-title a {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0;
    display: inline-block;
    padding: 10px 0;
    width: 50%;
    text-align: center;
    float: left
}

.products .product-title a:first-child {
    border-right: 1px solid #eaeaea
}

.products .product-title a:last-child:hover {
    background-color: #2c3e50
}

.products .product-title a span {
    margin-right: 5px
}

.products .product-wrapper:hover .product-title p {
    opacity: 1
}

.products .product-wrapper .product-title p {
    bottom: 4em;
    box-sizing: border-box;
    color: #fff;
    font-size: 15px;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: none;
    width: 100%;
    transition: opacity .35s ease 0s;
    -moz-transition: opacity .35s ease 0s;
    -webkit-transition: opacity .35s ease 0s
}

.products .product-details {
    float: left;
    width: 100%;
    clear: both;
    text-align: center;
    margin-bottom: 20px
}

.products .product-details h5 {
    margin-bottom: 7px
}

.products .product-details span {
    font-size: 18px;
    font-weight: 700
}

.products .product-content {
    float: left;
    width: 100%
}

.feature-product-carousel .dt-sc-one-fourth {
    margin: 0 11px
}

#footer {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    clear: both
}

#footer::before {
    background: url(images/title-line.png) repeat-x;
    content: "";
    height: 20px;
    position: absolute;
    width: 100%
}

#footer .copyright {
    clear: both;
    text-align: center;
    float: left;
    padding: 70px 0;
    width: 100%
}

#footer .copyright .footer-links {
    float: left;
    margin: 0 0 35px;
    width: 100%
}

#footer .copyright .footer-links li {
    display: inline;
    padding-bottom: 0
}

#footer .copyright .footer-links li a {
    font-size: 14px;
    line-height: 22px;
    padding: 0 7px;
    text-transform: uppercase
}

#footer .copyright .payment-options {
    float: left;
    margin: 0 0 35px;
    width: 100%
}

#footer .copyright .payment-options li {
    display: inline;
    padding-bottom: 0
}

#footer .copyright .payment-options li a {
    display: inline-block;
    font-size: 30px;
    padding: 0 10px
}

#footer .copyright p {
    float: left;
    font-size: 14px;
    margin-bottom: 0;
    width: 100%;
    font-weight: 700;
    text-transform: uppercase
}

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    overflow: hidden;
    width: 40px;
    height: 40px;
    border: none;
    text-indent: 100%;
    z-index: 9999;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg)
}

#toTopHover {
    width: 40px;
    height: 40px;
    display: block;
    overflow: hidden;
    float: left;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0)
}

#toTop:active,
#toTop:focus {
    outline: none
}

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

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

#dt-style-picker h2 {
    font: 12px Tahoma, Geneva, sans-serif;
    text-transform: uppercase;
    line-height: 48px;
    width: 100%;
    color: #848484;
    margin: 0 0 15px;
    padding: 0;
    border-bottom: 1px solid #ddd;
    background-color: #fefefe
}

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

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

#dt-style-picker ul li {
    display: inline-block;
    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
}

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

#dt-style-picker .hr {
    width: 100%;
    height: 10px;
    display: block;
    float: right;
    clear: both;
    position: relative;
    z-index: 1;
    margin: 3px 0
}

.style-picker-ico {
    position: absolute;
    top: 25px;
    right: -1px;
    width: 48px;
    height: 48px;
    display: block;
    border: 1px solid #d7d7d7;
    background-color: #fff
}

.style-picker-ico img {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

#dt-style-picker ul.scheme-picker li a {
    padding: 7px
}

#dt-style-picker ul.scheme-picker li a img {
    height: auto;
    border: 0
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
    #toTop {
        background-size: 40px 120px;
        background-image: url(images/ui.totop@2x.png)
    }
    input,
    button {
        border-radius: 0
    }
    .main-title::before,
    #footer::before {
        background-image: url(images/title-line@2x.png);
        background-size: 496px 19px
    }
}