@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/stard41d.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: 'Montserrat', 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(https://themeforest.net/user/buddhathemes/portfolio);
    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: 10px 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;
    margin-top: 45px;
    position: relative;
    left: 4%}
.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: 20px 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: 68px;
    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: 5px 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-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(https://themeforest.net/user/buddhathemes/portfolio);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.dark-skin .parallax-img {
    background: url(images/parallax-img-dark.html);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.parallax-img:after, .map-parallax:after {
    background: url(https://themeforest.net/user/buddhathemes/portfolio) 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;
}

.abstract {
    background: url(images/abstract-bg.jpg) repeat;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}
.animals {
    background: url(images/animals.jpg) repeat;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}
.artefacts {
    background: url(images/gond-bg.jpg) repeat;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}
.charcoal-and-pencil-work {
    background: url(images/charcoal-bg.jpg) repeat;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}
.bali-abstract {
    background: url(images/abstract-bg.jpg) repeat;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}
.bulls-and-cows {
    background: url(images/bull-cows-bg.jpg) repeat;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}
.contemporary {
    background: url(images/Contemporary-bg.jpg) repeat;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}
.divine{
    background: url(images/Divine-bg.jpg) repeat;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}
.figurative {
    background: url(images/Figurative-bg.jpg) repeat;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}

.feather-work {
    background: url(images/tanjore.jpg) repeat;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}

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

.heritage {
    background: url(images/Heritage-bg.jpg) repeat;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}
.kerala-murals {
    background: url(images/kerala-murals.jpg) repeat;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}
.label-pratham{
    background: url(images/portfolio-bg.jpg) repeat;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}
.madhubani {
    background: url(images/rajasthani-mughal-wall.jpg) repeat;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}
.marble-wall {
    background: url(images/marble-wall.jpg) repeat;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}
.miniature {
    background: url(images/miniature.jpg) repeat;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}
.modern-art {
    background: url(images/modern-art.jpg) repeat;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}
.nature-and-landscape {
    background: url(images/nature-and-landscape.jpg) repeat;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}
.nude-art {
    background: url(images/nude-art.jpg) repeat;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}
.photography {
    background: url(images/photography.jpg) repeat;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}
.pichwai {
    background: url(images/pichwai.jpg) repeat;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}
.portrait-art {
    background: url(images/portrait-art.jpg) repeat;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}
.rajasthani-mughal-wall {
    background: url(images/rajasthani-mughal-wall.jpg) repeat;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}
.sculptures {
    background: url(images/sculptures.jpg) repeat;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}
.tanjore {
    background: url(images/tanjore.jpg) repeat;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}
.thikri {
    background: url(images/sculptures.jpg) repeat;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}
.urban-landscape {
    background: url(images/urban-landscape.jpg) repeat;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}
.usha {
    background: url(images/usha.jpg) repeat;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}
.wall-art {
    background: url(images/wall-art.jpg) repeat;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}
.wall-murals {
    background: url(images/wall-murals.jpg) repeat;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}
.wall-murals {
    background: url(images/wall-murals.jpg) repeat;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}
.wall-work {
    background: url(images/bali-abstract.jpg) repeat;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}
.warli-bastar {
    background: url(images/warli-bastar.jpg) repeat;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}
.wood-work {
    background: url(images/charcoal-bg.jpg) repeat;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}
.zen {
    background: url(images/zen.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: 20px 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: block; /*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: 26px;
    margin: 15px 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;
	display:none;
    content: "";
    left: 110px;
    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.html);
    height: auto\0/;
    width: 100%}
.bx-wrapper img {
    width: 100%;
    display: block;
    border-radius: 0;
    behavior: url(PIE.html);
}
.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: 30px;
    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: 50px 0 0 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: 0px 0 70px;
    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;
	display:none;
}
#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(https://themeforest.net/user/buddhathemes/portfolio);
}
input, button {
    border-radius: 0;
}
.main-title::before, #footer::before {
    background-image: url(images/title-line%402x.png);
    background-size: 496px 19px;
}
}

.sticky-container{
		/*background-color: #333;*/
		padding: 0px;
		margin: 0px;
		position: fixed;
		right: -90px;
		top:45%;
		width: 135px;
z-index:999;
	}

	.sticky li{
		list-style-type: none;
		background-color: #333;
		color: #efefef;
		height: 43px;
		padding: 0px;
		margin: 0px 0px 1px 0px;
		-webkit-transition:all 0.25s ease-in-out;
		-moz-transition:all 0.25s ease-in-out;
		-o-transition:all 0.25s ease-in-out;
		transition:all 0.25s ease-in-out;
		cursor: pointer;
		

	}

	.sticky li:hover{
		margin-left: -115px;
		/*-webkit-transform: translateX(-115px);
		-moz-transform: translateX(-115px);
		-o-transform: translateX(-115px);
		-ms-transform: translateX(-115px);
		transform:translateX(-115px);*/
		/*background-color: #8e44ad;*/
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
                -webkit-filter: grayscale(0%);
	}

	.sticky li img{
		float: left;
		margin: 5px 5px;
		margin-right: 10px;

	}

	.sticky li p{
		padding: 0px;
		margin: 0px;
		text-transform: uppercase;
		line-height: 43px;
font-size:14px;
	}
	
	
	.about-section figure {
    border-bottom-color: #101010 !important;
    border-top-color: #2e2e2e !important;
    border-left-color: #2e2e2e !important;
    border-right-color: #101010 !important;
}

.about-section figure::after {
    border: 20px 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;
}

.about-section figure {
    border: 15px solid;
    box-sizing: border-box;
    float: left;
    width: 95%;
    overflow: hidden;
    position: relative;
}


.Read-more a {
    backface-visibility: hidden;
    display: inline-block;
    position: relative;
    transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
    -moz-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;
	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;
	background: #a25f5b;
	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;
}
.Read-more a:hover {
	color:#a25f5b;
	background:#fff;
}

.padding-100 {padding-top:100px;}

.testiminal-area {width:100%;}
.testiminal-area .slider {height:350px; min-height:100%; background:none;}
.slider {
  height: 100%;
  min-height:800px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
		  
}
.slider__nav {
  width: 12px;
  height: 12px;
  margin: 2rem 12px;
  border-radius: 50%;
  z-index: 10;
  outline: 6px solid #ccc;
  outline-offset: -6px;
  box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.slider__nav:checked {
  -webkit-animation: check 0.4s linear forwards;
          animation: check 0.4s linear forwards;
}
.slider__nav:checked:nth-of-type(1) ~ .slider__inner {
  left: 0%;
}
.slider__nav:checked:nth-of-type(2) ~ .slider__inner {
  left: -100%;
}
.slider__nav:checked:nth-of-type(3) ~ .slider__inner {
  left: -200%;
}
.slider__nav:checked:nth-of-type(4) ~ .slider__inner {
  left: -300%;
}
.slider__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 400%;
  height: 100%;
  -webkit-transition: left 0.4s;
  transition: left 0.4s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
.slider__contents {
  height: 100%;
  padding: 2rem;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slider__image {
  font-size: 2.7rem;
      color: #2196F3;
}
.slider__caption {
  font-weight: 500;
  margin: 2rem 0 1rem;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
  font-size:16px !important;
}
.slider__txt {
  color: #999;
  <!-- margin-bottom: 3rem; -->
  max-width: 100%;
}

@-webkit-keyframes check {
  50% {
    outline-color: #333;
    box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2);
  }
  100% {
    outline-color: #333;
    box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  }
}

@keyframes check {
  50% {
    outline-color: #333;
    box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2);
  }
  100% {
    outline-color: #333;
    box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  }
}
.slider::before, .slider::after {
border:none;
}
.dt-200 {
    margin: 0 0 200px;
}
.pp_description a {background: #8c8989;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 15px;}
	.pp_description a:hover {background: #636161;}
.portfolio-title h5 {text-align:center;}
h2 {font-family: 'Roboto Slab', serif !important; font-weight:400; font-size:50px !important;}
h3 {font-family: 'Roboto Slab', serif !important; font-weight:400; font-size:30px !important; margin-bottom:30px !important;}
.sub-menu {height:500px; overflow-y:scroll;}

@media screen and (min-width:320px) and (max-width:767px){
.main-title h2 {font-size:35px !important;}	
.testiminal-area .slider {height: 549px;}
.dt-200 {margin: 0 0 20px;}
}

@media screen and (max-width: 767px){
.mobile-social {width:100px; margin:0 auto; display:block !important;}
.desktop-social {display:none !important;}
}
.mobile-social {display:none;}
.desktop-social {display:block;}
#main-menu.nav-is-visible {z-index:99}