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

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

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

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

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

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

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

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

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

 h1 {
     font-size: 36px
 }

 h2 {
     font-size: 30px
 }

 h3 {
     font-size: 26px
 }

 h4 {
     font-size: 20px
 }

 h5 {
     font-size: 18px
 }

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

 a {
     text-decoration: none
 }

 a img {
     border: none
 }

 img {
     max-width: 100%
 }

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

 strong {
     font-weight: 700
 }

 em {
     font-style: italic
 }

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

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

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

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

 sub {
     bottom: -3px
 }

 sup {
     top: -5px
 }

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

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

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

 ul li {
     padding-bottom: 10px
 }

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

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

 ol {
     list-style-type: decimal;
     list-style-position: outside
 }

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

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

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

 blockquote p {
     margin-bottom: 0
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

 .float-right {
     float: right
 }

 .float-left {
     float: left
 }

 .middle-align {
     text-align: center
 }

 .hidden {
     display: none
 }

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

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

 input[type=text],
 input[type=password],
 input[type=email],
 input[type=url],
 input[type=tel],
 input[type=number],
 input[type=range],
 input[type=date],
 input[type=search],
 textarea,
 input.text {
     -moz-appearance: none;
     display: inline-block;
     font-size: 13px;
     margin: 0;
     padding: 16px 15px;
     width: 100%
 }

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

 legend {
     font-weight: 700
 }

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

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

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

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

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

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

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

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

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

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

 input[type=text],
 input[type=password],
 input[type=email],
 input[type=url],
 input[type=tel],
 input[type=number],
 input[type=range],
 input[type=date],
 input[type=search],
 textarea,
 input.text,
 .portfolio-detail,
 .portfolio-title,
 .widget ul.tweet_list p,
 .entry-post-content,
 ul.commentlist li .comment-details,
 .side-nav-container ul li,
 .products .product-container,
 .intro-text,
 .author-desc,
 .widget ul.tweet_list li,
 .products .product-title a,
 .products .product-title {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box
 }

 img {
     max-width: 100%
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

 .widget:last-child {
     padding: 0
 }

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

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

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

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

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

 .widget ul li a {
     display: block
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 .widget_popular_entries.widget li {
     padding: 0
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 dl {
     margin: 0 20px
 }

 dl.gallery-item {
     margin: 0
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 .woocommerce table.cart tr {
     position: relative
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 .yith_magnifier_zoom {
     display: block;
     position: relative
 }

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

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

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

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

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

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

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

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

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

 .product .summary {
     position: relative
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 .boxed {
     background-attachment: fixed
 }

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

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

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

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

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

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

 .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: 20px 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: 25%
     }
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 .slider {
     background-image: url("images/slider.jpg");
     background-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("http://wedesignthemes.com/html/redart/default/images/parallax-img.jpg");
     background-size: cover;
     background-attachment: fixed;
     background-repeat: no-repeat
 }

 .dark-skin .parallax-img {
     background: url("http://wedesignthemes.com/html/redart/default/images/parallax-img-dark.jpg");
     background-size: cover;
     background-attachment: fixed;
     background-repeat: no-repeat
 }

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

 .slider-container {
     display: block\9
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 .bx-wrapper img {
     width: 100%;
     display: block;
     border-radius: 0;
     behavior: url("http://wedesignthemes.com/html/redart/default/PIE.htc")
 }

 .bx-wrapper ul {
     float: left
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 .entry-details .entry-metadata p.tags {
     width: auto
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 .author-desc > p {
     margin: 0
 }

 .author-metadata {
     float: right
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 .bypostauthor {
     float: left
 }

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

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

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

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

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

 .comment .author-metadata {
     float: left
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 .input__field:focus {
     outline: none
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 #contact_mapG::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_mapG 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-position: center bottom;
     background-size: 100% auto;
     bottom: 0;
     content: "";
     float: left;
     left: 0;
     margin: auto;
     padding: 0;
     position: absolute;
     right: 0;
     top: 0;
     opacity: .5
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 .shop-dropdown ul li {
     display: block
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 .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;
     display: none;
 }

 #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("http://wedesignthemes.com/html/redart/default/images/ui.totop@2x.png")
     }
     input,
     button {
         border-radius: 0
     }
     .main-title::before,
     #footer::before {
         background-image: url("images/title-line@2x.png");
         background-size: 496px 19px
     }
 }


 .videoContainer {

     width: 100%;
     text-align: center;


 }