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

@import "css/reset.css";

/*----*****---- << Table of Contents >> ----*****----*/
/*
	1. General
		01. Fonts
		02. Headings
		03. Transition
		05. Text Elements
		06. Tables
		07. Definition Lists
		08. Forms
		09. Images
		010. Widgetsdarkpink
		
	2. Layout
		01. Container
		02. Header
		03. Topbar
		04. Menu
		05. Breadcrump
		05. Main
			001. Slider 
			002. Fullwidth Section
			003. Welcome Text 
			004. Blog
			005. Pagination
			006. Intro Text
			007. Excercises
			008. Events
			009. Animate Number
			0010. Portfolio
			0011. Workouts Slider
			0012. TimeTable
			0013. Contact
			0014. Clients
			0015. FAQ
			0016. 404
			0017. totop
			0018. Style Picker
		06. Footer
*/
/*----*****---- << Table of Contents End >> ----*****----*/

/*----*****---- << 1. General >> ----*****----*/
	
	body {
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
    background: #ffffff;
    color: #1a1a1a;
}
	*{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
	
	/*----*****---- << 01. Fonts >> ----*****----*/
	
	body, 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, select, input[type="search"], #main-menu ul.menu a.dt-menu-expand, #main-menu ul.menu li .menu-item-widget-area-container ul.menu li a, .dt-sc-toggle-frame-set h5, .dt-excersise-detail h6, .dt-sc-team.type1 h6, h5.dt-sc-toggle, .breadcrumb-wrapper .breadcrumb h4, .dt-sc-tabs-frame-content .dt-sc-fancy-list li h5, .dt-sc-tabs-frame-content h2, .dt-sc-paralax.full-mac h2, .dt-sc-parallax-section h3, .dt-sc-parallax-section h4, .dt-sc-pro-title h3, .faq-search input[type="submit"], .section-title2, .section-title3, .dt-excersise-detail h4, .widget-intro-text .dt-sc-button /** Neww **/ , .dt-excersises p.count, .full-pattern h2, .full-pattern h4 { font-family: 'Roboto', sans-serif; }	
	
	h1.section-title, h2.section-title, h3.section-title, h4.section-title, h5.section-title, h6.section-title, #main-menu > ul > li > a, .megamenu-child-container > ul.sub-menu > li > a, .megamenu-child-container > ul.sub-menu > li > .nolink-menu, .menu-item-widget-area-container .widget .widgettitle h3, .dt-sc-button, .dt-sc-ico-content.type5 h4, .dt-sc-pr-tb-col.type3 .dt-sc-tb-title h3, .dt-sc-pr-tb-col.type3 .dt-sc-tb-title p span, .dt-sc-ico-content.type3 h3, .dt-sc-ico-content.type2 h4, .dt-sc-event .event-detail h2, .dt-sc-animate-num h4, .dt-sc-team.type1 h4, .dt-sc-ico-content.type4 h3, .portfolio-title h4, .intro-text.type2 h4, .dt-sc-ico-content.type5 h3, .blog-post .blog-detail h2, .dt-sc-ico-content.type6 h4, .dt-sc-testimonial .author h4, .dt-sc-ico-content.type7 h3, .welcome-txt.type2 h3, .breadcrumb-wrapper h1, .dt-sc-progress .dt-sc-bar-text > span, input[type="submit"], input[type="reset"], button, input[type="button"], .dt-sc-titled-box h6.dt-sc-titled-box-title, h2.section-title1, h3.section-title1, h4.section-title1, h5.section-title1, h6.section-title1, .full-contact h3, .secondary-sidebar .widget .widgettitle h3, .megamenu-child-container > ul.sub-menu > li > .widgettitle > a, .type2 .dt-sc-testimonial cite h4 /* New*/, h1, h2, h3, h4, h5, h6, .border-title h6, #footer .widgettitle, .dt-sc-ico-content.type4 h2 a, .dt-sc-callout-box.type6 h4, .dt-sc-callout-box.type7 h4, .dt-sc-callout-box.type7 h4, .dt-sc-callout-box h4, .dt-sc-num-count p, .dt-excersise-detail h5, .dt-sc-team.type2 h3, .dt-sc-team.type2 .team-detail h4, .timetable-head li, .timetable p, .dt-sc-bmi-frm label, .dt-sc-event-thumb span, .workouts-muscle ul li, .footer-widgets-wrapper .widgettitle, .back-to-top, .dt-sc-bmi-frm .bmi-result label, .dt-sc-bmi-frm [name="txtbmi"], .fancyInline, .post-nav-container .prev-post, .post-nav-container .next-post { font-family: 'Roboto Condensed', sans-serif; }
	
	.dt-sc-testimonial-carousel li, .dt-sc-testimonial h4 span, #contact-form.type2 input[type="text"], #contact-form.type2 input[type="email"], #contact-form.type2 textarea, #contact-form.type2 select { font-family: 'Open Sans', sans-serif; }
	.dt-sc-testimonial h4 { font-family: 'Open Sans Condensed', sans-serif; }

	h1.section-title, h2.section-title, h3.section-title, h4.section-title, h5.section-title, h6.section-title { font-weight:500; text-transform:uppercase; color:#1a1c19; }
	
	.section-title2 { font-weight:600; text-transform:uppercase; margin-bottom:20px; }
	.section-title2.type1 { text-transform:capitalize; }
	.section-title2.type2 { text-transform:none; }
	.section-title3 { text-transform:uppercase; font-size:18px; line-height:24px; margin-bottom:25px; }
	.section-title3 span { font-size:34px; }
	
	/*----*****---- << 02. Headings >> ----*****----*/
	
	h1, h2, h3 {
    color: #0077b6;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 20px;
}
	h2, h3 {
    color: #0077b6;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 1px;
    margin-top: 15px;
}

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#0077b6; }

	h4,{
    color: #2b2b2b;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 15px;
		
}

	h5{
    color: #FF8C00;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 5px;
		
}
	h6 {
    color: #2b2b2b;
    font-weight: 800;
    line-height: normal;
    margin-bottom: 8px;
		
}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#0077b6; }
	
	h1{ font-size:30px; }
	h2{ font-size:26px; }
	h3{ font-size:24px; }
	h4{ font-size:20px; }
	h5{ font-size:18px; }
	h6{ font-size:16px; }
	
	h1.border-title { font-size:32px; }
	h3.border-title { font-size:28px; background-position:0 7px; }
	h4.border-title { font-size:20px; }
	h5.border-title { font-size:23px; background-position:0 4px; }
	h6.border-title { font-size:20px;  background-position:0 1px; }
	
	.border-title.aligncenter {
    text-align: center;
    margin-bottom: 10px;
}
	
	.border-title.alignright { text-align:right; margin-bottom:40px; width:100%; }
	.border-title {
    margin-bottom: 20px;
}
	.border-title, .widgettitle { background:url(images/title-pattern.png) repeat-x scroll 0 10px rgba(0, 0, 0, 0); display:block; font-size:30px; text-transform:uppercase; }
	.widgettitle { background:url(images/widget-title.png) repeat-x 0px 5px; }
	.secondary-sidebar .widgettitle { background-position:0px 11px; }
	
	.border-title span { background:#fff; padding:0 12px 0px 0px; }
	.border-title.aligncenter span { padding:0 12px 0px 12px; }
	.border-title.alignright span { padding:0 0px 0px 12px; }
	
	/*----*****---- << 03. Transition >> ----*****----*/
	
	a, input[type=submit], button, input[type=button], input[type="reset"], .dt-sc-ico-content.type4 .icon span, .dt-sc-ico-content.type3 .icon, .dt-sc-ico-content.type5 .icon, h5.dt-sc-toggle:before, h5.dt-sc-toggle-accordion:before, .dt-sc-ico-content.type8 .icon, .dt-sc-ico-content.type7 .icon, .dt-sc-ico-content.type6 .icon, .dt-sc-callout-box .icon, .entry-details .entry-metadata p a span, ul.products li .product-details .price .amount, .dt-gallery figure > img, .widget ul li:before, .dt-sc-gift-card .price, .dt-sc-gift-card h4, .dt-sc-ico-content.type1 .icon, .dt-sc-ico-content.type1 .image img, .blog-entry .entry-thumb img, .dt-sc-team.type1, .dt-sc-gift-card .image img, .dt-gallery .image-overlay .links .views, ul.products li .product-title h3, #main-menu ul li.menu-item-simple-parent ul li, .page-link a span, .portfolio, .dt-sc-ico-content.type2 .icon, .dt-sc-ico-content.type2, .dt-sc-button:hover, .blog-overlay, .dt-sc-testimonial .author img, .dt-sc-pro-detail .dt-sc-pro-content h3, .dt-sc-programs .dt-sc-pro-detail, .dt-sc-pro-detail .dt-sc-pro-content, .dt-excersises, .dt-excersises .dt-excersise-detail, .dt-excersises .dt-excersise-meta, .dt-sc-event, .dt-sc-event .event-thumb img, .galler-thumbnail li img, .megamenu-child-container .dt-sc-pro-thumb .programs-overlay, .dt-sc-team.type2 .team-detail, .dt-sc-team.type2 .dt-sc-social-icons, .full-add img, .dt-sc-team.type2 h3, .add1 img, .header4 #logo, .header4 #logo img, .dt-sc-ico-content.type8 .icon-overlay, .dt-sc-ico-content.type8, #footer .widget .recent-posts-widget li:hover, .dt-excersises.type1 .dt-excersise-thumb img { -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; }
	
	.social-share-icons li img { transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; }
	
	@keyframes rotating { from { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); }
	 						to { transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); } }
	@-webkit-keyframes rotating { from { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); }
	 						to { transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); } }
	.dt-sc-popular-procedures:hover .image:before, .dt-sc-testimonial:hover .author span:before, .dt-sc-team:hover .image:before { -webkit-animation: rotating 0.1s linear infinite; -moz-animation: rotating 0.1s linear infinite; -ms-animation: rotating 0.1s linear infinite; -o-animation: rotating 0.1s linear infinite; animation: rotating 0.1s linear infinite; }
	.dt-sc-gift-card:hover .image img, .dt-sc-gift-card.selected .image img { -moz-transform: scale(1.1) rotate(0deg) translate(0px); -webkit-transform: scale(1.1) rotate(0deg) translate(0px); -o-transform: scale(1.1) rotate(0deg) translate(0px); transform: scale(1.1) rotate(0deg) translate(0px); }
	
	.add1 .add-offer:after { transition:all 0.4s cubic-bezier(0.74, 0.01, 0, 1) 0s; }

	/*----*****---- << 05. Text Elements >> ----*****----*/
	
	a { text-decoration:none; }
	a:hover { color:#868686; }
	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; }	
	ul, ol, pre, code{
    margin-bottom: 0px;
}
	
	ul{ list-style-type:square; 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; padding-left:20px; padding-top:10px; }
	ol li { padding-bottom:10px; }
	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; background:#fcfcf7; }
	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; }
	
	/*----*****---- << 06. Tables >> ----*****----*/
	
	table{ border-collapse:separate; border-spacing:0; margin-bottom:20px; width:100%; clear:both;  border:1px solid #e6e6e6; border-bottom:0px; }
	th{ color:#ffffff; border-bottom:1px solid #d6d5c9; padding:15px; font-size:14px; line-height:normal; font-weight:600; text-transform:uppercase; text-align:left; }
	td{ border-bottom:1px solid #e6e6e6; background:#f6f6f6; font-size:14px; line-height:normal; text-align:left; padding:13px 15px; }
	tbody tr:nth-child(2n+1) td { background:#fff; }
	tbody td .dt-sc-button.small { padding:7px 14px; font-size:12px; margin:0px; }
	table.without-border { border:0; }
	table.without-border td { border:0; }
	
	/*----*****---- << 07. 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; }	
		
	/*----*****---- << 08. 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:#ffffff; border:1px solid #e5e5d8; color:#6a695e; padding:14px 16px; display:block; font-size:14px; margin:0px 0 16px; width:100%; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
	input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="range"]:focus, input[type="date"]:focus, textarea:focus, input.text:focus, input[type="search"]:focus { border-color:#dadada; }
	textarea { margin-bottom:15px; }
	
	textarea { height:180px; 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; }
	
	/*----*****---- << 09. 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; margin-right: 20px; }
	.alignright, img.alignright { display: inline; float: right; margin-left: 20px; }
	.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:0px; }
	
	.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; }
	
	/*----*****---- << 010. Widgets >> ----*****----*/
	.widget { float:left; width:100%; padding:0px 0px 50px; margin:0px; }
	
	.widget .widgettitle { position:relative; display:inline-block; width:100%; margin-bottom:30px; }
	.widget .widgettitle h3, .megamenu-child-container > ul.sub-menu > li > .widgettitle > a { position:relative; text-transform:capitalize; font-size:22px; float:left; clear:both; background:#fff; padding-right:10px; margin-bottom:5px; }
	.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:#4d4d4d; 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:1px; left:0px; content: "\f0c1"; color:#4d4d4d; }
	
	.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:35px; line-height:35px; border-top:1px solid #f4f4f4; }
	.widget.widget_archive ul li { padding-left:25px; }
	.widget.widget_categories ul li:last-child { border-bottom:1px solid #f4f4f4; }
	.widget.widget_categories ul li:before { content:"\f0a9"; left:10px; }
	.widget.widget_categories ul li span, .widget.widget_archive ul li span { position:absolute; right:10px; top:1px;  }
	.widget.widget_categories ul li a { display:block; }
	
	.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 .recent-posts-widget ul li h4, .widget.widget_popular_entries ul li h6 { font-size:16px; line-height:20px; text-transform:none; margin:0px 0px 8px 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; color:#bdbdbd; }
	.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:"\f124"; }
	.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 .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 { font-size:14px !important; background:#ffffff; border:1px solid #e5e5d8; color:#37251b; margin:0px 1px 10px 0px; text-transform:lowercase; display:inline-block; padding:5px 20px; position:relative; }
	.widget.widget_tag_cloud .tagcloud a:hover, .widget.widget_product_tag_cloud .tagcloud a:hover { background:#cdccbb url(images/btn-bg.png) left top repeat-x; z-index:1; border:1px solid #c5c4b4; color:#ffffff; }
	#footer .tagcloud a:hover { color:#fff; }
	
	.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; }
	
	/*----*****---- << Newsletter widget >> ----*****----*/
	.widget .subscribe-frm, .widget.widget_search #searchform { position:relative; float:left; width:100%; }
	.widget .subscribe-frm input[type="email"], .widget.widget_search #searchform input[type="text"] { float:left; padding:15px 58px 15px 12px; margin-bottom:0; border-color:#f4f4f4; }
	.widget .subscribe-frm input[type="submit"], .widget #searchform input[type="submit"] { background-image:url(images/submit.png); background-position: center; background-repeat:no-repeat; display:block; text-indent:-9999px; font-weight:normal; padding:14px 22px; border-radius:0 3px 3px 0px; position:absolute; right:0; bottom:1px; min-height:50px; }
	
	.widget ul.tweet_list li { padding-top:0px; padding-bottom:18px; line-height:22px; margin-bottom:15px; border-bottom:1px solid #f2f2f2; }
	footer .widget ul.tweet_list li { border-bottom:1px solid #222; }
	.widget ul.tweet_list li:before { content: "\f099"; font-size: 18px; color:#15b2f8; top: 0px; }
	.widget ul.tweet_list li a { display:inline-block; }

	#footer .widget .recent-posts-widget ul li h4 a { color:#f4f4f4; }
		
	@media screen and (-webkit-min-device-pixel-ratio:0) { 
		/* Safari only override */
		::i-block-chrome,.widget .recent-portfolio-widget li h6 { display:inline; }
		#buddypress div.item-list-tabs ul li.last select { padding-right:45px; }
	}
@media screen and (max-width:800px){
	widget{
		display: none;
	}	
	
}
	
	
	
	.widget .rev_slider_wrapper { clear:both; }
	
	.widget_rss .rsswidget img { display:none; }
	.widget.widget_rss li { margin-bottom:15px; }
	.widget.widget_rss li:last-child { margin-bottom:0; }
	.widget.widget_rss li a { font-weight:bold; line-height:24px; }
	.widget.widget_rss .widgettitle a:hover { color:#37251b; }
	.widget.widget_rss .rss-date { clear:both; display:block; margin:0px 0px 10px; }
	.widget.widget_rss .rss-date, .widget.widget_rss cite { color:#ac9d8e; }	
	.widget.widget_rss li:before { content:"\f09e"; top:0px; }

	.secondary-sidebar .dt-sc-popular-procedures-wrapper { background-color:#ffffff; }
	
	
/*----*****---- << 2. Layout >> ----*****----*/
	/*----*****---- << 01. Container >> ----*****----*/
	.container { width:1320px; margin:0 auto; position:relative; clear:both; }
	
	.wrapper { clear:both; width:100%; margin:0px; padding:0px;  overflow:hidden; }
	.boxed .wrapper { width:1260px; margin:0 auto; float:none; }
	.inner-wrapper { margin:0px; width:100%; float:left; padding:0px; background:#fff; }
	
	.boxed .is-sticky #header, .boxed .top-bar, .boxed .main-menu-container, .boxed #header-wrapper .ha-header-color .main-menu-container, .boxed .header4 #logo, .boxed #header-wrapper .header4 .main-menu-container, .boxed .social-media-container { width:1320px; }
	.boxed .top-bar { float:none; margin:0 auto; min-height:45px; }
	.boxed .sticky-wrapper { min-height:90px; }

/* Reserve header height at all times so the sticky-nav script never leaves
   a gap above/below the header when it switches to position:fixed. */
.sticky-wrapper { min-height: 130px; }
	.boxed .main-menu-container .main-menu { top:0; }
	.boxed .header4 .top-bar { min-height:45px; }
	.boxed .header4 #logo { display:table; float:none; margin:0 auto; }
	
	.fullwidth-section, #logo a, #slider, .dt-gallery, sub, sup { line-height:0; }
	.fullwidth-section .container, .widget_tweetbox .tweet { line-height:22px; }
	
	/*----*****---- << 02. Header >> ----*****----*/
	#header-wrapper { float:left; width:100%; margin:0px; padding:0px; z-index:9499; }
	#header { width:100%; margin:0px; padding:0px; float:left; position:relative; z-index:9499; }
	.main-menu-container, .social-media-container { margin:0 auto; width:1320px; position:relative; }
	.main-menu-container .main-menu {
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(95, 95, 95, 0.1);
    display: inline-block;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 9;
    padding: 0 50px;
}
	
	#logo { float:left; display:inline; padding:0px; margin:20px 0px 0px 0px; text-align:center; }
	#logo a { width:100%; display:block; }
	#logo a img { backface-visibility:hidden; -webkit-font-smoothing: antialiased; }

	#header .container { backface-visibility: hidden; }

	/*----*****---- << 03. Topbar >> ----*****----*/
	.top-bar { float:left; clear:both; width:100%; margin:0px; padding:0px; background:#000; min-height:90px; }
	
	.top-right { float:right; margin:0px; padding:0px; font-size:12px; }	
	.top-right ul { float:left; margin:13px 0px 0px 0px; padding:0px; color:#a5a38c; line-height:20px; }
	.top-right ul li { display:inline-block; padding:0px; margin:0px; border-right:1px solid #4d4d4d; }
	.top-right ul li:last-child { border-right:0; }
	.top-right ul li a { padding:0 10px; float:left; }
	.top-right .fa { margin-right:6px; }
	.top-bar p, .top-bar a { color:#d2d1d0; }
	
	.top-bar .dt-sc-contact-info { background:#3c3c3c; float:left; padding:0 20px; width:auto; }
	.top-bar .dt-sc-contact-info > p { font-size: 12px; padding-left: 0; margin-bottom:0; line-height:45px; }
	.top-bar .dt-sc-contact-info p .fa { margin-right: 6px; }
	.top-bar ul.contact-details li { border-right:1px solid #a5a38c; padding:0px 10px 0px 0px; margin:0px 10px 0px 0px; }
	.top-bar ul.contact-details li:last-child { padding:0px; margin:0px; border:none; }
	
	.top-bar ul.cart-details { float:right; color:#685e58; }
	.top-bar ul.cart-details li a { color:#685e58; }
	.top-bar ul.cart-details li { border-left:1px solid #a5a38c; padding:0px 0px 0px 10px; margin:0px 0px 0px 6px;}
	.top-bar ul.cart-details li:first-child { padding:0px; margin:0px; border:none; }
	
	
	/*----*****---- << Header Options >> ----*****----*/
	#header-wrapper #header.header2 .main-menu-container .main-menu { background-color:#1a1c19; }
	#header.header2 #main-menu ul.menu > li > a { color:#b2b2b2; }
	
	.main-menu-wrapper.header4 { margin-top:20px; padding-top:22px; }
	
	#header .header-right-content { float:right; padding:9px 0px 0px; }
	#header .dt-sc-social-icons { float:left; width:auto; clear:none; margin:6px 0px; padding-bottom:3px; }
	#header .dt-sc-social-icons li { background:#f4f4f4; margin:0px 5px 0px 0px; }
	#header .dt-sc-social-icons li a { width:30px; height:30px; line-height:30px; }
	
	#header .dt-sc-social-icons li img:first-child { display:block; }
	#header .dt-sc-social-icons li img:last-child { display:none; }
	#header #searchform, #primary #searchform { float:left; margin:0px 20px 0px 0px; }
	#header #searchform input[type="text"], #primary #searchform input[type="text"] { width:auto; font-size:12px; float:left; margin:0px 15px 0px 0px; }
	#header #searchform input[type="submit"], #primary #searchform input[type="submit"] { border-radius:5px; padding:11px 15px; margin:0px; border-color:#c5c4b4; }
	
	@media screen and (-webkit-min-device-pixel-ratio:0) {
	 #header #searchform input[type="text"], #primary #searchform input[type="text"] { padding:12px 20px 10px;  }
	}
	
	#main-menu ul.menu > li > a i { display:inline-block; margin-right:10px; line-height:90px; }
	
	.is-sticky .top-bar, .is-sticky .header-right-content { display:none; }
	.is-sticky .main-menu-wrapper { background:none; padding-top:0px; margin-top:0px; }
	.is-sticky #header { padding-top:0px; }
	
	.is-sticky #header-wrapper .main-menu-container .main-menu { position:inherit; top:0; }
	
	#header-wrapper .ha-header-color .main-menu-container { width:100%; }
		
	.header4 .top-bar .dt-sc-contact-info { margin-bottom:0; }
	#header4 .top-bar { min-height:45px; margin-bottom:20px; }
	#header4 #logo { display:block; margin:0 auto 20px; float:none; }
	#header4 #header-wrapper-sticky-wrapper { height:90px !important; }
		
	#header4 .breadcrumb-wrapper { padding-top:0px; }
	#header4 .breadcrumb-wrapper .breadcrumb { margin-top:9px; }
	
	.header4 #logo { background:#fff; width:100%; text-align:center; padding-bottom:21px; padding-top:21px; margin-top:0; position:relative; z-index:9; float:left; border-bottom:1px solid #e3e3e3; }
	.ha-header-color .header4 #logo { display:none; }
	
	#header-wrapper .header4 .main-menu-container { width:100%; float:left;  }
	.boxed #header-wrapper .header4 .main-menu-container { float:none; }
	#header-wrapper .header4 .main-menu-container .main-menu { position:inherit; top:0; float:none; }
	#header-wrapper .header4 .main-menu-container .main-menu #main-menu, .header4 #main-menu ul.menu > li { float:none; }
	.header4 #main-menu ul.menu > li:first-child { background:none; }
   
	.main-menu-container, .main-menu-container .main-menu { transition: all 0.5s ease 0s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; }
	
	.sticky-wrapper { left:0; top:0; width:100%; float:left; padding:0; z-index:999; }
	
	.ha-header-color .main-menu-container .main-menu { top:0; } 
	.ha-header-color .top-bar { display:none; }
	
	/************* Menu ************/
	.main-menu-wrapper { width:100%; float:left; clear:both; background:url(images/header-border.png) left top repeat-x; padding:27px 0px 0px; margin:15px 0px 0px; }
	
	@media only screen and (max-width: 767px) {
		.is-sticky .main-menu-wrapper { background:url(images/header-border.png) left top repeat-x; padding:27px 0px 0px; margin:15px 0px 0px; }
	}
	
	#main-menu { float:right; margin:0px; padding:0px; position:relative; z-index:100; line-height:normal; }
	#main-menu ul.menu { float:left; margin:0px; padding:0px; text-align:center; width:100%; }
	#main-menu ul.menu > li { margin:0px; padding:0px; display:inline-block; position:relative; float:left; }
	#main-menu ul.menu > li > a { display:inline-block; padding:0px; margin:0px 25px; font-size:16px; font-weight:bold; line-height:90px; color:#685e58; text-transform:uppercase; }
	#main-menu ul.menu > li:last-child > a { margin-right:0; }
	
	/****** Simple Drop Down Menu *****/
	#main-menu ul li.menu-item-simple-parent:hover > ul, #main-menu ul li.menu-item-simple-parent > ul > li:hover ul, #main-menu ul li.menu-item-megamenu-parent:hover > .megamenu-child-container { display:block; }
	#main-menu ul li.menu-item-simple-parent ul, #main-menu ul li.menu-item-simple-parent ul li ul, #main-menu ul li.menu-item-simple-parent ul li ul li ul { display:none; text-align:left; }
	
	#main-menu ul li.menu-item-simple-parent ul { width:220px; background:#ffffff; padding:0px; position:absolute; top:90px; left:0px; float:left; z-index:1; box-shadow:0 5px 4px rgba(0, 0, 0, 0.1); }
	
	#main-menu ul li.menu-item-simple-parent ul li {
    display: block;
    padding-top: 0px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 0px;
    position: relative;
} 
	#main-menu ul li.menu-item-simple-parent ul li a { color:#36251e; position:relative; padding:10px 0px 10px 10px; display:block; }
	#main-menu ul li.menu-item-simple-parent ul li:last-child > a { border:none; }
	
	#main-menu ul li.menu-item-simple-parent ul li ul { left:220px; top:-10px; border-top:0px; }
	
	#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(7) ul { right:0px; left:inherit; }
	#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, #main-menu ul li.menu-item-simple-parent:nth-child(7) ul li ul { right:220px; left:inherit; }
	
	#main-menu ul li.menu-item-simple-parent ul li a .fa { margin-right:5px; }
	
	#main-menu > ul > li.current_page_item > a { position:relative; }
	#main-menu > ul > li.current_page_item > a:before { content:""; border-top:5px solid; position:absolute; left:0; top:0; float:left; width:100%; }
	
	#main-menu ul li.menu-item-simple-parent ul > li:hover, #main-menu ul li.menu-item-simple-parent ul > li.current_page_item, .megamenu-child-container ul.sub-menu > li > ul li:hover, .megamenu-child-container ul.sub-menu > li.current_page_item { background:#f4f4f4; }
	
	/****** Mega Menu *****/
	#main-menu ul.menu > li > .megamenu-child-container { display:none; }
	
	.megamenu-child-container { background:#fff; padding:10px 10px 0px; position:absolute; top:90px; left:0px; float:left; z-index:99; box-shadow:0 5px 4px rgba(0, 0, 0, 0.1); }
	
	.megamenu-child-container, #main-menu ul li.menu-item-simple-parent ul.sub-menu { border-top:3px solid; }
	
	.megamenu-2-columns-group .megamenu-child-container { width:520px; }
	.megamenu-3-columns-group .megamenu-child-container { width:770px; }
	.megamenu-4-columns-group .megamenu-child-container { width:1020px; }
	
	.megamenu-child-container > ul.sub-menu > li { width:220px; padding:5px 15px 0px 15px; float:left; display:inline; box-sizing:content-box; }
	
	.megamenu-2-columns-group .megamenu-child-container > ul.sub-menu > li.menu-item-fullwidth { width:490px; display:block; }
	.megamenu-3-columns-group .megamenu-child-container > ul.sub-menu > li.menu-item-fullwidth { width:740px; display:block; }
	.megamenu-4-columns-group .megamenu-child-container > ul.sub-menu > li.menu-item-fullwidth { width:970px; display:block; }
	
	.megamenu-child-container > ul.sub-menu { padding:0px; margin:0px; text-align:left; }
	.megamenu-child-container > ul.sub-menu > li .widgettitle { display:inline-block; width:100%; position:relative; }
	.megamenu-child-container > ul.sub-menu > li > a, .megamenu-child-container > ul.sub-menu > li > .nolink-menu, .megamenu-child-container > ul.sub-menu > li > .widgettitle > a { color:#302521; text-transform:capitalize; font-weight: 500; margin-bottom:20px; display:block; font-size:18px; background:#fff; position:relative; padding-right:10px; }
	
	.megamenu-child-container > ul.sub-menu > li > .nolink-menu:before { content:""; background: #f4f4f4; float: left; height: 1px; position: absolute; top: 50%; width: 160px; }
	.megamenu-child-container > ul.sub-menu > li > .nolink-menu:after { background:#ffffff; border: 1px solid #f4f4f4; border-radius: 13px; content: ""; float: left; height: 13px; position: absolute; top: -7px; width: 13px; left:20px; }
	
	.megamenu-child-container > ul.sub-menu > li a .fa { margin-right:5px; }
	
	.megamenu-child-container > ul.sub-menu > li > a .menu-item-description, .menu-item-description { color:#b1b1b1; display:block; font-weight:normal; padding:0px; }
	.dt-megamenu-custom-content { display:block; padding:10px 0px 0px; }
	
	.megamenu-child-container ul.sub-menu > li > ul { padding:0px; margin:0px; }
	.megamenu-child-container ul.sub-menu > li > ul li, .megamenu-child-container ul.sub-menu ul li { display:block; padding:0px; }
	
	.megamenu-child-container ul.sub-menu > li > ul li, .megamenu-child-container ul.sub-menu > li > ul li a { clear:both; }
	
	.menu-item-widget-area-container, .megamenu-child-container, #main-menu ul li.menu-item-simple-parent ul li a {
    font-size: 14px;
}
	.megamenu-child-container ul.sub-menu > li > ul li > a, .megamenu-child-container ul.sub-menu > li .menu-item-widget-area-container > ul li > a { color:#36251e; position:relative; padding-top:10px; padding-bottom:10px; display:block; padding-left:10px }
	.megamenu-child-container ul.sub-menu > li .menu-item-widget-area-container > ul li a.dt-sc-button { display:inline-block; }
	#main-menu .megamenu-child-container ul.sub-menu > li .menu-item-widget-area-container > ul li a.dt-sc-button, #main-menu .megamenu-child-container ul.sub-menu > li .menu-item-widget-area-container > ul li a.dt-sc-button:hover { color:#fff; }
	.megamenu-child-container ul.sub-menu > li .menu-item-widget-area-container > ul li .textwidget ul li > a:before, #main-menu ul li.menu-item-simple-parent ul li a:before, .megamenu-child-container ul.sub-menu > li > ul li a:before { content: "\f105"; padding-right: 7px; font-family:FontAwesome; }
	
	.megamenu-child-container ul.sub-menu > li > ul li:last-child a { border:none; }
	
	.megamenu-child-container ul.sub-menu > li > ul > li > ul { padding-left:20px; }
	
	.megamenu-child-container > ul.sub-menu > li.fulwidth-image-link > .nolink-menu { padding:0px; }
	.megamenu-child-container > ul.sub-menu > li.fulwidth-image-link ul.sub-menu { padding-top:0px; }
	.megamenu-child-container > ul.sub-menu > li.fulwidth-image-link img { max-width:100%; }
	
	/****** Mega Menu Widgets *****/
	.menu-item-widget-area-container { width:100%; margin:0px; padding:0px; }
	.menu-item-widget-area-container ul { padding:0px; margin:0px; }
	.menu-item-widget-area-container .widget { padding:0px; display:inline; }
	.menu-item-fullwidth .widget { display:inline; margin:0px 10px 20px 10px; width:220px; padding:0px; }
	.megamenu-2-columns-group .menu-item-fullwidth .widget { width:215px; }
	
	.menu-item-widget-area-container .widget table { margin-bottom:0px; }
	.menu-item-widget-area-container textarea { height:120px; }
	
	.menu-item-widget-area-container .widget .widgettitle { font-size:18px; letter-spacing:1px; font-weight:300; margin-bottom:20px; margin-top:20px; }	
	.menu-item-widget-area-container ul li.widget:first-child .widgettitle { margin-top:0px; }
	
	.menu-item-widget-area-container .widget ul li a, .menu-item-widget-area-container .widget ul li:before { color:#36251e; }
	.menu-item-widget-area-container .widget ul li:before { top:13px; }
	.menu-item-widget-area-container .widget table { margin-bottom:0px; }
	
	.menu-item-widget-area-container .widget #wp-calendar td { background:none; }
	#main-menu ul li .menu-item-widget-area-container .widget.widget_tag_cloud .tagcloud a:hover, #main-menu ul li .menu-item-widget-area-container .widget.widget_product_tag_cloud .tagcloud a:hover { color:#ffffff; }
	
	.menu-item-widget-area-container .widget.flickrbox .flickr-widget div { max-width:66px; }
	.menu-item-widget-area-container .widget.widget_rss li a { font-weight:normal; }
	
	.menu-item-widget-area-container .widget .widgettitle a:hover { color:#37251b; }
	
	.menu-item-widget-area-container .widget #searchform { position:relative; margin:0px; }
	.menu-item-widget-area-container .widget #searchform input[type="submit"] { position:absolute; right:-25px; }
	.menu-item-widget-area-container .widget #searchform input[type="text"] { width:85%; }
	.menu-item-widget-area-container .widget.woocommerce.widget_product_search label { display:none; }
	
	.menu-item-widget-area-container li.widget.widget_text ul li:before { content:""; }
	.menu-item-widget-area-container li.widget.widget_text ul li { padding:10px 0 10px 10px; }
	
	.menu-item-widget-area-container li.widget ul li:last-child { border:none; }
	
	#main-menu ul.menu li .menu-item-widget-area-container ul.menu { text-align:left; }
	#main-menu ul.menu li .menu-item-widget-area-container ul.menu li a { font-size:14px; line-height:normal; font-weight:normal; text-transform:none; padding:0px; clear:both; }
	#main-menu ul.menu li .menu-item-widget-area-container .widget.flickrbox .flickr-widget div a { line-height:0px; }
	#main-menu ul.menu li .menu-item-widget-area-container ul.menu li { padding:10px 0px 10px 35px; clear:both; display:block; }
	#main-menu ul.menu li .megamenu-child-container .menu-item-widget-area-container ul.sub-menu > li > ul li { padding:10px 0 10px 35px; }
	#main-menu ul.menu li .megamenu-child-container .menu-item-widget-area-container ul.sub-menu > li > ul li a { padding:0px; }
	#main-menu ul.menu li .megamenu-child-container .menu-item-widget-area-container ul.sub-menu > li > ul { margin-top:10px; }
	
	.menu-item-widget-area-container .widget.woocommerce ul.product_list_widget li .amount, .menu-item-widget-area-container .widget.woocommerce ul.product_list_widget li .reviewer { display:inline-block; margin:5px 0px 0px; }
	
	.menu-item-widget-area-container .type2 .dt-sc-testimonial .author img { height:60px; top:6px; width:60px; }
	.menu-item-widget-area-container .type2 .dt-sc-testimonial .author span { margin-top:0px; float:left; }
	.menu-item-widget-area-container .type2 .dt-sc-testimonial .author span img { max-width:60px; }
	.menu-item-widget-area-container .type2 .dt-sc-testimonial cite a { font-size:14px; font-weight:bold; text-transform:uppercase; font-style:normal; margin-bottom:5px; }
	
	.megamenu-child-container .type2 .dt-sc-testimonial blockquote q { font-size:12px; padding-left:0; font-weight:normal; line-height:28px; }
	.megamenu-child-container .type2 .dt-sc-testimonial blockquote q:before { position:inherit; }
	.megamenu-child-container .type2 .dt-sc-testimonial blockquote q:before, .megamenu-child-container .dt-sc-testimonial blockquote q:after { font-size:12px; font-style:italic; }
	
	.menu-item-widget-area-container .dt-sc-testimonial cite { display: inline-block; padding-left: 0; padding-top: 19px; width:150px; }
	.menu-item-widget-area-container .dt-sc-testimonial blockquote { padding-bottom:20px; }
	.menu-item-widget-area-container .dt-sc-testimonial blockquote q { text-align:left; }
	
	.menu-item-widget-area-container .dt-sc-contact-info { margin-bottom:10px; }
	.menu-item-widget-area-container .dt-sc-contact-info i { width:10%; margin:2px 0px 0px; text-align:left; }
	.menu-item-widget-area-container .contact-link .dt-sc-contact-info span { width:0px; }
	.menu-item-widget-area-container .dt-sc-contact-info span, .menu-item-widget-area-container .dt-sc-contact-info p, .menu-item-widget-area-container .dt-sc-contact-info a { width:90%; margin-right:0px; }
	.menu-item-widget-area-container .contact-address { border-bottom:1px dashed; padding-bottom:10px; margin-bottom:20px; float:left; clear:both; width:100%; }
	
	.menu-item-widget-area-container .blog-entry .entry-thumb { margin-bottom:0; }
	
	.megamenu-child-container .dt-sc-programs { text-align:center; margin-bottom:0; }
	.megamenu-child-container .dt-sc-programs .dt-sc-pro-detail .dt-sc-button { float:none; margin-top:20px; }
	.megamenu-child-container .dt-sc-pro-thumb { position:relative; }
	.megamenu-child-container .dt-sc-pro-thumb .programs-overlay { height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; filter:alpha(opacity=0); }
	.megamenu-child-container .dt-sc-programs:hover .programs-overlay { opacity:0.9; filter:alpha(opacity=90); }
	.megamenu-child-container .dt-sc-pro-title { bottom: 0; height: 45px; margin: auto; position: absolute; top: 0; width: 100% }
	.megamenu-child-container .dt-sc-pro-title h3, .megamenu-child-container .dt-sc-pro-title > span { color:#fff; }
	
	/****** Mobile Menu *****/
	.dt-menu-toggle { display:none; color:#ffffff; font-size:16px; font-weight:bold; text-transform:uppercase; padding:10px 15px; cursor:pointer; margin:20px 0px 0px; }
	.dt-menu-toggle-icon { background:#ffffff; display:inline-block; float:right; height:2px; margin-top:14px; position:relative; text-align:left; width:20px; }
	.dt-menu-toggle-icon:before, .dt-menu-toggle-icon:after { content:""; position:absolute; background:#ffffff; height:2px; width:20px; left:0px; top:-5px; }
	.dt-menu-toggle-icon:after { top:5px; }
	
	.dt-menu-expand { font-size:16px !important; display:none !important; position:absolute !important; right:0px; top:0px; line-height:normal; padding:0px !important; text-align:center; line-height:37px !important; cursor:pointer; width:37px; height:37px; font-weight:bold; }
	#main-menu ul li.menu-item-simple-parent .dt-menu-expand:before { content:none; }
	
	/* New Mega Menu Widget area styles */
   .megamenu-child-container > ul.sub-menu > li.fill-two-columns { width:470px; }
   .megamenu-child-container > ul.sub-menu > li.fill-three-columns { width:720px; }
   .megamenu-child-container > ul.sub-menu > li.fill-four-columns { width:970px; }
   
   .megamenu-2-columns-group .megamenu-child-container > ul.sub-menu > li.fill-three-columns, .megamenu-2-columns-group .megamenu-child-container > ul.sub-menu > li.fill-four-columns { width:480px; }
   .megamenu-3-columns-group .megamenu-child-container > ul.sub-menu > li.fill-four-columns { width:730px; }
   
   .megamenu-4-columns-group .megamenu-child-container ul.sub-menu li.fill-two-columns.menu-item-fullwidth .widget { width:465px; }
   .megamenu-4-columns-group .megamenu-child-container ul.sub-menu li.fill-three-columns.menu-item-fullwidth .widget { width:303px; }
   .megamenu-3-columns-group .megamenu-child-container ul.sub-menu li.fill-two-columns.menu-item-fullwidth .widget { width:340px; }	
   
	/*----*****---- << Breadcrump >> ----*****----*/
	.breadcrumb-wrapper { background:#fff; display:inline-block; width:100%; padding-top:0px; margin-top:0px; border-bottom:1px solid #f4f4f4; float:left; }
	.breadcrumb-wrapper h1 { text-transform:uppercase; font-size:40px; float:left; }
	.breadcrumb-wrapper .breadcrumb { text-align:right; padding:5px 0 8px; float:right; margin-top:11px; }
	.breadcrumb-wrapper .breadcrumb a, .breadcrumb-wrapper .breadcrumb h4 { display:inline-block; }
	.breadcrumb-wrapper .breadcrumb h4 { margin-bottom:0; color:#9e9c9c; font-size:14px; font-weight:normal; }
    .breadcrumb-wrapper .breadcrumb span.default { background: url(images/breadcrumb-seperator.png) no-repeat; display: inline-block; height: 10px; margin: 0px; width: 6px; }

	.breadcrumb-wrapper blockquote { float:right; clear:none; background:transparent; color:#fff; width:40%; text-align:right; padding:0; }
	.breadcrumb-wrapper blockquote q { font-style:normal; }
	.breadcrumb-wrapper blockquote cite { color:#9e9c9c; font-style:italic; line-height:normal; }
	
	/*----*****---- << Main >> ----*****----*/
	#main { background-color:#ffffff; width:100%; margin:0px; padding:0px; float:left; }
	#main-content { background-color:#ffffff; position:relative; float:left; width:100%; }
	#main-content:before { background:url(images/main-cnt-left.png) no-repeat; content:""; width:210px; height:445px; display:block; left:0; position:absolute; top:0; z-index:1; }
	#main-content:after { background:url(images/main-cnt-right.png) no-repeat; content:""; width:217px; height:404px; display:block; right:0; position:absolute; top:0; z-index:1; }
	
	#primary { width:770px; margin:0px; padding:0px; float:left; z-index:2; position:relative; }
	#primary.content-full-width { width:100%; }
	#primary.page-with-left-sidebar { float:right; margin-left:30px; }
	#primary.page-with-right-sidebar { float:left; margin-right:30px; }
	#primary.page-with-both-sidebar { width:590px; float:left; margin:0px 20px; }
	
	.secondary-sidebar, #secondary-right, #secondary-left { width:320px; margin:0px; float:left; padding:0px; z-index:2; position:relative; }
	#secondary-right.secondary-has-right-sidebar { float:right; }
	#secondary-left.secondary-has-left-sidebar { float:left; }
	#secondary-left.secondary-has-both-sidebar, #secondary-right.secondary-has-both-sidebar { margin:0px; width:270px; }	 
	 
	#secondary { width:370px; margin:0px 0 0 30px; float:left; padding:0px; }
	#secondary.left-sidebar { margin: 0 20px 0 0; }
	
	.side-navigation { width:27%; float:left; margin:0px 2% 0px 0px; padding:0px; }
	.side-navigation-content { width:71%; float:left; margin:0px; padding:0px; }
	
		/*----*****---- << Slider >> ----*****----*/
		#slider { float:left; clear:both; width:100%; margin:0px; padding:0px; position:relative; z-index:1; }
		#slider img { max-width:100%; margin-top:0px; }

		/* Collapses the empty/broken leftover LayerSlider placeholder found on
		   inner pages (an unpopulated .ls-wp-container with no real slide
		   content) so page content starts right under the header, matching
		   the homepage. Does not affect the real, populated homepage slider. */
		#slider .ls-wp-container[style*="height:63px"],
		#slider .ls-wp-container:not(:has(img)) {
			display: none !important;
		}
		
		/*----*****---- << Fullwidth Section >> ----*****----*/
		.fullwidth-section.dark-bg h1, .fullwidth-section.dark-bg h2, .fullwidth-section.dark-bg h3, .fullwidth-section.dark-bg h4, .fullwidth-section.dark-bg h5, .fullwidth-section.dark-bg h6, .fullwidth-section.dark-bg h1 a, .fullwidth-section.dark-bg h2 a, .fullwidth-section.dark-bg h3 a, .fullwidth-section.dark-bg h4 a, .fullwidth-section.dark-bg h5 a, .fullwidth-section.dark-bg h6 a, .fullwidth-section.dark-bg a:hover { color:#ffffff; }
			
		.fullwidth-section { width:100%; clear:both; margin:0px; padding:0px; float:left; position:relative; }
		
		.full-service { background:url(images/pattern1.png) repeat-x; padding:10px 0px 10px 0px; }
		.full-pattern  { background:url("images/texture.png") repeat #908E8E; padding:50px 0px; }
		.full-pattern1 { background:url("images/texture.png") repeat #F4F3F3; padding:20px 0px; }
		.full-pattern2 { background:url() repeat #f9b460; padding:20px 10px; }
		.full-pattern3 { background:url() repeat #16294d; padding:0px 0px; }

/* Hero illustration — nudged down for better vertical balance in the banner */
.full-pattern3 .dt-sc-pro-thumb img {
	margin-top: 45px;
}
		.full-pattern4 { background:url() repeat #0a2342; padding:0px 0px; } 
		.full-pattern6 { background:url() repeat #cac6a9; padding:0px 0px; } 

		.full-paralax4 { background:url(images/paralax-5.png) no-repeat center; padding:25px 0 0; min-height:470px; }
		.full-paralax4 .container, .full-paralax4 .column { position:static; }
		.full-paralax4 img { position: absolute; bottom: 0px; }
		.full-pattern5 { background:url(http://placehold.it/1920x680&text=Parallax) no-repeat scroll 0 0 / cover rgba(0, 0, 0, 0); padding:60px 0px; overflow:hidden; }
		.paralx-bg { background:url(images/paralax.jpg) repeat; background-attachment:fixed; padding:60px 0px; }
		
		.full-pattern h2 { font-size:28px; text-transform:uppercase; color:#1a1c19; line-height:30px; margin-bottom:22px; }
		.full-pattern h4 { font-weight:300; font-size:20px; }
		.full-pattern h4 { color:#333732; }
		.full-pattern p { line-height:24px; font-size:12px; color:#a5a5a5; }
		
		.full-pattern5:after { content: ""; display: block; height: 695px; position: absolute; right: 0; top: 0; width: 54%;   -ms-transform: skew(-20deg,0deg); /* IE 9 */ -webkit-transform: skew(-20deg,0deg); /* Chrome, Safari, Opera */ transform: skew(-20deg,0deg); /* Standard syntax */ }
		.full-pattern5 .dt-sc-one-half:last-child .alignright { width:85%; }
		.full-pattern5 .dt-sc-one-half:last-child { text-align:lef; }
		.full-pattern5 p { font-size:16px; line-height:34px; }
		
		.full-add.top-banner { margin-top:-100px; z-index:9; }
		
		.full-pattern5 .border-title { width:90%; }
		.full-pattern5 h2, .full-pattern5 p, .full-pattern5 a { color:#fff; z-index:1; position:relative; }
		.full-pattern5 a { text-decoration:underline; }
		.full-pattern5 a i { margin-left:5px; }
		
		.full-paralax4 .dt-sc-bmi-frm-detail { background:transparent; }
		
		.full-testimonial, .service-full-bg { background:url(http://placehold.it/1920x680&text=Parallax) repeat; background-attachment: fixed; }
		.full-testimonial { padding:60px 0px 50px; color:#6a6a6a; }
		.full-grey { background-color:#f2f2f2; padding:60px 0px 50px; }
		.full-man {
    	background: url("images/bg-enq.webp") fixed;
			
			
			
    padding: 50px 0px;
}
		.full-contact { background:url("images/bg-enq.webp") fixed; padding:50px 0px; }
		.full-mac { background:url(images/pattern4.png) repeat #0a1114; color:#fff; }
		.ful-ico-content { background:url(images/paralx-2.jpg) repeat; padding:60px 0px; }
		
		.full-testimonial ul, .full-pattern ul { display:inline-block; width:100%; margin-bottom:25px; }
		.full-pattern ul { margin-top:10px; margin-bottom:15px; }
		.full-testimonial ul li, .full-pattern ul li { display: inline-block; margin-right: 30px; }
		.full-pattern4 .section-title, .full-pattern4 p { color:#f4f4f4; }
		
		.fullwidth-section.full-service .icon p, .fullwidth-section.full-service .icon h3, .fullwidth-section.full-service .icon span { color:#fff; }
		.fullwidth-section.full-man .container, .fullwidth-section.full-man .column, .fullwidth-section.paralx-bg .container, .fullwidth-section.paralx-bg .column { position:static; }
		.fullwidth-section.full-man img { position:absolute; bottom:0; margin-bottom:0; }
		.fullwidth-section.full-man h3.section-title {
    color: #fff;
    margin-bottom: 30px;
}
		
		.dt-sc-tabs-frame-content h2 { font-size:30px; font-weight:300; color:#8c8c8c; }
		.dt-sc-tabs-frame-content .dt-sc-fancy-list li h5 { font-size:14px; font-weight:bold; color:#8c8c8c; margin-bottom:10px; }
		.dt-sc-tabs-frame-content .dt-sc-fancy-list li:before { top:3px; }
	
		.full-guy { position:absolute; bottom:0px; }
		
		/*----*****---- << Mac >> ----*****----*/
		.full-mac { position:relative; }
		.full-mac img { position:absolute; top:-120px; right:0; }
		
		.dt-sc-paralax.full-mac h2, .dt-sc-paralax.full-mac .dt-sc-ico-content.type4.dark h3 { color:#fff; }
		
		/*----*****---- << Welcome Text >> ----*****----*/	
		.welcome-txt { text-align:center; }
		.welcome-txt h3 { font-size:28px; font-weight:500; margin-bottom:25px; text-transform:uppercase; color:#1a1c19; }
		.welcome-txt p { line-height:30px; color:#8c8c8c; }
		.welcome-txt a.dt-sc-button { margin:25px 5px 0px 5px; }
		
		/*----*****---- << Blog >> ----*****----*/
		.tpl-blog-holder.apply-isotope { float:left; width:100%; }
		.tpl-blog-holder .column { margin-left:0; }
		.blog-entry { width:100%; margin:0px 0px 30px; padding:0px; float:left; clear:both; position:relative; border:1px solid #e6e6e6; }
		.blog-entry.blog-single-entry { border:0; }
		.blog-entry.blog-single-entry .blog-entry-inner { background:transparent; }
		.blog-entry.blog-single-entry .entry-thumb { margin-bottom:15px; }
		.blog-entry.blog-single-entry h4 { margin-bottom:20px; margin-top:10px; font-size:24px; }
		.blog-thumb .blog-entry { border:0; }
		.blog-entry .entry-title { padding: 20px 20px 18px; display:inline-block; width:100%; }
		.blog-entry .entry-thumb { display:block; width:100%; position:relative; float:left; overflow:hidden; }	
		.blog-entry .entry-meta { position:absolute; top:0; left:0; width:70px; text-align:center; line-height:18px; }
		.blog-entry .entry-meta .date { background-image:url(images/date-bg.png); background-repeat:no-repeat; padding:18px; text-transform:uppercase; color:#fff; }
		.blog-entry .entry-meta .date:before { content:""; border:1px solid #fff; display:inline-block; width:59px; position:absolute; left:5px; top:5px; height:88%; }
		.blog-entry .entry-meta .date span { font-weight:800; font-size:30px; }
		
		.blog-entry .entry-metadata .tags { text-transform:uppercase; font-size:12px; margin-bottom:0px; display:inline-block; }
		.blog-entry .entry-metadata .tags, .blog-entry .entry-metadata .tags a { color:#9a9a9a; }
		.blog-entry .entry-metadata .post-meta { display:inline-block; }
		.blog-entry .entry-metadata .post-meta p { display:inline-block; margin-right:10px; margin-bottom:0; }
		.blog-entry .entry-metadata .post-meta p span { margin-right:5px; }
		.blog-entry h4 { margin-bottom:0px; font-size:18px; text-transform:uppercase; }
		.blog-entry h4 a { color:#4d4d4d; }
		
		.blog-thumb .entry-metadata h4 { margin-bottom:18px; }
		.page-with-both-sidebar .blog-thumb .entry-metadata h4 { margin-bottom:10px; }
		.blog-entry .entry-body { display:inline-block; padding:20px; position:relative; }
		
		.entry_format { font-family:FontAwesome; }
		
		.format-gallery .entry_format:after { content:"\f030"; }
		.format-video .entry_format:after { content:"\f008"; }
		.format-aside .entry_format:after { content:"\f036"; }
		.format-chat .entry_format:after { content:"\f086"; }
		.format-quote .entry_format:after { content:"\f10d"; }
		.format-audio .entry_format:after { content:"\f001"; }
		.format-link .entry_format:after { content:"\f0c1"; }
		.format-standard .entry_format:after { content:"\f15c"; }
		.format-image .entry_format:after { content:"\f03e"; }
		.format-status .entry_format:after { content:"\f075"; }
		
		.blog-entry .entry-thumb img { float:left; width:100%; transition: all 2.0s ease;  -webkit-transition: all 2.0s ease;  -moz-transition: all 2.0s ease;  -o-transition: all 2.0s ease;  -ms-transition: all 2.0s ease; transform: scale(1.15); transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; }
		.blog-entry .entry-thumb .blog-slider-wrapper img { transform: none; }
  		
		.page-with-sidebar .tpl-blog-holder > .dt-sc-one-third { width:31.6%; }
		.page-with-sidebar.page-with-both-sidebar .tpl-blog-holder > .dt-sc-one-third { width:100%; }
		.page-with-sidebar .tpl-blog-holder > .dt-sc-one-half { width:48.7%; }
		.page-with-sidebar.page-with-both-sidebar .tpl-blog-holder > .dt-sc-one-half { width:48%; }
		
		.blog-overlay > a span {  bottom: -26px; height: 26px; margin: auto; position: absolute; width: 100%; color:#fff; font-size:25px; left:0; right:0;  }
		
		.sticky .featured-post, .featured-post { margin-bottom:15px; color:#fff; height:34px; display:inline-block; line-height:34px; font-size:14px; padding: 0 5px; background-image:url(images/button-bg-small.png); background-repeat:no-repeat; font-size:13px; }
		.sticky .featured-post span, .featured-post span { border: 1px solid rgba(255, 255, 255, 0.5); padding: 2px 5px; border-radius:5px; }
		.blog-thumb .sticky .featured-post { top:105px; }
		
		/** Blog hover **/
		.blog-entry:hover .entry-thumb img { transform:scale(1); }
		.blog-single-entry.blog-entry:hover .entry-thumb img { transform:scale(1.15); }
		.blog-overlay { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 9; opacity:0; filter:alpha(opacity=0);  text-align:center; }
		.blog-entry:hover .blog-overlay { opacity:.1; filter:alpha(opacity=.1); }
		
		.blog-overlay::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(top, rgba(51,51,51,0) 0%, rgba(51,51,51,0.8) 75%); background: linear-gradient(to bottom, rgba(51,51,51,0) 0%, rgba(51,51,51,0.8) 75%); content: ''; opacity: 0; -webkit-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; opacity:0; filter:alpha(opacity=0); }
	
		.blog-entry:hover .blog-overlay::before { opacity: 1;  -webkit-transform: scale(1); transform: scale(1);-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); filter:alpha(opacity=1); }
		.blog-entry:hover .blog-overlay { background:#D8CACA\9; }
		
		/*******New blog hover *******/
		span.image-overlay-inside { position:absolute; font-size:24px; border-radius:50px; height:80px; width:80px; line-height:80px; left:50%; top:50%; margin:-40px 0 0 -40px; z-index:500; text-align:center; color:#fff; }
		.image-overlay span.image-overlay-inside:before { content: "\f133"; }
		span.image-overlay-inside:before { position:absolute; border-radius:50px; height:60px; width:60px; line-height:60px; left:50%; top:50%; margin:-35px 0 0 -35px; z-index:500; text-align:center; color:#fff;  font-family:FontAwesome; }
		
		.blog-entry:hover .blog-overlay span.image-overlay-inside { -webkit-animation:avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);-moz-animation:avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);animation:avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); }
		
		.format-gallery .image-overlay-inside:before { content:"\f030"; }
		.format-video .image-overlay-inside:before { content:"\f008"; }
		.format-aside .image-overlay-inside:before { content:"\f036"; }
		.format-chat .image-overlay-inside:before { content:"\f086"; }
		.format-quote .image-overlay-inside:before { content:"\f10d"; }
		.format-audio .image-overlay-inside:before { content:"\f001"; }
		.format-link .image-overlay-inside:before { content:"\f0c1"; }
		.format-standard .image-overlay-inside:before { content:"\f040"; }
		.format-image .image-overlay-inside:before { content:"\f03e"; }
		.format-status .image-overlay-inside:before { content:"\f075"; }
	
		@-webkit-keyframes avia_pop {
			0% {
				-webkit-transform:scale(0.8)
			}
			100% {
				-webkit-transform:scale(1)
			}
			}
			@-moz-keyframes avia_pop {
			0% {
				-moz-transform:scale(0.8)
			}
			100% {
				-moz-transform:scale(1)
			}
			}
			@keyframes avia_pop {
			0% {
				transform:scale(0.8)
			}
			100% {
				transform:scale(1)
			}
			}
			@-webkit-keyframes avia_pop_small {
			0% {
				-webkit-transform:rotate(-175deg) scale(0.2)
			}
			100% {
				-webkit-transform:rotate(0deg) scale(1)
			}
			}
			@-moz-keyframes avia_pop_small {
			0% {
				-moz-transform:rotate(-175deg) scale(0.2)
			}
			100% {
				-moz-transform:rotate(0deg) scale(1)
			}
			}
			@keyframes avia_pop_small {
			0% {
				transform:rotate(-175deg) scale(0.2)
			}
			100% {
				transform:rotate(0deg) scale(1)
			}
		}
		
		/*----*****---- << Blog Thumb >> ----*****----*/
		.blog-thumb .entry-thumb { float: left; margin: 0 2% 0 0; padding: 0; position: relative; width: 33%; }
		.blog-thumb .entry-metadata { clear: none; float: left; margin: 0; padding: 0; width: 65%; }
		.page-with-sidebar.page-with-both-sidebar .blog-thumb .entry-thumb, .page-with-sidebar.page-with-both-sidebar .blog-thumb .entry-metadata { width:100%; }
		
		/*----*****---- << Blog author Details >> ----*****----*/	
		.author-info { display:inline-block; clear:both; width:100%; margin-top:30px; position:relative; } 
		.author-info .thumb { margin:0px 15px 0px 0px; float:left; position:absolute; left:0; }
		.author-info .author-desc { padding-left:100px; }
		
		.author-info img { border-radius:2px; }
		.author-title { display:inline-block; margin-bottom:15px; }
		.author-title p { margin-bottom:0; font-size:15px; }
		.author-title p span { font-style:italic; font-size:13px; text-transform:none; }
		.author-title p a { font-weight:bold; }
		.author-title span { text-transform:uppercase; color:#aeaeae; }
		.author-title span i { margin-right:5px; }
		.author-desc sub { float:right; font-size:13px; }
		
		/*----*****---- << Blog Comment Entries >> ----*****----*/	
		.commententries { width:100%; float:left; margin:30px 0px 0px; padding:0px; }
		ul.commentlist { float:left; margin:20px 0px 20px 0px; padding:0px 0px 20px 0px; list-style:none; border-top:0px; width:100%; }
		ul.commentlist li { display:block; float:none; list-style:none; border:none; margin:0px 0px 20px; padding:0px 0px 0px 115px; position:relative; clear:both; }
		ul.commentlist li ul.children { margin:10px 0px 10px; padding:0px; float:left; border:none; clear:both; width:100%; }
		ul.commentlist li .respond { margin-left:69px; }
		
		ul.commentlist li .comment-details { position:relative; padding:0px 0px 10px; margin:0px 0px 10px; }
		ul.commentlist li .comment-details:before { border-bottom:1px solid #d1d1d1; bottom:0px; content:''; left:0px; position:absolute; width:100%; }
		ul.commentlist li .comment-body { margin:10px 0px 0px; } 
		ul.commentlist li .comment-author { left:0px; top:0px; position:absolute; }
		ul.commentlist li .comment-author img { max-width:90px; max-height:90px; float:left; margin:0px; border-radius:2px; }
		ul.commentlist li .author-name, ul.commentlist li .author-name a { font-size:16px; color:#303030; }
		ul.commentlist li.bypostauthor .author-name { font-weight:600; }
		
		ul.commentlist li .comment-details { display:inline-block; width:100%; }		
		ul.commentlist li .commentmetadata { font-size:12px; color:#808080; font-style:italic; text-decoration:none; }
		
		ul.commentlist li .reply { margin:0px; float:right; }
		ul.commentlist > li > ul.children li ul.children li #respond p span { display:none; }
		ul.commentlist li #respond { padding-bottom:20px; }		
		
		#respond { clear:both; }
		#respond h3#reply-title small { font-size:14px; text-transform:none; }
		#respond .dt-sc-one-half p span { width:10%; }
		#respond p { clear:both; margin-bottom:15px; }
		
		.social-share-icons { width:100%; clear:both; float:left; margin:20px 0px 0px; padding:0px; }
		.social-share-icons li { display:inline; margin:0px 10px 0px 0px; padding:0px; }
		.social-share-icons li img:hover { opacity:0.6; filter:alpha(opacity=60); }
		
		.comment-body ul li, .comment-body ol li { padding-left:0px; list-style:circle; display:list-item; }	
		
		/*----*****---- << Pagination >> ----*****----*/
		.pagination { float:left; width:100%;  margin:10px 0px 10px; padding:0px; text-align:center; }
		.pagination ul { display:inline-block; margin:0px; padding:0px; }
		.pagination ul li { float:left; display:inline; margin:0px; padding:0px; }
		.pagination ul li.active-page, .pagination ul li a { background:url(images/pagination-bg.png) no-repeat 0 0 / 100% auto; }
		.pagination .next-post a, .pagination .prev-post a { background:url(images/pagination-prev-bg.png) no-repeat 0 0 / 100% auto; }
		
		.pagination ul li a, .pagination .next-post a, .pagination .prev-post a { font-size:14px; font-weight:bold; line-height:40px; color:#fff; padding:2px 17px 0px; margin:0px 10px 0px 0px; float:left;  position:relative; z-index:1; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; position:relative; }
		
		.pagination ul li.active-page { color:#ffffff; font-size:14px; font-weight:bold; line-height:40px; padding:2px 17px 0px; margin:0px 10px 0px 0px; float:left; position:relative; }
		
		.pagination .next-post { display:inline-block; margin-left:4px; padding:0px; }
		.pagination .prev-post { display:inline-block; margin-right:4px; padding:0px; }
		
		.pagination ul li.active-page:before, .pagination ul li a:before, .pagination .next-post a:before, .pagination .prev-post a:before { content: ''; position: absolute; border:1px solid rgba(255, 255, 255, 0.5); top: 4px; left: 4px; right: 4px; bottom: 4px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity; transition-property: opacity; }
		
		.pagination ul li.active-page:before, .pagination ul li a:hover:before, .pagination .next-post a:hover:before, .pagination .prev-post a:hover:before { opacity: 1; }
		
		/*----*****---- << Intro Text >> ----*****----*/
		.intro-text.type1 { text-align:center; }
		.intro-text.type1 .border-title.aligncenter { margin-bottom:37px; }
		.intro-text.type1 p { line-height:36px; font-size:16px; margin-bottom:0; }
		.intro-text.type1 a { text-decoration:underline; }
		.intro-text.type1 a.dt-sc-button { text-decoration:none; }
		.full-pattern4.intro-text.type1 a:hover { color:#fff; }
		
		.intro-text.type2 { background:#f4f4f4; border-left:5px solid; padding:30px; display:inline-block; width:100%; }
		.intro-text.type2 .alignleft { margin-right:45px; }
		
		.intro-text.type2 h4 { margin-bottom:24px; text-transform:uppercase; font-size:21px; }
		.intro-text .dt-sc-one-fifth { text-align:center; }
		.intro-text .dt-sc-button { display: inline-block; }
		
		.dt-sc-certificate.alignleft { padding: 30px 20px 27px 215px; margin:0; }
		.dt-sc-certificate.alignright { padding: 30px 215px 27px 20px; margin:0; }
		.dt-sc-certificate.alignleft1 {
    padding: 20px 20px 2px 20px;
    margin: 0;
    border-radius: 10px;
}
		

		.dt-sc-certificate { background:#fff; border: 1px solid #fb9000; padding: 29px 20px 28px 215px; }
		.dt-sc-certificate .alignleft { float: left; left: 1px; margin-bottom: 0; position: absolute; top: 1px; }
		.dt-sc-certificate .alignright { float: left; right: 1px; margin-bottom: 0; position: absolute; top: 1px; }
		.dt-sc-certificate > h4 { margin-bottom: 20px; }
		
		.dt-sc-paralax .intro-text.type2 { background:#fff; }
		
		.intro-text.type3 p { margin-bottom:25px; }
		
		/*----*****---- << Excercises >> ----*****----*/
		.dt-excersises { float:left; width:100%; border:1px solid #e6e6e6; }
		.dt-excersises.type1 { overflow:hidden; }
		.dt-excersises .dt-excersise-thumb { float:left; width:100%; position:relative; z-index:9; overflow:hidden; }
		.dt-excersises .dt-excersise-thumb img { float:left; }
		.dt-excersise-thumb iframe { width:100%; }
		
		.dt-excersise-detail { display:inline-block; width:100%; position:relative; }
		.dt-excersise-detail > p { margin-bottom:3px; }
		.dt-sc-workout-detail .dt-excersise-detail { padding:0; }
		.dt-sc-workout-detail .dt-excersise-meta { border-bottom: 0 none; margin-bottom: 0; padding-bottom: 0; padding-left: 0; }
		.dt-excersise-meta sup { top:-6px; font-size:10px; }
		.dt-excersise-meta, .dt-excersises.type2 .dt-excersise-title, .dt-sc-workout-detail .dt-excersise-title, .dt-excersise-title.title { display:inline-block; width:100%; position:relative; padding-left:76px; }
		.dt-sc-workout-detail .dt-excersise-meta { border-bottom:1px solid #e6e6e6; margin-bottom:20px; padding-bottom:24px; }
		.dt-excersise-meta p { margin-bottom:0; }
		
		.dt-excersises p.count, .dt-sc-event-title p.count, .dt-excersise-title.title p.count { display:inline-block; width:56px; height:56px; border:3px solid #6a695e; border-radius:56px; text-align:center; line-height:19px; font-weight:500; padding-top:4px;  margin-right:15px; }
		.dt-excersises.type1 p.count { position:absolute; left:0; top:5px; }
		.dt-sc-workout-detail .dt-excersise-title p.count { position:absolute; left:0; top:0; }
		
		.dt-excersises p.count a, .dt-sc-event-title p.count a { font-size:18px; display:block; color:#4d4d4d; }
		.dt-sc-workout-detail .dt-excersise-title p.count a, .dt-excersise-title.title p.count a { color:#fff; }
		
		.dt-excersise-title.title { margin-bottom:25px; }
		.dt-excersise-title.title p.count { position:absolute; left:0; top:0px; }
		.dt-excersise-title.title h5 { display: inline-block; margin-bottom: 25px; position: relative; top: 16px; }
		
		.dt-excersises p.count a span, .dt-sc-event-title p.count a span, .dt-sc-workout-detail .dt-excersise-title p.count a span, .dt-excersise-title.title p.count span { border-top:1px solid; font-size:12px; min-width:48px; display:inline-block; margin-top:2px; }
		.dt-excersises:hover p.count, .dt-excersises:hover  p.count a, .dt-sc-event-new:hover .dt-sc-event-title p.count, .dt-sc-event-new:hover .dt-sc-event-title p.count a { color:#fff; }
		
		#footer .dt-excersise-title p a:hover { color:#fff; }
		
		.dt-excersise-detail h5 { display:inline-block; margin-bottom:10px; text-transform:uppercase; }
		.dt-excersise-detail h6 { margin-bottom:4px; font-size:14px; color:#6a695e; margin-top:8px; }
		.dt-excersise-detail > h4 { font-size: 16px; }
		
		.dt-excersises .dt-excersise-detail .dt-excersise-detail-title { -webkit-transition: -webkit-transform 0.35s, color 0.35s; transition: transform 0.35s, color 0.35s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); padding:30px 20px; }
		.dt-excersises .dt-excersise-detail-cnt p {opacity: 0; -webkit-transition: opacity 0.55s, -webkit-transform 0.55s; transition: opacity 0.55s, transform 0.55s; -webkit-transform: scale3d(0.9,0.9,1); transform: scale3d(0.9,0.9,1); }
		.dt-excersises:hover .dt-excersise-detail .dt-excersise-detail-title { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
		.dt-excersise-detail-cnt { padding: 18px 20px; position: absolute; top: 0; color:#fff; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); min-height:151px; }
		.dt-excersises:hover .dt-excersise-detail-cnt { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); height:100%; }
		.dt-excersises.type1:hover .dt-excersise-thumb img { transform:scale(1.15); }
		.dt-excersises:hover .dt-excersise-detail-cnt p { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
		
		.dt-excersises.type2 .dt-excersise-detail, .dt-sc-programs .dt-sc-pro-detail, .dt-sc-event, .blog-entry { position:relative; }
		.dt-excersises.type2 .dt-excersise-detail::before, .dt-excersises.type2 .dt-excersise-detail::after, .dt-sc-programs .dt-sc-pro-detail::before, .dt-sc-programs .dt-sc-pro-detail::after, .dt-sc-event::before, .dt-sc-event::after, .blog-entry:before, .blog-entry:after { position: absolute; top: -1px; right: -1px; bottom: -5px; left: -1px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
		.dt-excersises.type2 .dt-excersise-detail::after, .dt-sc-programs .dt-sc-pro-detail::after, .dt-sc-event::after, .blog-entry::after { border-right: 1px solid; border-left: 1px solid; -webkit-transform: scale(1,0); transform: scale(1,0); }
		.dt-excersises.type2 .dt-excersise-detail::before, .dt-sc-programs .dt-sc-pro-detail::before, .dt-sc-event::before, .blog-entry::before { border-bottom: 5px solid; -webkit-transform: scale(0,1); transform: scale(0,1); }
		.dt-sc-event::before, .blog-entry::before { border-top:1px solid; border-bottom:1px solid; }
		.dt-sc-event::before { border-bottom:1px solid; }
		.dt-excersises.type2:hover .dt-excersise-detail::before, .dt-excersises.type2:hover .dt-excersise-detail::after, .dt-sc-programs:hover .dt-sc-pro-detail::before, .dt-sc-programs:hover .dt-sc-pro-detail::after, .dt-sc-event:hover::before, .dt-sc-event:hover::after, .blog-entry:hover::before, .blog-entry:hover::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
		.dt-sc-event::before, .dt-sc-event::after, .blog-entry::after, .blog-entry::before { bottom:-1px; }
	
		.blog-single-entry::before, .blog-single-entry:after, .blog-thumb .blog-entry:before, .blog-thumb .blog-entry:after { content:none; }
		
		/*----*****---- << Excercises type2 >> ----*****----*/
		.dt-excersises.type2 .dt-excersise-meta { padding-left:0; }
		.dt-excersises.type2 .dt-excersise-thumb iframe { float:left; }
		.dt-excersises.type2 .dt-excersise-detail { display:inline-block; width:100%; margin:0; border-bottom:4px solid #e6e6e6; padding:0; }
		.dt-excersises.type2 .dt-excersise-title { border-bottom:1px solid #e6e6e6; padding:25px 20px 25px 90px; min-height:103px; margin-bottom:0; }
		.dt-excersises.type2 .dt-excersise-title p.count { position:absolute; top:25px; left:20px; }
		.dt-excersises.type2 .dt-excersises p.count, .dt-excersises.type2 .dt-excersise-detail h5 { margin-bottom:0; }
		.dt-excersises.type2 .dt-excersise-content { padding:20px 20px 30px 20px; }
		
		/*----*****---- << Support >> ----*****----*/	
		.support { position:relative; background:url(images/pattern1.png) repeat-x; padding:68px 0px }
		.support img { position:absolute; bottom:-93px; left:0; }
		.support p { color:#fff; font-size:20px; margin-bottom:0; }
		.support p span { font-weight:500; }
		
		.programs-container { float:left; width:100%; }
		form.sorting { float:right; }
		form.sorting .selection-box { min-width:300px; }
		form.sorting .selection-box:before { border-top:7px solid #838585; }
		form.sorting .selection-box:after { background-color:#f7f7f7; border-radius:0; right:1px; top:1px; height:48px; width:47px; border-left:1px solid #eaeaea; }
		form.sorting .selection-box select { border-radius:0; color:#838585; }
		
		/*----*****---- << Events >> ----*****----*/	
	.dt-sc-event {
    float: none;
    width: 100%;
    background: rgba(255,255,255,1.00);
    border: 1px solid #e6e6e6;
    
}
		.dt-sc-event .event-thumb, .dt-sc-event .event-thumb img { float:left; width:100%; }
		.dt-sc-event .event-thumb img, .dt-sc-event:hover .event-thumb img { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
		.dt-sc-event .event-detail { float:left; width:100%; padding:30px 20px 10px; }
		.dt-sc-event .event-detail h2 { font-size:18px; text-transform:uppercase; margin-bottom:22px; }
		.dt-sc-event .event-detail p { margin-bottom:20px; }
		
		.dt-sc-event.type2 { background-color: #f5f5f5; }
		.dt-sc-event.type2 .event-detail h2 { font-size:20px; }
		.dt-sc-event.type2 .event-detail { position:relative; }
		.dt-sc-event.type2 .event-detail h2 a { color:#1a1c19; }
		.dt-sc-event.type2 .event-thumb { background:url(images/event-shadow.png) no-repeat center bottom; display:block; padding-bottom:15px; }
		.dt-sc-event.type2 .event-detail { text-align:center; border:0; border-bottom:10px solid #e6e6e6; }
		
		/*----*****---- << Working Hours >> ----*****----*/
		.working-hours li { border-bottom:1px solid #e6e6e6; font-size:16px; display:inline-block; width:100%; color:#4d4d4d; padding:13px 0; }
		.working-hours li:before { content: "\f017"; font-family:FontAwesome; margin-right:15px; }
		.working-hours li span { float:right; }
		.working-hours p { font-size:13px; }
		
		/*----*****---- << Animate Number >> ----*****----*/
		.fullwidth-section.full-pattern1 .dt-sc-animate-num, .fullwidth-section.full-pattern1 .dt-sc-animate-num h4 { color:#fff; }
		.dt-sc-animate-num { display:inline-block; text-align:center; width:100%; }
		.dt-sc-num-count { border:5px solid; width:122px; height:122px; display:inline-block; border-radius:50%; font-size:28px; margin-bottom:20px; }
		.dt-sc-paralax .dt-sc-num-count { border-color:#f4f4f4; }
		.dt-sc-num-count p { line-height:112px; margin-bottom:0; }
		.dt-sc-animate-num h4 { text-transform:uppercase; margin-bottom:0; }
		
		/*----*****---- << Portfolio >> ----*****----*/
		.dt-sc-sorting-container { float:left; width:100%; text-align:center; margin-bottom:10px; }
		.dt-sc-sorting-container a { border: 1px solid #ededed; border-left:none; color: #878787; cursor: pointer;  margin: 0 -1px 0px -3px; padding: 0px 22px;  display:inline-block; line-height:50px; }
		.dt-sc-sorting-container a.first { border-left:0px solid #ededed; }	
		.dt-sc-sorting-container a.active-sort, .dt-sc-sorting-container a:hover { color:#fff; }
		.dt-sc-sorting-container a.active-sort { background:url(images/sorting-bg.png) no-repeat 0 0 / 100% auto #fff; }
		.page-with-both-sidebar .dt-sc-sorting-container a { border-left:1px solid #ededed; margin-left:10px; margin-bottom:10px; }
		
		.dt-sc-portfolio-container {
    display: inline-block;
    clear: both;
    width: 100%;
    margin-top: 20px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0px;
    z-index: 2;
}
		
		.dt-sc-portfolio-container .column { margin-left:0px; }
		.portfolio.isotope-item, .portfolio.isotope-item.column, .portfolio.isotope-item.column.first { margin-left:0px; clear:none; margin-right:0px; }
		
		.portfolio { float:left; margin-bottom:30px; overflow:hidden; }
		
		.portfolio.column { margin-bottom:30px; }
		.portfolio.column.no-space { margin-bottom:0; }
		
		.page-with-both-sidebar .portfolio.dt-sc-one-half .portfolio-title { width:77.3%; }
		.page-with-both-sidebar .portfolio.dt-sc-one-half .portfolio-detail .views { width:19%; }
		.page-with-both-sidebar .portfolio.dt-sc-one-third { width:31%; }
		.page-with-both-sidebar .portfolio.dt-sc-one-half { width:48.2%; }
		.page-with-both-sidebar.page-with-sidebar .portfolio.dt-sc-one-fourth { width:22.3%; }
		.page-with-both-sidebar.page-with-sidebar .dt-sc-one-fourth .portfolio-title { width:55.5%; }
		.page-with-both-sidebar.page-with-sidebar .dt-sc-one-fourth .portfolio-detail .views { margin-right:5px; }
		
		.dt-sc-one-fourth .portfolio-title { width: 76.5%; }
		.page-with-both-sidebar.page-with-sidebar .dt-sc-one-third .portfolio-title { width:65.5%; }
		.page-with-sidebar .dt-sc-one-fourth .portfolio-title { width:64.5%; }
		.page-with-both-sidebar.page-with-sidebar .dt-sc-one-third .portfolio-title h4, .page-with-sidebar .dt-sc-one-fourth .portfolio-title h4 { font-size:16px; text-transform:capitalize; }
				
		.portfolio .portfolio-thumb { float: left; overflow: hidden; padding: 0; position: relative; width:100%; }
		.portfolio-thumb > img { float:left; display:block; }
		
		.portfolio-title { float:left; width:71%; margin-top:3px; padding:0 3%; }
		
		.portfolio-title h4 { font-size:18px; text-transform:uppercase; }
		.portfolio-title h4, .portfolio-title p { margin-bottom:2px; }
		.portfolio-title p  a, .portfolio-title p { color:#bdbdbd; font-weight:300; font-style:italic; }
		
		.portfolio-detail { border:1px solid #e6e6e6; display: inline-block; padding:11px 0 8px; width: 100%; float:left; }
		.portfolio-detail .views { color:#bdbdbd; float:right; margin-right:10px; min-width:49px; text-align:center; }
		.views > span { line-height:28px; }
		.views > span i { font-size:18px; position:relative; top:4px; }
		.portfolio-detail .views a { color:#bdbdbd; }
		
		/** Fullwidth POrtfolio **/
		.portfolio.column.no-space.dt-sc-one-half { width:49.995%; }
		.portfolio.column.no-space.dt-sc-one-third { width:33.3%; }
		.portfolio.column.no-space.dt-sc-one-fourth { width:24.982%; }
		
		/** portfolio hover **/
		.portfolio:hover .portfolio-title h4 a, .portfolio:hover .portfolio-title p a, .portfolio:hover .portfolio-title p, .portfolio:hover .portfolio-detail .views, .portfolio:hover .portfolio-detail .views a { color:#fff; }
		.image-overlay { float: left; height: 100%; left: 0; position: absolute; top: 0; width: 100%; background:rgba(0, 0, 0, 0.7); text-align:center;  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;  -webkit-transition: all 0.3s ease-out 0.1s; -moz-transition: all 0.3s ease-out 0.1s; -o-transition: all 0.3s ease-out 0.1s;   -ms-transition: all 0.3s ease-out 0.1s; transition: all 0.3s ease-out 0.1s; }
		
		.portfolio .portfolio-thumb img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.15); transform: scale(1.15); }
		.portfolio:hover .portfolio-thumb img { opacity: 0.5; -webkit-transform: scale(1); transform: scale(1); }
		.portfolio:hover .image-overlay { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
		.portfolio .fig-overlay > p { margin-top: 20%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); }
		.portfolio:hover .fig-overlay > p { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
		
		.portfolio-detail { position:relative; float:left; width:100%; }
		.portfolio-detail:before { position:absolute; left:0; bottom:-100%; content:""; width:100%; height:100%; opacity:0; transition: all 300ms linear; z-index:0; }
		.portfolio:hover .portfolio-detail:before { bottom:0; opacity:1; }
		.portfolio:focus .portfolio-detail { overflow:visible; }
		.portfolio:hover .portfolio-detail { transition: all 1s ease-in-out; }
		.portfolio-title, .portfolio-detail .views { position:relative; z-index:1; }
		
		.home-ii .portfolio .portfolio-thumb img { min-height:253px; }
		
		/** portfolio hover ends here **/
		
		.portfolio .fig-overlay { display: inline-block; }
		.portfolio .fig-overlay > p { display: inline-block; margin-bottom: 0; margin-top:5px; text-align: center; }
		.portfolio .fig-overlay a { border:1px solid; width:48px; height:48px; line-height:48px; float:center; margin:0px 0px 0px -1px; font-size:18px; color:#fff; text-align:center; display:inline-block; }
		
		.portfolio:hover .image-overlay a span { opacity:1; filter:alpha(opacity=100); }
		
		.portfolio .fig-content-wrapper { display:table; width:100%; height:100%; }
		.portfolio .fig-overlay { display:table-cell; vertical-align:middle; }
		
		.portfolio-container .portfolio.dt-sc-one-half { width:48.9%; }
		.portfolio.dt-sc-full-width .portfolio-title { padding:0 1.5%; width:88%; }
		.portfolio.dt-sc-full-width .portfolio-detail .views { margin-right:1.5%; width:7%; }
		.portfolio.dt-sc-one-half .portfolio-detail .views { width:14.4%; }
		
		.with-sidebar .portfolio-container .portfolio.dt-sc-one-fourth { width:22.8%; }
		.with-sidebar .portfolio.dt-sc-one-fourth.isotope-item .portfolio-title h4 { font-size:12px; }
		.with-sidebar .portfolio.dt-sc-one-fourth.isotope-item .portfolio-title p { line-height:20px; font-size:11px; }
		.with-sidebar .portfolio.dt-sc-one-fourth.isotope-item .portfolio-detail { padding:5px 0; }
		.with-sidebar .portfolio.dt-sc-one-fourth.isotope-item .portfolio-detail .views { padding:2px 0px 0px; font-size:10px; margin-top:6px; }
		.with-sidebar .portfolio.dt-sc-one-fourth.isotope-item .portfolio-detail .views a { top:-5px; position:relative; }
		
		.with-sidebar .portfolio-container .portfolio.dt-sc-one-third { width:31.3%; }
		.with-sidebar .portfolio-container .portfolio.dt-sc-one-half { width:48.6%; }
		
		.isotope .column.no-space { margin-left:0; }
		
		.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;
		}
		
		ul.gallery-bx-wrapper li { list-style: none outside none; padding-bottom: 0; }
		
		.gallery-share .dt-sc-social-icons li { margin-bottom:5px; }
		.project-details { margin-bottom:25px; }
		.project-details li { padding-bottom:7px; padding-top:7px; border-bottom:1px solid #d3d3d3; display:inline-block; width:100%; line-height:20px; }
		.project-details li:last-child { border:0; }
		.project-details li .fa { padding-right:8px; margin-right:0; }
		.project-details li a { color:#8B8B8B; }
		.project-details li strong { font-weight:500; }
		
		.post-nav-container { display:inline-block; width:100%; position:relative; }
		.post-nav-container:before { position:absolute; top:50%; display:inline-block; width:100%; border-top:1px solid #e7e7e7; content:""; left:0; }
		.post-nav-container .prev-post, .post-nav-container .next-post { background:#fff; position:relative; z-index:1; text-transform:uppercase; }
		.post-nav-container .prev-post a, .post-nav-container .next-post a { color:#fff; padding:1px 10px; display:block; }
		.post-nav-container .prev-post { float:left; }
		.post-nav-container .next-post { float:right; }
		.post-nav-container p {  margin-top:7px; color:#bdbdbd; margin-bottom:0; }

		/*----*****---- << Blog Shortcodes >> ----*****----*/
		.blog-post { border:1px solid #e6e6e6; margin-bottom:30px; display:inline-block; width:100%; }
		.blog-post-inner { padding:20px; }
		.blog-post .blog-thumb { float:left; margin-right:20px; }
		.blog-post .blog-detail h2 { font-size:18px; margin-bottom:10px; }
		.blog-post .blog-detail h2 a { color:#1a1c19; }
		.blog-post .blog-detail p { font-size:13px; color:#8c8c8c; }
		
		.blog-post .blog-post-meta { background:#e6e6e6; margin-bottom:0; font-size:13px; padding-left:4px; }
		.blog-post .blog-post-meta li { display: inline-block; line-height: 50px; padding: 0 16px; }
		.blog-post .blog-post-meta li.comments { border-right: 1px solid #fff; }
		.blog-post .blog-post-meta li span { margin-right:10px; }
		.blog-post .blog-post-meta li, .blog-post .blog-post-meta li a { color:#1a1c19; }
		.blog-post .blog-post-meta li.categories a { background:#8c8c8c; padding:4px 7px 5px; border-radius:5px; color:#fff; }
		
		/*----*****---- << Workouts Slider >> ----*****----*/
		
		.bx-wrapper { position:relative; }
		.bx-controls a { bottom: 0; color: #ffffff; font-size: 0; height: 52px; margin: auto; position: absolute; top: 0; width: 52px; z-index: 501; border-radius:50%; }
		.bx-controls a.bx-prev { background: url(images/slider-prev-arrow-white.png) no-repeat scroll center center rgba(77, 77, 77, 0.7); left: 20px; }
		.bx-controls a.bx-next { background: url(images/slider-next-arrow-white.png) no-repeat scroll center center rgba(77, 77, 77, 0.7); right: 20px; }
		
		
		/* Portfolio Single */
		.portfolio-single { width:100%; margin:0px; padding:0px 0px 6px; float:left; clear:both; position:relative; }
		.portfolio-single:before { content:""; position:absolute; bottom:0px; left:0px; width:100%; height:6px; background:url(images/textured-border.png) repeat-x; }
		
		.portfolio-single-inner { background:#fcfcf7; border:1px solid #ededed; display:block; margin:0px; padding:0px; }
		.portfolio-single-details { padding:40px 20px; display:block; clear:both; }
		.portfolio-single-details h3 { font-weight:300; margin-bottom:20px; }
		.portfolio-single h4.border-title, .portfolio-single h5.border-title { text-transform:capitalize; }
		.portfolio-single h4.border-title span { position:relative; top:4px; }
		.portfolio-single h5.border-title span { position:relative; top:2px; }
		.portfolio-single .dt-sc-two-third { width:65.5%; }
		.portfolio-single .dt-sc-one-third { width:31.4%; margin-left:3.1%; }
		
		.portfolio-single-slider-wrapper, .portfolio-single-slider, .blog-slider-wrapper, .blog-slider { float:left; clear:both; margin:0px; padding:0px; width:100%; line-height:0px; }
		.portfolio-single-slider li, .blog-slider li { display:block; margin:0px; padding:0px; }
		
		.portfolio-single-slider-wrapper #bx-pager, .blog-slider-wrapper #bx-pager { float:left; display:inline; margin:30px 0px 0px; padding:0px; width:100%; text-align:center; }
		.portfolio-single-slider-wrapper #bx-pager a, .blog-slider-wrapper #bx-pager a { margin:0px 10px 5px; padding:3px; line-height:0px; display:inline-block; cursor:pointer; position:relative; }
		.portfolio-single-slider-wrapper #bx-pager a img { max-width:85px; }
		.portfolio-single-slider-wrapper #bx-pager a.active:before { border:1px solid; position:absolute; width:100%; height:100%; content:""; left:-1px; top:-1px; }
		
		/*----*****---- << TimeTable  >> ----*****----*/
		.timetable ul { margin: 0; padding: 0; font-size: 0; line-height: 0; border-bottom: 1px solid #e6e6e6; }
		.timetable ul li { display: inline-block; font-size: 16px; line-height: normal; width: 12%; color: #454345; font-weight: 500; text-align: center;  min-height: 90px; vertical-align:middle; border-right:1px solid #e6e6e6; float:left; }
		.timetable ul li a { display:block; padding: 20px 0; }
		.timetable ul li:last-child { border-right:0; }
		
		.timetable ul li span.fa-clock-o { display:inline-block; margin-right:8px; }
		
		.timetable ul li.dt-sc-table-cnt span { font-size:13px; display:block; font-weight:normal; font-style:italic; margin-top:5px; }
		.timetable ul li.dt-sc-table-cnt i { margin-right:5px; font-style:normal; }
		
		.timetable ul li:first-child { width: 16%; line-height:50px; }
		
		.timetable .timetable-head { font-weight: 700; color: #454345; display:inline-block; width:100%; border-top:1px solid #e6e6e6; }
		.timetable .timetable-head li { font-size: 18px; line-height:50px; font-weight:500; padding: 20px 0; float:left; }
		.timetable ul, .timetable-detail, .timetable-detail ul { width:100%; float:left; }
		.timetable p { font-size: 18px; line-height: 90px; margin-bottom: 0; }
		
		.timetable .timetable-text, .timetable .timetable-text a { color: #fff; }
		.timetable ul li a:hover { opacity:0.7; }
		
		.timetable-detail, .timetable-detail ul li { float:none\9; }
		/*----*****---- << Contact >> ----*****----*/
		.contact-pack { background:#f4f4f4; padding:30px 20px; position:relative; }
		.contact-pack:before { border-left: 20px solid #dadada; border-top: 20px solid rgba(0, 0, 0, 0); content: ""; height: 0; position: absolute; right: 1px; top: 0px; transform: rotate(180deg); width: 0; }
		
		.full-contact { color:#fff; }
		.full-contact h3 { font-size:22px; text-transform:uppercase; color:#fff; }
		.full-contact #contact_map { height: 245px; border-color:#ffffff; }
		.full-contact .dt-sc-contact-info.type1 i { border-color:#fff; color:#fff; }
		.full-contact a:hover { color:#fff; }
		
		.fullwidth-section > #contact_map { border:0; }
		
		#contact_map { float: left; height: 445px; padding-bottom: 4px; width: 100%; border:5px solid #e6e6e6; }
		
		#contact-form.type2 { text-align:center; }
		#contact-form.type2 input[type="text"], #contact-form.type2 input[type="email"], #contact-form.type2 textarea, #contact-form.type2 select { background:#f4f4f4; border:0; color:#8c8c8c; }
		#contact-form.type2 textarea { height:126px; }
		#contact-form.type2 select { margin-bottom:13px; }
		#contact-form.type2 input[type="submit"] { float:none; margin-top:30px; }
		
		/*----*****---- << Programs >> ----*****----*/
		.dt-sc-programs { margin-bottom:30px; float:left; width:100%; }
		
		.dt-sc-pro-thumb { float: left; width: 100%; }
		.dt-sc-pro-thumb img { float:left; }
		
		.dt-sc-programs .dt-sc-pro-detail { border:1px solid #e6e6e6; background-color: #FFFFFF; float:left; width:100%; border-bottom-width:4px; }
		.dt-sc-pro-detail .dt-sc-pro-content { border-bottom:1px solid #e6e6e6; padding:30px 20px; }
		.dt-sc-pro-title h3 { font-weight:300; margin-bottom:0px; text-transform:uppercase; font-size:22px; }
		.dt-sc-pro-title > span { font-style:italic; color:#b3b3b3; margin-bottom:24px; display:inline-block; width:100%; }
		.dt-sc-pro-detail .dt-sc-pro-content .dt-sc-fancy-list { margin-bottom:0; }
		.dt-sc-pro-detail .dt-sc-pro-content .dt-sc-fancy-list li:before { color:#6a695e; }
		
		.dt-sc-pro-detail .dt-sc-pro-price {
    padding-top: 15px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 15px;
    float: left;
    width: 100%;
}
		.dt-sc-pro-detail .pro-price-content {
    color: #4d4d4d;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: px;
    display: inline-block;
}
		.dt-sc-pro-detail .pro-price-content sup, .dt-sc-pro-detail .pro-price-content span { font-size:14px; }
		.dt-sc-pro-detail .pro-price-content span { color:#b3b3b3; font-weight:300; }
		.dt-sc-pro-detail .dt-sc-pro-price .dt-sc-button { float:right; margin-top:0; }
		
		/*----*****---- << Clients >> ----*****----*/
		.carousel_items .section-title { float:left; }
		.carousel_items { display: inline-block; width: 100%; position:relative; }
		.dt_carousel .dt-sc-one-third { margin:0 10px; }
		.carousel_items .carousel-arrows { background:#fff; position:absolute; right:0; font-size:35px; }
		.carousel-arrows a { color:#d1d0d0; float: left; margin-left: 30px; }
		
		/*----*****---- << FAQ >> ----*****----*/
		.faq-search { position:relative; }
		.faq-search input[type="text"] { width:100%; padding:14px 180px 14px 16px; border-radius:0; }
		.faq-search input[type="submit"] { position:absolute; right:1px; bottom:1px; background:#f7f7f7; font-size:14px; text-transform:none; color:#3a3a3a; border-left:1px solid #eaeaea; border-radius:0; padding:13px 26px; min-height:46px; }
		.faq-search input[type="submit"]:hover { background:#eaeaea; }
		
		/*----*****---- << 404 >> ----*****----*/
		.error-404 h2 { font-size:400px; color:#d34444; line-height:257px; }
		.error-404 h2 span { color: #e9f028; font-size: 50px; left: 0; position: absolute; right: 0; top: 67px; line-height:50px; }
		.error-404 > h3 { text-transform:capitalize; }
		.error-404 #searchform { width:100%; }
		.error-404 #searchform div { position:relative; width:50%; display:inline-block; }
		.error-404 #searchform input[type="text"] { width:100%; margin-bottom:10px; }
		.error-404 #searchform input[type="submit"] { position:absolute; right:0; }
		
		#primary .error-404 #searchform { margin-right:0; }
		#primary .error-404 #searchform input[type="text"] { width:100%; min-height:46px; }
		#primary .error-404 #searchform input[type="submit"] { border-radius:0px 5px 5px 0px; min-height:46px; }
		
		/*----*****---- << Sytle Picker >> ----*****----*/
		.dt-style-picker-wrapper { position:fixed; z-index:99999; left:0px; top:150px; }
		
		#dt-style-picker { background:#ffffff; width:225px; float:left; position:absolute; top:0px; z-index:1; margin:0px; padding:0px 0px 10px; 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:left; margin:0px; padding:0px; text-align:center; width:225px; }
		#dt-style-picker ul.layout-picker { margin-bottom:15px; }
		#dt-style-picker ul li { display:inline-block; display:inline; list-style-type:none; padding:0px; margin:0px 4px 6px 4px; }
		#dt-style-picker ul li a { background:#ffffff; border:1px solid #ffffff; padding:3px; 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 #d7d7d7; }
		#dt-style-picker ul li a img, .style-picker-ico > img{ border:1px solid #f0f0f0; }
		#dt-style-picker ul.scheme-picker li a { padding:7px; }
		#dt-style-picker ul.scheme-picker li a img { height:auto; border:0; }
		
		#dt-style-picker .hr { width:100%; height:10px; display:block; float:left; clear:both; position:relative; z-index:1; margin:3px 0px; }
		
		.style-picker-ico { background: #fff; border: 1px solid #dddddd; height: 50px; left: 175px; position: absolute; text-align: center; top: 0px; width: 50px; border-left:0; z-index:9; }
		.style-picker-ico.control-open { left:224px; }
		
		.fa.fa-cog.fa-spin { color: #000; font-size: 27px; line-height: 47px; }

		/*----*****---- << To top  >> ----*****----*/
		#toTop {  position:fixed; display:none; text-decoration:none; bottom:30px; right:30px; overflow:hidden; width:40px; height:40px; border:none; text-indent:100%; background:url(images/ui.totop.png) no-repeat left top; z-index:9999; }	
		#toTopHover { background:url(images/ui.totop.png) no-repeat left -40px; 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;	}
		
		
	/*----*****---- << Footer >> ----*****----*/
		
		#footer { float:left; width:100%; margin:0px; padding:0px; position:relative; line-height:28px; }
		#footer, #footer .widget.widget_meta ul li a, #footer .widget.widget_categories ul li a, #footer .widget.widget_text ul li a { color:#d2d1d0; }
		
		#footer p { line-height:22px; }
		#footer p, #footer .widget_tweetbox li { font-size:13px; }
		#footer .dt-sc-contact-info p { font-size:14px; }
		#footer .textwidget > p { line-height: 26px; }
		#footer .widget ul li a:hover { color:#fff; }
		#footer .widget ul.dt-sc-social-icons li a:hover, #footer .dt-sc-button:hover { color:#fff; }
		#footer .copyright a:hover { color:#000; }
		
		.footer-logo { position:absolute; width:104px; height:104px; left:0px; right:0px; top:-45px; margin:auto; background:#ffffff; border:2px solid #edeceb; border-radius:104px; }
		.footer-logo img { position:absolute; left:0px; right:0px; top:8px; margin:auto; max-width:104px; }
		
		.footer-widgets-wrapper { padding:50px 0px 0px; float:left; clear:both; margin:0px; width:100%; position:relative; z-index:1; background:#000; }
		.footer-widgets-wrapper .widgettitle { background:#222222; border-bottom:0; font-weight:normal; }
		.footer-widgets-wrapper .widgettitle:after { content:none; }
		
		.footer-widgets-wrapper .widgettitle span { background:#111; padding:15px; display:inline-block; margin-right:20px; color:#fff; position:relative; }
		.footer-widgets-wrapper .widgettitle span:after { border-bottom: 10px solid transparent; border-left: 10px solid #111; border-top: 10px solid transparent; content: ""; position: absolute; right: -10px; }
		
		#footer .widgettitle { font-size:18px; text-transform:uppercase; margin-bottom:48px; color:#fff; }
		#footer .widget.widget_nav_menu ul li { float:left; clear:both; border:none; }
		
		#footer .dt-sc-contact-info.dt-phone { float: left; margin-top: 5px; padding-left: 0; width: auto; }
		#footer .dt-sc-contact-info p i { background:#1a1c19; border: 2px solid; border-radius: 40px; height: 40px; line-height: 36px; margin-right: 8px; text-align: center; width: 40px; font-size:16px; }
		#footer .dt-sc-contact-info p span { color:#fff; font-size:16px; font-weight:500; margin-right:5px; }
		
		#footer .widget.widget_nav_menu ul li ul { margin:5px 0px; }
		.widget.widget_nav_menu ul li, .widget.widget_pages ul li { padding-left:20px; }
		
		#footer .social-media { padding:10px 0; float:left; width:100%; }
		
		#footer .social-media h3.widgettitle { margin-bottom:0; color:#fff; float:left; margin-top:12px; background:transparent; font-weight:bold; font-size:20px; }
		#footer .social-media h3.widgettitle:after { content:none; }
		#footer .social-media .dt-sc-social-icons { float:right; }
		#footer .social-media .dt-sc-social-icons li { background:transparent; margin-left:0; border-right:0; }
		#footer .social-media .dt-sc-social-icons li:last-child { border-right-style: solid; border-right-width: 1px; } 
		#footer .social-media .dt-sc-social-icons li:hover a { color:#fff; }
		#footer .social-media .dt-sc-social-icons li a { color:#4d4d4d; width:48px; height:48px; line-height:48px; color:#fff; }
		.dt-sc-social-icons li a { -webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both; }
		
		#footer .copyright { background:#ffffff; text-align:center; width:100%; clear:both; margin:0px; padding:15px 0px; float:left; color:#4d4d4d; font-size:12px; border-top:1px solid #e6e6e6; }
		#footer .footer-links { float:left; margin-bottom:0; }
		#footer .footer-links li { display:inline; padding-bottom:0; margin-right: 9px; padding-right: 5px; line-height:normal; background:url(images/footer-link-seperator.jpg) right no-repeat; }
		#footer .footer-links li:last-child { background:none; }
		#footer .copyright p { float:right; margin-bottom:0; line-height:28px; }
		
		#footer .footer-info { float:left; width:100%; background:#f4f4f4; border-top:1px solid #e7e7e7; padding:18px 0px; text-align:center; font-size:12px; color:#4d4d4d; }
		#footer .footer-info p { line-height:22px; margin-bottom:0; }
		#footer .footer-info p a { text-decoration:underline; }
		
		/*----*****---- << Home Add >> ----*****----*/
		.add1 { overflow:inherit; display:inline-block; width:390px; height:220px; }
		.add1 .add-offer { padding:20px; position:relative; background-image:url(images/transparent-bg.png); background-repeat:repeat; }
		.add1:hover .add-offer:after { right:-101px; }
		
		.add1 .add-offer:after { border-color: #ffffff rgba(255, 255, 255, 0.0); border-style: solid; border-width: 0 0 100px 100px; bottom: 0; content: ""; display: block; position: absolute; right: -1px; width: 0; }
		.offer-title { border-bottom:3px solid #fff; margin-bottom:19px; }
		.add1 .add-offer h3 { text-transform:uppercase; font-size:30px; display:inline-block; margin-bottom:20px; line-height:35px; font-weight:300; }
		.offer-title h3 span { font-size: 36px; font-style: italic; font-weight: bold; letter-spacing: 15px; }
		
		.add1:hover .add-offer:after, .add1:hover img { opacity:0; }
		
		.add1 .add-offer .offer-title > span { display:inline-block; font-size:80px; margin-left:4px; }
		.add1 .add-offer h3, .add1 .add-offer .offer-title > span, .add1 .add-offer p { color:#fff; }
		.add1 .add-offer p { font-size:13px; line-height:18px; }
		.add1 > img { position:absolute; right:16px; bottom:16px; }
		.add1:hover > img { bottom:0; right:0; }
	
		.add2 { width:100%; height:220px; display:block; }
		.add2 h3 { font-weight:bold; font-size:20px; bottom: 36px; position: absolute; right: 55px; text-transform:uppercase; height: 19px; overflow: hidden; line-height:19px; margin-bottom:0; }
		.add2 h3 span::before { position: absolute; top: 100%; content: attr(data-hover); font-weight: 700; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
		.add2 h3 span { position: relative; display: inline-block; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } 	
		.add2:hover h3 span { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); }

		.add2:hover a h3 { color:#000; }
		
		.add3 { position:relative; }
		.add3 .dt-sc-button { position:absolute; left:15px; bottom:20px; }
		.add3 .dt-sc-button.medium { padding:11px 26px; } 
		.add3 .dt-sc-button.medium:before { line-height:44px; }
		
		/*----*****---- << Login >> ----*****----*/
		.form-wrapper { display: block; margin-left: auto; margin-right: auto; width: 70%; }
		.form-wrapper form { background: #fff; float: left; padding: 50px; width: 100%; box-sizing: content-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
		#loginform input[type="submit"], #reg_form input[type="submit"] { font-size: 16px; width: 100%; }	
		
		.newsletter-form { position:relative; }
		.newsletter-form > input { min-height:50px; }
		.newsletter-form .dt-sc-button { position:absolute; bottom:0; right:0; padding:12px 26px; min-height:49px; } 
		
		#reg_form { text-align:center; }
		#reg_form input.dt-sc-button { float:none; }
		#loginform input[type="checkbox"] { margin-right: 3px; margin-top:-1px; }
		
		#loginform { text-align:center; }
		#loginform label { float:left; width:100%; clear:both; }
		#loginform .dt-sc-button { float:none; margin-top:10px; }
		
		/*----*****---- << One Page Styles starts here >> ----*****----*/
		
		#main-menu ul { margin:0px auto; padding:0px; position:relative; }
		#main-menu > ul > li { display:inline-block; padding:0; position:relative; }
		#main-menu > ul > li > a { color: #685e58; display: inline-block; font-size: 16px; font-weight: bold; line-height: 90px; margin: 0 25px; padding: 0; text-transform: uppercase; }
		
		.header { background-color: #ffffff; box-shadow: 0 1px 3px rgba(95, 95, 95, 0.1);  float: left;  margin: 0;  padding: 0;  position: relative; width: 100%; z-index: 9999; }
		.one-page-title { font-size: 30px; padding-bottom: 10px; position: relative; text-transform: uppercase; margin-bottom:20px; }
		.one-page-title:after { position:absolute; left:0; right:0; margin:0 auto; width:100px; height:2px; content:""; bottom:0; }
		
		.banner > img { float:left; }
		.fullwidth-section.overlay-light { background-color:rgba(250,250,250, 0.70); }
		
		#home, #work, #services, #blog, #portfolio, #contacts { float:left; width:100%; }
		
		.fullwidth-section.overlay-dark, .fullwidth-section.full-twitter { background:url(http://placehold.it/1920x680&text=Parallax) no-repeat fixed; }
		.paralax-overlay { background:rgba(0, 0, 0, 0.7); float:left; width:100%; }
		.paralax-quote { background:none; text-align:center; font-size:30px; line-height:40px; color:#f5f5f5; }
		
		.dt-sc-paralax .one-page-title, .dt-sc-paralax .dt-sc-ico-content.type2 h4, .dt-sc-paralax .dt-sc-ico-content.type2 p, .full-contact .one-page-title { color:#f5f5f5; }
		.fullwidth-section.full-supliments { background-color:#9bb70d; }	
		
		#tweets_container { display:block; margin:25px 0 0 0; text-align:center; }
		.dt-sc-paralax #tweets_container, .dt-sc-paralax #tweets_container .tweet_list li a { color:#fff; }
		#tweets_container .tweet_text { display:inline-block; font-size:18px; }
		#tweets_container .tweet_join { display:inline-block; padding-right:10px; font-size:20px; }
		#tweets_container .tweet_list li { list-style:none; text-align:center; }
		#tweets_container .tweet_list li a { font-size: 15px; font-style: italic; font-weight: normal; margin-left: 10px; text-align: right; }	
		#tweets_container .tweet_list li .tweet_time { display:inline-block; margin-left:5px; }
		
		/*----*****---- << One Page Styles starts here >> ----*****----*/

	 	table {
            width: 100%;
            border-collapse: collapse;
        }
        th, td {
            border: 1px solid #E0E0E0;
            padding: 10px;
            text-align: center;
        }
        th {
            background-color: #4CAF50; /* Heading background color */
            color: white;
        }
		
		/*----*****---- << Retina Images >> ----*****----*/
		.retina_logo { display:none; }
		html, body { overflow-x:hidden; }
		
		@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) {
		.normal_logo { display:none; }
		.retina_logo { display:inline-block; height:auto !important; }
		
		.breadcrumb-wrapper .breadcrumb span.default { background-image: url(images/breadcrumb-seperator@2x.png); background-size:6px 10px; }
		.widget .subscribe-frm input[type="submit"], .widget #searchform input[type="submit"] { background-image:url(images/submit@2x.png); background-size:12px 9px; }
		
		.bx-controls a.bx-prev { background-image: url(images/slider-prev-arrow-white@2x.png); background-size:10px 16px; }
		.bx-controls a.bx-next { background-image: url(images/slider-next-arrow-white@2x.png); background-size:10px 16px; }
		#footer .footer-links li { background-image:url(images/footer-link-seperator@2x.jpg); background-size:1px 12px; }
		
		#toTop { background-image:url(images/ui.totop@2x.png); background-size:40px 80px; }
		
		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"], input[type="submit"], button, input[type="button"], input[type="reset"] { border-radius:0; }
		}
/*----*****---- << whatsapp chat >> ----*****----*/
/* for desktop */
.whatsapp_float {
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
        font-size:30px;
	box-shadow: 2px 2px 3px #999;
        z-index:100;
}

.whatsapp-icon {
	margin-top:16px;
}
/* for mobile */
@media screen and (max-width: 767px){
     .whatsapp-icon {
	 margin-top:10px;
     }
    .whatsapp_float {
        width: 40px;
        height: 40px;
        bottom: 20px;
        right: 10px;
        font-size: 22px;
    }
}
.textwidgetfull{
	width:400px;
}

/* ============================================================================
   INTEGRATE SOLUTIONS — CUSTOM PAGE MODULE STYLES
   Styles for the "ints-" prefixed components used on service landing pages
   (stats bar, why-grid, service cards, process steps, industries, tech
   badges, comparison table, CTA banner, FAQ accordion, contact form polish).
   Brand colour kept consistent with the rest of the theme: #6c2859
   ============================================================================ */

:root {
	--ints-primary: #16294d;
	--ints-primary-dark: #0d1a33;
	--ints-primary-light: #24406f;
	--ints-accent: #f07d1a;
	--ints-accent-dark: #d3690b;
	--ints-text: #4d4d4d;
	--ints-text-light: #767676;
	--ints-border: #ececec;
	--ints-bg-soft: #f7f8fa;
	--ints-radius: 8px;
	--ints-shadow: 0 8px 24px rgba(15, 25, 45, 0.08);
	--ints-shadow-hover: 0 16px 34px rgba(15, 25, 45, 0.14);
}

.ints-services-grid,
.ints-why-grid,
.ints-process-grid,
.ints-industries-grid,
.ints-tech-grid { box-sizing: border-box; }

.ints-services-grid *,
.ints-why-grid *,
.ints-process-grid *,
.ints-industries-grid *,
.ints-tech-grid *,
.ints-faq-section *,
.ints-cta-banner *,
.ints-compare-table * { box-sizing: border-box; }

/* ---------------------------------------------------------------------- */
/* STATS BAR                                                              */
/* ---------------------------------------------------------------------- */
.ints-stats-bar {
	background: #ffffff;
	padding: 20px 0 16px;
	margin: 0;
	border-top: 1px solid var(--ints-border);
	border-bottom: 1px solid var(--ints-border);
}
.ints-stats-bar .container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}
.ints-stat-item {
	flex: 1 1 0;
	min-width: 140px;
	text-align: center;
	padding: 0 10px;
	position: relative;
}
.ints-stat-item + .ints-stat-item:before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	bottom: 8px;
	width: 1px;
	background: var(--ints-border);
}
.ints-stat-item .stat-number {
	display: block;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 38px;
	line-height: 1.1;
	color: var(--ints-primary);
	letter-spacing: 0.5px;
}
.ints-stat-item .stat-label {
	display: block;
	margin-top: 6px;
	font-size: 13px;
	color: var(--ints-text-light);
	text-transform: uppercase;
	letter-spacing: 0.5px;
	line-height: 1.4;
}

/* ---------------------------------------------------------------------- */
/* WHY-GRID  (feature list with icon + heading + copy)                    */
/* ---------------------------------------------------------------------- */
.ints-why-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 26px;
	margin-top: 30px;
}
.ints-why-item {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	padding: 22px;
	background: #ffffff;
	border: 1px solid var(--ints-border);
	border-radius: var(--ints-radius);
	transition: box-shadow 260ms ease, transform 260ms ease, border-color 260ms ease;
}
.ints-why-item:hover {
	box-shadow: var(--ints-shadow-hover);
	transform: translateY(-3px);
	border-color: transparent;
}
.ints-why-item .why-icon {
	flex: 0 0 52px;
	width: 52px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	font-size: 21px;
	border-radius: 50%;
	background: var(--ints-bg-soft);
	color: var(--ints-primary);
}
.ints-why-item h4 {
	margin: 0 0 8px;
	font-size: 17px;
	color: #262626;
}
.ints-why-item p {
	margin: 0;
	font-size: 14px;
	line-height: 1.7;
	color: var(--ints-text-light);
}

/* ---------------------------------------------------------------------- */
/* SERVICES GRID (3-col cards with icon)                                  */
/* ---------------------------------------------------------------------- */
.ints-services-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 26px;
	margin-top: 34px;
}
.ints-service-card {
	background: #ffffff;
	border: 1px solid var(--ints-border);
	border-radius: var(--ints-radius);
	padding: 32px 26px;
	text-align: left;
	transition: box-shadow 260ms ease, transform 260ms ease, border-color 260ms ease;
	position: relative;
	overflow: hidden;
}
.ints-service-card:before {
	content: "";
	position: absolute;
	left: 0; top: 0; right: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--ints-primary), var(--ints-accent));
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 300ms ease;
}
.ints-service-card:hover {
	box-shadow: var(--ints-shadow-hover);
	transform: translateY(-5px);
	border-color: transparent;
}
.ints-service-card:hover:before { transform: scaleX(1); }
.ints-service-card .service-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background: var(--ints-bg-soft);
	color: var(--ints-primary);
	font-size: 24px;
	margin-bottom: 18px;
}
.ints-service-card h3 {
	font-size: 18px;
	margin: 0 0 10px;
	color: #262626;
}
.ints-service-card p {
	font-size: 14px;
	line-height: 1.7;
	color: var(--ints-text-light);
	margin: 0;
}

/* ---------------------------------------------------------------------- */
/* PROCESS STEPS (5-col numbered timeline)                                */
/* ---------------------------------------------------------------------- */
.ints-process-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 22px;
	margin-top: 20px;
	position: relative;
}
.ints-process-step {
	background: #ffffff;
	border: 1px solid var(--ints-border);
	border-radius: var(--ints-radius);
	padding: 30px 20px 24px;
	text-align: center;
	position: relative;
	transition: box-shadow 260ms ease, transform 260ms ease;
}
.ints-process-step:hover {
	box-shadow: var(--ints-shadow-hover);
	transform: translateY(-4px);
}
.ints-process-step .step-num {
	width: 42px;
	height: 42px;
	line-height: 42px;
	border-radius: 50%;
	background: var(--ints-accent);
	color: #ffffff;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 18px;
	margin: 0 auto 16px;
}
.ints-process-step h4 {
	font-size: 15px;
	margin: 0 0 10px;
	color: #262626;
	min-height: 40px;
}
.ints-process-step p {
	font-size: 13px;
	line-height: 1.65;
	color: var(--ints-text-light);
	margin: 0;
}

/* ---------------------------------------------------------------------- */
/* INDUSTRIES GRID                                                        */
/* ---------------------------------------------------------------------- */
.ints-industries-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	margin-top: 26px;
}
.ints-industry-item {
	display: flex;
	align-items: center;
	gap: 12px;
	background: #ffffff;
	border: 1px solid var(--ints-border);
	border-radius: var(--ints-radius);
	padding: 16px 18px;
	font-size: 14px;
	font-weight: 600;
	color: #333;
	transition: background 220ms ease, color 220ms ease, transform 220ms ease;
}
.ints-industry-item:hover {
	background: var(--ints-primary);
	color: #ffffff;
	transform: translateY(-3px);
}
.ints-industry-item:hover .ind-icon { color: #ffffff; }
.ints-industry-item .ind-icon {
	font-size: 17px;
	color: var(--ints-primary);
	transition: color 220ms ease;
}

/* ---------------------------------------------------------------------- */
/* TECH BADGES                                                            */
/* ---------------------------------------------------------------------- */
.ints-tech-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 18px;
}
.ints-tech-badge {
	background: var(--ints-bg-soft);
	border: 1px solid var(--ints-border);
	color: var(--ints-primary);
	font-size: 13px;
	font-weight: 600;
	padding: 8px 16px;
	border-radius: 30px;
	transition: background 220ms ease, color 220ms ease;
}
.ints-tech-badge:hover {
	background: var(--ints-primary);
	color: #ffffff;
}

/* ---------------------------------------------------------------------- */
/* COMPARISON TABLE                                                       */
/* ---------------------------------------------------------------------- */
.ints-compare-table {
	width: 100%;
	border-collapse: collapse;
	background: #ffffff;
	border: 1px solid var(--ints-border);
	border-radius: var(--ints-radius);
	overflow: hidden;
	font-size: 14px;
}
.ints-compare-table thead th {
	background: var(--ints-primary);
	color: #ffffff;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	text-align: left;
	padding: 14px 16px;
	font-size: 14px;
}
.ints-compare-table thead th:first-child { width: 30%; }
.ints-compare-table tbody td {
	padding: 13px 16px;
	border-bottom: 1px solid var(--ints-border);
	color: var(--ints-text);
}
.ints-compare-table tbody tr:last-child td { border-bottom: none; }
.ints-compare-table tbody tr:nth-child(even) { background: var(--ints-bg-soft); }
.ints-compare-table td.check { color: #1f8a4c; font-weight: 600; }
.ints-compare-table td.cross { color: #b3413a; font-weight: 600; }

/* ---------------------------------------------------------------------- */
/* MID-PAGE CTA BANNER                                                    */
/* ---------------------------------------------------------------------- */
.ints-cta-banner {
	background: var(--ints-bg-soft);
	padding: 56px 0;
	text-align: center;
	margin: 0;
	border-top: 1px solid var(--ints-border);
	border-bottom: 1px solid var(--ints-border);
}
.ints-cta-banner h2 {
	color: #262626;
	font-size: 30px;
	margin: 0 0 14px;
}
.ints-cta-banner p {
	color: var(--ints-text-light);
	font-size: 15px;
	max-width: 620px;
	margin: 0 auto 28px;
	line-height: 1.7;
}
.ints-cta-banner .cta-buttons {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 16px;
}
.ints-btn-white,
.ints-btn-outline {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 13px 30px;
	border-radius: 4px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	transition: all 250ms ease;
	text-decoration: none;
}
.ints-btn-white {
	background: var(--ints-accent);
	color: #ffffff;
	border: 2px solid var(--ints-accent);
}
.ints-btn-white:hover {
	background: var(--ints-accent-dark);
	border-color: var(--ints-accent-dark);
	color: #ffffff;
}
.ints-btn-outline {
	background: #ffffff;
	color: var(--ints-primary);
	border: 2px solid var(--ints-border);
}
.ints-btn-outline:hover {
	background: var(--ints-primary);
	color: #ffffff;
	border-color: var(--ints-primary);
}

/* ---------------------------------------------------------------------- */
/* SITEWIDE PRIMARY BUTTON (.dt-sc-button) — ORANGE, per brand palette     */
/* Overrides skin defaults so all CTAs (hero, cards, form submit) match    */
/* ---------------------------------------------------------------------- */
a.dt-sc-button,
input.dt-sc-button,
#send.dt-sc-button {
	background: var(--ints-accent) !important;
	background-image: none !important;
	border: none !important;
	color: #ffffff !important;
	box-shadow: none !important;
}
a.dt-sc-button:hover,
input.dt-sc-button:hover,
#send.dt-sc-button:hover {
	background: var(--ints-accent-dark) !important;
	color: #ffffff !important;
}

/* ---------------------------------------------------------------------- */
/* FAQ ACCORDION                                                          */
/* ---------------------------------------------------------------------- */
.ints-faq-section {
	background: var(--ints-bg-soft);
	padding: 60px 0;
}
.ints-faq-item {
	background: #ffffff;
	border: 1px solid var(--ints-border);
	border-radius: var(--ints-radius);
	margin-bottom: 12px;
	overflow: hidden;
}
.ints-faq-question {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	text-align: left;
	background: #ffffff;
	border: none;
	cursor: pointer;
	padding: 18px 22px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15.5px;
	font-weight: 600;
	color: #2b2b2b;
	transition: color 200ms ease, background 200ms ease;
}
.ints-faq-question:hover { color: var(--ints-primary); }
.ints-faq-question .faq-icon {
	flex: 0 0 auto;
	margin-left: 16px;
	width: 26px;
	height: 26px;
	line-height: 24px;
	text-align: center;
	border-radius: 50%;
	border: 1px solid var(--ints-border);
	color: var(--ints-primary);
	font-size: 16px;
	font-weight: 400;
	transition: transform 260ms ease, background 260ms ease, color 260ms ease;
}
.ints-faq-question.active { background: var(--ints-bg-soft); color: var(--ints-primary); }
.ints-faq-question.active .faq-icon {
	transform: rotate(135deg);
	background: var(--ints-primary);
	color: #ffffff;
	border-color: var(--ints-primary);
}
.ints-faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 320ms ease, padding 320ms ease;
	padding: 0 22px;
}
.ints-faq-answer.open {
	max-height: 600px;
	padding: 0 22px 20px;
}
.ints-faq-answer p {
	margin: 0;
	font-size: 14px;
	line-height: 1.75;
	color: var(--ints-text-light);
}
.ints-faq-answer a { color: var(--ints-primary); font-weight: 600; }

/* ---------------------------------------------------------------------- */
/* CONTACT FORM POLISH (Start Your Website Project section)               */
/* ---------------------------------------------------------------------- */
.fullwidth-section.dt-sc-paralax.full-man #contact-form input[type="text"],
.fullwidth-section.dt-sc-paralax.full-man #contact-form input[type="email"],
.fullwidth-section.dt-sc-paralax.full-man #contact-form select,
.fullwidth-section.dt-sc-paralax.full-man #contact-form textarea {
	width: 100%;
	background: rgba(255,255,255,0.95);
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 4px;
	padding: 13px 16px;
	margin-bottom: 16px;
	font-size: 14px;
	color: #333;
	transition: box-shadow 220ms ease, border-color 220ms ease;
}
.fullwidth-section.dt-sc-paralax.full-man #contact-form input:focus,
.fullwidth-section.dt-sc-paralax.full-man #contact-form select:focus,
.fullwidth-section.dt-sc-paralax.full-man #contact-form textarea:focus {
	outline: none;
	border-color: var(--ints-accent);
	box-shadow: 0 0 0 3px rgba(214, 168, 74, 0.25);
}
.fullwidth-section.dt-sc-paralax.full-man #contact-form textarea { min-height: 168px; resize: vertical; }
.fullwidth-section.dt-sc-paralax.full-man #contact-form #send { margin-top: 6px; }

/* ---------------------------------------------------------------------- */
/* HEADINGS — navy blue across the page content (hero keeps its own       */
/* inline white styling, so it is unaffected by this rule)                */
/* ---------------------------------------------------------------------- */
#main-content h1,
#main-content h2,
#main-content h3,
#main-content h4,
#main-content h5,
#main-content h6 {
	color: var(--ints-primary);
}
#main-content .border-title span { color: var(--ints-primary); }

/* ---------------------------------------------------------------------- */
/* RESPONSIVE — new modules                                               */
/* ---------------------------------------------------------------------- */
@media (max-width: 1024px) {
	.ints-services-grid { grid-template-columns: repeat(2, 1fr); }
	.ints-process-grid { grid-template-columns: repeat(3, 1fr); }
	.ints-industries-grid { grid-template-columns: repeat(3, 1fr); }
	.ints-why-grid { grid-template-columns: 1fr; }
	.ints-stat-item .stat-number { font-size: 30px; }
}

@media (max-width: 767px) {
	.container { width: 94% !important; }
	.ints-services-grid,
	.ints-process-grid,
	.ints-industries-grid { grid-template-columns: repeat(2, 1fr); }
	.ints-stats-bar .container { flex-direction: column; gap: 26px; }
	.ints-stat-item + .ints-stat-item:before { display: none; }
	.ints-compare-table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
	.ints-cta-banner h2 { font-size: 24px; }
	.ints-cta-banner .cta-buttons { flex-direction: column; align-items: stretch; }
	.ints-btn-white, .ints-btn-outline { justify-content: center; }
}

@media (max-width: 480px) {
	.ints-services-grid,
	.ints-process-grid,
	.ints-industries-grid,
	.ints-why-grid { grid-template-columns: 1fr; }
	.ints-stat-item .stat-number { font-size: 26px; }
	.ints-faq-question { font-size: 14px; padding: 15px 16px; }
}


/* ============================================================================
   WEB DESIGN COMPANY IN DUBAI — PAGE MODULE STYLES
   Dark navy → teal hero, white/light content sections. Matches the
   website-design-company-in-dubai.php custom markup (hero-*, section-*,
   why-*, services-*, process-*, tech-*, industry-*, compare-table,
   testimonials-*, cta-banner, faq-*, contact-section, form-grid, btn-*).
   ============================================================================ */

:root {
	--wd-navy: #0a1628;
	--wd-navy-2: #16294d;
	--wd-teal: #0d7377;
	--wd-teal-light: #4ecdc4;
	--wd-text: #4d4d4d;
	--wd-text-light: #6b7280;
	--wd-border: #e8ecf0;
	--wd-bg-soft: #f8fbfb;
	--wd-radius: 10px;
	--wd-shadow: 0 8px 24px rgba(10, 22, 40, 0.08);
	--wd-shadow-hover: 0 18px 36px rgba(10, 22, 40, 0.14);
}

.hero-dubai *, .why-grid *, .services-grid *, .process-steps *, .tech-grid *,
.industry-grid *, .testimonials-grid *, .faq-list *, .contact-form-box *,
.benefits-grid *, .compare-table * { box-sizing: border-box; }

/* ---------------------------------------------------------------------- */
/* HERO                                                                    */
/* ---------------------------------------------------------------------- */
.hero-dubai {
	background: linear-gradient(120deg, var(--wd-navy) 0%, var(--wd-navy-2) 45%, var(--wd-teal) 130%);
	padding: 64px 0 70px;
	color: #ffffff;
	overflow: hidden;
}
.hero-dubai h1 {
	font-family: 'Poppins', 'Roboto Condensed', sans-serif;
	font-size: 44px;
	font-weight: 800;
	line-height: 1.18;
	color: #ffffff;
	margin: 18px 0 20px;
}
/* Reusable heading gradient text — add class="text-gradient" to any <span>
   inside an h1, h2, or any other element on any page to get the same
   cyan-to-blue gradient effect used across the site's headings.
   (.h1-gradient kept as an alias for anything already using that name.) */
.text-gradient,
.h1-gradient {
	background: linear-gradient(90deg, #fff 0%, #0ea5c9 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}
.hero-dubai h1 span { background: linear-gradient(90deg, #4ed0c6 0%, #C6F1FC 100%); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
.hero-badge {
	display: inline-flex;
	align-items: center;
	background: rgba(78, 205, 196, 0.12);
	border: 1px solid rgba(78, 205, 196, 0.4);
	color: var(--wd-teal-light);
	font-size: 12.5px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	padding: 8px 16px;
	border-radius: 30px;
}
.hero-sub {
	font-size: 16px;
	line-height: 1.75;
	color: rgba(255,255,255,0.8);
	max-width: 540px;
	margin: 0 0 30px;
}
.hero-stats {
	display: flex;
	gap: 34px;
	margin-bottom: 30px;
	flex-wrap: wrap;
}
.hero-stat { display: flex; flex-direction: column; }
.hero-stat .num {
	font-family: 'Poppins', 'Roboto Condensed', sans-serif;
	font-size: 30px;
	font-weight: 800;
	color: var(--wd-teal-light);
	line-height: 1.1;
}
.hero-stat .lbl {
	font-size: 12.5px;
	color: rgba(255,255,255,0.65);
	text-transform: uppercase;
	letter-spacing: 0.4px;
	margin-top: 4px;
}

/* ---------------------------------------------------------------------- */
/* BUTTONS                                                                 */
/* ---------------------------------------------------------------------- */
.btn-primary-cta,
.btn-outline-cta {
	display: inline-block;
	padding: 14px 30px;
	border-radius: 6px;
	font-weight: 700;
	font-size: 14.5px;
	text-decoration: none;
	transition: all 250ms ease;
	margin-right: 12px;
}
.btn-primary-cta {
	background: var(--wd-teal);
	color: #ffffff !important;
	border: 2px solid var(--wd-teal);
}
.btn-primary-cta:hover {
	background: #0a5c5f;
	border-color: #0a5c5f;
	color: #ffffff !important;
}
.btn-outline-cta {
	background: transparent;
	color: var(--wd-teal-light) !important;
	border: 2px solid var(--wd-teal-light);
}
.btn-outline-cta:hover {
	background: var(--wd-teal-light);
	color: var(--wd-navy) !important;
}

/* ---------------------------------------------------------------------- */
/* SECTION SCAFFOLDING                                                    */
/* ---------------------------------------------------------------------- */
.section-pad { padding: 50px 0; }
.section-pad-sm { padding: 48px 0; }
.section-label {
	display: block;
	color: var(--wd-teal);
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1.4px;
	margin-bottom: 10px;
}
.section-title-lg {
	font-family: 'Poppins', 'Roboto Condensed', sans-serif;
	font-size: 32px;
	font-weight: 800;
	line-height: 1.28;
	color: #182534;
	margin: 0 0 16px;
}
.section-title-lg span {
	background: linear-gradient(90deg, #fff 0%, #4ed0c6 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}
.section-subtitle {
	font-size: 15.5px;
	color: var(--wd-text-light);
	max-width: 640px;
	line-height: 1.7;
	margin-bottom: 40px;
}
[style*="text-align:center"] > .section-subtitle,
[style*="text-align: center"] > .section-subtitle { margin-left: auto; margin-right: auto; }

/* ---------------------------------------------------------------------- */
/* BENEFITS / WHY GRIDS                                                   */
/* ---------------------------------------------------------------------- */
.benefits-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 22px;
	margin-top: 30px;
}
.benefit-item { display: flex; gap: 14px; align-items: flex-start; }
.benefit-icon {
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	border-radius: 8px;
	background: rgba(13, 115, 119, 0.08);
	color: var(--wd-teal);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 17px;
}
.benefit-item h4 { margin: 0 0 4px; font-size: 15.5px; color: #1c2a3a; }
.benefit-item p { margin: 0; font-size: 13.5px; line-height: 1.6; color: var(--wd-text-light); }

.why-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 22px;
	margin-top: 40px;
}
.why-card {
	background: #ffffff;
	border: 1px solid var(--wd-border);
	border-radius: var(--wd-radius);
	padding: 28px 22px;
	transition: box-shadow 260ms ease, transform 260ms ease;
}
.why-card:hover { box-shadow: var(--wd-shadow-hover); transform: translateY(-4px); }
.why-icon {
	width: 50px; height: 50px;
	border-radius: 50%;
	background: rgba(13, 115, 119, 0.08);
	color: var(--wd-teal);
	display: flex; align-items: center; justify-content: center;
	font-size: 19px;
	margin-bottom: 16px;
}
.why-card h3 { font-size: 16.5px; margin: 0 0 8px; color: #1c2a3a; }
.why-card p { font-size: 13.5px; line-height: 1.65; color: var(--wd-text-light); margin: 0; }

/* ---------------------------------------------------------------------- */
/* SERVICES GRID                                                          */
/* ---------------------------------------------------------------------- */
.services-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin-top: 40px;
}
.service-card {
	background: #ffffff;
	border: 1px solid var(--wd-border);
	border-radius: var(--wd-radius);
	padding: 30px 24px;
	transition: box-shadow 260ms ease, transform 260ms ease, border-color 260ms ease;
}
.service-card:hover { box-shadow: var(--wd-shadow-hover); transform: translateY(-4px); border-color: transparent; }
.svc-icon {
	width: 54px; height: 54px;
	border-radius: 50%;
	background: rgba(13, 115, 119, 0.08);
	color: var(--wd-teal);
	display: flex; align-items: center; justify-content: center;
	font-size: 22px;
	margin-bottom: 18px;
}
.service-card h3 { font-size: 17.5px; margin: 0 0 10px; color: #1c2a3a; }
.service-card p { font-size: 14px; line-height: 1.7; color: var(--wd-text-light); margin: 0 0 14px; }
.service-card a { color: var(--wd-teal); font-weight: 700; font-size: 13.5px; text-decoration: none; }
.service-card a:hover { color: var(--wd-navy-2); }

/* ---------------------------------------------------------------------- */
/* PROCESS STEPS                                                          */
/* ---------------------------------------------------------------------- */
.process-steps {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 18px;
	margin-top: 40px;
}
.process-step {
	background: var(--wd-bg-soft);
	border: 1px solid var(--wd-border);
	border-radius: var(--wd-radius);
	padding: 26px 16px 20px;
	text-align: center;
	transition: box-shadow 260ms ease, transform 260ms ease;
}
.process-step:hover { box-shadow: var(--wd-shadow-hover); transform: translateY(-4px); }
.step-num {
	width: 38px; height: 38px;
	line-height: 38px;
	border-radius: 50%;
	background: var(--wd-teal);
	color: #ffffff;
	font-weight: 800;
	font-size: 16px;
	margin: 0 auto 14px;
}
.process-step h4 { font-size: 14px; margin: 0 0 8px; color: #1c2a3a; min-height: 36px; }
.process-step p { font-size: 12.5px; line-height: 1.6; color: var(--wd-text-light); margin: 0; }

/* ---------------------------------------------------------------------- */
/* TECH GRID                                                              */
/* ---------------------------------------------------------------------- */
.tech-grid { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.tech-pill {
	display: inline-flex; align-items: center; gap: 8px;
	background: #ffffff;
	border: 1px solid var(--wd-border);
	color: #1c2a3a;
	font-size: 13.5px;
	font-weight: 600;
	padding: 10px 18px;
	border-radius: 30px;
	transition: background 220ms ease, color 220ms ease, border-color 220ms ease;
}
.tech-pill i { color: var(--wd-teal); }
.tech-pill:hover { background: var(--wd-teal); border-color: var(--wd-teal); color: #ffffff; }
.tech-pill:hover i { color: #ffffff; }

/* ---------------------------------------------------------------------- */
/* INDUSTRIES GRID                                                        */
/* ---------------------------------------------------------------------- */
.industry-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	margin-top: 40px;
}
.industry-item {
	display: flex; align-items: center; gap: 12px;
	background: #ffffff;
	border: 1px solid var(--wd-border);
	border-radius: var(--wd-radius);
	padding: 16px 18px;
	font-size: 14px;
	font-weight: 600;
	color: #1c2a3a;
	transition: background 220ms ease, color 220ms ease, transform 220ms ease;
}
.industry-item i { color: var(--wd-teal); font-size: 17px; transition: color 220ms ease; }
.industry-item:hover { background: var(--wd-teal); color: #ffffff; transform: translateY(-3px); }
.industry-item:hover i { color: #ffffff; }

/* ---------------------------------------------------------------------- */
/* COMPARISON TABLE                                                       */
/* ---------------------------------------------------------------------- */
.compare-table {
	width: 100%;
	border-collapse: collapse;
	background: #ffffff;
	border: 1px solid var(--wd-border);
	border-radius: var(--wd-radius);
	overflow: hidden;
	font-size: 14px;
	min-width: 640px;
}
.compare-table thead th {
	background: var(--wd-navy-2);
	color: #ffffff;
	text-align: left;
	padding: 14px 16px;
	font-size: 14px;
	font-weight: 700;
}
.compare-table tbody td { padding: 13px 16px; border-bottom: 1px solid var(--wd-border); color: var(--wd-text); }
.compare-table tbody tr:last-child td { border-bottom: none; }
.compare-table tbody tr:nth-child(even) { background: var(--wd-bg-soft); }
.compare-table td.check-yes, .compare-table td.highlight-col { color: #1f8a4c; font-weight: 600; }
.compare-table td.check-no { color: #c0392b; font-weight: 600; }

/* ---------------------------------------------------------------------- */
/* TESTIMONIALS                                                           */
/* ---------------------------------------------------------------------- */
.testimonials-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin-top: 40px;
}
.testimonial-card {
	background: #ffffff;
	border: 1px solid var(--wd-border);
	border-radius: var(--wd-radius);
	padding: 28px 24px;
	box-shadow: var(--wd-shadow);
}
.testimonial-card .stars { color: #f5a623; font-size: 15px; margin-bottom: 12px; letter-spacing: 2px; }
.testimonial-text { font-size: 14px; line-height: 1.75; color: var(--wd-text); margin: 0 0 20px; }
.testimonial-author { display: flex; align-items: center; gap: 12px; }
.author-avatar {
	width: 42px; height: 42px;
	border-radius: 50%;
	background: var(--wd-navy-2);
	color: #ffffff;
	display: flex; align-items: center; justify-content: center;
	font-weight: 700; font-size: 14px;
	flex-shrink: 0;
}
.author-info .name { font-weight: 700; font-size: 14px; color: #1c2a3a; }
.author-info .role { font-size: 12px; color: var(--wd-text-light); margin-top: 2px; }

/* ---------------------------------------------------------------------- */
/* MID-PAGE CTA BANNER (light card version used on this page)             */
/* ---------------------------------------------------------------------- */
.cta-banner {
	background: linear-gradient(120deg, var(--wd-navy) 0%, var(--wd-teal) 130%);
	border-radius: 16px;
	padding: 50px 40px;
	text-align: center;
}
.cta-banner h2 { color: #ffffff; font-size: 28px; margin: 0 0 12px; }
.cta-banner p { color: rgba(255,255,255,0.82); font-size: 15px; max-width: 560px; margin: 0 auto 26px; line-height: 1.7; }

/* ---------------------------------------------------------------------- */
/* FAQ (two-column layout with details/summary accordion)                 */
/* ---------------------------------------------------------------------- */
.faq-section { background: var(--wd-bg-soft); padding: 80px 0; }
.faq-grid {
	display: grid;
	grid-template-columns: 0.85fr 1.15fr;
	gap: 70px;
	align-items: start;
}
.faq-left { position: sticky; top: 110px; }
.faq-heading {
	font-family: 'Poppins', 'Roboto Condensed', sans-serif;
	font-size: 34px;
	font-weight: 800;
	line-height: 1.22;
	color: #182534;
	margin: 12px 0 20px;
}
.faq-left-text {
	font-size: 15px;
	line-height: 1.75;
	color: var(--wd-text-light);
	margin: 0 0 32px;
	max-width: 440px;
}
.btn-outline-faq {
	display: inline-block;
	padding: 14px 34px;
	border: 1px solid var(--wd-border);
	border-radius: 6px;
	background: transparent;
	color: #182534;
	font-weight: 600;
	font-size: 14.5px;
	text-decoration: none;
	transition: all 250ms ease;
}
.btn-outline-faq:hover {
	background: var(--wd-teal);
	border-color: var(--wd-teal);
	color: #ffffff !important;
}

.faq-right { display: flex; flex-direction: column; gap: 14px; }
.faq-item {
	background: #ffffff;
	border: none;
	border-radius: 8px;
	box-shadow: 0 4px 16px rgba(10, 22, 40, 0.06);
	margin-bottom: 0;
	padding: 4px 24px;
}
.faq-question {
	list-style: none;
	cursor: pointer;
	padding: 19px 0;
	font-weight: 700;
	font-size: 15px;
	color: #1c2a3a;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}
.faq-question::-webkit-details-marker { display: none; }
.faq-toggle {
	position: relative;
	flex-shrink: 0;
	width: 20px; height: 20px;
	font-size: 0;
	color: transparent;
	transition: transform 250ms ease;
}
.faq-toggle::before {
	content: "\f077";
	font-family: "FontAwesome";
	font-size: 14px;
	color: #182534;
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	transition: color 250ms ease;
}
.faq-item[open] .faq-toggle { transform: rotate(180deg); }
.faq-item[open] .faq-toggle::before { color: var(--wd-teal); }
.faq-answer { font-size: 14px; line-height: 1.75; color: var(--wd-text-light); padding: 0 0 18px; }

@media (max-width: 900px) {
	.faq-grid { grid-template-columns: 1fr; gap: 36px; }
	.faq-left { position: static; }
	.faq-left-text { max-width: none; }
	.faq-heading { font-size: 28px; }
}

/* ---------------------------------------------------------------------- */
/* CONTACT SECTION + FORM                                                 */
/* ---------------------------------------------------------------------- */
.contact-section {
	background: linear-gradient(160deg, var(--wd-navy) 0%, var(--wd-navy-2) 100%);
	padding: 72px 0;
}
.contact-form-box {
	background: rgba(255,255,255,0.06);
	border: 1px solid rgba(255,255,255,0.14);
	border-radius: 14px;
	padding: 26px 24px;
	box-shadow: 0 24px 50px rgba(0,0,0,0.25);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	margin-top: 30px;
}
.contact-form-box h2 { font-size: 20px; margin: 0 0 4px; color: #ffffff; font-weight: 800; }
.contact-form-box > p { font-size: 13px; color: rgba(255,255,255,0.7); margin: 0 0 16px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 14px; }
.form-grid .full { grid-column: 1 / -1; }
.form-grid input,
.form-grid select,
.form-grid textarea {
	width: 100%;
	border: 1px solid rgba(255,255,255,0.18);
	border-radius: 6px;
	padding: 10px 12px;
	font-size: 13.5px;
	color: #ffffff;
	background: rgba(255,255,255,0.06);
	transition: border-color 220ms ease, box-shadow 220ms ease;
	box-sizing: border-box;
}
.form-grid input,
.form-grid select {
	height: 44px;
}
.form-grid input::placeholder,
.form-grid textarea::placeholder { color: rgba(255,255,255,0.55); }
.form-grid select {
	color: rgba(255,255,255,0.7);
	color-scheme: dark;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding-right: 34px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23ffffff' d='M4 6l4 4 4-4z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 14px 14px;
}
.form-grid select::-ms-expand { display: none; }
.form-grid select::-webkit-list-button,
.form-grid select::picker-icon { display: none; }
.form-grid select option { color: #1c2a3a; }
.form-grid textarea { min-height: 88px; resize: vertical; }
.form-grid input:focus,
.form-grid select:focus,
.form-grid textarea:focus {
	outline: none;
	border-color: var(--wd-teal-light);
	box-shadow: 0 0 0 3px rgba(78, 205, 196, 0.2);
}
.btn-submit {
	width: 100%;
	background: var(--wd-teal);
	color: #ffffff;
	border: none;
	border-radius: 6px;
	padding: 13px;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	cursor: pointer;
	transition: background 220ms ease;
}
.btn-submit:hover { background: #0a5c5f; }
.btn-submit:disabled,
.btn-submit.is-loading { opacity: 0.7; cursor: not-allowed; }

.dtsc-thankyou-box .btn-submit.dtsc-thankyou-close {
	width: auto;
	min-width: 140px;
	margin: 0 auto;
	padding: 12px 28px;
}

/* ---------------------------------------------------------------------- */
/* RESPONSIVE — Web Design Dubai page module                              */
/* ---------------------------------------------------------------------- */
@media (max-width: 1024px) {
	.hero-dubai h1 { font-size: 36px; }
	.why-grid { grid-template-columns: repeat(2, 1fr); }
	.services-grid { grid-template-columns: repeat(2, 1fr); }
	.process-steps { grid-template-columns: repeat(3, 1fr); }
	.industry-grid { grid-template-columns: repeat(3, 1fr); }
	.testimonials-grid { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
	.hero-dubai [style*="grid-template-columns:1fr 1fr"] { grid-template-columns: 1fr !important; }
	.hero-dubai h1 { font-size: 30px; }
	.hero-stats { gap: 22px; }
	.benefits-grid,
	[id="about"] [style*="grid-template-columns:1fr 1fr"],
	[id="contact"] [style*="grid-template-columns:1fr 1fr"] { grid-template-columns: 1fr !important; }
	.why-grid, .services-grid, .process-steps, .industry-grid { grid-template-columns: repeat(2, 1fr); }
	.form-grid { grid-template-columns: 1fr; }
	.section-pad { padding: 50px 0; }
	.cta-banner { padding: 36px 22px; }
}
@media (max-width: 480px) {
	.why-grid, .services-grid, .process-steps, .industry-grid, .benefits-grid { grid-template-columns: 1fr; }
	.hero-dubai h1 { font-size: 26px; }
}


/* ============================================================================
   HOMEPAGE REDESIGN — ADDITIONAL COMPONENTS
   Extends the design system already built for the Dubai landing page
   (--wd-navy, --wd-teal, .hero-dubai, .why-grid, .services-grid,
   .process-steps, .industry-grid, .tech-grid, .testimonials-grid,
   .faq-section, .contact-section). Adds the pieces the homepage needs that
   the Dubai page didn't: trust badges, About section, portfolio cards,
   a testimonial slider variant, icon-style tech cards, and a modern footer.
   ============================================================================ */

/* ---------------------------------------------------------------------- */
/* HERO — TRUST BADGES ROW                                                */
/* ---------------------------------------------------------------------- */
.hero-trust-row {
	display: flex;
	flex-wrap: wrap;
	gap: 28px;
	margin-top: 8px;
	padding-top: 22px;
	border-top: 1px solid rgba(255,255,255,0.14);
}
.trust-badge { display: flex; align-items: center; gap: 10px; }
.trust-badge i { font-size: 20px; color: var(--wd-teal-light, #4ecdc4); }
.trust-badge .tb-num {
	font-family: 'Poppins', 'Roboto Condensed', sans-serif;
	font-weight: 800;
	font-size: 18px;
	color: #ffffff;
	line-height: 1.1;
	display: block;
}
.trust-badge .tb-lbl {
	font-size: 11.5px;
	color: rgba(255,255,255,0.65);
	text-transform: uppercase;
	letter-spacing: 0.4px;
}
.hero-cta-row { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
.btn-call-now {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: transparent;
	border: 2px solid rgba(255,255,255,0.4);
	color: #ffffff !important;
	padding: 13px 28px;
	border-radius: 6px;
	font-weight: 700;
	font-size: 15px;
	text-decoration: none !important;
	transition: all 0.3s;
}
.btn-call-now:hover { background: rgba(255,255,255,0.1); border-color: #ffffff; }

/* ---------------------------------------------------------------------- */
/* ABOUT SECTION                                                          */
/* ---------------------------------------------------------------------- */
.about-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 56px;
	align-items: center;
}
.about-copy p { font-size: 15.5px; line-height: 1.8; color: #555; margin: 0 0 18px; }
.about-list {
	list-style: none;
	margin: 22px 0 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px 10px;
}
.about-list li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 14.5px;
	color: #333;
	font-weight: 600;
}
.about-list li i { color: var(--wd-teal, #0d7377); font-size: 16px; margin-top: 2px; }
.about-media { position: relative; border-radius: 16px; overflow: hidden; }
.about-media img { width: 100%; display: block; border-radius: 16px; }
.about-stat-float {
	position: absolute;
	bottom: 20px;
	left: 20px;
	background: #ffffff;
	border-radius: 12px;
	padding: 16px 22px;
	box-shadow: 0 14px 34px rgba(15,52,96,0.18);
}
.about-stat-float .num { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 26px; color: var(--wd-navy, #0f3460); display: block; }
.about-stat-float .lbl { font-size: 12px; color: #777; text-transform: uppercase; letter-spacing: 0.4px; }

/* ---------------------------------------------------------------------- */
/* FEATURED PROJECTS / PORTFOLIO CARDS                                   */
/* ---------------------------------------------------------------------- */
.portfolio-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 26px;
	margin-top: 40px;
}
.portfolio-card {
	position: relative;
	border-radius: 14px;
	overflow: hidden;
	background: #0f3460;
	box-shadow: 0 8px 24px rgba(15,52,96,0.10);
}
.portfolio-card .pf-media { position: relative; overflow: hidden; padding-top: 68%; }
.portfolio-card .pf-media img {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	object-fit: cover;
	transition: transform 0.45s ease;
	loading: lazy;
}
.portfolio-card:hover .pf-media img { transform: scale(1.08); }
.portfolio-card .pf-cat {
	position: absolute;
	top: 14px; left: 14px;
	background: rgba(13,115,119,0.92);
	color: #fff;
	font-size: 11.5px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	padding: 5px 12px;
	border-radius: 20px;
	z-index: 2;
}
.portfolio-card .pf-overlay {
	position: absolute; inset: 0;
	background: linear-gradient(0deg, rgba(15,52,96,0.94) 0%, rgba(15,52,96,0.15) 60%, transparent 100%);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 22px;
	opacity: 1;
}
.portfolio-card .pf-overlay h3 { color: #fff; font-size: 17px; margin: 0 0 4px; font-family: 'Poppins', sans-serif; }
.portfolio-card .pf-overlay p { color: rgba(255,255,255,0.75); font-size: 13px; margin: 0; }
.portfolio-card .pf-overlay a {
	display: inline-flex; align-items: center; gap: 6px;
	margin-top: 12px;
	color: var(--wd-teal-light, #4ecdc4) !important;
	font-size: 13px; font-weight: 700;
	text-decoration: none !important;
}

/* ---------------------------------------------------------------------- */
/* TESTIMONIAL SLIDER (dots + arrows on top of .testimonials-grid cards)  */
/* ---------------------------------------------------------------------- */
.testimonial-slider { position: relative; }
.testimonial-track {
	display: flex;
	gap: 24px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	padding-bottom: 6px;
	scrollbar-width: none;
}
.testimonial-track::-webkit-scrollbar { display: none; }
.testimonial-track .testimonial-card {
	flex: 0 0 calc(33.333% - 16px);
	scroll-snap-align: start;
}
.slider-dots { display: flex; justify-content: center; gap: 8px; margin-top: 24px; }
.slider-dots button {
	width: 9px; height: 9px;
	border-radius: 50%;
	border: none;
	background: #d7dee0;
	padding: 0;
	cursor: pointer;
	transition: background 0.25s ease, transform 0.25s ease;
}
.slider-dots button.active { background: var(--wd-teal, #0d7377); transform: scale(1.25); }
.slider-arrow {
	position: absolute; top: 50%; transform: translateY(-50%);
	width: 42px; height: 42px;
	border-radius: 50%;
	background: #ffffff;
	border: 1px solid #e8ecf0;
	box-shadow: 0 6px 16px rgba(15,52,96,0.12);
	display: flex; align-items: center; justify-content: center;
	color: var(--wd-navy, #0f3460);
	cursor: pointer;
	z-index: 3;
}
.slider-arrow.prev { left: -20px; }
.slider-arrow.next { right: -20px; }
.slider-arrow:hover { background: var(--wd-teal, #0d7377); color: #fff; border-color: var(--wd-teal, #0d7377); }

/* ---------------------------------------------------------------------- */
/* TECH STACK — ICON CARD VARIANT                                        */
/* ---------------------------------------------------------------------- */
.tech-icon-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 18px;
	margin-top: 40px;
}
.tech-icon-card {
	background: #ffffff;
	border: 1px solid #e8ecf0;
	border-radius: 12px;
	padding: 26px 14px;
	text-align: center;
	transition: box-shadow 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
}
.tech-icon-card:hover { box-shadow: 0 12px 28px rgba(13,115,119,0.12); transform: translateY(-4px); border-color: transparent; }
.tech-icon-card i, .tech-icon-card img { font-size: 34px; color: var(--wd-teal, #0d7377); margin-bottom: 12px; height: 34px; }
.tech-icon-card span { display: block; font-size: 13px; font-weight: 700; color: #0f3460; }

/* ---------------------------------------------------------------------- */
/* COMPARISON-STYLE INFO GRID ("Why businesses need a website" etc.)      */
/* Reuses .benefits-grid/.benefit-item already defined; add a card look   */
/* variant for sections that want boxed rather than plain list items.    */
/* ---------------------------------------------------------------------- */
.benefit-card-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin-top: 40px;
}
.benefit-card {
	background: #f8fafb;
	border: 1px solid #e8ecf0;
	border-radius: 12px;
	padding: 26px 22px;
	transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.benefit-card:hover { box-shadow: 0 12px 28px rgba(13,115,119,0.10); transform: translateY(-4px); }
.benefit-card i { font-size: 26px; color: var(--wd-teal, #0d7377); margin-bottom: 14px; display: block; }
.benefit-card h4 { font-size: 15px; margin: 0 0 6px; color: #0f3460; font-family: 'Poppins', sans-serif; }
.benefit-card p { font-size: 13px; line-height: 1.6; color: #666; margin: 0; }

/* ---------------------------------------------------------------------- */
/* MODERN FOOTER                                                         */
/* ---------------------------------------------------------------------- */
.footer-modern {
	background: var(--wd-navy, #0f3460);
	color: rgba(255,255,255,0.75);
	padding: 64px 0 0;
}
.footer-modern .footer-grid {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1fr;
	gap: 40px;
	padding-bottom: 46px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
.footer-modern h4 {
	color: #ffffff;
	font-size: 15px;
	font-family: 'Poppins', sans-serif;
	margin: 0 0 18px;
}
.footer-modern p { font-size: 13.5px; line-height: 1.75; color: rgba(255,255,255,0.6); }
.footer-modern ul { list-style: none; margin: 0; padding: 0; }
.footer-modern ul li { margin-bottom: 10px; }
.footer-modern ul li a { color: rgba(255,255,255,0.65); font-size: 13.5px; text-decoration: none; transition: color 0.2s ease; }
.footer-modern ul li a:hover { color: var(--wd-teal-light, #4ecdc4); }
.footer-social { display: flex; gap: 10px; margin-top: 18px; }
.footer-social a {
	width: 36px; height: 36px;
	border-radius: 50%;
	background: rgba(255,255,255,0.08);
	color: #ffffff;
	display: flex; align-items: center; justify-content: center;
	transition: background 0.2s ease;
	text-decoration: none;
}
.footer-social a:hover { background: var(--wd-teal, #0d7377); }
.footer-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 22px 0;
	font-size: 12.5px;
	color: rgba(255,255,255,0.5);
	flex-wrap: wrap;
	gap: 10px;
}
.footer-bottom a { color: rgba(255,255,255,0.5); text-decoration: none; }
.footer-bottom a:hover { color: #ffffff; }

/* ---------------------------------------------------------------------- */
/* RESPONSIVE — homepage additional components                           */
/* ---------------------------------------------------------------------- */
@media (max-width: 1024px) {
	.portfolio-grid { grid-template-columns: repeat(2, 1fr); }
	.tech-icon-grid { grid-template-columns: repeat(3, 1fr); }
	.benefit-card-grid { grid-template-columns: repeat(2, 1fr); }
	.testimonial-track .testimonial-card { flex: 0 0 calc(50% - 12px); }
	.footer-modern .footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 767px) {
	.about-grid { grid-template-columns: 1fr; gap: 30px; }
	.about-list { grid-template-columns: 1fr; }
	.hero-trust-row { gap: 20px; }
	.portfolio-grid { grid-template-columns: 1fr; }
	.tech-icon-grid { grid-template-columns: repeat(2, 1fr); }
	.benefit-card-grid { grid-template-columns: 1fr; }
	.testimonial-track .testimonial-card { flex: 0 0 100%; }
	.slider-arrow { display: none; }
	.footer-modern .footer-grid { grid-template-columns: 1fr; gap: 30px; }
	.footer-bottom { flex-direction: column; text-align: center; }
}

/* ---------------------------------------------------------------------- */
/* HOMEPAGE HERO — MOBILE-ONLY OPTIMIZATION                               */
/* Scoped to the homepage hero's specific inline grid pattern             */
/* (grid-template-columns:1.15fr 0.85fr) so other pages that reuse the    */
/* .hero-dubai component with a different layout are not affected, and   */
/* so tablet (768px+) and desktop layouts stay exactly as they are.      */
/* ---------------------------------------------------------------------- */
@media (max-width: 767px) {
	/* 1. Remove the hero image on mobile — stack to a single column */
	.hero-dubai [style*="grid-template-columns:1.15fr 0.85fr"] {
		grid-template-columns: 1fr !important;
		gap: 0 !important;
	}
	.hero-dubai [style*="grid-template-columns:1.15fr 0.85fr"] > div:last-child {
		display: none !important;
	}

	/* 2. Let the hero content use the full mobile width */
	.hero-dubai .container { width: 100% !important; padding: 0 20px; }
	.hero-dubai .hero-sub { max-width: 100%; }

	/* 3. Order Now / Call Now on the same line, equal width */
	.hero-dubai .hero-cta-row { flex-wrap: nowrap; gap: 12px; }
	.hero-dubai .hero-cta-row .btn-primary-cta,
	.hero-dubai .hero-cta-row .btn-call-now {
		display: flex;
		flex: 1 1 0;
		margin-right: 0;
		align-items: center;
		justify-content: center;
		padding-left: 12px;
		padding-right: 12px;
		white-space: nowrap;
	}

	/* 4. Trust stats — 2 per row on narrow phones */
	.hero-dubai .hero-trust-row {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 22px 16px;
	}
	.hero-dubai .trust-badge { gap: 8px; }
}

/* Trust stats — a single row of 4 once there's enough width (large phones / phablets) */
@media (min-width: 481px) and (max-width: 767px) {
	.hero-dubai .hero-trust-row { grid-template-columns: repeat(4, 1fr); }
}

/* Extra-small phones — keep the two CTA buttons comfortably on one line */
@media (max-width: 360px) {
	.hero-dubai .hero-cta-row .btn-primary-cta,
	.hero-dubai .hero-cta-row .btn-call-now {
		padding-left: 8px;
		padding-right: 8px;
		font-size: 13.5px;
	}
}


 Hero background extends behind header; nav bar itself stays white 
<style>
  html, body { background: var(--wd-navy, #0a1628); }
  #header-wrapper.header-overlay {
    background: linear-gradient(120deg, #0a1628 0%, #16294d 45%, #0d7377 130%);
    padding-top: 14px;
  }
  #header-wrapper.header-overlay .main-menu-container .main-menu {
    background: #ffffff;
    border-radius: 10px;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: 0 10px 30px rgba(0,0,0,0.25);
  }
  #header-wrapper.header-overlay #main-menu > ul.menu > li > a,
  #header-wrapper.header-overlay #main-menu ul.menu > li > a { color: #1c2a3a; }
  #header-wrapper.header-overlay #main-menu > ul.menu > li.current_page_item > a,
  #header-wrapper.header-overlay #main-menu > ul.menu > li > a:hover { color: #0d7377; }
  #header-wrapper.header-overlay #main-menu > ul.menu > li.current_page_item > a:before {
    border-top-color: #0d3b66;
  }
  #header-wrapper.header-overlay .dt-menu-toggle,
  #header-wrapper.header-overlay .dt-menu-expand { color: #1c2a3a; }

  .hero-dubai.hero-under-nav { position: relative; z-index: 1; margin-top: 0; }

  @media (max-width: 767px) {
    #header-wrapper.header-overlay { padding-top: 0; }
    #header-wrapper.header-overlay .main-menu-container .main-menu {
      background: #ffffff;
      border-radius: 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
    }
  }
</style>


/* ============================================================
   GET A QUOTE — POPUP ENQUIRY FORM
   Triggered from every "Get Free Quote" / "Request a Quote" /
   "Get a Quote" button that links to #quick-enquiry.
   Uses the theme's --wd-navy / --wd-teal colour variables.
   ============================================================ */

/* ---------- Overlay ---------- */
.qp-overlay {
	position: fixed;
	inset: 0;
	background: rgba(10, 22, 40, 0.72);
	backdrop-filter: blur(3px);
	z-index: 99999;
	display: none;
	align-items: flex-start;
	justify-content: center;
	overflow-y: auto;
	padding: 40px 20px;
	opacity: 0;
	transition: opacity 260ms ease;
}
.qp-overlay.qp-active {
	display: flex;
	opacity: 1;
}

/* ---------- Modal box (single column, matches reference design) ---------- */
.qp-modal {
	position: relative;
	width: 100%;
	max-width: 440px;
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 30px 80px rgba(0,0,0,0.35);
	padding: 34px 30px 30px;
	margin: auto;
	transform: translateY(24px) scale(0.97);
	opacity: 0;
	transition: transform 320ms cubic-bezier(.2,.8,.25,1), opacity 320ms ease;
}
.qp-overlay.qp-active .qp-modal {
	transform: translateY(0) scale(1);
	opacity: 1;
}

.qp-modal h2 {
	font-family: 'Poppins', sans-serif;
	font-size: 26px;
	font-weight: 800;
	color: var(--wd-navy);
	margin: 0 0 22px;
}

.qp-close {
	position: absolute;
	top: 18px;
	right: 18px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: none;
	background: transparent;
	color: #8b95a1;
	font-size: 20px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 200ms ease;
	line-height: 1;
}
.qp-close:hover { background: var(--wd-navy); color: #fff; transform: rotate(90deg); }

/* ---------- Fields ---------- */
.qp-field { margin-bottom: 18px; }
.qp-field label {
	display: block;
	font-weight: 700;
	font-size: 14.5px;
	color: var(--wd-navy);
	margin-bottom: 8px;
}
.qp-field .qp-req { color: #e0433d; }

.qp-modal input,
.qp-modal select,
.qp-modal textarea {
	width: 100%;
	padding: 12px 14px;
	border: 1px solid var(--wd-border);
	border-radius: 8px;
	font-size: 14px;
	font-family: inherit;
	color: var(--wd-text);
	background: #fff;
	outline: none;
	transition: border-color 200ms ease, box-shadow 200ms ease;
	box-sizing: border-box;
}
.qp-modal textarea { min-height: 90px; resize: vertical; }
.qp-modal input::placeholder,
.qp-modal textarea::placeholder { color: #a8b0ba; }
.qp-modal input:focus,
.qp-modal select:focus,
.qp-modal textarea:focus {
	border-color: var(--wd-teal);
	box-shadow: 0 0 0 3px rgba(13,115,119,0.12);
}

/* ---------- Button row (Submit Quote / Close) ---------- */
.qp-btn-row {
	display: flex;
	gap: 12px;
	margin-top: 4px;
}

.qp-btn-submit {
	flex: 1 1 auto;
	background: var(--wd-teal);
	color: #fff;
	border: none;
	padding: 15px 20px;
	border-radius: 8px;
	font-size: 15.5px;
	font-weight: 700;
	letter-spacing: 0.3px;
	cursor: pointer;
	transition: background 200ms ease, transform 200ms ease;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}
.qp-btn-submit:hover { background: var(--wd-navy-2); transform: translateY(-2px); }
.qp-btn-submit:disabled { opacity: 0.65; cursor: not-allowed; transform: none; }

/* ---------- Close button (footer, next to Submit Quote) ---------- */
.qp-btn-cancel {
	flex: 0 0 auto;
	background: #fff;
	color: var(--wd-navy);
	border: 1px solid var(--wd-border);
	padding: 15px 22px;
	border-radius: 8px;
	font-size: 15.5px;
	font-weight: 700;
	letter-spacing: 0.3px;
	cursor: pointer;
	transition: all 200ms ease;
}
.qp-btn-cancel:hover { background: #f4f6f8; border-color: var(--wd-navy); }

/* ---------- Loading spinner shown inside Submit Quote while sending ---------- */
.qp-spinner {
	display: none;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255,255,255,0.4);
	border-top-color: #fff;
	border-radius: 50%;
	animation: qp-spin 700ms linear infinite;
}
.qp-btn-submit.qp-loading .qp-spinner { display: inline-block; }
.qp-btn-submit.qp-loading .qp-btn-label { opacity: 0.85; }
@keyframes qp-spin { to { transform: rotate(360deg); } }

/* ---------- Field-level error styling ---------- */
.qp-field input.qp-invalid,
.qp-field select.qp-invalid,
.qp-field textarea.qp-invalid {
	border-color: #dc3545 !important;
	box-shadow: 0 0 0 3px rgba(220,53,69,0.10) !important;
}
.qp-field-error {
	display: none;
	color: #c0392b;
	font-size: 12.5px;
	margin-top: 6px;
}
.qp-field-error.qp-show { display: block; }

/* ---------- Feedback message ---------- */
.qp-feedback {
	display: none;
	margin-bottom: 16px;
	padding: 12px 14px;
	border-radius: 8px;
	font-size: 13.5px;
	line-height: 1.5;
}
.qp-feedback.qp-show { display: block; }
.qp-feedback.qp-success { background: rgba(13,115,119,0.1); color: var(--wd-teal); border: 1px solid rgba(13,115,119,0.25); }
.qp-feedback.qp-error { background: rgba(220,53,69,0.08); color: #c0392b; border: 1px solid rgba(220,53,69,0.25); }

/* Honeypot field - hidden from real users */
.qp-hp { position: absolute; left: -9999px; top: -9999px; opacity: 0; height: 0; width: 0; }

/* Prevent body scroll when popup is open */
body.qp-lock { overflow: hidden; }

@media (max-width: 480px) {
	.qp-modal { padding: 28px 20px 24px; max-width: 100%; }
	.qp-modal h2 { font-size: 22px; }
}

/* ============================================================================
   FLAG PRINTING PAGE — "Types of Flags We Print" section
   Each flag type is a 3-column row (description / image / size table),
   aligned in a card with equal-height columns. Uses the wd- design tokens
   already defined above for this site.
   ============================================================================ */
.flag-types-wrap {
	display: flex;
	flex-direction: column;
	gap: 26px;
	margin: 10px 0 36px;
}
.flag-type-row {
	display: grid;
	grid-template-columns: 1.15fr 0.95fr 1fr;
	gap: 30px;
	align-items: stretch;
	background: #ffffff;
	border: 1px solid var(--wd-border);
	border-radius: var(--wd-radius);
	box-shadow: var(--wd-shadow);
	padding: 28px;
}
.flag-type-col {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

/* description column */
.flag-type-desc h3 {
	margin: 0 0 12px;
	font-size: 19px;
	line-height: 1.3;
	color: #1c2a3a;
}
.flag-type-desc p {
	margin: 0;
	font-size: 14px;
	line-height: 1.7;
	color: var(--wd-text-light);
}

/* image column */
.flag-type-img {
	align-items: center;
	justify-content: center;
	background: var(--wd-bg-soft);
	border: 1px solid var(--wd-border);
	border-radius: 8px;
	min-height: 230px;
	padding: 12px;
}
.flag-type-img img {
	width: 100%;
	height: 230px;
	object-fit: contain;
	object-position: center;
	border-radius: 4px;
	display: block;
}

/* size table column */
.flag-type-size {
	justify-content: center;
}
.flag-type-size h4 {
	margin: 0 0 12px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	color: var(--wd-teal);
}
.flag-type-size table {
	width: 100%;
	border-collapse: collapse;
	font-size: 13.5px;
}
.flag-type-size th,
.flag-type-size td {
	padding: 10px 12px;
	border: 1px solid var(--wd-border);
	text-align: left;
	color: var(--wd-text);
}
.flag-type-size th {
	background: var(--wd-bg-soft);
	color: #1c2a3a;
	font-weight: 700;
}
.flag-type-size tbody tr:nth-child(even) td { background: var(--wd-bg-soft); }

@media (max-width: 1024px) {
	.flag-type-row {
		grid-template-columns: 1fr 1fr;
		gap: 22px;
	}
	.flag-type-size { grid-column: 1 / -1; }
	.flag-type-img { min-height: 210px; }
	.flag-type-img img { height: 210px; }
}

@media (max-width: 767px) {
	.flag-type-row {
		grid-template-columns: 1fr;
		padding: 22px;
		gap: 18px;
	}
	.flag-type-size { grid-column: auto; }
	.flag-type-img { min-height: 220px; }
	.flag-type-img img { height: 220px; }
}

/* =====================================================
   Contact Us Page — widen form column, shift contact
   info column to the left (closer to the form)
   ===================================================== */
.fullwidth-section.full-man .container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.fullwidth-section.full-man .container > .contact-form-col.column {
	float: none;
	width: 48% !important;
	margin-left: 0 !important;
}
.fullwidth-section.full-man .container > .contact-info-col.column {
	float: none;
	width: 48% !important;
	margin-left: 0 !important;
}
.fullwidth-section.full-man .container > .contact-form-col .dt-sc-one-half {
	width: 100%;
	float: none;
}
@media only screen and (max-width: 767px) {
	.fullwidth-section.full-man .container > .contact-form-col.column,
	.fullwidth-section.full-man .container > .contact-info-col.column {
		width: 100% !important;
	}
}

/* =====================================================
   Contact Us Page — Thank You popup (AJAX submit) and
   inline fallback message when JavaScript is disabled
   ===================================================== */
.dtsc-inline-message {
	padding: 16px 20px;
	border-radius: 6px;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.5;
}
.dtsc-inline-message.is-success {
	background: #e9f9f1;
	color: #16794f;
	border: 1px solid #b8ecd3;
}
.dtsc-inline-message.is-error {
	background: #fdeceb;
	color: #b23b2f;
	border: 1px solid #f6c6c0;
}
.dtsc-inline-message i {
	margin-right: 8px;
}

.dtsc-thankyou-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(10, 20, 35, 0.65);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 99999;
	padding: 20px;
	box-sizing: border-box;
}
.dtsc-thankyou-box {
	background: #ffffff;
	max-width: 420px;
	width: 100%;
	border-radius: 8px;
	padding: 40px 30px 30px;
	text-align: center;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	animation: dtscPopIn 0.25s ease;
}
@keyframes dtscPopIn {
	from { transform: scale(0.9); opacity: 0; }
	to { transform: scale(1); opacity: 1; }
}
.dtsc-thankyou-icon {
	font-size: 50px;
	color: #16a67a;
	margin-bottom: 15px;
}
.dtsc-thankyou-box.is-error .dtsc-thankyou-icon {
	color: #e64545;
}
.dtsc-thankyou-box h3 {
	margin: 0 0 10px;
	font-size: 24px;
	color: #1c2b45;
}
.dtsc-thankyou-box p {
	margin: 0 0 25px;
	color: #6a695e;
	font-size: 15px;
	line-height: 1.5;
}
.dtsc-thankyou-box .dtsc-thankyou-close {
	float: none;
	display: inline-block;
}

/* =====================================================
   H1 HEADINGS — force left alignment site-wide
   (overrides any centered/aligncenter behaviour on h1,
   including h1.border-title used for page titles)
   ===================================================== */
h1,
h1.border-title,
h1.border-title.aligncenter,
#main-content h1,
.container h1 {
	text-align: left !important;
	margin-left: 0 !important;
	width: 100%;
}
h1.border-title span,
h1.border-title.aligncenter span {
	padding-left: 0 !important;
}

/* ============================================================================
   REDESIGNED "GET IN TOUCH" ENQUIRY FORM
   (abu-dhabi-web-design.php — .full-man parallax section)
   Two-column layout: intro/trust points on the left, floating white
   card with icon-labeled fields on the right. Uses the page's existing
   --ints-* palette so it matches the rest of the design system.
   ============================================================================ */
.ints-enquiry-section .container {
	max-width: 1170px;
}
.ints-enquiry-wrap {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 60px;
}
.ints-enquiry-intro {
	flex: 0 0 34%;
	max-width: 34%;
	padding-top: 6px;
}
.ints-enquiry-intro h3.section-title { margin-bottom: 16px; }
.ints-enquiry-intro > p {
	color: rgba(255,255,255,0.85);
	font-size: 14.5px;
	line-height: 1.8;
	margin-bottom: 26px;
}
.ints-enquiry-points {
	list-style: none;
	margin: 0 0 30px;
	padding: 0;
}
.ints-enquiry-points li {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 14px;
}
.ints-enquiry-points li i {
	color: var(--ints-accent);
	font-size: 16px;
	flex-shrink: 0;
}
.ints-enquiry-phone {
	display: flex;
	align-items: center;
	gap: 14px;
	background: rgba(255,255,255,0.1);
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: var(--ints-radius);
	padding: 16px 20px;
}
.ints-enquiry-phone i {
	background: var(--ints-accent);
	color: #fff;
	width: 40px;
	height: 40px;
	min-width: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
}
.ints-enquiry-phone span {
	display: block;
	color: rgba(255,255,255,0.7);
	font-size: 12px;
	margin-bottom: 2px;
}
.ints-enquiry-phone a {
	display: block;
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
}
.ints-enquiry-card {
	flex: 1;
	background: #162747;
	border-radius: var(--ints-radius);
	padding: 38px 36px;
	box-shadow: var(--ints-shadow-hover);
}

/* Form field rows */
#contact-form.ints-enquiry-form { max-width: 100%; }
.ints-enquiry-form .ints-form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px;
	margin-bottom: 18px;
}
.ints-enquiry-form .ints-form-field {
	position: relative;
}
.ints-enquiry-form .ints-form-field i {
	position: absolute;
	left: 15px;
	top: 16px;
	color: var(--ints-primary);
	opacity: 0.45;
	font-size: 14px;
	pointer-events: none;
}
#contact-form.ints-enquiry-form input[type="text"],
#contact-form.ints-enquiry-form input[type="email"],
#contact-form.ints-enquiry-form select,
#contact-form.ints-enquiry-form textarea {
	width: 100%;
	background: var(--ints-bg-soft);
	border: 1px solid var(--ints-border);
	border-radius: 6px;
	padding: 14px 16px 14px 40px;
	margin: 0;
	font-size: 14px;
	color: var(--ints-text);
	transition: border-color 220ms ease, box-shadow 220ms ease;
}
#contact-form.ints-enquiry-form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding-right: 34px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%2316294d' d='M4 6l4 4 4-4z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 12px 12px;
	color: var(--ints-text);
}
#contact-form.ints-enquiry-form select::-ms-expand { display: none; }
#contact-form.ints-enquiry-form input:focus,
#contact-form.ints-enquiry-form select:focus,
#contact-form.ints-enquiry-form textarea:focus {
	outline: none;
	border-color: var(--ints-accent);
	background: #ffffff;
	box-shadow: 0 0 0 3px rgba(240, 125, 26, 0.15);
}
.ints-enquiry-form .ints-form-field--full {
	margin-bottom: 22px;
}
.ints-enquiry-form .ints-form-field--full i {
	top: 16px;
}
#contact-form.ints-enquiry-form textarea {
	min-height: 130px;
	resize: vertical;
	padding-top: 14px;
}
#contact-form.ints-enquiry-form .ints-submit-btn {
	display: block;
	width: 100%;
	margin: 0;
	background: var(--ints-accent);
	border: none;
	border-radius: 6px;
	padding: 15px;
	color: #ffffff;
	font-weight: 700;
	font-size: 14.5px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	cursor: pointer;
	transition: background 220ms ease, transform 220ms ease;
}
#contact-form.ints-enquiry-form .ints-submit-btn:hover {
	background: var(--ints-accent-dark);
	transform: translateY(-1px);
}

/* Responsive */
@media only screen and (max-width: 991px) {
	.ints-enquiry-wrap { flex-direction: column; gap: 34px; }
	.ints-enquiry-intro { flex: 0 0 100%; max-width: 100%; }
}
@media only screen and (max-width: 600px) {
	.ints-enquiry-card { padding: 26px 22px; }
	.ints-enquiry-form .ints-form-row { grid-template-columns: 1fr; gap: 0; }
}