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

@import "css/reset.css";

/*

	1. General
		1.1 Headings
		1.1 Transition
		1.1 Text Elements
		1.1 Tables
		1.1 Definition Lists
		1.1 Forms
		1.1 Images
		1.1 Widgets
		1.1 Newsletter widget
	2. Layout
		2.1 Container
		2.2 Float
	3. Header
		3.1 Header Type - 1
		3.2 Header Type - 2
		3.3 Header Type - 3
		3.4 Header Type - 4
		3.5 Header Type - 5
		3.6 Header Type - 6
	4. Parallax
	5. Sliders			
		5.1 Parallax Slider
		5.2 Mockup Slider
		5.3 Grid Slider
		5.4 Fixed BG Slider
		5.5 Video Slider
	6. Breadcrumb
	7. Content
		7.1 Blog
			7.1.1 Blog-single
		7.2 Portfolio
			7.2.1 Recent Gallery
			7.2.2 Portfolio Single
		7.3 Twitter Parallax
		7.4 Footer
		7.5 Boxed Styles
	8. Back To Top
	9. Retina Ready
	10. Loader Style
	11. Style Picker

*/

@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,800,300);
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);

/*----*****---- << General >> ----*****----*/
	
	body { font-weight:300; font-size:14px; line-height:28px; background:#fff; color:#252525; font-family: 'Lato', sans-serif; }
	*{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
	
	body, html { width: 100%; height: 100%; min-height: 100%; }
	html { height:100% !important; }		
	
	/*----*****---- << Headings >> ----*****----*/
	
	h1, h2, h3, h4, h5, h6 { line-height: 30px; margin-bottom:30px; text-transform: uppercase; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#252525; }
	
	h1 { font-size: 55px; font-weight: 600; }
	h2 { font-size: 50px; font-weight: 600; }
	h3 { font-size: 30px; font-weight: 800; }
	h4 { font-size: 26px; font-weight: 800; }
	h5 { font-size: 20px; font-weight: 600; }
	h6 { font-size: 14px; letter-spacing: 12px; }
	
	.main-title { text-align: center; padding-bottom: 60px; margin: 0; outline: none; position: relative; }
	.sub-title { padding-bottom: 30px; text-transform: uppercase; width: 100%; }
	
	#primary .main-title { padding-bottom: 50px; margin-bottom: 10px; }
	
	.main-title.alignleft, .main-title.alignright, .main-title.aligncenter, .sub-title.alignleft, .sub-title.alignright, .sub-title.aligncenter { margin-bottom: 0; }

/*	h2 span { letter-spacing: 2.5px; font-size: 26px; position:relative; width: 100%; float: left; font-weight: bold; margin-top: 0px; }*/
	
	.main-title:before { position: absolute; left: 50%; bottom: 20%; color: transparent; content: '•'; text-shadow: 0 0 transparent; font-size: 14px; -webkit-transition: text-shadow 0.3s, color 0.3s; 
	-moz-transition: text-shadow 0.3s, color 0.3s; transition: text-shadow 0.3s, color 0.3s; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);	transform: translateX(-50%); pointer-events: none; }	
	
	.main-title.alignleft:before { left: 20px; right: auto; }
	.main-title.alignright:before { right: 12px; left: auto; }
	
	h2.main-title:before, h3.main-title:before, h4.main-title:before { bottom: 30%; }
	h5.main-title:before, h6.main-title:before { bottom: 40%; }
	
	.parallax-title { position: relative; }	
	
	/*----*****---- << Transition >> ----*****----*/
	
	 input, input:hover, li,  li:hover, a i, a:hover i, a.current .icon:before, a:hover .icon:before, a .icon:before, a.current i, li:before, li:hover:before, li span, li:hover span, span:after, span:hover:after, span:before, span:hover:before,  li img, li:hover img, textarea, textarea:focus,.type2-menu-icon.menu-is-open span:before, .type2-menu-icon.menu-is-open span:after, .type2-menu-icon.menu-is-open:hover span:before, .type2-menu-icon.menu-is-open:hover span:after, .type-1 #header nav#main-menu ul li a, .type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header, .type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header .main-menu, .type-1 #header-sticky-wrapper.sticky-wrapper #header, #header #menu-container, .type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header #menu-container,  .type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header .container, .type-1 #header-sticky-wrapper.sticky-wrapper #header .container, .dt-sc-ico-content, .dt-sc-ico-content:hover, .dt-sc-ico-content .icon, .dt-sc-ico-content:hover .icon, .dt-sc-ico-content .icon:before, .dt-sc-ico-content:hover .icon:before, .dt-sc-ico-content .icon-bg, .dt-sc-ico-content:hover .icon-bg, .dt-sc-ico-content span.fa, .dt-sc-ico-content:hover span.fa, .dt-sc-ico-content.type2, .dt-sc-ico-content.type2:hover, .dt-sc-ico-content.type2 .icon, .dt-sc-ico-content.type2:hover .icon, .dt-sc-ico-content.type2 .icon span, .dt-sc-ico-content.type2:hover .icon span, article.blog-entry, article.blog-entry:hover, article.blog-entry .entry-thumb, article.blog-entry:hover .entry-thumb, article.blog-entry .entry-details .entry-meta, article.blog-entry:hover .entry-details .entry-meta, article.blog-entry a.read-more, article.blog-entry:hover a.read-more, article.blog-entry .entry-thumb .entry-title, article.blog-entry:hover .entry-thumb .entry-title, article.blog-entry .entry-details .entry-meta .date,article.blog-entry:hover .entry-details .entry-meta .date, article.blog-entry .entry-details .tags a i, article.blog-entry:hover .entry-details .tags a i, article.blog-entry a.read-more i, article.blog-entry:hover a.read-more i, .dt-sc-portfolio figure img , .dt-sc-portfolio figure:hover img, .dt-sc-portfolio figcaption, .dt-sc-portfolio:hover figcaption, .dt-sc-button.with-icon i.fa, .dt-sc-button.with-icon i.fa:after, .dt-sc-button.with-icon:hover i.fa, .dt-sc-button.with-icon:hover i.fa:after, .dt-sc-portfolio figcaption a span, .dt-sc-portfolio:hover figcaption a span, .dt-sc-ico-content.type4 .icon, .dt-sc-ico-content.type4:hover .icon, .dt-sc-ico-content.type4 .icon span.fa, .dt-sc-ico-content.type4:hover .icon span.fa,.dt-sc-ico-content.type4 h5, .dt-sc-ico-content.type4:hover h5, .dt-sc-pr-tb-col .dt-sc-tb-title, .dt-sc-pr-tb-col.type2.selected .dt-sc-tb-title, .dt-sc-pr-tb-col:hover .dt-sc-tb-title, .dt-sc-pr-tb-col.type2:hover .dt-sc-pr-tb-col-wrapper, .dt-sc-pr-tb-col.type2 .dt-sc-pr-tb-col-wrapper, .dt-sc-pr-tb-col.type2.selected .dt-sc-pricing-icon, .dt-sc-pr-tb-col.type2:hover .dt-sc-pricing-icon, .dt-sc-pr-tb-col.type2 .dt-sc-pricing-icon, .dt-sc-pr-tb-col.type2 .dt-sc-pricing-icon i, .dt-sc-pr-tb-col.type2.selected .dt-sc-pricing-icon i, .dt-sc-pr-tb-col.type2:hover .dt-sc-pricing-icon i, .dt-sc-team.type2:hover .dt-sc-entry-thumb .figcaption, .dt-sc-team.type2 .dt-sc-entry-thumb .figcaption, .sb-slide, #sb-site, .sb-site-container, .sb-slidebar, #secondary .sticky-wrapper.is-sticky .widget_ad_banner img, #secondary .sticky-wrapper .widget_ad_banner img, #commentform .dt-sc-button, article.blog-entry .entry-content, article.blog-entry:hover .entry-content, .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame .icon i:after, .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame:hover .icon i:after, .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame a.current .icon i:after, .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame li a i, .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame li a.current i, .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame li a:hover i, ul#team-section div.team-details h5, ul#team-section div.team-details p, ul#team-section div.team-details:hover h5, ul#team-section div.team-details:hover p, article.blog-entry .entry-thumb a img, article.blog-entry:hover .entry-thumb a img, .dt-sc-ico-content.type5 .dt-sc-content:before, .dt-sc-ico-content.type5 .dt-sc-content:after, .dt-sc-ico-content.type5 h5:after, .dt-sc-ico-content.type5 h5 a,
.dt-sc-ico-content.type5:hover .dt-sc-content:before, .dt-sc-ico-content.type5:hover .dt-sc-content:after, .dt-sc-ico-content.type5:hover h5:after, .dt-sc-ico-content.type5:hover h5 a, .dt-sc-ico-content.type5:hover i.fa, .dt-sc-ico-content.type5:hover p , .dt-sc-ico-content.type5 i.fa, .dt-sc-ico-content.type5 p  { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition:all 300ms linear; }

	#slider img, .wrap ul li, .view-map a, .view-map a i { -webkit-transition: all 0ms linear; -moz-transition: all 0ms linear; -o-transition: all 0ms linear; -ms-transition: all 0ms linear; transition:all 0ms linear; }

	/*----*****---- << Text Elements >> ----*****----*/
	
	a { text-decoration:none; color: #252525; }
	a img{ border:none; }
	
	strong{ font-weight: 500; }
	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: -9px; }
	
	p { line-height: 26px; margin-bottom: 10px; font-size: 14px; }	
	ul, ol, pre, code{ margin-bottom:20px; }
	
	ul{ list-style-type: none; list-style-position:inside; }
	ul li { padding-bottom:10px; line-height: 26px; }
	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; padding-left:20px; padding-top:10px; }
	ol li { padding-bottom:10px; font-weight: bold; }
	ol li span { color: #252525; font-weight: 300; }
	ol li ol { margin-bottom:0px; list-style-type:lower-alpha; }
	ol ol ol { margin-bottom:0px; list-style-type:lower-roman; }	
	
	pre, code{ border-left:3px solid #d8d8cb; background-color:#e5e5d8; display:block; padding:10px 3%; font-size:11px; font-family: monospace; line-height:20px; width:94%; overflow:auto; }
	
	hr{ background-color:#f4f4f4; border:none; height:1px; margin:30px 0; }
	
	blockquote { display:block; padding:25px 20px; margin:0px; position:relative; clear:left; }
	blockquote q { font-size:14px; line-height:28px; display:inline-block; font-style:italic; }
	blockquote cite { font-style:normal; font-size:14px; line-height:30px; font-weight:400; margin:10px 0px 0px; display:block; text-align:right; }
	blockquote cite span { font-size:12px; }
	blockquote p { margin-bottom:0px; }
	
	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 { text-align:center; }
	
	/* due to IE <HR> margin bugs I had to made classed and apply them to div to achieve the effect of a <HR> */
	
	.hr{ height:10px; width:100%; clear:both; display:block; float:left; margin:40px 0px; position:relative; z-index:1; }
	.hr-border { border:4px double #D9D9D9; width:100%; clear:both; display:block; float:left; margin:50px 0px; position:relative; z-index:1; border-radius:5px; }
	
	.hr.top, .hr-border.top { width:97%; }
	.hr.top, .hr-border.top { background-position:right center; text-align:right; }
	.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; }
	.hr-border.top a { top:-10px; right:-23px; }
	.hr.top a:hover, .hr-border.top a:hover { color:#868686; }
	
	.clear { float:none; clear:both; margin:0px; padding:0px; }
	.float-right { float:right; }
	.float-left { float:left; }
	.center { width:100%; text-align:center; }
	.hidden { display:none !important;}
	
	.post-edit-link { background:#e6e5d9; color:#5a5a5a; float:right; clear:both; margin:20px 0px 20px; line-height:24px; padding:5px 15px 3px; font-size:12px; border-radius:5px; }
	.post-edit-link:hover { color:#ffffff; text-shadow:0px 1px 0px #0e4b6e; }	
	
	.page-link { float:left; width:100%; clear:both; margin:10px 0px 0px; padding:0px; }
	.page-link a { float:left; }	
	.page-link a span { float:left; background:#ffffff; margin:0px 5px; width:40px; height:40px; color:#37251b; line-height:40px; border-radius:40px; text-align:center; cursor:pointer; }
	.page-link span, .page-link a span:hover { float:left;  margin:0px 5px; width:40px; height:40px; color:#37251b; background:#ac9d8e; display:inline-block; border-radius:40px; line-height:40px; text-align:center; }
	
	/*----*****---- << Tables >> ----*****----*/
	
	table{ border-collapse:separate; border-spacing:0; width:100%; clear:both;  border:1px solid #999999; border-bottom:0px; }
	th{ color:#252525; padding:15px; font-size:14px; line-height:normal; font-weight:600; text-transform:uppercase; text-align:center; }
	td{  background:#f6f6f6; font-size:14px; line-height:normal; text-align:center; padding:13px 15px; }
	.alternate td { background:#fff; }
	
	th, td { border-bottom:1px solid #999999;border-right:1px solid #999999; }
	td:last-child, th:last-child { border-right: none;}
	
	table.no-border, table.no-border tr, table.no-border td, table.no-border th { border: none; }
	
	/*----*****---- << Definition Lists >> ----*****----*/
	
	dl { margin:0px 20px; }
	dl.gallery-item { margin:0px; }
	.gallery-caption { margin-bottom:10px; }
	.gallery-item img { border:10px solid #e5e5d8 !important; }
	dt { font-weight:bold; font-size:14px; margin-bottom:10px; }
	dd { margin-bottom:20px; line-height:20px; }	
		
	/*----*****---- << Forms >> ----*****----*/
	
	label{ color:#ac9d8e; }
	label span{ color:#b4b4b4; }
	label span.required { color:#ff0000; }

	fieldset{ border:1px solid #efefef; padding:15px; margin:0 0 20px 0; }
	legend{ font-weight: bold; }
	
	input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], textarea, input.text, input[type="search"] { background: none; border-bottom:1px solid #464646; color:#d7d7d7; padding:20px 15px; display:block; font-size:16px; margin:0; width:100%; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-family: 'Lato', sans-serif; text-transform:none; }
	
	textarea { margin-bottom: 20px; }
	
	textarea { height:135px; overflow:auto; }
	form .dt-sc-one-half textarea { height:123px; }
	form .dt-sc-one-half p { margin-bottom:15px; }
	select{ background:#ffffff; border:1px solid #e5e5d8; padding:10px; margin:10px 0 10px; display:block; width:100%; }
	select option { background:#ffffff; }
	
	select { height:50px; background-color:#ffffff; color:#6a695e; border:1px solid #e5e5d8; width:100%; margin:0px 0px 30px; padding:15px 10px 14px 15px; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; }
	
	.selection-box { position:relative; clear:both; }
	.selection-box:before, .selection-box:after { content:""; pointer-events:none; position:absolute; }
	.selection-box:before { z-index:1; right:17px; top:3px; bottom:0px; height:0px; margin:auto; border-left:7px solid transparent; border-right:7px solid transparent; border-top:7px solid #fff; }
	.selection-box:after { width:50px; height:50px; right:0px; top:0px; }
	.selection-box select { background:#ffffff; }
	
	input[type="submit"], button, input[type="button"], input[type="reset"] { float:right; font-size:16px; font-weight:bold; line-height:normal; display:inline-block; margin:10px 0px 0px; cursor:pointer; outline:none; position:relative; z-index:1; color:#ffffff; position:relative; padding:11px 20px; text-transform:uppercase; -webkit-appearance: none; }
	
	span.error-msg { color: #ff0000; }
	input.error, textarea.error { border-color:#ff0000 !important; }
	.full-contact span.success-msg, .full-man span.success-msg { color:#fff; }
	span.success-msg { color:#01850a; font-weight: bold; font-size: 20px; }
	
	/*----*****---- << Images >> ----*****----*/
	
	img { max-width:100%; }
	.ie8 img { width:auto; }
	
	.post-content input[type="submit"] { float:none; }
	
	.wp-caption { background:#ebebeb; border:1px solid #d6d5c9; margin-bottom:10px; margin-top:10px; padding:7px; text-align:center; }
	.wp-caption img { display:block; margin: 0 auto; }
	.wp-caption .wp-caption-text { text-align:center; padding-top:0px; margin:0px; }
	.wp-caption.alignnone { clear:both; }
	
	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; text-align:left; }
	.alignright, img.alignright { display: inline; float: right; 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; }
	
	.widget img.size-auto, .widget img.size-large, .widget img.size-full, .widget img.size-medium { width:95.6%; }
	
	.column iframe, iframe, embed, iframe, object, video { max-width:100%; }
	
	.shadow { margin:-20px 0px 0px; width:100%; float:left; }
	
	/*----*****---- << Widgets >> ----*****----*/
	
	.widget { float:left; width:100%; padding:0px 0px 50px; margin:0px; }
	
	.widget .widgettitle { position:relative; display:inline-block; width:100%; }
	.widget .widgettitle .main-title { position:relative; text-transform:capitalize; font-size:22px; float:left; clear:both; background:#fff; margin-bottom: 0px; padding-bottom: 50px; }
	.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 { color:#252525; 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:16px; position:absolute; top:1px; left:0px; content: "\f0c1"; color:#4d4d4d; }
	
	.widget.widget_categories ul li, .widget.widget_archive ul li { padding-left: 25px; line-height:35px; border-bottom:1px solid; padding-bottom: 5px;margin-bottom: 5px; }
	.widget.widget_categories ul li:before { content:"\f105"; left:10px; }
	.widget.widget_categories ul li span, .widget.widget_archive ul li span { position: absolute; right: 0; bottom: 0; width: 25px; height: 25px; border: 1px solid #252525; border-bottom: none; float: left; line-height: 21px; text-align: center;
	font-size: 14px; }
	.widget.widget_categories ul li a { display:block; }
	
	.widget.widget_tag_cloud .tagcloud a, .widget.widget_product_tag_cloud .tagcloud a { color:#252525; margin:0px 1px 10px 0px; text-transform:lowercase; display:inline-block; padding:5px 20px; position:relative; }
	
	.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.widget_popular_entries ul li .entry-thumb { float:left; margin: 0px 0px 10px 0px; padding:0px;  width: 100%; }
	.widget.widget_popular_entries ul li .entry-thumb img { width: 100%; }
	.widget.widget_popular_entries ul li h5 { font-size: 16px; line-height:20px; text-transform:none; margin:0px 0px 8px 0px; display:inline-block; }

	.widget_popular_entries.widget li { padding:0; }
	.widget_popular_entries.widget li:before { content:none; }
		
	/*----*****---- << Newsletter widget >> ----*****----*/
	
	.widget.widget_search #searchform { position:relative; float:left; width:100%; }
	.widget.widget_search #searchform input[type="text"] { color: #252525; min-height: 50px; float:left; padding:15px; margin:0; width: 65%; text-transform:capitalize; border: 1px solid; border-right: none; font-size: 13px; }
	.widget.widget_search #searchform input[type="submit"] { margin:0; min-height: 50px; padding:15px; width: 35%; color: #252525; font-weight: 400; font-size: 14px; float: left; }
	.widget.widget_search #searchform input[type="submit"]:hover { background: #fff; }
	
/*----*****---- << Layout >> ----*****----*/

	/*----*****---- << Container >> ----*****----*/
	
	.container { width:1200px; margin:0 auto; position:relative; clear:both; }
	
	.wrapper, .fullwidth-section { clear:both; width:100%; margin:0px; padding:0px; float:left; }
	
	#main { float:left; clear:both; margin:0px; padding:0px; width:100%; height: 100%; }
	#main .banner { display: table; height: 100%; }
	
	#primary, #secondary { padding-top: 150px; }
	
	#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 .sticky-wrapper { width: 100%; float: left; }
	#secondary .sticky-wrapper.is-sticky .widget_ad_banner img { margin-top: 100px;}
	
	/*----*****---- << Float >> ----*****----*/
	
	.wrapper, #header, .banner, .shadow, .main-title, .content, .content-main, footer, .copyright, .location iframe { float:left; width:100%; }
	.wrapper, .inner-wrapper, #main {  width: 100%; height: 100%; }
	.wrapper.inner-page { height: auto; }
	.wrapper.inner-page #main { padding-bottom: 150px; background: #fff; }
	.wrapper.inner-page #main.portfolio-detail { padding-bottom: 0px; }
	
	.content { background: #fff; }
	.animate { visibility:hidden; }
	
	/*----*****---- << Header >> ----*****----*/
	
	#header { display: block; margin: 0; padding: 0; width: 100%; z-index: 999999; }
	
	#home.content { display: table; display:block\0/; height: 100%; overflow: hidden; position: relative; vertical-align: middle; width: 100%;  padding-bottom:0; }
	
	.dt-menu-toggle { color: #ffffff; cursor: pointer; display: none; font-weight: bold; padding: 10px 15px; text-transform: uppercase; border: 1px solid rgba(255,255,255,0.7); }
	.dt-menu-toggle i { display: inline-block; float: right; font-size: 18px; margin-right: 4px; margin-top: 4px; position: relative; }
	
	.mockup-slider #home.content, .grid-slider #home.content { height: auto; }	
	/*.type-1 .grid-slider #home.content, .type-5 .grid-slider #home.content, #sb-site.grid-slider #home.content { height: 100%; }*/
	.type-3 .grid-slider #home.content { margin-top: 30px; }

	.grid-slider.index-3 #home.content { margin-bottom: -1.5%; }

	#header .container { backface-visibility: hidden; }	
	
	#header #menu-container { float: left; width: 100%;  padding: 28px 0px; }
	#logo { float: left; }
	#logo a, .logo a { font-family: 'Open Sans', sans-serif; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 30px; border: 7px double #fff; padding: 5px 10px 6px; float: left; }
	#logo a span, .logo a span { margin: 0 -7px; }
	
	.logo { float: none; display: inline-block; }
	.logo a { padding: 5px 10px 8px }
	.logo.logostatic { float: left; width: 100%; position: fixed; z-index: 21; top: 40px; left: 40px; }
	.logo.logostatic a { background: #252525; }
	
	@-moz-document url-prefix() { #header .main-menu #logo a { padding: 5px 10px 8px; } }
	
		/*----*****---- << Header Type - 1 >> ----*****----*/
		
		.type-1 #header { background:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out; }
		.type-1 #header #logo a { z-index:9999999; }
		
		.type-1 #header nav#main-menu ul { float:right; padding: 0; margin: 0; }
		.type-1 #header nav#main-menu ul li { list-style: none; float: left; padding: 0; margin: 0; }
		.type-1 #header nav#main-menu ul li a { position: relative;	display: inline-block; margin: 14px 20px 12px; color: #fff; text-transform: uppercase; font-size: 14px; }
		.type-1 #header nav#main-menu ul li a:hover, .type-1 #header nav#main-menu ul li a:focus { outline: none; }
		.type-1 #header nav#main-menu ul li a:before { position: absolute; top: 60%; left: 50%;	color: transparent;	content: '•'; text-shadow: 0 0 transparent;	font-size: 10px; -webkit-transition: text-shadow 0.3s, color 0.3s; 
		-moz-transition: text-shadow 0.3s, color 0.3s; transition: text-shadow 0.3s, color 0.3s; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);	transform: translateX(-50%); pointer-events: none; }	
		
		.type-1 #header-sticky-wrapper.sticky-wrapper { height:auto !important; }	
		.type-1 #header-sticky-wrapper.sticky-wrapper #header { overflow: hidden; width: 100%; position: fixed; }
		
		.type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header { background: #252525; }
		.type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header #menu-container { padding: 10px 0px; }
		.type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header .container { width: 98%; }
		
		.inner-page .type-1 #header-sticky-wrapper.sticky-wrapper { height: 110px !important; background: #252525; }
	
		#scrolldown { bottom: 0; right:0; position: absolute; text-align: center; width: 100%; padding: 10px; font-size: 20px; background: #252525; }
		#scrolldown i { margin: 0 10px; }
		
		/*----*****---- << Header Type - 2 >> ----*****----*/
		
		#header.type2 { position: relative; background: #252525; float: left; width: 100%; }
		#header.type2 .main-menu { padding: 0; }
		.type-1 #header-sticky-wrapper.sticky-wrapper #header.type2 { background: #252525; }
		.type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header.type2 { display: none; }
		.type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header.type2 .container { width: 1200px; }
		
		.header.type2 ul { position: fixed; width: 90%; max-width: 300px; right: 50px; top: 50px; background: rgba(37,37,37, 0.8); visibility: hidden; overflow: hidden; z-index: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden;
		-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: 100% 10%; -moz-transform-origin: 100% 10%; -ms-transform-origin: 100% 10%;
		 -o-transform-origin: 100% 10%; transform-origin: 100% 10%; -webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s; -moz-transition: -moz-transform 0.3s, visibility 0s 0.3s; transition: transform 0.3s, visibility 0s 0.3s; 
		 border: 1px solid; }
		.header.type2 ul li { -webkit-backface-visibility: hidden; backface-visibility: hidden; padding-bottom: 0; }
		.header.type2 li a { display: block; padding: 15px; border-bottom: 1px solid; text-transform: uppercase; position: relative; color: #fff; overflow: hidden; }
		.header.type2 li:last-child a { border-bottom: none; }
		
		.header.type2 ul li, .header.type2 ul li a, .header.type2 ul li:hover, .header.type2 ul li a:hover { -webkit-backface-visibility: hidden; backface-visibility: hidden; }
		
		.header.type2 li a:after { border:1px solid #000; background: rgba(255, 255, 255, 0.2); content: ""; position: absolute; z-index: -1; width: 110%; height: 0; top: 50%; left: 50%;  opacity: 0; 
		transform: translateX(-50%) translateY(-50%) rotate(45deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(30deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); 
		-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
		  
		.header.type2 li a:hover:after, .header.type2 li.current_page_item a:after { height: 300px; opacity: 1; }
		
		.header.type2 ul.is-visible { visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-tansform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s, visibility 0s 0s;
		-moz-transition: -moz-transform 0.3s, visibility 0s 0s; transition: transform 0.3s, visibility 0s 0s; z-index: 9999; }
		.header.type2 ul.is-hidden { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s;
		 transition: transform 0.3s;border-bottom: none; }
		
		.header.type2 ul.is-visible li:nth-child(1) { -webkit-animation: menu-animation 0.3s; -moz-animation: menu-animation 0.3s; animation: menu-animation 0.3s; }
		.header.type2 ul.is-visible li:nth-child(2) { -webkit-animation: menu-animation 0.35s; -moz-animation: menu-animation 0.35s; animation: menu-animation 0.35s; }
		.header.type2 ul.is-visible li:nth-child(3) { -webkit-animation: menu-animation 0.4s; -moz-animation: menu-animation 0.4s; animation: menu-animation 0.4s; }
		.header.type2 ul.is-visible li:nth-child(4) { -webkit-animation: menu-animation 0.45s; -moz-animation: menu-animation 0.45s; animation: menu-animation 0.45s; }
		.header.type2 ul.is-visible li:nth-child(5) { -webkit-animation: menu-animation 0.5s; -moz-animation: menu-animation 0.5s; animation: menu-animation 0.5s; }
		.header.type2 ul.is-visible li:nth-child(6) { -webkit-animation: menu-animation 0.55s; -moz-animation: menu-animation 0.55s; animation: menu-animation 0.55s; }
		.header.type2 ul.is-visible li:nth-child(7) { -webkit-animation: menu-animation 0.6s; -moz-animation: menu-animation 0.6s; animation: menu-animation 0.6s; }
		.header.type2 ul.is-visible li:nth-child(8) { -webkit-animation: menu-animation 0.65s; -moz-animation: menu-animation 0.65s; animation: menu-animation 0.65s; }	
		.header.type2 ul.is-visible li:nth-child(9) { -webkit-animation: menu-animation 0.7s; -moz-animation: menu-animation 0.7s; animation: menu-animation 0.7s; }
		.header.type2 ul.is-visible li:nth-child(10) { -webkit-animation: menu-animation 0.75s; -moz-animation: menu-animation 0.75s; animation: menu-animation 0.75s; }
		
		@-webkit-keyframes menu-animation {
			0% { -webkit-transform: translateX(100px); }
			100% { -webkit-transform: translateY(0); }
		}
		@-moz-keyframes menu-animation {
			0% { -moz-transform: translateX(100px); }
			100% { -moz-transform: translateY(0); }
		}
		@keyframes menu-animation {
			0% { -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); }
			100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
		}
		
		.type2-menu-icon { position: fixed; top: 40px; right: 40px; width: 0; height: 0; border: 1px solid; overflow: hidden; text-indent: 100%; white-space: nowrap; z-index: 100; opacity: 0; }
		.type2-menu-icon:hover { background:  rgba(37,37,37, 0.8); }
		.type2-menu-icon:hover > span { background: #ffffff; }
	
		.is-fixed .type2-menu-icon { width: 44px; height: 44px; opacity: 1; z-index: 99999; }
		.type2-menu-icon span { position: absolute; display: block; width: 20px; height: 2px; background: rgba(37,37,37, 0.8); top: 50%; margin-top: -1px; left: 50%; margin-left: -10px; -webkit-transition: background 0.3s; 
		-moz-transition: background 0.3s; transition: background 0.3s; }
		.type2-menu-icon span::before, .type2-menu-icon span::after { content: ""; position: absolute; left: 0; background: inherit; width: 100%; height: 100%;-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-transition: -webkit-transform 0.3s, background 0s; -moz-transition: -moz-transform 0.3s, background 0s;
		transition: transform 0.3s, background 0s; }
		.type2-menu-icon span::before { top: -6px; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
		.type2-menu-icon span::after { bottom: -6px; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
		.type2-menu-icon.menu-is-open { box-shadow: none; z-index: 99999; }
		.type2-menu-icon.menu-is-open span { background: rgba(232, 74, 100, 0); }
		.type2-menu-icon.menu-is-open:hover { background: #252525; }
		.type2-menu-icon.menu-is-open span::before, .type2-menu-icon.menu-is-open span::after { background: #252525; }
		.type2-menu-icon.menu-is-open:hover span:before, .type2-menu-icon.menu-is-open:hover span:after { background: #fff; }
		.type2-menu-icon.menu-is-open span::before { top: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
		.type2-menu-icon.menu-is-open span::after { bottom: 0; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); }
		
		/*----*****---- << Header - 3 >> ----*****----*/
		
		#header.type3 { background: #252525; text-align: center; }
		#header.type3 .menu-main-menu-container { width: 98%; margin: 0px auto; }
		#header.type3 .main-menu { padding: 10px 0; }
		#header.type3 nav#main-menu { float: right; padding: 12px 0px; }
		#header.type3 nav#main-menu ul.menu { float: left; margin: 0; }
		#header.type3 nav#main-menu ul.menu li { margin-left: 40px; float: left; padding: 0; }
		#header.type3 nav#main-menu ul.menu li i { font-size: 14px; margin-right: 5px;  width: 30px; height: 30px; line-height: 26px; text-align: center; border-radius: 50%; border: 2px solid; }
		#header.type3 nav#main-menu ul.menu li a { padding: 14px 0px 12px; color: #fff; position: relative; }
		#header.type3 nav#main-menu ul.menu li a:after { position: absolute; height: 1px; width: 0; left: 0; content: ""; display: block; bottom: -5px; }
		#header.type3 nav#main-menu ul.menu li:hover a:after, #header.type3 nav#main-menu ul.menu li.current_page_item a:after { width: 100%; }
		#header.type3 nav#main-menu ul.menu li:hover a i, #header.type3 nav#main-menu ul.menu li.current_page_item a i { color: #fff; border-color: #fff; }
		
		.type-3 #header-sticky-wrapper { position: fixed; z-index: 99999; width: 100%; height: auto; }
		
		/*----*****---- << Header - 4 >> ----*****----*/
		
		header.type4 #main-menu ul { text-align: center; }
		header.type4 #main-menu ul li { width: 100%; float: left; text-align: left; padding-bottom: 0; }
		header.type4 #main-menu ul li a { width: 100%; float: left; color: #fff; }
		header.type4 #main-menu ul li#logo { width: auto; float: none; margin: 0px auto; display: inline-block; padding: 30px 0; }
		header.type4 #main-menu ul li#logo a { border: 7px double #fff; padding: 5px 10px 6px; color: #fff; }
		header.type4 #main-menu ul li#logo a:after { content: none; }
		
		header.type4 #main-menu ul li a { display: block; border-bottom: 1px solid rgba(255,255,255,0.3); width: 100%; float: left; text-transform: uppercase; font-size: 30px; padding: 20px 0px 20px 20px; position: relative; }
		header.type4 #main-menu ul li a i { float: right; position: absolute; right: 0; opacity:0; content: ""; display: block; }
		header.type4 #main-menu ul li a:hover i, header.type4 #main-menu ul li.current_page_item a i { right: 20px; opacity: 1; content: ""; display: block; }
		header.type4 #main-menu ul li a:after { position: absolute; left: 0; content: ""; display: block; width: 0; height: 1px; bottom: -1px; }
		header.type4 #main-menu ul li a:hover:after, header.type4 #main-menu ul li.current_page_item a:after { width: 100%; }
		
		ul.sb-toggle { float: left; margin: 0; padding: 0px; position: fixed; z-index: 99; color: #fff; right:0; }
		ul.sb-toggle li.sb-toggle-right { color: #fff; font-size:30px; font-weight: 800; width: 0; height: 0; border-top: 100px solid; border-left: 100px solid transparent; right:0; }
		ul.sb-toggle li.sb-toggle-right i { position: fixed; top: 15px; right: 10px; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); color: #252525; }
		
		.header4#menu-container, .type-6 #menu-container { width:100%; float: left; display: none; background: #252525; }
		.type-6 #menu-container li a { color: #ffffff; }
		
		/*----*****---- << Header - 5 >> ----*****----*/
		
		.type-5 #header-sticky-wrapper.sticky-wrapper { display: none; }
		
		#header.type5 { background: #252525; display: none; }
		#header.type5 .main-menu { padding: 15px 0px 7px; float: none; text-align: center; display: inline-block; }
		#header.type5 .main-menu #logo { float: none; display: inline-block; }
		
		#magic-line-two { display: none !important; }
			
		#panel { float:left; width:100%; background: #252525; padding: 15px 0px 5px; right:0; top:0; position:fixed; z-index:99999999; -webkit-box-shadow: 0 5px 5px -5px rgba(46, 46, 46, 0.15); -moz-box-shadow: 0 5px 5px -5px rgba(46, 46, 46, 0.15); 
		box-shadow: 0 5px 5px -5px rgba(46, 46, 46, 0.15); display: none; }
		
		#panel ul { float: right; padding: 0; margin: 0; }
		#panel ul li { float: left; }
		#panel ul li a {   position: relative; float: left; margin: 14px 20px 12px; color: #fff; text-transform: uppercase; font-size: 14px; } 
		#panel ul li a:before { position: absolute; top: 60%; left: 50%; color: transparent; content: '•'; text-shadow: 0 0 transparent; font-size: 10px; -webkit-transition: text-shadow 0.3s, color 0.3s; -moz-transition: text-shadow 0.3s, color 0.3s;
		transition: text-shadow 0.3s, color 0.3s; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none; }
		
		#toggle-panel { position: fixed; right: 0; top: 0;  z-index:99999999; width:40px; height:40px; }
		#toggle-panel a{ border: medium none; color: #fff; float: right; height: 25px; line-height: 25px; position: absolute; right: 0; text-align: center; width: 25px; }
		#toggle-panel a:before { border-top: 70px solid; border-left: 70px solid transparent; right:0; content: ""; height: 0; position: absolute; right: 0; width: 0; }
		#toggle-panel i { position: relative; font-size: 20px; color: #252525; right: 5px; top: 10px; }
		
		/*----*****---- << Header - 6 >> ----*****----*/
		
		#header.type6 .main-menu { padding: 0; }	
		#header.type6 #logo { display: none; }
		
		.menu.type6 li.current_page_item a { color: #fff; }
		
		.type-6 #slider { z-index: -1; }
		.type-6 #header-sticky-wrapper.sticky-wrapper { height: 0 !important; }
		.type-6 #header-sticky-wrapper.sticky-wrapper #header { position: fixed; top: 0; }
		.type-6 #header-sticky-wrapper.sticky-wrapper #header .main-menu { padding: 0; }
		.type-6 #header-sticky-wrapper.sticky-wrapper #header .menu-main-menu-container { z-index: 999999; }
		.type-6 #header-sticky-wrapper.sticky-wrapper #header #logo { display: none; }
		
		.type6-menu-icon { top: 20px; right: 20px; height: 44px; width: 44px; z-index: 5; overflow: hidden; text-indent: 100%; white-space: nowrap; position: fixed; display: inline-block; z-index: 999999; }
		.type6-menu-icon .cd-icon { position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: inline-block; width: 18px; height: 3px; background-color: #252525; z-index: 10; }
		.type6-menu-icon .cd-icon:before, .type6-menu-icon .cd-icon:after { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-color: #252525; -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-transition: -webkit-transform .3s; -moz-transition: -moz-transform .3s;
		transition: transform .3s; }
		.type6-menu-icon .cd-icon:before { -webkit-transform: translateY(-6px) rotate(0deg); -moz-transform: translateY(-6px) rotate(0deg); -ms-transform: translateY(-6px) rotate(0deg); -o-transform: translateY(-6px) rotate(0deg);
		transform: translateY(-6px) rotate(0deg);  content:""; }
		.type6-menu-icon .cd-icon:after { -webkit-transform: translateY(6px) rotate(0deg); -moz-transform: translateY(6px) rotate(0deg); -ms-transform: translateY(6px) rotate(0deg); -o-transform: translateY(6px) rotate(0deg);
		transform: translateY(6px) rotate(0deg);  content:""; }
		.type6-menu-icon:before, .type6-menu-icon:after { position: absolute; top: 0; left: 0; border-radius: 50%; height: 100%; width: 100%; -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-transition-property: -webkit-transform; -moz-transition-property: -moz-transform;
		transition-property: transform; content:""; }
		.type6-menu-icon:before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; }
		.type6-menu-icon:after { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition-duration: 0s;
		-moz-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; }
		.type6-menu-icon.close-nav:before { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
		.type6-menu-icon.close-nav:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
		transition-duration: 0.3s; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; }
		.type6-menu-icon.close-nav .cd-icon { background-color: rgba(255, 255, 255, 0); }
		.type6-menu-icon.close-nav .cd-icon:before, .type6-menu-icon.close-nav .cd-icon:after { background-color: #252525; }
		.type6-menu-icon.close-nav .cd-icon:before { -webkit-transform: translateY(0) rotate(45deg); -moz-transform: translateY(0) rotate(45deg); -ms-transform: translateY(0) rotate(45deg); -o-transform: translateY(0) rotate(45deg);
		transform: translateY(0) rotate(45deg); }
		.type6-menu-icon.close-nav .cd-icon:after { -webkit-transform: translateY(0) rotate(-45deg); -moz-transform: translateY(0) rotate(-45deg); -ms-transform: translateY(0) rotate(-45deg); -o-transform: translateY(0) rotate(-45deg);
		transform: translateY(0) rotate(-45deg); }
		
		.menu.type6 { position: fixed; width: 100%; z-index: 3; padding-top: 5%; right: 0; left: 0; margin: 0px auto; -webkit-overflow-scrolling: touch; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s, opacity 0.3s; 
		-moz-transition: visibility 0s, opacity 0.3s; transition: visibility 0s, opacity 0.3s; height: 100%; background: #252525; }
		.menu.type6 li { margin: 30px 0px; text-align: center; text-transform: uppercase; font-weight: 400; }
		.menu.type6 a { font-size: 30px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; transition: color 0.2s; position: relative; }
	
		.menu.type6 a:hover { color: #fff; }
	
		.menu.type6 a:before, .menu.type6 a:after { position: absolute; top: 50%; left: 50%; width: 75px; height: 75px; border: 5px solid; border-radius: 50%; content: ''; opacity: 0;
		-webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
		-moz-transform: translateX(-50%) translateY(-50%) scale(0.2); transform: translateX(-50%) translateY(-50%) scale(0.2); z-index: -1; }	
		
		.menu.type6 li.logo a:before, .menu.type6 li.logo a:after { content: none; }
		
		.menu.type6 a:after { width: 50px; height: 50px; border-width: 50%; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8); -moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
		transform: translateX(-50%) translateY(-50%) scale(0.8); }
		
		.menu.type6 a:hover:before, .menu.type6 li.current_page_item a:before { opacity: 1; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8); -moz-transform: translateX(-50%) translateY(-50%) scale(0.8); 
		transform: translateX(-50%) translateY(-50%) scale(0.8); }  
		.menu.type6 a:hover:after, .menu.type6 li.current_page_item a:after { opacity: 1; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.5); -moz-transform: translateX(-50%) translateY(-50%) scale(0.5); 
		transform: translateX(-50%) translateY(-50%) scale(0.5); } 
		
		.menu.type6 li.logo { width: 100%; }
		.menu.type6 li.logo a { color: #fff; float: none; display: inline-block; }
		
		.no-touch .menu.type6 a:hover, .menu.type6 li.current_page_item a { color: #ffffff; }
		.menu.type6.fade-in { visibility: visible; opacity: 1; }
		.fullscreen-nav, .fullscreen-nav-content { position: fixed; top: 18px; right: 5%; height: 4px; width: 4px; -webkit-transform: translateX(-20px) translateY(20px); -moz-transform: translateX(-20px) translateY(20px);
		-ms-transform: translateX(-20px) translateY(20px); -o-transform: translateX(-20px) translateY(20px); transform: translateX(-20px) translateY(20px); }
		.fullscreen-nav span, .fullscreen-nav-content span { display: inline-block; position: absolute; border-radius: 50%; -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; will-change: transform; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%;
		-o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
		.fullscreen-nav.is-hidden, .fullscreen-nav-content.is-hidden { opacity: 0; visibility: hidden; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; 
		transition: opacity .3s 0s, visibility 0s .3s; }
		.fullscreen-nav { z-index: 99; }
		.fullscreen-nav span { background: #252525; }
		.fullscreen-nav-content { z-index: 99; }
		.content-type6 {  margin: 0 auto; z-index: 1; }
	
	/*----*****---- << Parallax >> ----*****----*/
	
	.dt-sc-parallax-section { /*background:url(images/banner.jpg)center top no-repeat;*/ background-attachment:fixed; background-color: #000000; background-repeat:no-repeat; color:#fff;  padding:115px 0px; border-top: 4px solid;
	border-bottom: 4px solid; position: relative; }
	.dt-sc-parallax-section .container { z-index: 9999; }	
	
	::i-block-chrome, .dt-sc-parallax-section { background-attachment: inherit; }
	
	/*----*****---- << Sliders >> ----*****----*/
		
		/*----*****---- << Parallax Slider >> ----*****----*/
	
		.banner .container { position: inherit; }
		.banner .caption { width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); display: table-cell; vertical-align: middle; z-index: 9999; }	
		.banner.dt-sc-parallax-section { background-position:top; width: 100%; height: 100%; border: none; position: static; }
		
		#sb-site { height:100%; }
		#sb-site .banner.dt-sc-parallax-section { display:table; }
		#sb-site .banner .container { height: 100%; width: 100%; min-height: 100%; display: table; }
		
		/*----*****---- << Mockup Slider >> ----*****----*/
		
		.wrap img, .screen, .mobile { display: none\9; }
	
		.wrap {	margin: 0 auto -4px; width: 100%; height: 0; padding-top: 58%; overflow: hidden; position: relative; }
		.wrap .banner { display: none; }
	
		.mockup { position: absolute; top: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; }
		.mockup::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }
		.mockup__img { display: block; width: 1900px; max-width: inherit; }
	
		.screen, .mobile { position: absolute; overflow: hidden; z-index: 100; background: #333; outline: 1px solid transparent; -webkit-transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px; }
	
		.screen { width: 1280px; height: 800px; top: 10px; left: 600px; 
		-webkit-transform: matrix3d(0.452711184975633, 0.139863853789781, 0, -0.000095269465775677, -0.00319943882448498, 0.673512589529646, 0, 0.000049453592261685, 0, 0, 1, 0, 382, 8, 0, 1);
		transform: matrix3d(0.452711184975633, 0.139863853789781, 0, -0.000095269465775677, -0.00319943882448498, 0.673512589529646, 0, 0.000049453592261685, 0, 0, 1, 0, 382, 8, 0, 1); }
		.mobile { width: 320px; height: 480px; top: 850px; left: 525px; 
		-webkit-transform: matrix3d(0.442778970432011, 0.112834189093484, 0, -0.000053669440509915, -0.344035499291785, 0.346595156594271, 0, -0.000094674614416115, 0, 0, 1, 0, 105, 15, 0, 1);
		transform: matrix3d(0.442778970432011, 0.112834189093484, 0, -0.000053669440509915, -0.344035499291785, 0.346595156594271, 0, -0.000094674614416115, 0, 0, 1, 0, 105, 15, 0, 1); }
	
		.slideshow { padding: 0; margin: 0; width: 100%; height: 100%; list-style-type: none;  }
		.slideshow__item { width: 100%; height: 100%; position: absolute; overflow: hidden; pointer-events: none; z-index: 1; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
		.slideshow__item.current{ pointer-events: auto; z-index: 100; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
		.slideshow img { width: 100%; }
		.slideshow__item.in--next { -webkit-animation: inNext 0.5s forwards ease-in-out; animation: inNext 0.5s forwards ease-in-out; }
		.slideshow__item.out--next { -webkit-animation: outNext 0.5s forwards ease-in-out; animation: outNext 0.5s forwards ease-in-out; }
		.slideshow__item.in--prev { -webkit-animation: inPrev 0.5s forwards ease-in-out; animation: inPrev 0.5s forwards ease-in-out; }
		.slideshow__item.out--prev { -webkit-animation: outPrev 0.5s forwards ease-in-out; animation: outPrev 0.5s forwards ease-in-out; }
		
		@-webkit-keyframes inPrev {
			0% { -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); }
			100% {-webkit-transform: none; transform: none;	}
		}
		
		@keyframes inPrev {
			0% { -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); }
			100% { -webkit-transform: none; transform: none; }
		}
		
		@-webkit-keyframes inNext {
			0% { -webkit-transform: translate3d(30%, 0, 0);	transform: translate3d(30%, 0, 0); }
			100% { -webkit-transform: none;	transform: none; }
		}
		
		@keyframes inNext {
			0% { -webkit-transform: translate3d(30%, 0, 0);	transform: translate3d(30%, 0, 0); }
			100% { -webkit-transform: none;	transform: none; }
		}
		
		@-webkit-keyframes outPrev {
			100% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
		}
		
		@keyframes outPrev {
			100% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0, 0); }
		}
		
		@-webkit-keyframes outNext {
			100% { -webkit-transform: translate3d(0, -100%, 0);	transform: translate3d(0, -100%, 0); }
		}
		
		@keyframes outNext {
			100% { -webkit-transform: translate3d(0, -100%, 0);	transform: translate3d(0, -100%, 0);
			}
		}
			
		/*----*****---- << Grid Slider >> ----*****----*/
		
		#grid-slider { margin: 0; height: auto; width: 100%; }
		#grid-slider ul { list-style: none;	display: block;	width: 100%; margin: 0; padding: 0; zoom: 1; }
		#grid-slider ul:before, .grid-slider ul:after { content: ''; display: table; }
		#grid-slider ul:after { clear: both; }
		#grid-slider ul li { -webkit-perspective: 400px; -moz-perspective: 400px; -o-perspective: 400px; -ms-perspective: 400px; perspective: 400px; margin: 0; padding: 0;	float: left; position: relative; display: block; overflow: hidden; 
		background:url(images/banner.jpg); }
		#grid-slider ul li a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; 
		backface-visibility: hidden; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-background-size: 100% 100%;	
		-moz-background-size: 100% 100%; background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
		
		.grid-slider-overlay, .slider-overlay, .mockup-slider-overlay { position: absolute; float: left; text-align: center; right: 0; left: 0; margin: 0px auto; top: 0; vertical-align: middle; height: 100%; width: 100%; background: rgba(0,0,0,0.5); 
		color: #fff; z-index: 20; }
		.grid-slider-content { width: 90%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); display: table-cell; vertical-align: middle; }
		.mockup-slider-overlay { z-index: 999; }
		#grid-slider .dt-sc-button.type1, .banner .dt-sc-button.type1 { margin: 0; }
		
		/*----*****---- << Fixed BG Slider >> ----*****----*/
		
		.banner.fixed-background { background:url(images/fixed-banner.jpg) no-repeat; width: 100%; height: 100%; background-attachment:fixed; background-position: center; display: table; }
		.banner.fixed-background h1, .banner.fixed-background h2, .banner.fixed-background h3, .banner.fixed-background h4, .banner.fixed-background h5, .banner.fixed-background h6 { color: #fff;  }
		
		/*----*****---- << Video Slider >> ----*****----*/
		
		video.dt-sc-video { width: 100%; float: left; }
		
		::i-block-chrome, #home.content .video-full-width , ::i-block-chrome, #home.video-banner .fullwidthbanner-container , ::i-block-chrome, .video-banner.video-full-width { height:100%; }
		::i-block-chrome, .dt-sc-video-container { position:absolute; }
		::i-block-chrome, .dt-sc-video-container .dt-sc-fillWidth{ position:absolute; }
		::i-block-chrome, .fullwidthbanner-container.banner-video{ background: url(images/poster.jpg) no-repeat; background-size: 100%; height: 100%;text-align: center;position: absolute;width: 100%;top: 0%; }
		
		::i-block-chrome, .banner-video .video-full-width { display: table; width: 100%; height: 100%; min-height: 100%; overflow: hidden; vertical-align: middle; z-index: 1; position:relative; }
		::i-block-chrome, .banner-video .dt-sc-video-container, ::i-block-chrome, .banner-video .dt-sc-video-container .dt-sc-fillWidth { left: 0; min-height: 100%; min-width: 100%; overflow: hidden; position: absolute; top: 0; position:static\0/; }
		::i-block-chrome, .banner-video .dt-sc-video-container video { max-width:inherit; float:left; }
	
	/*----*****---- << Breadcrumb >> ----*****----*/
	
	.breadcrumb { text-align: center; }
	.breadcrumb.dt-sc-parallax-section { padding: 80px 0px; border-top: none; }
	.breadcrumb h1 { margin-bottom: 0; }
	
	/*----*****---- << Content >> ----*****----*/
		
		/*----*****---- << Blog >> ----*****----*/	
				
		article.blog-entry { border: 1px solid; width: 100%; float: left; overflow:hidden; }
		article.blog-entry .entry-thumb { position: relative; float: left; border-bottom: 2px solid; }
		article.blog-entry .entry-thumb a { overflow: hidden; }
		article.blog-entry .entry-thumb a, article.blog-entry .entry-thumb a img { width: 100%; float: left; } 
		article.blog-entry .entry-thumb .entry-title { position: absolute; right: 0; top: 86.7%; float: left; width: 70%; padding: 0; margin: 0; display: inline-block; }
		article.blog-entry .entry-thumb .entry-title h5 { font-weight: normal; text-transform: none; width: 100%; padding: 2% 8%; float: right; display: inline-block; margin-bottom: 0; position: relative; }
		
		article.blog-entry:hover .entry-thumb a img { transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); }
	
		article.blog-entry a.read-more { float: right; padding: 5px 10px; border-left: 1px solid; border-top: 1px solid; width: auto; }
		article.blog-entry a.read-more i { margin: 0; opacity: 0; float: none; display: inline-block; line-height: 30px; }
		
		article.blog-entry .entry-details { padding: 5%; float: left; width: 30%; }
		article.blog-entry .entry-details .entry-meta { float: left; border-bottom: 1px solid; padding-bottom: 15px; margin-bottom: 10px; }
		article.blog-entry .entry-details .entry-meta .date { font-family: 'Oswald', sans-serif; font-size: 40px; float: left; }
		article.blog-entry .entry-details .entry-meta .month { float: left; text-transform: uppercase; }
		article.blog-entry .entry-details .entry-meta .month p { margin: 0; margin-top: -5px; margin-left: 5px; font-size: 16px; line-height: 20px; font-weight: normal; }
		article.blog-entry .entry-details .tags, article.blog-entry .entry-details .tags a { float: left; width: 100%; }
		article.blog-entry .entry-details .tags a i { margin-right: 5px; }
		
		article.blog-entry .entry-content { float: left; width: 70%; padding: 10% 5% 0% 0px; }
		
		article.blog-entry:hover, article.blog-entry:hover .entry-thumb, article.blog-entry:hover .entry-details .entry-meta, article.blog-entry:hover a.read-more { border-color: #ddd; }
		article.blog-entry:hover .entry-thumb .entry-title { background: #ddd; }
		article.blog-entry:hover .entry-details .entry-meta .date, article.blog-entry:hover .entry-details .tags a i { color: #ddd; }
		
		article.blog-entry:hover a.read-more i { padding: 0 0 0 10px; opacity: 1; }
		article.blog-entry:hover a.read-more:after { border-bottom: 1px solid; }	
		
		.dt-sc-one-third article.blog-entry .entry-details .entry-meta { width: 25%; border: none; margin: 0px 5% 0px 0px; padding: 0; }
		.dt-sc-one-third article.blog-entry .entry-details .tags { width: 70%; margin-top: -13px; }
		.dt-sc-one-third article.blog-entry .entry-details .tags a { width: auto; margin-right: 15px; }
		.dt-sc-one-third article.blog-entry .entry-details { width: 100%; padding: 5% 0% 2% 5%; }
		.dt-sc-one-third article.blog-entry .entry-thumb .entry-title h5 { padding: 2% 8% 2% 6%; }
			
		.dt-sc-one-fourth article.blog-entry .entry-details .entry-meta .date, .dt-sc-one-fifth article.blog-entry .entry-details .entry-meta .date, .dt-sc-one-sixth article.blog-entry .entry-details .entry-meta .date { font-size: 30px; }
		.dt-sc-one-fourth article.blog-entry .entry-details .entry-meta, .dt-sc-one-fifth article.blog-entry .entry-details .entry-meta, .dt-sc-one-sixth article.blog-entry .entry-details .entry-meta { width: 28%;  border:none; padding:0; margin: 0 2% 0 0; }
		.dt-sc-one-fourth article.blog-entry .entry-details .tags, .dt-sc-one-fifth article.blog-entry .entry-details .tags, .dt-sc-one-sixth article.blog-entry .entry-details .tags { width: 70%;  margin-top: -13px;  }
	
		.dt-sc-one-fifth article.blog-entry .entry-details .entry-meta .month p, .dt-sc-one-sixth article.blog-entry .entry-details .entry-meta .month p { margin: 5px 0px 0px 0px }
		
		.dt-sc-one-sixth article.blog-entry .entry-thumb .entry-title, .dt-sc-one-fifth article.blog-entry .entry-thumb .entry-title, .dt-sc-one-fourth article.blog-entry .entry-thumb .entry-title, 
		.dt-sc-one-third article.blog-entry .entry-thumb .entry-title { position: relative; width: 100%; }
		.dt-sc-one-sixth article.blog-entry .entry-details, .dt-sc-one-fifth article.blog-entry .entry-details, .dt-sc-one-fourth article.blog-entry .entry-details { width: 100%; padding: 10% 0 5% 5%; }
		.dt-sc-one-sixth article.blog-entry .entry-details .tags a, .dt-sc-one-fifth article.blog-entry .entry-details .tags a, .dt-sc-one-fourth article.blog-entry .entry-details .tags a { width: auto; margin-right: 15px; font-size: 12px; }	
		.dt-sc-one-sixth article.blog-entry .entry-content, .dt-sc-one-fifth article.blog-entry .entry-content, .dt-sc-one-fourth article.blog-entry .entry-content, 
		.dt-sc-one-third article.blog-entry .entry-content { width: 100%; padding: 5%; border-top: 1px solid; }	
		.dt-sc-one-sixth article.blog-entry:hover .entry-content, .dt-sc-one-fifth article.blog-entry:hover .entry-content, .dt-sc-one-fourth article.blog-entry:hover .entry-content, 
		.dt-sc-one-third article.blog-entry:hover .entry-content { border-color: #ddd; }
		
			/*----*****---- << Blog-single >> ----*****----*/	
			
			.commententries { width: 100%; float: left; margin: 30px 0 0; padding: 0; }
			ul.commentlist { float: left; margin: 20px 0 20px 0; padding: 0 0 20px 0; list-style: none; border-top: 0; width: 100%; }
			ul.commentlist li { display: block; float: none; list-style: none; border: none; margin: 0 0 20px; padding: 0 0 0 115px; position: relative; clear: both; line-height: normal; }
			ul.commentlist li ul.children { margin: 10px 0 10px; padding: 0; float: left; border: none; clear: both; width: 100%; }
			ul.commentlist li .respond { margin-left: 69px; }
			
			ul.commentlist li .comment-details { position: relative; padding: 0 0 20px; margin: 0 0 10px; display: inline-block; width: 100%; }		
			ul.commentlist li .comment-details:before { border-bottom: 1px solid; bottom: 0; content: ""; left: 0; position: absolute; width: 100%; }
			
			ul.commentlist li .comment-body { margin: 10px 0 0; width: 100%; float: left; } 
			
			ul.commentlist li .comment-author { left: 0; top: 0; position: absolute; }
			ul.commentlist li .comment-author img { max-width: 90px; max-height: 90px; float:left; margin: 0; border-radius: 2px; }
			ul.commentlist li .author-name, ul.commentlist li .author-name a { font-size: 16px; float: left; margin-right: 3px; text-transform: uppercase; font-weight: bold; }
			ul.commentlist li.bypostauthor .author-name { font-weight: 600; }
		
			ul.commentlist li .commentmetadata { font-size: 12px; text-decoration: none; position: relative; font-weight: 400; float: left; line-height: 22px; }	
			ul.commentlist li .commentmetadata:before { content:"( "; }
			ul.commentlist li .commentmetadata:after { content:" )"; }
			
			ul.commentlist li .reply { margin: 0px; float: right; position: absolute; right: 0; z-index: 1; bottom: -22px; }
			
			ul.commentlist > li > ul.children li ul.children li #respond p span { display: none; }
			
			ul.commentlist li #respond { padding-bottom: 20px; }		
			
			#commentform { text-align: center; }
			#commentform input[type="text"], #commentform input[type="password"], #commentform input[type="email"], #commentform input[type="url"], #commentform input[type="tel"], #commentform input[type="number"], 
			#commentform input[type="range"], #commentform input[type="date"], #commentform input[type="search"], #commentform textarea, #commentform input.text { padding: 19px 10px; margin-bottom: 20px; width: 100%; color: #252525; text-transform: capitalize; }
			#commentform input:focus, #commentform textarea:focus { border-color: #252525; }
			#commentform p.textarea { width: 100%; }
			
			#commentform p { float: left; position: relative; }
			#commentform input.error, #commentform textarea.error { border-color: #ff0000; color: #ff0000; position: relative; }	
			#commentform label.error { color: red;position: absolute;right: 0; bottom: 8px; }
			#commentform p.textarea label.error { bottom: 16px; bottom:8px\0/; }
			
			@-moz-document url-prefix() { #commentform p.textarea label.error { bottom: 8px; } }
			
			#commentform .dt-sc-button { margin: 0 auto; float: none; background: none; }
			
			#respond, form#commentform { display: inline-block; width: 100%; }
			#respond h3 { padding-bottom: 20px; }
		
		/*----*****---- << Portfolio >> ----*****----*/
			
		.dt-sc-portfolio { position:relative; overflow:hidden; }
		.dt-sc-portfolio.column.no-space { margin-bottom:0px;}
		.column.no-space .dt-sc-portfolio { margin-bottom:0px; }
		.dt-sc-portfolio-container { float:left; clear:both; margin: 0px auto; padding: 0px; width: 80%; z-index: 21; }
	
		.dt-sc-portfolio figure img { float:left; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
		.dt-sc-portfolio figure:hover img { -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -o-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }
		
		.dt-sc-portfolio figcaption { position:absolute; float:left; text-align:center; right:0; left:0; margin:0px auto; top: 0; opacity: 0; vertical-align:middle; height: 100%; width: 100%; background: rgba(0,0,0,0.6); }
		.dt-sc-portfolio figcaption h6 { width: 90%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); display: table-cell; vertical-align: middle; 
		-webkit-transition-delay: 1s; transition-delay: 1s;  opacity: 0; -webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear; }
		.dt-sc-portfolio:hover figcaption h6 { -webkit-transition-delay: 1s; transition-delay: 1s; opacity: 1; -webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear; }
		
		.dt-sc-portfolio figcaption h6 a { color: #ffffff; position: relative; float: none; display: inline-block; }	
		.dt-sc-portfolio figcaption a span{ position: absolute; color: #fff; z-index: 99; }
		
		.dt-sc-portfolio figcaption a.zoom span { top: -60px; left: -60px; -webkit-transition-delay: .25s; transition-delay: .25s; }
		.dt-sc-portfolio figcaption a.like span { top: -60px; right:-60px; -webkit-transition-delay: .45s; transition-delay: .45s; }
		.dt-sc-portfolio figcaption a.comment span { bottom: -60px; left: -60px; -webkit-transition-delay: .65s; transition-delay: .65s; }	
		.dt-sc-portfolio figcaption a.view span { bottom: -60px; right: -60px; -webkit-transition-delay: .85s; transition-delay: .85s; }
	
		.dt-sc-portfolio:hover figcaption a.zoom span { top: 12px; left: 12px; -webkit-transition-delay: .25s; transition-delay: .25s; }
		.dt-sc-portfolio:hover figcaption a.like span { top: 12px; right: 12px; -webkit-transition-delay: .45s; transition-delay: .45s; }
		.dt-sc-portfolio:hover figcaption a.comment span { bottom: 12px; left: 12px; -webkit-transition-delay: .65s; transition-delay: .65s; }	
		.dt-sc-portfolio:hover figcaption a.view span { bottom: 12px; right: 12px; -webkit-transition-delay: .85s; transition-delay: .85s; }
		
		.dt-sc-portfolio figcaption a span:before { color: #252525; }		
		.dt-sc-portfolio figcaption a.zoom span:before { margin-left: 10px; margin-top: 10px; float: left; }
		.dt-sc-portfolio figcaption a.comment span:before { margin-left: 10px; margin-bottom: 10px; float: left; }
		.dt-sc-portfolio figcaption a.like span:before { margin-right: 10px; margin-top: 10px; float: left; }
		.dt-sc-portfolio figcaption a.view span:before { margin-right: 10px; margin-bottom: 10px; float: left; }
			
		.dt-sc-portfolio figcaption a.zoom span:after { position: absolute; top: -5px; left: -5px; content:""; display: block; width: 0; height: 0; border-top: 75px solid; border-right: 75px solid transparent; z-index: -1; overflow:visible; }
		.dt-sc-portfolio figcaption a.like span:after { position: absolute; top: -5px; right: -5px; content:""; display: block; width: 0; height: 0; border-top: 75px solid; border-left: 75px solid transparent; z-index: -1; overflow:visible; }	
		.dt-sc-portfolio figcaption a.comment span:after { position: absolute; bottom: -5px; left: -5px; content:""; display: block; width: 0; height: 0; border-bottom: 75px solid; border-right: 75px solid transparent; z-index: -1; overflow:visible; }
		.dt-sc-portfolio figcaption a.view span:after { position: absolute; bottom: -5px; right: -5px; content:""; display: block; width: 0; height: 0; border-bottom: 75px solid; border-left: 75px solid transparent; z-index: -1; overflow:visible; }
		
		.dt-sc-portfolio figcaption a.zoom:hover span:after, .dt-sc-portfolio figcaption a.like:hover span:after, .boxed .dt-sc-portfolio figcaption a.zoom:hover span:after, .boxed .dt-sc-portfolio figcaption a.like:hover span:after { 
		border-top-color: #252525; }
		.dt-sc-portfolio figcaption a.view:hover span:after, .dt-sc-portfolio figcaption a.comment:hover span:after, .boxed .dt-sc-portfolio figcaption a.view:hover span:after, .boxed .dt-sc-portfolio figcaption a.comment:hover span:after { 
		border-bottom-color: #252525; }
		
		.dt-sc-portfolio:hover figure figcaption, .dt-sc-portfolio figure.cs-hover figcaption { opacity: 1; filter: alpha(opacity=100); }
		
		.dt-sc-portfolio figcaption h6 a:before { position: absolute; top: -5px; left: 0; right: 0; margin: 0px auto; width: 0px; height: 1px; content: ""; opacity: 0; z-index: -1; }		
		.dt-sc-portfolio figcaption h6 a:after { position: absolute; bottom: -5px; left: 0; right: 0; margin: 0px auto;  width: 0px; height: 1px; content: ""; opacity: 0; z-index: -1; }	
		
		.dt-sc-portfolio figcaption h6 a:hover:before, .dt-sc-portfolio figcaption h6 a:hover:after {  width: 40px; opacity: 1; }	  
		
		.dt-sc-sorting-container { border-left: 0 none; clear: both; display: inline-block; float: left; line-height: normal; margin: 60px 0; padding: 0; text-align: center; width: 100%; }	
		.dt-sc-sorting-container a.dt-sc-button.type1 { margin: 0 2px; }
		
		/* ---- isotope ---- */
	
		.isotope { width:100%;}
		
		/* clear fix */
		.isotope:after { content: "";  display: block;  clear: both; }
		
		/* ---- .item ---- */
		
		.dt-sc-portfolio.width1 { width: 14.96%; }
		.dt-sc-portfolio.width2 { width: 16.96%; }
		.dt-sc-portfolio.width3 { width: 24.96%; }
		.dt-sc-portfolio.width4 { width: 33.96%; }
		.dt-sc-portfolio.width5 { width: 49.99%; }
		
		.dt-sc-portfolio img { max-width:100%; width:100%;}
			
		.ajax-portfolio-details { position:relative; width:100%; float:left; margin:0px; padding:0px; }
		.project-details { float:left; clear:both; width:100%; }
		.project-details p a:hover { color:#878787; }
		.ajax-controls .ajax-close { position:absolute; top:0px; right:0px; border:1px solid #dddddd; width:38px; height:38px; text-align:center; }
		.ajax-controls .ajax-close .fa { font-size:24px; line-height:38px; }
		.ajax-controls .ajax-close:hover { color:#ffffff; }
		.ajax-controls { float:left; margin:20px 0px 0px; clear:both; width:100%; }
		.ajax-controls .ajax-previous { float:left; }
		.ajax-controls .ajax-next { float:right; }
		.ajax-controls .fa { font-size:12px; }
		.ajax-controls .ajax-previous .fa { margin-right:3px; }
		
		.ajax-controls .ajax-next .fa { margin-left:3px; }
		.ajax-controls a { color:#868686; }
		
		.isotope-hidden { display:none !important; }
		
		.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s;  -o-transition-duration: 0.8s;  transition-duration: 0.8s;	}
		.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width;  -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width;	}
		.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity;
		transition-property: transform, opacity; }
		.isotope.no-transition,	.isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s;
		 transition-duration: 0s; }		
		
			/*----*****---- << Recent Gallery >> ----*****----*/
		
			.service-sliders { width: 100%; float: left; }
			
			.recent-gallery-container { float: left; width: 100%; }
			.recent-gallery-container .bx-wrapper { position:relative; margin-bottom: -8px; }
			.recent-gallery li { display: block; padding: 0; }
			.recent-gallery-container .bx-controls a { bottom: 0; font-size: 0; height: 40px; margin: auto; position: absolute; top: 0; width: 40px; z-index: 1; text-align: center;}
			.recent-gallery-container .bx-controls a.bx-prev { background: url(images/prev-arrow.png) no-repeat rgba(0,0,0,0.4); left: 10px; background-size: 50%; background-position: center; }
			.recent-gallery-container .bx-controls a.bx-next { background: url(images/next-arrow.png) no-repeat rgba(0,0,0,0.4); right: 10px; background-size: 50%; background-position: center; }
			.recent-gallery-container #bx-pager { display: inline; float: left; margin: 0; padding: 0; text-align: center; width: 100%; position: absolute; bottom: 10px; }
			.recent-gallery-container #bx-pager a { cursor: pointer; display: inline-block; line-height: 0; margin: 0 5px; position: relative; width: 12%; }
			.recent-gallery-container #bx-pager a img { width: 100%; float: left; }
			.recent-gallery-container #bx-pager a.active:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; display: block; }
			.recent-portfolio { float: left; width: 100%; position: relative; }
			.recent-portfolio .product-carousel .fa { font-size: 28px; }
		
			/*----*****---- << Portfolio Single >> ----*****----*/
		
			.recent-gallery-container { width: 100%; float: left; }
			
			.dt-sc-project-details h5 { text-align:left; }
			.dt-sc-project-details ul { float:left; width:100%; margin:0px; list-style-type:none; }
			.dt-sc-project-details ul.project-details li { width:100%; }
			.dt-sc-project-details ul li { float:left; display:block; }
			.dt-sc-project-details ul li p { margin: 0; }
			.dt-sc-project-details ul li p a { border-bottom: 1px solid rgba(0,0,0,0); }
			.dt-sc-project-details ul li p a:hover { border-color: rgba(0,0,0,0.5); }
			.dt-sc-project-details ul li p strong { margin-right: 5px; }
			.dt-sc-project-details ul li span { width: 20px; }		
			.dt-sc-project-details ul li:last-child { background:none; }
			.dt-sc-project-details ul li.date p { font-size:22px; display:inline-block; *display:inline; zoom:1; margin:0px 3px 0px 0px; }
			.dt-sc-project-details ul li.date span { font-size:11px; display:inline-block; *display:inline; zoom:1; text-transform:uppercase; }
			.dt-sc-project-details ul li.date .icon-calendar { margin-right:0px; }	
			.dt-sc-project-details ul li.author { margin:0px 15px 0px 0px; float:left; }
			.dt-sc-project-details ul li.author, .project-details ul li.tags a { font-weight:bold; color:#e96666; }
			.dt-sc-project-details ul li.tags a:hover { color:#3d3d3d; }
			.dt-sc-project-details ul li.website-link { font-weight:bold; }
			.dt-sc-project-details ul li .icon-user, .project-details ul li .icon-tag, .project-details ul li .icon-link, .project-details ul li .icon-calendar { color:#2e2a2b; margin-right:5px; }
			
			.dt-sc-post-pagination { width: 100%; float: left; border: 1px solid; margin-top: 30px; }
			.dt-sc-post-pagination a.dt-sc-button.type1 { margin: 0; border-top: none; border-bottom: none; }
			.dt-sc-post-pagination .dt-sc-button.type1.prev-post i.fa:after { right: 33px; left: auto; }
			.dt-sc-post-pagination .dt-sc-button.type1.prev-post:before { -webkit-transform-origin: 0% 50%;	transform-origin: 0% 50%; }
			
			.dt-sc-post-pagination a.prev-post { border-left: none; }
			.dt-sc-post-pagination a.next-post { border-right: none; float: right; }
		
		/*----*****---- << Twitter Parallax >> ----*****----*/	
			
		.counter-parallax.dt-sc-parallax-section { background:url(images/counter-parallax.jpg) fixed no-repeat; padding: 75px 0px; }
		.twitter-parallax.dt-sc-parallax-section { background:url(images/twitter-parallax.jpg) fixed  no-repeat; }
		.intro-parallax.dt-sc-parallax-section { background:url(images/intro-parallax.jpg) fixed  no-repeat; }
		.client-parallax.dt-sc-parallax-section { background:url(images/client-parallax.jpg) fixed  no-repeat; }
		.service-parallax.dt-sc-parallax-section { /*background:url(images/service-parallax.jpg) fixed  no-repeat; */    padding: 22px 0px!important;
}
		
		.counter-parallax, .twitter-parallax, .intro-parallax, .client-parallax, .service-parallax { position: relative; }
		::i-block-chrome, .counter-parallax, 
		::i-block-chrome, .twitter-parallax, 
		::i-block-chrome, .intro-parallax, 
		::i-block-chrome, .client-parallax, ::i-block-chrome, .service-parallax { position: static; }
		
		.twitter-parallax { text-align: center; padding: 60px 0 40px; }
		.twitter-parallax .twitter-icon { width: 50px; height: 50px; line-height: 50px; float: none; display: inline-block; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-bottom: 30px; }
		.twitter-parallax .twitter-icon i.fa-twitter { width: 80%; font-size: 20px; display: inline-block; margin-top: 14px;transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); color: #252525; }
		.twitter-parallax .latest-tweets { display:inline-block; width:100%;}	
		.twitter-parallax .latest-tweets .tweet_list { text-align:center !important; list-style:none; }
		
		.twitter-parallax .latest-tweets .tweet_text { font-size: 24px; font-weight: normal; line-height: normal; font-weight: normal; display:inline-block; width: 90%; }
		.twitter-parallax .latest-tweets span.tweet_time a { font-size: 20px; line-height:36px; margin-top:14px; display: inline-block; font-weight:normal; float: none; text-align: right; position: relative; }
		.twitter-parallax .latest-tweets span.tweet_time a:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; height: 1px;  width: 51%; }
		.twitter-parallax .latest-tweets span.tweet_time a:after { content: ""; display: block; position: absolute; right: 0; bottom: 0; height: 1px; width: 51%; }
		
		.twitter-parallax .latest-tweets span.tweet_time a:hover:before { width: 5%;  }
		.twitter-parallax .latest-tweets span.tweet_time a:hover:after { width: 5%; }
		
		/*----*****---- << Footer >> ----*****----*/	
		
		.view-map { width: 100%; float: left; text-align: center; position: relative; }
		.view-map a { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 50px solid #252525; top: -50px; position: absolute; right: 0; left: 0; margin: 0px auto; }
		.view-map a i { color: #fff; font-size: 20px; line-height: 70px; margin-left: -5px; }
		.view-map.active a i { color: #252525; }
			
		footer { background: #3d4e5b; width: 100%; float: left; }	
		
		.dt-sc-contact-form, .dt-sc-copyrights { float: left; width: 100%; position: relative; }
		.dt-sc-contact-form:before { position: absolute; width: 1px; height: 380px; right: auto; left: -5%; top: -15px; margin: 0px auto; display: block; content: ""; background: #464646; }
		
		.dt-sc-contact-info { color: #fff; text-align: left; margin-bottom: 35px; position: relative; padding-bottom: 10px; }
		.dt-sc-contact-info:after {   position: absolute;  width: 75px; height: 1px; left: 0; bottom: -10px; margin: 0px auto; display: block; content: ""; }
		.dt-sc-contact-info:last-child:after { content: none; }
		.dt-sc-contact-info p { width: 90%; }
		.dt-sc-contact-info a { color: #fff; }
		
		.dt-sc-contact-form input[type="submit"] { width: 100%; color: #252525; padding: 15px 0px; font-size: 20px; }
		.dt-sc-contact-form input[type="submit"]:hover { background: #fff; }
		
		.dt-sc-contact-info h5.sub-title { padding-bottom: 10px; }
		.dt-sc-contact-info i { float: left; margin-right: 10px; margin-top: 6px; font-size: 16px; }
		
		#dt-contact-map { border-top: 4px solid; display: none; height: 541px; margin: 0 auto; width: 100%; position:relative; overflow:hidden; }
		#dt-contact-content { padding: 80px 0px; width: 100%; float: left; }
				
		.dt-sc-copyrights { padding: 15px 0px; }
		.dt-sc-copyrights p { margin: 0; float: left; }
		.dt-sc-copyrights p a { border-bottom: 1px solid rgba(0,0,0,0); }
		.dt-sc-copyrights p a:hover { border-color: rgba(0,0,0,0.5); }
		.dt-sc-copyrights .dt-sc-social-icons { float: right; }
		.dt-sc-social-icons a{ float: none; position: static; display: inline-block; width: 25px; height: 25px; line-height: 25px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); margin-right: 15px; 
		background: #fff; }  
		.dt-sc-social-icons a i { float: none; position: static; color: #252525; display: inline-block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); width: 25px; height: 25px;
		line-height: 25px; font-size: 14px; text-align: center; }
		.dt-sc-social-icons a:hover i { color: #fff; }
		
		.dt-sc-social-icons a.facebook:hover, ul#team-section li p a.facebook:hover { -webkit-box-shadow: inset -30px 0 0 0 #3b5998; -moz-box-shadow: inset -30px 0 0 0 #3b5998; box-shadow: inset -30px 0 0 0 #3b5998; }
		.dt-sc-social-icons a.twitter:hover, ul#team-section li p a.twitter:hover { -webkit-box-shadow: inset -30px 0 0 0 #55acee; -moz-box-shadow: inset -30px 0 0 0 #55acee; box-shadow: inset -30px 0 0 0 #55acee; }
		.dt-sc-social-icons a.google:hover, ul#team-section li p a.google:hover { -webkit-box-shadow: inset -30px 0 0 0 #dd4b39; -moz-box-shadow: inset -30px 0 0 0 #dd4b39; box-shadow: inset -30px 0 0 0 #dd4b39; }
		.dt-sc-social-icons a.pinterest:hover, ul#team-section li p a.pinterest:hover { -webkit-box-shadow: inset -30px 0 0 0 #cc2127; -moz-box-shadow: inset -30px 0 0 0 #cc2127; box-shadow: inset -30px 0 0 0 #cc2127; }
		.dt-sc-social-icons a.youtube:hover, ul#team-section li p a.youtube:hover { -webkit-box-shadow: inset -30px 0 0 0 #e52d27; -moz-box-shadow: inset -30px 0 0 0 #e52d27; box-shadow: inset -30px 0 0 0 #e52d27; }
		.dt-sc-social-icons a.linkedin:hover, ul#team-section li p a.linkedin:hover { -webkit-box-shadow: inset -30px 0 0 0 #0976b4; -moz-box-shadow: inset -30px 0 0 0 #0976b4; box-shadow: inset -30px 0 0 0 #0976b4; }
		.dt-sc-social-icons a.dribbble:hover, ul#team-section li p a.dribbble:hover { -webkit-box-shadow: inset -30px 0 0 0 #ea4c89; -moz-box-shadow: inset -30px 0 0 0 #ea4c89; box-shadow: inset -30px 0 0 0 #ea4c89; }
		.dt-sc-social-icons a.flickr:hover, ul#team-section li p a.flickr:hover { -webkit-box-shadow: inset -30px 0 0 0 #ff0084; -moz-box-shadow: inset -30px 0 0 0 #ff0084; box-shadow: inset -30px 0 0 0 #ff0084; }
		.dt-sc-social-icons a.tumblr:hover, ul#team-section li p a.tumblr:hover { -webkit-box-shadow: inset -30px 0 0 0 #35465c; -moz-box-shadow: inset -30px 0 0 0 #35465c; box-shadow: inset -30px 0 0 0 #35465c; }
		
		/*----*****---- << Boxed Styles >> ----*****----*/
	
		h6 { letter-spacing: 4px;}
		
		.boxed { background-attachment: fixed; }
		
		.boxed .mockup-slider #home.content, .boxed .grid-slider #home.content, .boxed .content-type6.full-height #home.content, .boxed .video-slider #home.content { height: auto; }
		
		::i-block-chrome, .boxed .video-slider #home.content { height: 100%; margin-bottom: -20%; }
		
		.boxed #header, .boxed .wrapper { width:1260px; margin:0 auto; float:none; }
		.boxed .wrapper .type-1 #header-sticky-wrapper.sticky-wrapper #header { width:1260px; }
		
		.boxed #header.type3 { display: inline-block; }
		
		.boxed .grid-slider.index-3 #home.content { margin-bottom: 0; }
		
		.boxed #panel { float: none; width: 1260px; overflow: hidden; left: 0; margin: 0px auto; }
		.boxed .wrapper { width:1260px; margin:0 auto; float:none; }
		
		.boxed .dt-sc-service-carousel .dt-sc-carousel li h2, .boxed .dt-sc-carousel li p { width: 95%; }
		.boxed .dt-sc-service-carousel .dt-sc-carousel li h2 { font-size: 34px; margin-bottom: 10px; }
		
		.boxed .dt-sc-portfolio figcaption a.zoom span:after { border-right: 50px solid transparent; }
		.boxed .dt-sc-portfolio figcaption a.like span:after { border-left: 50px solid transparent; }	
		.boxed .dt-sc-portfolio figcaption a.comment span:after { border-right: 50px solid transparent; }
		.boxed .dt-sc-portfolio figcaption a.view span:after { border-left: 50px solid transparent; }
		
		.boxed .dt-sc-portfolio figcaption a span:before { font-size: 12px; }
		.boxed .dt-sc-portfolio figcaption a.zoom span:before { margin-left: 3px; margin-top: 3px; }
		.boxed .dt-sc-portfolio figcaption a.comment span:before { margin-left: 3px; margin-bottom: 3px; }
		.boxed .dt-sc-portfolio figcaption a.like span:before { margin-right: 3px; margin-top: 3px; }
		.boxed .dt-sc-portfolio figcaption a.view span:before { margin-right: 3px; margin-bottom: 3px; }
		
		.boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame { width: 30%; }
		.boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame li a { padding: 5.8% 3%; }
		.boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame h5, .boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame h6 { width: 71%; }
		.boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame .icon { margin: 42px 25px 0px 20px; }
		.boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame-content { width: 70%; }
		
		.boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame-content .column { width: 100% !important; }
		.boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame-content .column .column { width: 49% !important; }
		.boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame h6 span { font-size: 12px; }
		
		.boxed .dt-sc-tabs-vertical-frame-content .tab-content img, .boxed .logo.logostatic { display: none; }
		
		.boxed .dt-sc-portfolio.width1 { width: 15.65%; }
		.boxed .dt-sc-portfolio.width2 { width: 17.2%; }
		.boxed .dt-sc-portfolio.width4 { width: 34.34%; }
	
	/*----*****---- << Back To Top >> ----*****----*/

	#toTop { display:none; text-decoration:none; position:fixed; bottom: 30px; right:30px; overflow:hidden; width: 48px; height: 48px; border: 4px solid; text-indent:100%; background:url(images/ui.totop.png) no-repeat left top; z-index:9999; 
	transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); }
	#toTop:hover { border-radius: 25%; }	
	#toTop:active, #toTop:focus { outline:none;	}
	
	/*----*****---- << 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) {
	#toTop { background-image:url(images/ui.totop%402x.png); background-size: 40px; }
	.dt-sc-parallax-section { background-attachment: scroll !important; background-position: top !important; -webkit-background-size: auto !important; -moz-background-size: auto !important; background-size: auto !important; }
	.intro-parallax.dt-sc-parallax-section h3, .intro-parallax.dt-sc-parallax-section h3 a { color: #fff; }
	}
	
	/*----*****---- << Loader Style >> ----*****----*/
	
	#loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999999; text-align: center; overflow: hidden; background-size: cover; background-position: center center; background-position: center bottom; 
	background: #252525; }
	#loader-wrapper .large-header h1 { text-transform: none; font-size: 35px; font-style:italic; font-weight: 300; color: #252525; bottom: 0; right: 0; left: 0; margin: 0; position: absolute; width: 100%; padding: 20px 10px; font-weight: 300; }
	#loader-wrapper .large-header h1.top { top: 0; bottom: auto; }
	#loader-wrapper .large-header h1 span {  font-weight: 600; }
	
	/*----*****---- << Style Picker >> ----*****----*/
	
	.dt-style-picker-wrapper { position:fixed; z-index: 9999999; left:0px; top:150px; backface-visibility: hidden; -webkit-backface-visibility: hidden;  }
	
	#dt-style-picker { background:#ffffff; float:left; position:absolute; top:0px; z-index:1; margin:0px; padding: 10px; text-align:center; border: 1px solid; }
	#dt-style-picker h3 { font-size: 16px; padding: 10px 0 15px; float:left; width:100%; margin:0px; text-transform:uppercase; }
	
	#dt-style-picker ul { float:left; margin:0px; padding:0px; text-align:center; width:225px; }
	#dt-style-picker ul li { display:inline-block; display:inline; list-style-type:none; padding:0px; margin:0px 0px 6px 0px;}
	#dt-style-picker ul li a { padding:2px; display:inline-block; margin:0px; line-height:0; border:1px solid #ffffff;  }
	#dt-style-picker ul li a.selected, #dt-style-picker ul li a:hover { border:1px solid; }
	
	#dt-style-picker ul.layout-picker , #dt-style-picker #pattern-holder {  border-bottom: 1px solid; float: left; }
	#dt-style-picker ul.layout-picker {  padding-bottom: 15px; }
	#dt-style-picker #pattern-holder { padding-bottom: 5px; }
		
	#dt-style-picker ul.layout-picker li img { border:1px solid #f1f1f1; }
	
	#dt-style-picker ul.color-picker li , #dt-style-picker ul.pattern-picker li { display: inline; list-style-type: none; padding: 0px; margin: 0px 4px 5px 0px; width: 40px; height: 40px; float: left; 
	transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
	#dt-style-picker ul.color-picker li img , #dt-style-picker ul.pattern-picker li img { border: none; width: 25px; height: 25px; }
	
	.style-picker-ico:after, .style-picker-ico:before { top: 68%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute;	pointer-events: none; z-index: -1; left: 0; }
	.style-picker-ico:after { border-color: rgba(136, 183, 213, 0);	border-left-color: #ffffff;	border-width: 50px;	margin-top: -50px; }
	.style-picker-ico:before { border-color: rgba(221, 221, 221, 0); border-width: 51px; margin-top: -51px; }
	
	.style-picker-ico { position:absolute; top:50px; left: 246px; z-index: 2; width: 23px; }
	.style-picker-ico img { margin-left: 7px; margin-top: 32px; -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; }		
	
	@keyframes rotating {
	0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); }
	100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); }
	}
	
	@-webkit-keyframes rotating {
	0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); }
	100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); }
	}
	
	@-moz-keyframes rotating {
	0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); }
	100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); }
	}
	
	@-ms-keyframes rotating {
	0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); }
	100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); }
	}
	
	@-o-keyframes rotating {
	0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); }
	100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); }
	}