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

@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,100italic,300italic);
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);

@import "css/reset.css";

	
/*----*****---- << 1.General Styles >> ----*****----*/
	
	/*----*****---- << 1.1. Body >> ----*****----*/
	
	/*----*****---- << Rating Star Font >> ----*****----*/
	
	.nobr {	white-space: nowrap}

	@font-face {
		font-family: 'star';
		src: url('fonts/star.eot');
		src: url('fonts/stard41d.eot?#iefix') format('embedded-opentype'), url('fonts/star.woff') format('woff'), url('fonts/star.ttf') format('truetype'), url('fonts/star.svg#star') format('svg');
		font-weight: normal;
		font-style: normal
	}	
	
	* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
		
	body { font-size: 16px; font-weight: normal; line-height: 28px;}
	
	/*----*****---- << 1.2. Fonts >> ----*****----*/
	
	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) { /* Safari only override */
	::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;}

	/*----*****---- << 1.3. Headings >> ----*****----*/
	
	h1, h2, h3, h4, h5, h6 { font-weight:normal; 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; }
	
	/*----*****---- << 1.4. Text Elements >> ----*****----*/
	
	a { text-decoration:none; }
	a img{ border:none; }
	img { max-width: 100%; }
	
	.hidden, .aligncenter.hidden, img.aligncenter.hidden {display:none;}
	
	strong{ font-weight: bold; }
	em{ font-style: italic; }
	
	address { display:block; margin:10px 0px 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 0px 0px; }
	ul ul ul { margin-bottom:0px; 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:0px; list-style-type:lower-alpha; }
	ol ol ol { margin-bottom:0px; list-style-type:lower-roman; }	
	
	blockquote p { margin-bottom:0px; }
	blockquote cite { float:right; margin:10px 0px 0px; 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%; }
		
	/* due to IE <HR> margin bugs I had to made classed and apply them to div to achieve the effect of a <HR> */
	
	.dt-sc-hr { background:url(images/splitter.html); height:10px; width:100%; clear:both; display:block; float:left; margin:40px 0px; 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:transparent; 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:0px; padding:0px; }
	.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 0px 0px; line-height:24px; padding:0px 10px; font-size:12px; }
	.post-edit-link:hover { background:#4C4C4C; color:#ffffff; text-shadow:0px 1px 0px #0e4b6e; }
	
	/*----*****---- << 1.5. Forms >> ----*****----*/
	
	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; 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 0; }
	legend{ font-weight: bold; }
	
	.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; padding: 5px 15px 5px 35px; position: relative; clear: both;}
	.error-msg { border-color:#ff9999; 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: normal; 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; appearance: none; }
		
	/*----*****---- << 1.6. Transition >> ----*****----*/
	
	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; }

	/*----*****---- << 1.7. Box sizing >> ----*****----*/
	
	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; }
	
	/*----*****---- << 1.8. Images >> ----*****----*/
	
	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:0px; margin:0px; }
	
	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; }

	/*----*****---- << 1.9. Tables >> ----*****----*/
	
	table { border-collapse:separate; border-spacing:0; margin-bottom:20px; width:100%; clear:both; border:1px solid; border-bottom:0px; border-right:0px;  }
	th { border-right:1px solid; border-bottom: 1px solid; padding:17px 15px; font-size:16px; line-height:normal; font-weight:bold; 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; }
	
	/*----*****---- << 010. Widgets >> ----*****----*/
	
	.widget { float:left; width:100%; padding:0px 0px 50px; margin:0px; }
	.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:bold; font-size:22px; text-transform:uppercase; }
	
	.widget ul { float:left; width:100%; margin:0px; padding:0px; }
	.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:0px 0px 0px 25px; }
	.widget ul li:before { font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:14px; position:absolute; top:0px; left:0px; 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:0px; }
	.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 0px 0px; 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:0px; 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:0px 0px 25px; border:none; line-height:normal; }
	.widget.widget_popular_entries ul li:last-child { padding:0px; }
	.widget .recent-posts-widget ul li .entry-thumb, .widget.widget_popular_entries ul li .entry-thumb { float:left; margin:0px 20px 10px 0px; width:69px; height:69px; padding:0px; }
	.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:0px 0px 12px 0px; display:inline-block; }
	.widget .recent-posts-widget ul li .entry-details { padding-left:75px; margin:0px; }
	.widget .recent-posts-widget ul li .entry-details .entry-title { margin:0px 0px 10px; position:relative; top:5px; }
	.widget .recent-posts-widget ul li .entry-metadata .date { display:table; letter-spacing:0px; 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:0px; }
	.widget .recent-posts-widget ul li .entry-details .entry-metadata { margin-bottom:10px; margin-top:0px; }
	
	.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:0px 1px 10px 0px; 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:0px 7px 7px 0px; }
	.widget.flickrbox .flickr-widget div a { display:block; line-height:0px; }
	.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:0.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:bold; }
	.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; }
	
	/*----*****---- << 1.11. Definition Lists >> ----*****----*/
	
	dl { margin:0px 20px; }
	dl.gallery-item { margin:0px; }
	.gallery-caption { margin-bottom:10px; }
	.gallery-item img { border:2px solid #C4C1AE !important; }
	dt { font-weight:bold; font-size:14px; margin-bottom:10px; }
	dd { margin-bottom:20px; line-height:20px; }
	
	/*----*****---- << 1.12. Woocommerce >> ----*****----*/
	
	.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: #cccccc;}
	.woocommerce .quantity .plus:hover, .woocommerce .quantity .minus:hover, .woocommerce-page .quantity .plus:hover, .woocommerce-page .quantity .minus:hover { background: rgba(0, 0, 0, 0); }
	.woocommerce .quantity .qty, .woocommerce-page .quantity .qty { color: #FFFFFF;}	
	.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: #ff0000;}
	.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; 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 none; padding: 0px 20px 0px; width: 80px; }
	.woocommerce .cart-collaterals .coupon .input-text { height: 50px; width: 445px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
		
	.woocommerce table.cart td.actions, .woocommerce-page table.cart td.actions { padding:6px 0px 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 0; }
	.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 0; 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 none; }
	.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: 0px; width: 50px; }
	
	.woocommerce-billing-fields .shop-dropdown > span, .woocommerce-shipping-fields .shop-dropdown > span { color: #666666; 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; appearance: none; border: 1px solid #eaeaea; border-radius: 0; color: #92a7bb; cursor: pointer; height: 50px; margin: 0px; text-indent: 0.01px; text-overflow: ""; width: 100%; padding: 0px 10px 0px 10px; line-height:43px; }
	select option { background-color: #f8f8f8; padding: 15px 0px 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 15px; 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; height: 50px; border: 1px solid #555555; 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 0px; text-align: center; margin:0; border-color:#555555;  
	-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:0px 18px; color:#999999; }
	.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: bold; 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:0px; }
	.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 none; width: 100%; 
	padding:16px 10px; resize: vertical; }
	
	@media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari only override */
	::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 0.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: normal; 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: normal; 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: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #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 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 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; width: 16px; z-index: 1; padding-bottom:0; margin-right:10px; }

	.woocommerce .payment_methods label span:before { background-color: #FFFFFF; border-radius: 100px; cursor: pointer; display: inline-block; height: 10px; transition: all 0.5s ease 0s; width: 10px; z-index: 1; position:absolute; top:0px; left:0px; 
	right:0px; bottom: 0px; margin: auto; content:""; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.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 0px; }
	.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:bold; 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:0px 30px 0px 0px; }
	.woocommerce-tabs .panel { background:#f8f8f8; float:left; clear:both; width:90%; margin:-1px 0px 0px -1px; padding:20px 5% 35px; }
	.woocommerce-tabs ul.tabs li a.current { background:#f8f8f8; border:0px; 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 0px 0px; border-style:solid; border-color:#eaeaea; float:left; margin:0px; padding:0px 25px; background:#ffffff; 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:0px; padding:0px; }
	.woocommerce-tabs ul.tabs { float:left; margin:0px; padding:0px; width:100%; }

	input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; }
	
	#ship-to-different-address { margin-bottom: 23px; }
	
/*----*****---- << 2. Layout >> ----*****----*/

	/*----*****---- << 2.1 Wrapper >> ----*****----*/

	.wrapper { clear: both; float: left; margin: 0px; padding: 0px; width: 100%; }
	.inner-wrapper { float: left; margin: 0; padding: 0; width: 100%;}
	.boxed { background-attachment: fixed; }
	.boxed .wrapper { width:1260px; margin:0 auto; float:none; }
	.boxed #header-wrapper .header { width:1260px; margin:0 auto; }
	.boxed .is-sticky #header-wrapper { width: 1260px;}
	.boxed .header .menu-container { width: 1200px; }
	.boxed #header-wrapper #main-menu { left: 0; margin: 0 auto; right: 0; width: 1260px;}
	.boxed #header-wrapper #main-menu ul li.menu-item-simple-parent ul { width: 200px; }
	.boxed .slider-container { margin: 0; }
	.boxed .portfolio-grid { padding: 60px 20px 20px 50px; }
	.boxed .portfolio figure::after { border: 20px solid #ffffff; }
	.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; }
	
	/*----*****---- << Float >> ----*****----*/
	
	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 >> ----*****----*/
	
	#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;}
	
	/****** Mobile Menu *****/
	
	#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:normal; }
	.megamenu-child-container > ul.sub-menu > li > p { margin-bottom:30px; }
	
	.dt-menu-toggle { cursor: pointer; display: none; font-size: 16px; font-weight: bold; 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 { 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: bold; 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: "";}

	/*----*****---- << 2.2 Container >> ----*****----*/

	.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;}
	
	/*----*****---- << 2.3. Header >> ----*****----*/
	
	#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 0.5s;	-moz-transition: -moz-transform 0.5s; transition: transform 0.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 0.2s 0.5s; -moz-transition: background 0.2s 0.5s;	transition: background 0.2s 0.5s; }
	.menu-trigger span::before, .menu-trigger span:after { content: ''; left: 0; -webkit-transition: -webkit-transform 0.2s 0.5s; -moz-transition: -moz-transform 0.2s 0.5s; transition: transform 0.2s 0.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 0.5s 0s, visibility 0s 0.5s; -moz-transition: 
	-moz-transform 0.5s 0s, visibility 0s 0.5s; transition: transform 0.5s 0s, visibility 0s 0.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 0.5s 0s, visibility 0.5s 0s; -moz-transition: -moz-transform 0.5s 0s, visibility 0.5s 0s; transition: transform 0.5s 0s, visibility 0.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 0.5s;	-moz-transition: -moz-transform 0.5s; transition: transform 0.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: 16.66%;}
	}
	
	.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: 0.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: 0px; 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:normal; }
	
	#main-menu ul li:hover > ul { display: block; -webkit-animation: 0.3s ease-in fadeInUp; -moz-animation: 0.3s ease-in 0s fadeInUp; animation: 0.3s ease-in 0s fadeInUp; }
	
	#main-menu ul li.menu-item-simple-parent ul li ul { left:180px; top:-5px; border-top:0px; 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; }
	
	
	/*----*****---- << 2.4 Main >> ----*****----*/
	
	#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 { 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; z-index: 1; }	
	.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: #000000; background-position: center top; background-repeat: no-repeat; padding: 100px 0; margin: 0; color: #ffffff; position: relative;}	
	
	.parallax-img { background: url(images/parallax-img.html); background-size: cover; background-attachment: fixed; background-repeat: no-repeat;}
	.dark-skin .parallax-img { background: url(images/parallax-img-dark.html); background-size: cover; background-attachment: fixed; background-repeat: no-repeat;}
		
	.parallax-img:after, .map-parallax:after { background: url(images/copy-right-shape.html) 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; /* IE9 only override */}
	
	@media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari only override */
	::i-block-chrome, .parallax { position: static;}
	}
	
	/*----*****---- << 2.4.1. BREAD-CRUMB >> ----*****----*/	
	
	.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: 0px; text-transform: uppercase;}	
	.breadcrumb .user-summary { 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;}
	
	/*----*****---- << 2.4.2. Fullwidth - Page Title >> ----*****----*/	
	
	.main-title { float:left; width:100%; margin:50px 0; 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:40px; }
	.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);}
	
	/*----*****---- << 2.4.3. Portfolio >> ----*****----*/
	
	.dt-sc-sorting-container { border-left: 0 none; clear: both; float: left; line-height: normal; margin: 10px 0 60px 0; padding: 0; text-align: center; width: 100%;}
	.dt-sc-sorting-container a { cursor: pointer; display: inline-block; font-size: 14px; font-weight: normal; line-height: normal; margin-right: 5px; margin-bottom: 0; outline: medium none; 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 { 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: 5px solid; box-sizing: border-box; float: left; width: 100%; overflow: hidden; position: relative;}
	.dt-sc-portfolio-container .portfolio figure { border-bottom-color: #222222; border-top-color: #222; border-left-color: #222; border-right-color: #222222;}	
	.dt-sc-portfolio-container .portfolio figure img { float: left; }
	.dt-sc-portfolio-container .portfolio img { max-width: 100%; width: 100%; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2);}
	
	.portfolio figure::after { border: 1.85vw solid #fff; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0;  box-shadow: 0 0 5px 0 #000000 inset; -moz-box-shadow: 0 0 5px 0 #000000 inset; 
	-webkit-box-shadow: 0 0 5px 0 #000000 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, 0.1); 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: rgba(0, 0, 0, 0); border: medium none; clear: both; cursor: default; display: inline-block; margin: 0; min-height: 48px; padding: 0; position: absolute; text-align: center; bottom: 0; 
	width: 100%; z-index: 1; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
	.portfolio figure figcaption .portfolio-detail .views { background-color: rgba(0, 0, 0, 0); border: medium none; color: #FFFFFF; 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 0.35s ease-in-out 0s; -moz-transition: all 0.35s ease-in-out 0s; -webkit-transition: all 0.35s ease-in-out 0s; }
	.portfolio figure figcaption .portfolio-detail .views:after { background: #ffffff; 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 10%; text-align: left; width: 100%; transform: translateY(100%); -moz-transform: translateY(100%); 
	-webkit-transform: translateY(100%); transition: all 0.35s ease-in-out 0s; -moz-transition: all 0.35s ease-in-out 0s; -webkit-transition: all 0.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 { width:100%; cursor:pointer; background:rgba(0,0,0,.8); transform: translateY(50%); -moz-transform: translateY(50%); -webkit-transform: translateY(50%); }	
	.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:#FFFFFF; font-size: 16px; margin: 5px 0 0; display: block; }
	.portfolio figure figcaption .portfolio-detail .views span { color:#FFFFFF; padding-bottom: 7px; display: inline-block; }

	.portfolio figure figcaption .portfolio-detail h5 { font-weight: bold; margin: 0; transition: all 0.35s ease-in-out 0.1s; -moz-transition: all 0.35s ease-in-out 0.1s; -webkit-transition: all 0.35s ease-in-out 0.1s; }
	.portfolio figure figcaption .portfolio-detail h5::after { border-bottom: 1px solid #ffffff; 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 0.35s linear 0.2s; -moz-transition: all 0.35s linear 0.2s; -webkit-transition: all 0.35s linear 0.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;}
	
	/*----*****---- << 2.4.4. Blog >> ----*****----*/	
	
	.bx-wrapper { position:relative; margin:0px; padding:0px; zoom: 1; border-radius:0px; height:auto;max-height: 650px; width:100%; }
	.bx-wrapper img {width: auto; max-height: 650px; margin: 0 auto; display: block;border-radius:0px;}
	.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:0px 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:0px; line-height:0px; 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:0px; float:right;}

	.inner-page .bx-controls .bx-next { right:2px;}
	#blog.inner-page .bx-controls .bx-next { right:0px;}
	
	#primary.with-sidebar .bx-controls .bx-next { right:0px; float:right; }
	
	::i-block-chrome, .bx-controls a { padding:18px 0px; }
	
	.bx-controls .bx-prev:before { content:"\f104"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:20px; position:absolute; left:0px; right:0; }
	.bx-controls .bx-next:before { content:"\f105"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:20px; position:absolute; left:0px; 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:0px; float:left; }
	.blog-section .blog-entry .entry-thumb a { display:block; width:100%; margin:0px; padding:0px; 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 0; 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-inner-page >> ----*****----*/

	.blog-entry { float:left; clear:both; margin:0px 0px 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(0.52, 1.64, 0.37, 0.66); -moz-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.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: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-property: transform; -webkit-transition-property: transform; 
	-moz-transition-property: transform;  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); -moz-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.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: 0.3s;
	-webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-property: color; -webkit-transition-property: color; -moz-transition-property: color; vertical-align: middle;}
	
	.entry-thumb { width:100%; margin:0px 0px 25px 0px; padding:0px; float:left; }
	.entry-thumb a { display:block; float:left; width:100%; margin:0px; padding:0px; line-height:0; }
	.entry-thumb img { width:100%; height:auto; }
	
	.entry-details { float:left; width:100%; margin:0px; }
	.entry-details .entry-metadata { display:block; margin:0px 0px 15px; width:100%; font-weight:400; }
	.entry-details .entry-metadata i { margin-right:5px; } 
	.entry-details .entry-metadata p { border-right: 1px solid #404040; float:left; margin: 0 15px 10px 0; padding:0 16px 0px 0px; 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:0px 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 0px; }
	.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 { 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 0; 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 none; float: left; list-style: outside none none; margin: 20px 0 20px; 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 none; 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: normal; 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 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: #ff0000; 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 Slider >> ----*****----*/
	
	.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 0px; }
	
	/*----*****---- << 2.4.5. Frames >> ----*****----*/
	
	.frame-grid { padding: 40px; width:100%; float: left; box-sizing: border-box; position: relative; }	
	.frame-grid .frame-sorting { border-left: 0 none; clear: both; 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: normal; line-height: normal; margin-right: 5px; outline: medium none; 
	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; }
	
	/*----*****---- << 2.4.6. About Us >> ----*****----*/
	
	.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:0px 1px 1px 0px; font-size:16px; cursor: pointer;}
	.mailchimp-form p, #commentform p, .enquiry-form p, #searchform p { width:100%; margin:0 0 18px 0; 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: #ff0000; 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 { float: right; padding: 0 15px; color: #666666; font-weight: bold; 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: transparent; padding-left: 2.75em;}

	.input-label { position: absolute; text-align: left; pointer-events: none; color: #666666; 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 0.3s, opacity 0.3s; 
	transition: transform 0.3s, opacity 0.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 0.3s;	
	-moz-transition: transform 0.3s; transition: transform 0.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(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 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 { 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: #ffffff; 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; }
	
	/*----*****---- << 2.4.7. Contact Us >> ----*****----*/
	
	#contact_map { float: left; height: 500px; padding-bottom: 4px; width: 50%;}
	#contact_map::after { content: ""; display: block; height: 510px; right: -80px; position: absolute; top: 0; transform: skew(-18deg); -moz-transform: skew(-18deg); -webkit-transform: skew(-18deg); width: 165px; z-index: 9;}
	#contact_map img { max-width: inherit; }
	
	.dt-sc-contact-details ul { width:100%; float:left; clear:both; margin-bottom:0px; }
	
	::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:0px; height:100%; width:90%; margin-left: 5%; }
	
	.contact-section { float: left; margin: 20px 0 30px; padding: 0; width: 100%;}
	
	.dt-sc-contact-details  span {  font-size: 14px; height: 40px; line-height: 40px; text-align: center; margin: 0 2% 0 0; text-align:center; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); }
	.dt-sc-contact-details:hover span { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg);}
	
	.dt-sc-contact-info::before { background: url("images/contact-form-bg.png") no-repeat; background-position: center bottom; background-size: 100% auto; bottom: 0; content: ""; float: left; left: 0; margin: auto; padding: 0; position: absolute; right: 0;
	top: 0; opacity: 0.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 0;}
	.enquiry-details p { clear: both; display: block; font-size: 14px; float: left; width: 100%;}
	.enquiry-details i { 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;}
	
	/*----*****---- << 2.4.8. Recent Gallery >> ----*****----*/
	
	.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: 30px 0; padding: 0; text-align: center; width: 100%;}
	.recent-gallery-container #bx-pager a { cursor: pointer; display: inline-block; line-height: 0; margin: 0 5px; position: relative; width: 14%; }
	.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;}
		
	/*----*****---- << Gallery Detail >> ----*****----*/		
		
	.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; }
		
	/*----*****---- << 2.4.9. Shop >> ----*****----*/
	
	.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: 0px; 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; 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: normal; 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: #000099;}
	.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: #000000;}
	.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: normal; left: -18px; line-height: 42px; margin-top: -20px; position: absolute; text-align: center; top: 50%; width: 50px;}
	
	/*----*****---- << Cart-page >> ----*****----*/
	
	.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 { 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;}
	
	/* Rating Star */
	.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 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 none; 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 { 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 { 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: rgba(0, 0, 0, 0);}
	.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;}
		
	/*----*****---- << Products >> ----*****----*/
	
	.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:0px 0px 27px 0px; 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(0.52, 1.64, 0.37, 0.66); 
	-moz-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
	
	.products .product-wrapper:hover .product-thumb img { transform: translateY(-35px); -moz-transform: translateY(-35px); -webkit-transform: translateY(-35px);}
	.product-thumb img { transition: transform 0.4s ease 0s; -moz-transition: transform 0.4s ease 0s; -webkit-transition: transform 0.4s ease 0s;}	
	
	.products .product-title { clear: both; padding:0; width: 100%; position:absolute; bottom:0px; left:0px; opacity:0; z-index: 2; transform: translateY(100%); -moz-transform: translateY(100%); -webkit-transform: translateY(100%); 
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); -moz-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); 
	transition: transform 0.4s ease 0s, opacity 0.1s ease 0.8s; -moz-transition: transform 0.4s ease 0s, opacity 0.1s ease 0.8s; -webkit-transition: transform 0.4s ease 0s, opacity 0.1s ease 0.8s; }
	
	.products .product-wrapper:hover .product-title { opacity:1; bottom:0px; transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transition: transform 0.4s ease 0s, opacity 0.1s ease 0s; 
	-moz-transition: -moz-transform 0.4s ease 0s, opacity 0.1s ease 0s; -webkit-transition: -webkit-transform 0.4s ease 0s, opacity 0.1s ease 0s; transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); 
	-moz-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
	
	@media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari only override */
	::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: normal; margin-bottom: 0; padding:10px 0px; 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:#FFFFFF; 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 0.35s ease 0s; -moz-transition: opacity 0.35s ease 0s; -webkit-transition: opacity 0.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; }
	
	/*----*****---- << 2.5. Footer >> ----*****----*/
	footer .footerContent {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 0 41px 15px;
	}
	#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 15px 0; 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 15px 0; width: 100%;}
	#footer .copyright .payment-options li { display: inline; padding-bottom: 0;}
	#footer .copyright .payment-options li a { display: inline-block; font-size: 22px; padding: 0 15px;}
	
	#footer .copyright p { float: left; font-size: 12px; margin-bottom: 0; width: 100%; font-weight: 700; text-transform: uppercase;}
	
	/*----*****---- << 3.Back To Top >> ----*****----*/

	#toTop { display:none !important; 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;	}	
	
	/*----*****---- << Style Picker >> ----*****----*/
		
	.dt-style-picker-wrapper { position:fixed; z-index:999999; right:0px; top:150px; }
	
	#dt-style-picker { background:#ffffff; width:225px; float:right; position:absolute; top:0px; z-index:1; margin:0px; padding:0px; text-align:center; border:1px solid #dddddd;}
	#dt-style-picker h2 { font:normal 12px Tahoma, Geneva, sans-serif; text-transform:uppercase; line-height:48px; width:100%; color:#848484; margin:0px 0px 15px; padding:0px; border-bottom:1px solid #dddddd; background-color:#fefefe;}
	#dt-style-picker h3 { font:normal 12px Tahoma, Geneva, sans-serif; padding:0px 0px 10px; width:100%; color:#848484; margin:0px; text-transform:uppercase; }
	
	#dt-style-picker ul { float:right; margin:0px; padding:0px; text-align:center; width:225px; }
	#dt-style-picker ul li { display:inline-block; list-style-type:none; padding:0px; margin:0px 0px 6px 0px; }
	#dt-style-picker ul li a { background:#ffffff; border:1px solid #ffffff; padding:2px; display:inline-block; margin:0px; 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 0px; }
	
	.style-picker-ico { position:absolute; top:25px; right: -1px; width:48px; height:48px; display:block; border:1px solid #d7d7d7; background-color:#fff; }
	.style-picker-ico img { -webkit-animation: rotating 2s linear infinite; -moz-animation: rotating 2s linear infinite; -ms-animation: rotating 2s linear infinite; -o-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite; z-index:1; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; }
	
	#dt-style-picker ul.scheme-picker li a { padding:7px; }
	#dt-style-picker ul.scheme-picker li a img { height:auto; border:0; }
	
	/*----*****---- << 4.Retina Ready >> ----*****----*/
	
	@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) {
		input, button { border-radius: 0; }
		.main-title::before, #footer::before { background-image: url(images/title-line%402x.png); background-size:496px 19px; }
	}	

	.video-container {
    /* Set dimensions for the container, e.g., fullscreen viewport */
    width: 100%;
    height: 100vh; /* Viewport height */
    position: relative; /* Needed for positioning content on top, if any */
    overflow: hidden; /* Hides any overflowing parts of the video */
}

.video-container video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* This is the key property for the "cover" effect */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centers the video */
}

.dt-sc-service-block{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.dt-sc-service-element{
	width:47%;
	margin: 2% 1%;
	border: 1px solid #46484c;
	padding: 15px;
}

.dt-sc-service-element h4{
	font-size: 16px;
	line-height: 25px;
	min-height: 50px;
	margin-bottom: 5px;
	text-transform: capitalize;
}

.dt-sc-service-element h5{
	font-size: 14px;
	line-height: 25px;
	min-height: 50px;
	margin-bottom: 5px;
	text-transform: capitalize;
}

.dt-sc-service-element .presented{
	font-size: 16px;
}

.dt-sc-service-content .dt-sc-service-element p{
	text-align: center;
}

.video-container-int {
    position: relative; /* Essential for absolute positioning of the button */
    width: 100%; /* Or a specific width */
    margin: auto; /* Centers the whole container on the page */
    cursor: pointer; /* Makes the whole area feel clickable */
}

.video-container-int video {
    width: 100%;
	max-height: 100dvh;
    height: auto;
    display: block;
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centers the button perfectly */
    /* Add styling for your button (size, color, background, icon) */
    font-size: 3rem;
    color: white;
    background-color: rgba(0, 0, 0, 0.6);
    border: none;
    border-radius: 50%;
    padding: 5px 12px 5px 20px;
    cursor: pointer;
    z-index: 10; /* Ensures the button is above the video */
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 6px;
	margin-top: -3px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
@media only screen and (max-width:767px) {
	.caret{
		display: none;
	}
}