@charset "utf-8";
/* CSS Document */

/*----*****---- << Color >> ----*****----*/

body, a, .entry-details .entry-body p, .footer-links li a, #footer .payment-options li a:hover, .dt-sc-service-content p, .dt-sc-icon-content-wrapper:hover .dt-sc-ico-content p, .dt-sc-icon-content-wrapper:hover .dt-sc-ico-content p a, blockquote q, label span, label, .widget ul li a, ol.dt-sc-fancy-list li span { color:rgba(255, 255, 255, 0.9); }

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, td, th, .mailchimp-form .submit, #searchform .submit, .dt-sc-button, .tagcloud a, .dt-sc-sorting-container a, .portfolio figure .fig-title h5 a, .portfolio figcaption h6, ul.dt-sc-tabs-frame > li > a.current, ul.dt-sc-tabs-frame > li:hover > a, ul.dt-sc-tabs-vertical-frame > li > a.current, ul.dt-sc-tabs-vertical-frame > li:hover > a, .dt-sc-toggle-frame-set .dt-sc-toggle-accordion::before, h5.dt-sc-toggle::before, h5.dt-sc-toggle-accordion:before, .dt-sc-toggle-frame h5.dt-sc-toggle:before, .dt-sc-toggle-frame-set .dt-sc-toggle-frame .dt-sc-toggle-accordion::before, .dt-sc-toggle-frame h5.dt-sc-toggle.active a, .dt-sc-toggle-frame h5.dt-sc-toggle.active::before, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion.active::before, .dt-sc-toggle-frame-set .dt-sc-toggle-accordion.active::before, .dt-sc-toggle-frame-set .dt-sc-toggle-accordion.active > a, .dt-sc-toggle-frame-set .dt-sc-toggle-accordion:hover > a, .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, .dt-sc-toggle-accordion > a:hover, .dt-sc-toggle:hover > a, .dt-sc-toggle-frame .dt-sc-toggle:hover > a, .dt-sc-toggle-frame:hover h5.dt-sc-toggle::before, h5.dt-sc-toggle:hover:before, h5.dt-sc-toggle-accordion:hover::before, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion.active a, .dt-sc-ico-content p span, .blog-entry .entry-metadata p a:hover, .blog-entry:hover .entry-title h4 a:hover, .blog-entry:hover .entry-metadata a:hover, .blog-entry:hover .entry-metadata a:hover i, .post-author-details .author-desc p span, .post-author-details .author-metadata a:hover, .comment .author-metadata p:hover a, .comment .author-metadata p:hover span, #commentform .submit .button, .blog-post .entry-metadata p:hover a, .breadcrumb .user-summary .cart-count a:hover, .breadcrumb .user-summary .account-links a:hover, .dt-sc-contact-details span, .enquiry-form .submit .button, .enquiry-details i, .enquiry-details a:hover, .pagination ul li a:hover, .commententries h6 a:hover, .author-title .woocommerce-product-rating a:hover, .cart-thumb-categories a:hover, .tagcloud a:hover, .woocommerce .button, .woocommerce-page .button, .button, .dt-sc-button.with-icon:hover i.fa, .dt-sc-button.with-icon:hover i.fa::after, .recent-gallery-widget ul li:hover h5 a, .newsletter .newsletter-text i, .products .product-details span, .type1.dt-sc-button.with-icon:focus i.fa, .type1.dt-sc-button.with-icon:active i.fa, .type1.active-sort.dt-sc-button.with-icon i.fa, .type3.dt-sc-button.with-icon:focus i.fa, .type3.dt-sc-button.with-icon:active i.fa, .type3.active-sort.dt-sc-button.with-icon i.fa, .dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button:hover i, .dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button:focus i, .dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button:active i, .dt-sc-pr-tb-col.selected .dt-sc-tb-title h5, .dt-sc-pr-tb-col.selected .dt-sc-tb-content li, .dt-sc-pr-tb-col.selected .dt-sc-tb-features, .dt-sc-pr-tb-col.type2 .dt-sc-options-table .dt-sc-switch span, .dt-sc-pr-tb-col.type2 .dt-sc-pricing-table ul li:before, .dt-sc-pr-tb-col.type2 .dt-sc-pricing-table li, .dt-sc-pr-tb-col.type2 .dt-sc-pricing-table ul:before, .dt-sc-pr-tb-col.type2 .dt-sc-pricing-table ul:after, #tiptip_content, .bx-controls a, .menu.type1 a, .dt-sc-icon-content-wrapper:hover .dt-sc-ico-content p a:hover, .widget.widget_categories ul li:hover:before, .widget.widget_archive ul li:hover:before, .widget.widget_categories ul li:hover span, .widget.widget_archive ul li:hover span, .active.shop-dropdown > span, .active.shop-dropdown ul li span:hover, .category-details > span, .woocommerce table.shop_table .product-name a, .woocommerce td.product-price span, .woocommerce .cart-subtotal td span, .woocommerce table.cart a.remove, .woocommerce-page table.cart a.remove, .woocommerce #content table.cart a.remove, .woocommerce-page #content table.cart a.remove, .woocommerce .quantity .plus:hover, .woocommerce .quantity .minus:hover, .woocommerce-page .quantity .plus:hover, .woocommerce-page .quantity .minus:hover, .woocommerce-billing-fields .active.shop-dropdown > span, .woocommerce-shipping-fields .active.shop-dropdown > span, .blog-items .blog-entry:hover, .blog-items .blog-entry:focus, .blog-items .blog-entry:active, ul.dt-sc-tabs-frame > li > a, .dt-sc-contact-info a:hover, .dt-sc-working-hours span, ul.dt-sc-tabs-vertical-frame > li > a, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion a, .dt-sc-toggle-frame h5.dt-sc-toggle a, table.skin tbody.skin td , tbody.skin-alt td, .tooltip, .tooltip.type1 .tooltip-item, .tooltip.type1-a .tooltip-item, .tooltip.type1 .tooltip:hover .tooltip-item, .tooltip.type1-a .tooltip:hover .tooltip-item, .tooltip.type1 .tooltip-content, .tooltip.type1-a .tooltip-content, .tooltip.type2 .tooltip-content, .tooltip.type2-a .tooltip-content, .tooltip.type3 .tooltip-content, .tooltip.type3-a .tooltip-content, .tooltip.type4 .tooltip-content, .tooltip.type4-a .tooltip-content, p:hover .dt-sc-dropcap-bordered, .dt-menu-toggle { color:#FFFFFF; }

.portfolio-title h5 a, .portfolio figure figcaption p { color: #FFFFFF; }

.menu.type1 li:hover a, .menu .current_page_item a, .dt-sc-pr-tb-col.selected .dt-sc-price span, .dt-sc-pr-tb-col.selected .dt-sc-price h2, .bx-controls .bx-prev:hover, .bx-controls .bx-next:hover, .tooltip:hover, .tooltip.type1:hover span.tooltip-item, .tooltip.type1-a:hover span.tooltip-item, .dt-sc-dropcap-bordered { color:#000000; }

.breadcrumb .user-summary .account-links a, .breadcrumb .user-summary .cart-count a, .commententries h6 a { color:#666666; }

::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.9); }
:-moz-placeholder { color: rgba(255, 255, 255, 0.9); }
::-moz-placeholder { color: rgba(255, 255, 255, 0.9); }
:-ms-input-placeholder { color: rgba(255, 255, 255, 0.9); }

#footer .payment-options li a, #footer .copyright p { color:#46484c;}

.about-details p, .dt-sc-ico-content > p, .dt-sc-ico-content p a, .entry-details .entry-metadata p, .blog-entry .entry-metadata p a, .blog-entry .entry-title h4 a, .dt-sc-contact-details, .dt-sc-contact-details a, .enquiry-details p, .enquiry-details a, .dt-sc-contact-details:hover span, .newsletter .newsletter-text, 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, .widget ul li:before, .shop-dropdown > span, .author-title, .cart-thumb-categories a, .project-details ul.client-details li span, .woocommerce .cart-collaterals .coupon .input-text, .woocommerce .cart-collaterals .cart_totals td, .woocommerce-info, .woocommerce-info a, .woocommerce .woocommerce-shipping-fields .form-row textarea, .woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box, .dt-sc-working-hours li { color:#999999; }

.dt-sc-ico-content p i { color: #d5d5d5;}

.dt-sc-icon i, .dt-sc-icon-content-wrapper .dt-sc-one-half.dt-sc-icon-wrapper .dt-sc-icon i, .dt-sc-toggle-frame .dt-sc-toggle-content { color:#252525; }
.dt-sc-icon-content-wrapper:hover .dt-sc-icon-wrapper .dt-sc-icon i { color:#494949; }

.dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button i, .dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button:hover span, .dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button:focus span, .dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button:active span { color:#333333;}

.shop-dropdown ul li span, .widget .recent-posts-widget ul li .entry-metadata .date { color:#bcbcbc; }

.menu.type1 li a span { color: rgba(0, 0, 0, 0.3);}


/*----*****---- << Background Color >> ----*****----*/

body, .menu.type1, .portfolio figcaption, .portfolio figcaption::before, .bx-controls a, #contact_map::after, tr.alternate td, .alternate td, p:hover .dt-sc-dropcap-bordered, #main-menu, .boxed .wrapper, .boxed #main, .boxed .inner-wrapper { background: #000000;}
	
.type1.dt-sc-button::before, .type2.dt-sc-button:after, .type3.dt-sc-button::before, .type1.tagcloud a::before, .type2.tagcloud a:after, .type3.tagcloud a::before, .dt-sc-social-icons li a::before, .menu.type1 .current_page_item a, .menu.type1 li:hover a, .mailchimp-form .submit:hover, #searchform .submit:hover, #commentform .submit .button:hover, .enquiry-form .submit .button:hover, .woocommerce .button:hover, .button:hover, .dt-sc-button.with-icon i.fa:after, .dt-sc-button.with-icon i.fa, .bx-controls .bx-prev:hover, .bx-controls .bx-next:hover, .menu-trigger span, .menu-trigger span::before,	.menu-trigger span::after, .nav-is-visible .menu-trigger span::before, .nav-is-visible .menu-trigger span::after, .shop-dropdown ul li span, .woocommerce form .form-row label span, .woocommerce-shipping-fields label span, .dt-sc-toggle-frame .dt-sc-toggle-content, .tooltip:hover, .tooltip.type4 .tooltip-front, .tooltip.type4-a .tooltip-front, .dt-sc-dropcap-bordered, .dt-menu-toggle-icon:before, .dt-menu-toggle-icon:after, .dt-menu-toggle-icon { background: #FFFFFF;}

.mailchimp-form p input[type="email"], .mailchimp-form p input[type="text"], #commentform .input-field, #commentform p textarea, .enquiry-form .input-field, .enquiry-form p textarea, #searchform p input, .project-details ul.client-details li { background: #252525;}

.pagination ul li a:hover, .dt-sc-pr-tb-col.selected .dt-sc-price, 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, .shop-dropdown > span, .woocommerce table.shop_table th, .woocommerce-page table.shop_table th, .woocommerce td, .woocommerce .cart-collaterals .coupon .input-text, .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, .woocommerce #payment, .woocommerce-page #payment, ul.dt-sc-tabs-frame > li > a, .dt-sc-progress, ul.dt-sc-tabs-vertical-frame > li > a, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion, .dt-sc-toggle-frame h5.dt-sc-toggle { background: #333333;}

.dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button, .dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button:hover i, .dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button:hover i:after, .dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button:focus i, .dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button:active i, .dt-sc-buy-now .dt-sc-button:focus i.fa::after, .dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button:active i.fa::after { background-color:#333333; }

.blog-items .blog-entry::before { background: #202020; }
.blog-items .blog-entry { background:#2a2a2a; }

.header.nav-is-visible, .header-animate { background: rgba(0, 0, 0, 0.8);}
.nav-is-visible .menu-trigger span{ background-color: rgba(0, 0, 0, 0);}
/*#main-menu ul li.menu-item-simple-parent ul { background: rgba(255, 255, 255, 0.9);}*/

#hero-donut text { fill:#ffffff; }

/*----*****---- << Border Color >> ----*****----*/

#tiptip_content, .bx-wrapper ul li::before, .widget.widget_categories ul li:hover, .widget.widget_archive ul li:hover, .widget.widget_categories ul li:last-child:hover, table, .tooltip.type1 .tooltip-content, .tooltip.type1-a .tooltip-content, .tooltip.type3 .tooltip-text, .tooltip.type3-a .tooltip-text, p:hover .dt-sc-dropcap-bordered { border-color: #FFFFFF; }

.widget.widget_categories ul li:hover span, .widget.widget_archive ul li:hover span { border-top-color: #ffffff; border-right-color: #ffffff; border-left-color: #ffffff;}

.tooltip.type3 .tooltip-content::after, .tooltip.type4 .tooltip-content .tooltip-front::after { border-top-color: #FFFFFF; }
.tooltip.type3-a .tooltip-content::after, .tooltip.type4-a .tooltip-content .tooltip-front::after { border-bottom-color: #FFFFFF; }

#tiptip_holder.tip_top #tiptip_arrow { border-top-color:#FFFFFF; }
#tiptip_holder.tip_right #tiptip_arrow { border-right-color:#000; border-right-color:#FFFFFF; }
#tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color:#000; border-bottom-color:#FFFFFF; }
#tiptip_holder.tip_left #tiptip_arrow { border-left-color:#000; border-left-color:#FFFFFF; }

.dt-sc-project-details, .dt-sc-project-details .enquiry-details p, .widget.widget_categories ul li, .widget.widget_archive ul li, .widget.widget_categories ul li:last-child, .widget.widget_categories ul li span, .widget.widget_archive ul li span, .cart-wrapper.cart-thumb-categories li .product > img, .post-author-details, ul.commentlist li, .products, .sorting-products, .woocommerce form .form-row label span, .woocommerce-shipping-fields label span { border-color:#333333; }

.shop-dropdown > span::after, .woocommerce td, .woocommerce table th, .woocommerce table, .woocommerce #payment ul.payment_methods, .woocommerce-page #payment ul.payment_methods, .dt-sc-dropcap-bordered { border-color:#000000; }

.blog-items .blog-entry { border-color: #2a2a2a; }
.blog-items .blog-entry:hover, .blog-items .blog-entry:focus, .blog-items .blog-entry:active{ border-color: #666666;}

.tooltip { border-color: rgba(255,255,255,0.6);}

/*----*****---- << Box-shadow Color >> ----*****----*/

.dt-sc-icon-content-wrapper:hover .dt-sc-ico-content { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset; -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset; -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset; }
.dt-sc-ico-content { box-shadow: 0 0 0 200px #252525 inset; -webkit-box-shadow: 0 0 0 200px #252525 inset; -moz-box-shadow: 0 0 0 200px #252525 inset; }
.woocommerce form .form-row label span, .woocommerce-shipping-fields label span { box-shadow:0 0 0 2px #ffffff inset; -moz-box-shadow:0 0 0 2px #ffffff inset; -webkit-box-shadow:0 0 0 2px #ffffff inset; }
.dt-sc-dropcap-bordered { box-shadow: 0 0 0 10px #ffffff inset; -moz-box-shadow: 0 0 0 10px #ffffff inset; -webkit-box-shadow: 0 0 0 10px #ffffff inset; }
p:hover .dt-sc-dropcap-bordered { box-shadow: 0 0 0 1px #ffffff inset; -moz-box-shadow: 0 0 0 1px #ffffff inset; -webkit-box-shadow: 0 0 0 1px #ffffff inset;}

/*----*****---- << To Top >> ----*****----*/

#toTopHover { background-position: left -40px; }
#toTop:hover { box-shadow: -4px -4px 0px 0px rgba(255,255,255,0.4); -webkit-box-shadow: -4px -4px 0px 0px rgba(255,255,255,0.4); -moz-box-shadow: -4px -4px 0px 0px rgba(255,255,255,0.4); }

@media only screen and (max-width:767px) {
	
/*----*****---- << Mobile Menu >> ----*****----*/	
.dt-menu-toggle { background: #000000; border-color: #FFF; }
#main-menu .menu.type1 li a, #main-menu ul.menu.menu-toggle-open > li > ul.sub-menu, #main-menu .menu.type1 li .sub-menu > li { border-color: #FFFFFF; }
#main-menu .menu.type1 li.current_page_item a, #main-menu .menu.type1 li:hover a { background: none; }
#main-menu .menu.type1 li a, #main-menu .menu.type1 li a { color: #FFFFFF;}

}