@charset "utf-8";

@import "css/reset.css";

@font-face {
	font-family: 'Opening';  
	src: url('./fonts/BrittanySignature.woff2') format('woff2');
	font-weight: normal;       
	font-style: normal;        
}

html {
	scroll-behavior: smooth;
}

.opening { 
	font-family: "Opening" !important; 
	font-size: 40px !important;
    line-height: 100px;
}

.sticky-wrapper #menu-container {
	display: none;
}

.opening-time-info {
	animation-delay: 0.5s;
}

.time-info {
	font-size: 18px !important;
}

#countdown {
	font-family: "Raleway";
    font-size: 20px;
    font-weight: bolder;
    text-transform: none;
    font-variant-numeric: lining-nums;
    -ms-font-feature-settings: "lnum" 1;
    -o-font-feature-settings: "lnum" 1;
    font-feature-settings: "lnum" 1;
	color: #FFF;
}
	
	body { font-weight: normal; font-size: 14px; color: #000000; margin:0; background: #fff; line-height: normal; }
	*{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
	
	/*----*****---- << 01. Fonts >> ----*****----*/
	
	body, textarea, .dt-sc-counter-number p { font-family: 'Roboto Slab', serif; font-weight: 300; }
	#main-menu, .dt-sc-service h3, h3.border-title, .dt-sc-offer-text, .dt-sc-offer .gallery-details h4, .dt-sc-price, .dt-sc-button, .dt-sc-notification h4, .dt-sc-team.type1 > h4, .entry-details .entry-meta h6, .entry-title h3, .dt-sc-testimonial .author-detail, #footer h4.widgettitle, h4.dt-sc-abt-title, .contact-us h4, a.appointment-btn, .blog-items .entry-metadata .author, .blog-items .entry-metadata .tags, .blog-items .entry-body, .pagination ul li a, .pagination .next-post a, .pagination .prev-post a , .dt-sc-view-btn, .author-name a, .commentmetadata, .reply, .widget ul.recent_entries li h6, .widget.widget_tag_cloud .tagcloud a, .product-border .product-details h4, .product-border .product-thumb span.new, h3.product-title, .dt-sc-share-post span, th, .shop_table td h5, td.price, td.total, input.btn[type="submit"], .shipping-box label, h4.coupon-title, .shipping-box .amount, .nav-roundslide.collapse a.menu-btn h3 { font-family: "Roboto",sans-serif; }
	
	/*----*****---- << 02. Headings >> ----*****----*/
	
	h1, h2, h3, h4, h5, h6 { font-weight:500; line-height:normal; margin-bottom: 20px; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {  }
	
	h1{ font-size:50px; }
	h2{ font-size:40px; }
	h3{ font-size:25px; }
	h4{ font-size:20px; }
	h5{ font-size:16px; }
	h6{ font-size:14px; }
	
	h2.border-title.aligncenter { text-align:center; margin-bottom:50px; position: relative; color: #282828; font-weight: 100; }
	h2.border-title.aligncenter:before { background: url(images/heading-bottom.png) no-repeat; content: ""; height: 35px; left: 0; margin: 0 auto; position: absolute; right: 0; 
    bottom: -40px; width: 206px; z-index: 9; }
	
	.blog-post h3.border-title, #secondary h3.border-title { font-size: 20px; }
	h3.border-title { text-align: left; clear: both; font-weight: 100; }	
	h3.border-title.none:after, h3.border-title.none:before { display: none; }
	h3.border-title.none { color: #fff; text-transform: uppercase; margin-bottom: 20px; font-size: 20px; }
	.widget h3.border-title { font-size: 24px; margin-bottom: 30px; }	
	.border-title { position: relative; }
	p.aligncenter { line-height: 30px; width: 85%; }
	
	h3.title, h4.title { text-transform: uppercase; position: relative; }
	h3.title:after, h4.title:after { height: 1px; clear: both; display: block; position: absolute; bottom: -10px; background: #353737; content: ""; width: 100%; }
	
	h4.title:after { background: #e8e8e8; }
	
	span.large-line { background: #5a3714; height: 1px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 40px; width: 100px; }	
	span.small-line { height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: -1px; width: 30px; }
	
	.widget h3.border-title:before { background: #eaeaea; bottom: -10px; content: ""; height: 1px; left: 0; position: absolute; width: 100%; }
	.widget h3.border-title:after { background: #000000; bottom: -10px; content: ""; height: 3px; left: 0; position: absolute; width: 25%; }
	
	h3.border-title span.large-line { left: 0; top: 40px; width: 70px; margin: 0; }	
	h3.border-title span.small-line { left: 0; margin: 0; }
	
	h5.breadcrumb-title { color: #2b2d2d; font-family: 'intro_regular'; font-size: 90px; font-weight: bold; position: absolute; right: 0; text-transform: uppercase; top: -44px; }
	
	.dt-lighter { font-weight: lighter; }
	
	/* *** Animate *** */ 
	.animate { opacity: 0; }
	.animated { opacity: 1; animation-fill-mode: both !important; }
	
	/*----*****---- << 03. Transition >> ----*****----*/
	
	a, /*a:hover, a:focus, a:active, a:after, a:hover:after, a:before, a:hover:before,*/ input, /*input:hover,*/ li, li:hover, a i, a:hover i, 	i.fa, /*li:before, li:hover:before,*/ li span, li:hover span, :before, :after, .dt-sc-service.type1:hover .icon img, .dt-sc-service.type1 .icon img, .dt-sc-service figure img.dt-sc-filter, .dt-sc-service figure:hover img.dt-sc-filter, .dt-sc-team .image-overlay, .blog-entry .entry-thumb img, .blog-entry .entry-thumb, .blog-entry:hover h6, .blog-entry h6, .blog-entry .entry-details, .product-border:hover .product-thumb, .product-border .product-thumb, .blog-entry:hover .read-more span, .blog-entry .read-more span, .dt-sc-ico-content.type1:hover .icon span, .dt-sc-ico-content.type1 .icon span, .dt-sc-ico-content.type2:hover .icon, .dt-sc-ico-content.type2 .icon, .dt-sc-ico-content.type4 .icon, .dt-sc-team.type3:hover .team-details, .dt-sc-team.type3 .team-details, .dt-sc-pr-tb-col.type1:hover .dt-sc-tb-title, .dt-sc-pr-tb-col.type1 .dt-sc-tb-title, .dt-sc-pr-tb-col:hover, .dt-sc-pr-tb-col, .dt-sc-pr-tb-col.type2:hover .dt-sc-price-table, .dt-sc-pr-tb-col.type2 .dt-sc-price-table, .dt-sc-callout-box.with-icon:hover .icon, .dt-sc-callout-box.with-icon .icon, .dt-sc-tooltip.type2:after, .dt-sc-tooltip.type2:before, .dt-sc-tooltip.type2:hover { -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; }
	
	/*----*****---- << 04. Text Elements >> ----*****----*/
	
	a{ text-decoration:none; color: #000; }
	a:hover { }
	a img{ border:none; }
	
	strong{ font-weight: bold; }
	em{ font-style: italic; }
	
	address { display:block; margin:10px 0px 20px; }
	abbr {  border-bottom:1px dotted #3d3d3d; cursor:help; }	
	ins { background:#FFF9C0; }
	sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
	sub { bottom: -3px; }
	sup { bottom: -3px; }	
	
	p { line-height: 30px; margin-bottom:10px; font-size:18px; color: #000; }
	p label { display: inline-block; margin-bottom: 5px; }	
	ul, ol, pre, code{ margin-bottom:0px; }
	
	ul{ list-style-type:none; list-style-position:inside; }
	ul li { padding-bottom:0px; }
	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 #f8cc6e; background-color:#e6e2d6; display:block; padding:10px; font-size:11px; font-family: monospace; width:96.5%; overflow:auto; }
	
 	.hr-separator { border-bottom:1px solid #353737; clear:both; }
	.hr-separator.type2 { border-bottom: 1px solid #e8e8e8; }
	
	/* due to IE <HR> margin bugs I had to made classed and apply them to div to achieve the effect of a <HR> */
	
	.hr-border { border-bottom: 1px solid #ebeef0; }	
	.rounded-corner { border-radius: 5px; }
		
	.fullwidth-section { clear: both; float: left; margin: 0; padding: 0; width: 100%; }
	.fullwidth-bg { background-color: rgba(0, 0, 0, 0.5); float: left; width: 100%; }
	.fullwidth-bg1 { background-color: #282828; }
	
	.parallax-spacing { display: inline-block; padding: 90px 0; width: 100%; }
	.dt-sc-parallax-section { background-attachment:fixed; background-color: #000000; background-repeat:no-repeat; }
		
	.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; text-align: center; }
	.alignleft { float:left; }
	.alignright { float:right; }
	.italic  { font-style:italic; }
	
	.alignright.border-title { margin-bottom: 30px; text-align: right; text-transform: capitalize; }
	.alignleft.border-title { margin-bottom: 30px; text-align: left; text-transform: capitalize; }
	.aligncenter .border-title { margin-bottom: 30px; text-align:center; }
	
	/*----*****---- << Tables >> ----*****----*/
	
	table{ border-collapse: sepaprice; border-spacing:0; margin-bottom:20px; width:100%; clear:both; border:1px solid #dfdfdf; border-bottom:0px; border-right:0px;  }
	th{ color:#000000; border-right:1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding:17px 15px; font-size:18px; line-height:normal; font-weight: 100; text-transform:capitalize; text-align:center; }	
	td{ border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; font-size:14px; line-height:normal; text-align:center; padding:13px 15px; vertical-align: middle; }
	
	.border-none { border: none; }	
	.border-none td { border: none; padding: 15px; }
	.border-none th { border: medium none; }
	
	table.dt-sc-table thead th { color: #fff; }
	
	table.dt-sc-table tbody td { color: #fff; }
	
	.alternate td { background: #fff; color: #000 !important; }
	
	/*----*****---- << 05. Forms >> ----*****----*/
	
	input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], textarea, input.text, input[type="search"] { background: transparent; color: #707070; padding: 13px; display:block; font-size:13px; margin:0px 0 23px; width:100%; box-sizing:border-box; position:relative; border: 1px solid #cccccc; font-style: italic; }
	
	p label.error { color: #f00; position: absolute; right: 5px; top: -28px; z-index: 999; }
	p span.icons.fa { cursor: pointer; height: 43px; line-height: 42px; position: absolute; right: 0; text-align: center; top: 0; width: 45px; }
	
	#footer input[type="email"] { border: 1px solid #666666; }
	
	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 { transition:all 200ms linear; }
	textarea { margin-bottom:15px; }
	
	textarea { height:160px; overflow:auto; resize: none; }
	#respond textarea { height:180px; }
	select{ background:#fff; border:1px solid #e5e5d8; padding:10px; margin:10px 0 10px; display:block; width:100%; }
	select option { background:#353737; padding: 3px 10px; }
	
	select { height:40px; color: #feecda; border:1px solid #494542; width:100%; margin:0px 0px 30px; padding:0 10px; -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:13px; top:3px; bottom:0px; height:0px; margin:auto; border-left:7px solid transparent; border-right:7px solid transparent; border-top:7px solid; }
	.selection-box:after { width:40px; height:38px; right:0px; top:0px; border: 1px solid #585350; background-color: #353737; }
	.selection-box select { background: #353737; }
	
	input[type="submit"], button, input[type="button"], input[type="reset"] { font-size:16px; font-weight: 100; line-height:normal; display:inline-block; margin: 0px; cursor:pointer; outline:none; position:relative; z-index:1; color:#fff; position:relative; min-width: 80px; min-height: 40px; text-transform:capitalize; -webkit-appearance: none; padding: 0; border: 1px solid #000; float: right; right: 25px; top: 0; }
	.contact-form .form-row input[type="submit"] { top: -20px; }
	
	.subscribe-frm .dt-sc-button { background-color: transparent; border: medium none; color: #666666; font-family: fontawesome; font-size: 22px; min-height: 43px; min-width: 50px; position: absolute; right: 0; top: 0; visibility: visible; background-image: url(images/icon-envelope.png); background-position: center center; background-repeat: no-repeat; }
	
	#ajax_contactform_msg, #ajax_subscribe_msg .error-msg { float: left; text-align: center; width: 100%; margin: 20px 0 0 0;}
	#ajax_contactform_msg .dt-sc-success-box, #ajax_contactform_msg .dt-sc-error-box { width: 50%;}	
	#ajax_subscribe_msg .dt-sc-success-box, #ajax_subscribe_msg .dt-sc-error-box { padding: 5px 5px 5px 70px; margin-bottom: 15px; }	
	#ajax_subscribe_msg .dt-sc-success-box i.fa, #ajax_subscribe_msg .dt-sc-error-box i.fa { left: 10px; }
	
	/*----*****---- << 06. Images >> ----*****----*/
	
	img { height: auto; max-width: 100%; }
	.ie8 img { width:auto; }
	img.desktop-img { display: inherit; }
	
	/*----*****---- << 07. Widget's >> ----*****----*/	
	
	.widget ul { float: left; margin: 0; padding: 0; width: 100%; }	
	.widget_categories ul li { border-bottom: 1px solid #f2f2f2; display: block; float: none; margin: 0; padding: 0; position: relative; }
	.widget_categories ul li h5 { margin-bottom: 0; position: relative; font-weight: 300; padding: 0; }
	.widget_categories ul li h5::after { color: #ccc; content: "\f0d7"; font-family: fontawesome; line-height: 45px; position: absolute; right: 10px; top: 0; cursor: pointer; transition-delay: 0.3s; -moz-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
	.widget_categories ul li h5.dt-sc-toggle.active::after { transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); }
	.widget_categories ul li:last-child { border: none; } 	
	.widget_categories ul li a::before, .widget_categories ul li p a::before { color: #cccccc; content: "\f105"; font-family: FontAwesome; font-size: 16px; font-style: normal; font-weight: normal; left: 0; position: absolute;		text-decoration: inherit; top: 10px; font-style: normal; }
	.widget_categories ul li p a { position: relative; }
	.widget_categories ul li p { padding: 0 20px; }
	.widget_categories ul li a { color: #666666; display: block; font-size: 16px; line-height: 22px; padding: 10px 20px; font-style: italic; }
	.widget ul.recent_entries li img { float: left; margin: 0 15px 0 0; max-width: 60px; }	
	.widget ul.recent_entries li h6 { font-size: 13px; color: #000000; margin-bottom: 0; font-weight: 100; }
	.widget ul.recent_entries li p a { font-size: 12px; margin-right: 10px; color: #999999; }
	.widget ul.recent_entries li p a i.fa { margin-right: 5px; color: #000000; }
	.widget ul.recent_entries > li { margin-bottom: 20px; }
	.widget.widget_tag_cloud .tagcloud a { border: 1px solid #999999; color: #999999; display: inline-block; font-size: 12px; margin: 0 3px 6px 0; padding: 9px 18px; position: relative; }
	.widget.widget_special-offer a { position: relative; display: inline-block; line-height: 0; }
	.widget.widget_special-offer .dt-sc-entry-thumb { position: relative; cursor: pointer; }
	.widget.widget_special-offer a:before, .widget.widget_special-offer a:after { content: ""; display: block; height: 5px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 10px; width: 0; z-index: 1; }
	.widget.widget_special-offer a::after { bottom: 10px; top: auto; }	
	.widget.widget_special-offer .dt-sc-entry-thumb:hover a:after, .widget.widget_special-offer .dt-sc-entry-thumb:hover a:before { width: 93%; }
	.widget.widget_special-offer .dt-sc-entry-thumb::after, .widget.widget_special-offer .dt-sc-entry-thumb::before { bottom: 10px; content: ""; display: block; height: 0; margin: auto; position: absolute; right: 13px; top: 5px; width: 5px; z-index: 1; }
	.widget.widget_special-offer .dt-sc-entry-thumb::before { right: auto; left: 8px; }	
	.widget.widget_special-offer .dt-sc-entry-thumb:hover:after, .widget.widget_special-offer .dt-sc-entry-thumb:hover:before { height: 93%; }
	
	.widget_price_filter form { clear:both; float:left; width:100%; margin:0; }
	.widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #000; height: 9px; margin-bottom: 35px; position: relative; z-index: 1; width:100%; }
	.widget_price_filter .ui-slider .ui-slider-range { left:0; width:100%; position:absolute; height:100%; }
	.widget_price_filter .ui-slider .ui-slider-handle:before { background-color: #fff; content: ""; display: inline-block; height: 14px; left: -5px; padding: 5px; position: relative; top: -6px; width: 14px; z-index: 1; border: 1px solid #000; }
	.widget_price_filter .ui-slider .ui-slider-handle { border-radius: 50%; cursor: pointer; height: 14px; outline: 0 none; position: absolute; top: -3px; width: 14px; }
	.price_label { float: right; font-size:14px; color:#616161; }
	.widget_price_filter .price_slider_wrapper { margin-top: 10px; }
	.widget_price_filter .price_slider_wrapper .ui-widget-content a:first-child { left:0; }
	.widget_price_filter .price_slider_wrapper .ui-widget-content a:last-child { left:inherit; right:4px; }	
	
/*----*****---- << 2. Layout >> ----*****----*/

	/*----*****---- << 01. Container >> ----*****----*/
	
	.container { width:1170px; margin:0 auto; position:relative; clear:both; }
	
	.wrapper { clear:both; width:100%; margin:0px; padding:0px; float:left; overflow:hidden; }
	.boxed .wrapper { width:1260px; margin:0 auto; float:none; }
	.inner-wrapper { margin:0px; width:100%; float:left; padding:0px; background:#fff; }
	
	/*----*****---- << 02. Header >> ----*****----*/
	
	#header { backface-visibility: hidden; display: block; margin: 0; position: relative; width: 100%; z-index: 99999; }
	#logo { background: #000000; margin: 0; padding: 15px 0 10px; text-align: center; width: 100%; z-index: 9; clear: both; display: inline-block; }
	
	.boxed #header, .boxed .is-sticky #header { width: 1260px; margin: 0 auto; }
	.boxed #header.type5 { width: 1260px; }
	
	.top-bar { background-color: #282828; clear: both; float: left; line-height: 45px; padding: 11px 0; position: relative; width: 100%;}	
	.top-bar p { font-size: 22px; float: left; font-family: Gabriola; margin: 0; color: #fff; }
	.top-bar .top-right { float: right; font-size: 13px; margin-top: 4px; padding: 0; color: #fff; }
	.top-bar .top-right ul { float: left; line-height: 20px; margin: 0; padding: 0; }
	.top-bar .top-right ul li a { color: #fff; }
	.top-bar .top-right ul li { display: inline-block; margin-right: 10px; padding: 0; }
	.top-bar .top-right ul li span.fa { color: #969696; position: relative; top: 1px; font-size: 16px; padding-right: 5px; }
	.top-bar .top-right ul li:last-child { margin-right: 0; }
	
	.is-sticky #header { width: 100%; z-index: 9999999; }
	.is-sticky #logo { position: absolute; top: -90px; }
	.is-sticky #main-menu ul { display: inline-block; float: right; }
	.sticky-logo { left: 0; position: absolute; display: none; }
	.is-sticky .sticky-logo { display: block; margin-top: 0px; }
	.is-sticky #header.type4 .sticky-logo { right: 0; text-align: center; display: inline-block; }
	.is-sticky #header.type4 a.sticky-logo img { margin: 7px 0; width: 15%; }
	.is-sticky .type2 .sticky-logo { margin-top: 20px; }
	.is-sticky .type2 #menu-container { box-shadow: none; }
	.is-sticky #menu-container { background: rgba(40, 40, 40, 1); display: inline-block; width: 100%; position: relative; }
	/*.sticky-wrapper { min-height: 185px !important; background: #282828; }*/
	/*@media screen and (-webkit-min-device-pixel-ratio:0) { .sticky-wrapper { min-height: 184px !important; } }	*/
	.is-sticky #main-menu > ul > li > a { padding: 20px 0; }
	.is-sticky #main-menu > ul > li a::before, .is-sticky #main-menu > ul > li a::after { margin: auto; position: absolute; top: 20px !important; width: 0; border: none; }
	.is-sticky .type2 #main-menu > ul > li.current_page_item > a::before, .is-sticky .type5 #main-menu > ul > li.current_page_item > a::before { content: "["; left: -12px; right: auto; border: none !important; } 
	.is-sticky .type2 #main-menu > ul > li.current_page_item > a::after, .is-sticky .type5 #main-menu > ul > li.current_page_item > a::after { content: "]"; right: -8px; left: auto; }
	.is-sticky #main-menu ul li.menu-item-simple-parent ul { top: 56px; }
	.is-sticky #main-menu ul li.menu-item-simple-parent ul ul { top: -3px; }
	.sticky-wrapper { clear: both; }
	
	.is-sticky .type2 #menu-container::after { background: #282828; bottom: -25px; content: ""; height: 50px; left: 0; position: absolute; transform: skewY(-1.2deg); -moz-transform: skewY(-1.2deg); -ms-transform: skewY(-1.2deg); -o-transform: skewY(-1.2deg); -webkit-transform: skewY(-1.2deg); width: 100%; z-index: -1; }

	.is-sticky .type3 .sticky-logo img { margin-top: 10px;  width: 70%; }
	.is-sticky .type3 .sticky-logo { text-align: left; }
	
	#header.type3 ul.menu li a i.fa, #header.type4 ul.menu li a i.fa { margin-right: 5px; }
	.is-sticky #header.type3 #main-menu ul li, .is-sticky #header.type4 #main-menu ul li { margin: 0; float: left; }
	.is-sticky #header.type3 #main-menu ul li a, .is-sticky #header.type4 #main-menu ul li a { padding: 20px; }
	.is-sticky #header.type3 #main-menu > ul > li.current_page_item > a::before, .is-sticky #header.type4 #main-menu > ul > li.current_page_item > a::before { border: none !important; }
	.is-sticky #header.type3 #main-menu ul li.menu-item-simple-parent ul li a, .is-sticky #header.type4 #main-menu ul li.menu-item-simple-parent ul li a { padding: 10px 15px !important; }
	.is-sticky #header.type3 #main-menu ul li a, .is-sticky #header.type4 #main-menu ul li a { border-left: 1px solid rgba(255, 255, 255, 0.2); }
	.is-sticky #header.type3 #main-menu ul li:last-child a, .is-sticky #header.type4 #main-menu ul li:last-child a { border-right: 1px solid rgba(255, 255, 255, 0.2); }
	.is-sticky #header.type3 #main-menu ul li.current_page_item a, .is-sticky #header.type4 #main-menu ul li.current_page_item a { box-shadow: 0 -1px 0 inset; }
	.is-sticky #header.type3 #main-menu ul li.current_page_item li a, .is-sticky #header.type4 #main-menu ul li.current_page_item li a { box-shadow: none; }
	.is-sticky #header.type3 #main-menu ul li ul li a, .is-sticky #header.type4 #main-menu ul li ul li a { border-right: none !important; }
	
	.top-bar.type2 { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 0; }
	.top-bar.type2 p { border-left: 1px solid rgba(255, 255, 255, 0.2); border-right: 1px solid rgba(255, 255, 255, 0.2); padding: 10px; }
	
	@media screen and (min-width:0\0) {  .top-bar.type2 p { padding: 30px 10px 15px; } .top-bar p { padding: 20px 10px 5px; line-height: 5px; } }
	
	/*@media screen and (min-width:0) and (min-resolution: .001dpcm) { 
	.prev-post.with-icon.type1.small.dt-sc-button::after { right: -25px !important; }
	.next-post.with-icon.type1.small.dt-sc-button::after { left: -25px !important; }
	}*/
	
	::i-block-chrome, .prev-post.with-icon.type1.small.dt-sc-button::after { right: -25px !important; }
	::i-block-chrome, .next-post.with-icon.type1.small.dt-sc-button::after { left: -25px !important; }
	
	.top-bar.type2 .top-right ul { margin: 0; }
	.top-bar.type2 .top-right ul li { border-left: 1px solid rgba(255, 255, 255, 0.2); padding: 15px; margin: 0; }
	.top-bar.type2 .top-right ul li:last-child { border-right: 1px solid rgba(255, 255, 255, 0.2); }
	.top-bar.type2 .top-right { margin-top: 0; }
		
	#header.type4 ul.alignleft, #header.type4 ul.alignright { display: inline-block; float: none; }
	
	.is-sticky #header.type4 ul.alignleft { float: left; }
	.is-sticky #header.type4 ul.alignright { float: right; }
	
	#header.type5 #logo { background: transparent; float: left; text-align: initial; width: auto; padding: 0; margin: 15px 0; }
	#header.type5 ul.menu { float: right; visibility: hidden; padding: 26px 0; }
	#header.type5 { box-shadow: 0 0 3px #fff; line-height: 0; position: fixed; width: 100%; }
	
	.is-sticky #header.type5 ul.menu { visibility: visible; padding: 0; }
	.is-sticky #header.type5 #main-menu ul li:nth-child(1) { animation: 0.3s ease-in 300ms lightSpeedIn; -moz-animation: 0.3s ease-in 300ms lightSpeedIn; -ms-animation: 0.3s ease-in 300ms lightSpeedIn; -o-animation: 0.3s ease-in 300ms lightSpeedIn; -webkit-animation: 0.3s ease-in 300ms lightSpeedIn; }
	.is-sticky #header.type5 #main-menu ul li:nth-child(2) { animation: 0.3s ease-in 600ms lightSpeedIn; -moz-animation: 0.3s ease-in 600ms lightSpeedIn; -ms-animation: 0.3s ease-in 600ms lightSpeedIn; -o-animation: 0.3s ease-in 600ms lightSpeedIn; -webkit-animation: 0.3s ease-in 600ms lightSpeedIn; }
	.is-sticky #header.type5 #main-menu ul li:nth-child(3) { animation: 0.3s ease-in 900ms lightSpeedIn; -moz-animation: 0.3s ease-in 900ms lightSpeedIn; -ms-animation: 0.3s ease-in 900ms lightSpeedIn; -o-animation: 0.3s ease-in 900ms lightSpeedIn; -webkit-animation: 0.3s ease-in 900ms lightSpeedIn; }
	.is-sticky #header.type5 #main-menu ul li:nth-child(4) { animation: 0.3s ease-in 1200ms lightSpeedIn; -moz-animation: 0.3s ease-in 1200ms lightSpeedIn; -ms-animation: 0.3s ease-in 1200ms lightSpeedIn; -o-animation: 0.3s ease-in 1200ms lightSpeedIn; -webkit-animation: 0.3s ease-in 1200ms lightSpeedIn; }
	.is-sticky #header.type5 #main-menu ul li:nth-child(5) { animation: 0.3s ease-in 1500ms lightSpeedIn; -moz-animation: 0.3s ease-in 1500ms lightSpeedIn; -ms-animation: 0.3s ease-in 1500ms lightSpeedIn; -o-animation: 0.3s ease-in 1500ms lightSpeedIn; -webkit-animation: 0.3s ease-in 1500ms lightSpeedIn; }
	.is-sticky #header.type5 #main-menu ul li:nth-child(6) { animation: 0.3s ease-in 1800ms lightSpeedIn; -moz-animation: 0.3s ease-in 1800ms lightSpeedIn; -ms-animation: 0.3s ease-in 1800ms lightSpeedIn; -o-animation: 0.3s ease-in 1800ms lightSpeedIn; -webkit-animation: 0.3s ease-in 1800ms lightSpeedIn; }
	.is-sticky #header.type5 #main-menu ul li:nth-child(7) { animation: 0.3s ease-in 2100ms lightSpeedIn; -moz-animation: 0.3s ease-in 2100ms lightSpeedIn; -ms-animation: 0.3s ease-in 2100ms lightSpeedIn; -o-animation: 0.3s ease-in 2100ms lightSpeedIn; -webkit-animation: 0.3s ease-in 2100ms lightSpeedIn; }
	.is-sticky #header.type5 #main-menu ul li ul li { animation: none !important; -moz-animation: none !important; -ms-animation: none !important; -o-animation: none !important; -webkit-animation: none !important;  }
	
	#header.type5 .sticky-logo img { padding: 7px 0; width: 80%; }
	#header.type5 #main-menu > ul > li.current_page_item > a::before { display: none; }
	.is-sticky #header.type5 #main-menu > ul > li.current_page_item > a::before { display: block; }
	.type5 .sticky-wrapper { height: auto !important; }
	.is-sticky #header.type5 { line-height: normal; }
	#header.type5 #menu-container { position: relative; z-index: 1; background: rgba(0, 0, 0, 0.8); }
	.is-sticky .type5 #menu-container:after { background: rgba(40, 40, 40, 0.9); content: ""; height: 100%; position: absolute; left: 0; top: 0; width: 100%; z-index: -1; }
	.is-sticky .type5 #menu-container:after { width: 0; }

	.is-sticky .lines { top: 15px; }
	.lines {  line-height: 22px; position: absolute; right: -20px; top: 27px; width: 32px; }
	.lines:before { background: #fff; content: ""; height: 2px; position: absolute; right: 0; top: 2px; width: 30px; }
	.lines span { display: inline-block; position: relative; }
	.lines span::before, .lines span::after { background: #fff; content: ""; position: absolute; right: -16px; width: 30px; height: 2px; }
	.lines span::before {  top: -5px; }
	.lines span::after {  bottom: -5px; }
	.is-sticky .lines > span::before, .is-sticky .lines > span::after, .is-sticky .lines > span, .is-sticky .lines::before { width: 0; }
	.lines:hover { cursor: pointer; } 
			
	/*----*****---- << 03. Menu >> ----*****----*/
	
	#menu-container { background: #282828; display: inline-block; width: 100%; }
	#main-menu { text-align:center; margin:0px; padding:0px; width: 100%; }
	#main-menu ul { margin:0px auto; padding:0px; position:relative; }
	#main-menu > ul > li { display:inline-block; padding:0; position:relative; margin: 0 25px; }
	#main-menu > ul > li > a { font-size:14px; font-weight:600; text-transform:uppercase; display:block; padding: 14px 0; color:#fff; position:relative; }
	
	#main-menu > ul > li.current_page_item > a:before { border-left: 6px solid transparent; border-top: 6px solid #000; border-right: 6px solid transparent; top: 0; content: ""; left: 0; position: absolute; right: 0; width: 0; margin: auto; }
	#main-menu > ul > li.current_page_item > a:after { top: 0; content: ""; left: 0; position: absolute; right: 0; width: 0; margin: auto; }
	
	#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:hover ul ul, #main-menu ul li.menu-item-simple-parent ul li ul li ul { display:none; }
	
	#main-menu ul li.menu-item-simple-parent ul { background-color:#282828; border-bottom: 3px solid; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); float: left; left: 0; position: absolute; top: 43px; width: 195px; z-index: 9999; text-align:left; } 
	#main-menu ul li.menu-item-simple-parent ul li { display:inline; position:relative; width:100%; border-bottom: 1px solid #000; float:left; }
	#main-menu ul li.menu-item-simple-parent ul li:last-child { border-bottom:none; }
	#main-menu ul li.menu-item-simple-parent ul li a { display: block; font-size: 12px; padding: 10px 15px; position: relative; color:#fff; text-transform:uppercase; font-weight:normal; font-weight: 600; }
	
	#main-menu ul li.menu-item-simple-parent ul > li > ul > li:hover > ul { display:block; -webkit-animation: 0.3s ease-in fadeIn; -moz-animation: 0.3s ease-in fadeIn; animation: 0.3s ease-in fadeIn; }
	
	#main-menu > ul > li.menu-item-simple-parent:hover > ul, #main-menu > ul > li.menu-item-simple-parent > ul > li:hover > ul { display:block; -webkit-animation: 0.3s ease-in fadeInUpSmall; -moz-animation: 0.3s ease-in 0s fadeInUpSmalll; animation: 0.3s ease-in 0s fadeInUpSmall; }
	
	#main-menu ul li.menu-item-simple-parent ul li ul { left:195px; top:-5px; border-top:0px; border-bottom:3px solid; padding-top:5px; border-top:3px solid; }
	
	#main-menu ul li a.dt-menu-expand { display:none; }
	
	.dt-menu-expand { cursor: pointer; display: none !important; font-size: 16px !important; font-weight: bold; height: 40px; line-height: 40px !important; padding: 0 !important; position: absolute !important; right: 0; text-align: center; top: 0; width: 40px; }
	
	.dt-menu-toggle { color: #fff; cursor: pointer; display: none; font-size: 16px; font-weight: bold; padding: 10px 15px; text-transform: uppercase; box-shadow: 0 0 1px #fff inset; text-align: left; }
	.dt-menu-toggle-icon:before, .dt-menu-toggle-icon:after { background-color:#fff; content: ""; height: 2px; left: 0; position: absolute; top: -5px; width: 20px; }
	.dt-menu-toggle-icon:after { top:5px; }
	.dt-menu-toggle-icon { background-color: #fff; display: inline-block; float: right; height: 2px; margin-top: 10px; position: relative; text-align: left; width: 20px; }
	
	/*----*****---- << Pushy Menu >> ----*****----*/
	
	.collapse { display: none; }
		
	.nav-roundslide { bottom: 20px;	height: 100px; position: absolute; width: 100%;	}
	.nav-roundslide a {	background: rgba(0, 0, 0, 0.4); border-radius: 50%; height: 100px; transition: width 0.3s ease 0s, background-color 0.3s ease 0s; width: 100px; bottom: 0; cursor: pointer; display: block; outline: medium none; position: absolute; text-align: left; z-index: 1000; }
	
	.nav-roundslide.collapse {	position: fixed;  top: 0; width: 200px; z-index:9999999;	}
	.nav-roundslide.collapse a { bottom: 0;	display: block;	left: 47px;	outline: medium none; text-align: left;	top: 20px; z-index: 1000; border:2px solid #fff; }
	.nav-roundslide.collapse a.menu-btn h3 { display:inline-block; float:none; text-align:center; width:100px; line-height:100px; color:#fff; }
	.nav-roundslide.collapse a.menu-btn h3 i { font-size: 24px; margin: 0 2px; }
	
	.rt-menu-wrapper { margin-top:300px;}
	#rt-menu-wrapper, #rt-menu-wrapper ul, #rt-menu-wrapper li, #rt-menu-wrapper a { margin: 0; padding: 0; border: 0; list-style: none; font-weight: normal; text-decoration: none;   line-height: 1; font-family: "Roboto",sans-serif; font-size: 14px; position: relative; }
	#rt-menu-wrapper a { line-height: 1.3; }
	#rt-menu-wrapper > ul > li > a { padding-right: 40px; font-size: 25px; font-weight: bold; display: block; color: #fff; border-bottom: 1px solid #000; text-transform: uppercase; }
	#rt-menu-wrapper > ul > li > a > span { padding: 15px 10px; display: block; font-size: 13px; border-right: 1px solid #000; }
	#rt-menu-wrapper span.cnt { position: absolute; top: 15px; right: 15px; padding: 0; margin: 0; background: none; border: none; }
	/* Sub menu */	
	#rt-menu-wrapper ul ul { display: none; }
	#rt-menu-wrapper ul ul li { border: 1px solid #e0e0e0; border-top: 0; }
	#rt-menu-wrapper ul ul a { padding: 10px; display: block; color: #000; font-size: 13px; }
	#rt-menu-wrapper ul ul a:hover { color: #fff; }
	#rt-menu-wrapper ul ul li.odd { background: #f4f4f4; }
	#rt-menu-wrapper ul ul li.even { background: #fff; }
	
	/*----*****---- << Home Type's >> ----*****----*/
	
	.slider-bg { background-image: url(images/hero03.webp); }	
	.slider-bg .parallax-spacing { padding: 150px 0 100px; }
	
	.banner.type3 .slider-bg .parallax-spacing { padding: 315px 0 80px; }	
	.banner.type2 .slider-bg { background-image: url(images/slider2.jpg); }
	.banner.type3 .slider-bg { background-image: url(images/slider3.jpg); }
	
	.banner h2 { color: #fff; font-family: "Roboto",sans-serif; font-weight: 100; text-transform: uppercase; margin-bottom: 0; font-size: 34px; }
	.banner h2 strong { font-size: 68px; } 
	.banner p { font-size: 16px; }
	.banner.type3 .caption { display: block; } 	
	.banner.type3 .caption h1 { color: #fff; margin: 0; padding: 50px 0; border: 1px dashed #fff; border-left: none; border-right: none; font-size: 40px; text-transform: uppercase; font-family: "Roboto",sans-serif; }
	.banner .dt-sc-view-btn > a { top: 10px; padding: 10px 18px 12px; border-radius: 3px; }
	
	.banner.type4 h1.caption-heading, .banner.type4 .caption h3 { color: #fff; }
	.banner.type4 .caption h3 span { font-weight: 100; }	
	
	#scrolldown { bottom: -10%; left: 0; position: absolute; text-align: center; width: 100%;  z-index: 8; }
	#scrolldown a { line-height:40px; color: #fff; }
	#scrolldown a .fa { font-size:36px; }
	#scrolldown a:hover { color:#d1d1d1; }
	#scrolldown .animate { animation-iteration-count: infinite; }
	
	.caption { clear: both; display: inline-block; }
	
	#demo1 { position: inherit !important; font-size: 30px; }
	.sub-text h3, .sub-text h5 { color: #fff; font-family: "Roboto",sans-serif; font-weight: 100; text-transform: uppercase; }
	
	.caption-words { display: inline-block; position: relative; text-align: left; width: 188px !important; }
	.caption-words b { display: inline-block; position: absolute; white-space: nowrap; left: 0; top: 0; }
	.caption-words b.is-visible { position: relative; }
	.no-js .caption-words b { opacity: 0; }
	.no-js .caption-words b.is-visible { opacity: 1; }
	
	.caption-heading.rotate-2 .caption-words { -webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px; }
	.caption-heading.rotate-2 i, .caption-heading.rotate-2 em { display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden; font-style: normal !important; font-weight: 100; }
	.caption-heading.rotate-2 b { opacity: 0; }
	.caption-heading.rotate-2 i { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-20px) rotateX(90deg); -moz-transform: translateZ(-20px) rotateX(90deg); -ms-transform: translateZ(-20px) rotateX(90deg); -o-transform: translateZ(-20px) rotateX(90deg); transform: translateZ(-20px) rotateX(90deg); opacity: 0; }
	.is-visible .caption-heading.rotate-2 i { opacity: 1; }
	.caption-heading.rotate-2 i.in { -webkit-animation: cd-rotate-2-in 0.4s forwards; -moz-animation: cd-rotate-2-in 0.4s forwards; animation: cd-rotate-2-in 0.4s forwards; }
	.caption-heading.rotate-2 i.out { -webkit-animation: cd-rotate-2-out 0.4s forwards; -moz-animation: cd-rotate-2-out 0.4s forwards; animation: cd-rotate-2-out 0.4s forwards; }
	.caption-heading.rotate-2 em { -webkit-transform: translateZ(20px); -moz-transform: translateZ(20px); -ms-transform: translateZ(20px); -o-transform: translateZ(20px);  transform: translateZ(20px); }
	.no-csstransitions .caption-heading.rotate-2 i { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 0; }
	.no-csstransitions .caption-heading.rotate-2 i em { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
	.no-csstransitions .caption-heading.rotate-2 .is-visible i { opacity: 1; }
	
	@-webkit-keyframes cd-rotate-2-in {
	  0% {
		opacity: 0;
		-webkit-transform: translateZ(-20px) rotateX(90deg);
	  }
	  60% {
		opacity: 1;
		-webkit-transform: translateZ(-20px) rotateX(-10deg);
	  }
	  100% {
		opacity: 1;
		-webkit-transform: translateZ(-20px) rotateX(0deg);
	  }
	}
	@-moz-keyframes cd-rotate-2-in {
	  0% {
		opacity: 0;
		-moz-transform: translateZ(-20px) rotateX(90deg);
	  }
	  60% {
		opacity: 1;
		-moz-transform: translateZ(-20px) rotateX(-10deg);
	  }
	  100% {
		opacity: 1;
		-moz-transform: translateZ(-20px) rotateX(0deg);
	  }
	}
	@keyframes cd-rotate-2-in {
	  0% {
		opacity: 0;
		-webkit-transform: translateZ(-20px) rotateX(90deg);
		-moz-transform: translateZ(-20px) rotateX(90deg);
		-ms-transform: translateZ(-20px) rotateX(90deg);
		-o-transform: translateZ(-20px) rotateX(90deg);
		transform: translateZ(-20px) rotateX(90deg);
	  }
	  60% {
		opacity: 1;
		-webkit-transform: translateZ(-20px) rotateX(-10deg);
		-moz-transform: translateZ(-20px) rotateX(-10deg);
		-ms-transform: translateZ(-20px) rotateX(-10deg);
		-o-transform: translateZ(-20px) rotateX(-10deg);
		transform: translateZ(-20px) rotateX(-10deg);
	  }
	  100% {
		opacity: 1;
		-webkit-transform: translateZ(-20px) rotateX(0deg);
		-moz-transform: translateZ(-20px) rotateX(0deg);
		-ms-transform: translateZ(-20px) rotateX(0deg);
		-o-transform: translateZ(-20px) rotateX(0deg);
		transform: translateZ(-20px) rotateX(0deg);
	  }
	}
	@-webkit-keyframes cd-rotate-2-out {
	  0% {
		opacity: 1;
		-webkit-transform: translateZ(-20px) rotateX(0);
	  }
	  60% {
		opacity: 0;
		-webkit-transform: translateZ(-20px) rotateX(-100deg);
	  }
	  100% {
		opacity: 0;
		-webkit-transform: translateZ(-20px) rotateX(-90deg);
	  }
	}
	@-moz-keyframes cd-rotate-2-out {
	  0% {
		opacity: 1;
		-moz-transform: translateZ(-20px) rotateX(0);
	  }
	  60% {
		opacity: 0;
		-moz-transform: translateZ(-20px) rotateX(-100deg);
	  }
	  100% {
		opacity: 0;
		-moz-transform: translateZ(-20px) rotateX(-90deg);
	  }
	}
	@keyframes cd-rotate-2-out {
	  0% {
		opacity: 1;
		-webkit-transform: translateZ(-20px) rotateX(0);
		-moz-transform: translateZ(-20px) rotateX(0);
		-ms-transform: translateZ(-20px) rotateX(0);
		-o-transform: translateZ(-20px) rotateX(0);
		transform: translateZ(-20px) rotateX(0);
	  }
	  60% {
		opacity: 0;
		-webkit-transform: translateZ(-20px) rotateX(-100deg);
		-moz-transform: translateZ(-20px) rotateX(-100deg);
		-ms-transform: translateZ(-20px) rotateX(-100deg);
		-o-transform: translateZ(-20px) rotateX(-100deg);
		transform: translateZ(-20px) rotateX(-100deg);
	  }
	  100% {
		opacity: 0;
		-webkit-transform: translateZ(-20px) rotateX(-90deg);
		-moz-transform: translateZ(-20px) rotateX(-90deg);
		-ms-transform: translateZ(-20px) rotateX(-90deg);
		-o-transform: translateZ(-20px) rotateX(-90deg);
		transform: translateZ(-20px) rotateX(-90deg);
	  }
	}
	
	
	h4.big.sub-title { font-size: 30px; text-transform: uppercase; }
	h4.medium.sub-title { font-size: 24px; color: #fff; }  
	
	.banner-home { line-height: 0; position: relative; }
	.banner-details { background: rgba(0, 0, 0, 0.3); right: 15px; left: 15px; position: absolute; top: 15px; bottom: 15px; padding: 30px; }
	.border-title .dt-sc-offer-text h2 { border: none; } 
	.border-title .dt-sc-offer-text { width: 26%; display: inline-block; position: relative; left: 40px; }
	
	.aligncenter.small a.appointment-btn { border-radius: 3px; font-size: 20px; padding: 13px 18px; top: 0; }
	.tabs-content h3.border-title { color: #fff; font-size: 30px; }
	.tabs-content { background: rgba(0, 0, 0, 0.5); height: 100%; left: 0; position: absolute; top: 0; width: 40%; padding: 40px; }
	.tabs-content > p { color: #fff; }
	.tabs-content.alignright { left: auto; right: 0; text-align: right; }
	.tabs-content.alignright h3.border-title { text-align: right; } 
		
	.dt-sc-tabs-frame-content.type2 { position: relative; line-height: 0; }
	.dt-sc-tabs-container.type3 ul.dt-sc-tabs-frame li { background: #fff; border: medium none; font-style: normal; margin: 0; min-width: auto; padding: 20px 15px; }
	.dt-sc-tabs-container.type3 ul.dt-sc-tabs-frame li::after { background: #000; bottom: 1px; content: ""; height: 3px; left: 0; position: absolute; width: 100%; z-index: 9; }
	.dt-sc-tabs-container.type3 ul.dt-sc-tabs-frame::after { background: #eeeeee; bottom: 0;  content: ""; height: 2px; left: 0; position: absolute; width: 100%; }
	.dt-sc-tabs-container.type3 ul.dt-sc-tabs-frame li.current::before { display: none; }
	.dt-sc-tabs-frame-content.type2 img.rotate { transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg);  -o-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); }
	.dt-sc-details { padding: 55px 40px;  text-align: center; color: #fff; }
	.dt-sc-details h2 { margin: 0; font-family: "Roboto",sans-serif; font-weight: 100; }
	.dt-sc-details ul li { padding: 8px 0; position: relative; font-size: 16px; }
	.dt-sc-details ul li::after { background: rgba(0, 0, 0, .2); bottom: 0; content: ""; height: 1px; left: 0; margin: auto; position: absolute; right: 0; width: 20%; }

	.dt-sc-details.green { background: rgba(44, 176, 55, 0.5); }
	.dt-sc-details.red { background: rgba(193, 27, 23, 0.5); }
	.dt-sc-details.blue { background: rgba(31, 139, 202, 0.5); }
 		
	.dt-sc-content img { display: block; }
	.dt-sc-details h4 { margin: 5px 0 20px; font-family: "Roboto",sans-serif; font-weight: 100; letter-spacing: 10px; }	
	.dt-sc-details ul li:last-child::after { display: none; } 
	.dt-sc-client-wrapper .dt-sc-client-carousel .column { text-align: center; }
	.dt-sc-client-wrapper .dt-sc-client-carousel-wrapper { padding: 40px 0; }
	.dt-sc-client-wrapper .first::after { background: #fff; bottom: 0; content: ""; height: 50px; margin: auto; position: absolute; right: -20px; top: 0; width: 1px; }
	.dt-sc-service.type2 figure { border: none; } 
	.dt-sc-service.type2 .gallery-details { background: rgba(0, 0, 0, 0.6); color: #fff; padding: 20px; box-shadow: -1px 0 1px 0 #000; }
	
	.opening-time-info { background: rgba(0, 0, 0, 0.4); bottom: 45px; padding: 20px 0; position: relative; margin-top: -20px; }
	ul.time-info li {  display: inline-block; margin: 0 20px; color: #fff; font-weight: normal; }	
	ul.time-info li:first-child { margin-left: 0; font-size: 18px; }
	ul.time-info li:last-child { margin-right: 0; }
	ul.time-info li span { font-weight: 100; }
	ul.time-info li i { font-size: 22px; padding-right: 15px; vertical-align: middle; }
	.opening-time-info a.appointment-btn { top: -45px; padding: 17px 28px; min-height: 65px; }
	
/*----*****---- << 04. Main >> ----*****----*/
	
	/*----*****---- << 01. Slider >> ----*****----*/
	
	#slider { float: left; clear: both; width: 100%; margin: 0px; padding: 0px; position: relative; }
	
	/*----*****---- << 02. Services >> ----*****----*/
	
	.dt-sc-service { text-align: center; position: relative; }
	.dt-sc-service h3 { margin-bottom: 0; font-weight: 100; }
	
	.dt-sc-service figure { display: block; left: 0; margin: 0 auto; position: relative; right: 0; overflow: hidden; border: 1px solid #000; line-height: 0; }
		
	.dt-sc-service figure img.dt-sc-filter { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); -moz-transform: scale(1.2) rotate(5deg); -ms-transform: scale(1.2) rotate(5deg); -o-transform: scale(1.2) rotate(5deg); -webkit-transform: scale(1.2) rotate(5deg); }
	
	.dt-sc-service:hover figure img.dt-sc-filter, .blog-entry:hover .entry-thumb img { -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); }
	
	.dt-sc-service .icon { bottom: 25px; left: 0; margin: 0 auto; position: relative; right: 0; text-align: center; }	
	.dt-sc-service .icon img { background: #fff; padding: 5px 10px; border: 1px solid #000; }
	
	.dt-sc-service.type1 .icon img.second-img, .dt-sc-service.type1:hover .icon img.first-img { display: none; }
	.dt-sc-service.type1:hover .icon img.second-img { display: inline; }
	
	.dt-sc-service:hover .icon img { animation: 800ms linear flipInX; -moz-animation: 800ms linear flipInX; -ms-animation: 800ms linear flipInX; -o-animation: 800ms linear flipInX; -webkit-animation: 800ms linear flipInX; }
	
	/*----*****---- << 02. Services Type2 >> ----*****----*/
	
	.dt-sc-service.type2 figure img.dt-sc-filter { -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; -moz-transform: scale(1.2) rotate(5deg); -ms-transform: scale(1.2) rotate(5deg); -o-transform: scale(1.2) rotate(5deg); -webkit-transform: scale(1.2) rotate(5deg); }
	
	.dt-sc-service.type2:hover figure img.dt-sc-filter { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); }
	
	.dt-sc-service.type2 h4 { font-size: 16px; font-style: italic; font-weight: 300; margin-top: 20px; }
	
	/*----*****---- << 03. Offer >> ----*****----*/
	
	.fullwidth-section.dark-bg h2, .dt-sc-offer .gallery-details h4 a, .fullwidth-section.dark-bg h3 a, .appointment-parallax h3, .dark-bg, ul.opening-time.dark-bg li, .dark-bg ul.dt-sc-ico-content.type5 li h4 a, .dark-bg a.read-more { color: #fff; }
	.fullwidth-section.light-bg h3, .fullwidth-section.light-bg h6, .fullwidth-section.light-bg span.fa, .fullwidth-section.light-bg ul.info li span { color: #000; } 

	h3 span, h1.alignright span { font-weight:bold; } 
	h1.alignright { line-height: 50px; text-align: right; text-transform: uppercase; color: #fff; margin: 15px 15px 0; font-weight: 100; }
	
	.pricing-parallax, .we-do-parallax { background-image: url(images/parallax-offer.jpg); }
	.promo-parallax { background-image: url(images/parallax-promo.jpg); background-attachment:fixed; background-color: #000000; background-repeat:no-repeat; position:relative; }
	.promo-parallax.img2 { background-image: url(images/parallax-promo1.jpg); }
	.counter-parallax, .parallax2, .parallax3 { background-image: url(images/parallax-counter.jpg); }
	.blog-parallax { background-image: url(images/parallax-blog.jpg); }
	.service-parallax { background-image: url(images/parallax-services.jpg); }
	.appointment-parallax { background-image: url(images/parallax-appointment.jpg); }
	
	.appointment-parallax h3.border-title { font-size: 35px; text-align: center; }
	.pricing-container { position: relative; }
	
	.dt-sc-offer-text h2 { font-size: 98px; float:left; margin-bottom: 20px; }
	.dt-sc-offer-text span { font-size: 60px; font-weight: 100; line-height: 90px; }
	.dt-sc-offer-text span span { font-size: 30px; float: left; text-transform: uppercase; line-height: 0; }
	.dt-sc-offer-text { width: 65%; }

	ul.dt-sc-offer-date li { margin-bottom: 10px;} 
	ul.dt-sc-offer-date li span { width: 20px; font-size: 16px; }
	
	.dt-sc-offer .gallery-thumb img { border: 1px solid #000; }	
	.dt-sc-offer .gallery-details h4, .product-border .product-details h4 { margin-bottom: 15px; font-weight: 100; }
	.dt-sc-offer .gallery-thumb, .blog-post.blog-single-entry .entry-thumb { line-height: 0; }
	
	.dt-sc-special-services-carousel .dt-sc-one-third, .dt-sc-offer-carousel .dt-sc-one-third, .dt-sc-client-wrapper .dt-sc-one-fourth { margin: 0 10px; }
	.type2 .dt-sc-special-services-carousel .column { margin: 0; }
	
	.dt-sc-client-wrapper .dt-sc-one-fourth { width: 100%; }
	
	.dt-sc-offer { text-align: center; }	
	.dt-sc-offer .gallery-details { background-color: rgba(0, 0, 0, 0.7); padding: 20px 0; }

	.dt-sc-price { font-size: 20px; font-weight: 100; }

	.carousel-arrows { position: absolute; right: 0; top: -80px; }
	.dt-sc-offer-carousel-wrapper .carousel-arrows { left: 4px; margin: 0 auto; position: relative; top: 40px; width: 12%; }
	.carousel-arrows a:first-child { margin: 0; border-right: 0; }
	.carousel-arrows a { background-color: rgba(0, 0, 0, 0.7); color: #d1d0d0; float: left; height: 50px; line-height: 50px; text-align: center; width: 50px; border: 1px solid; }
	.dt-sc-testimonial-carousel-wrapper .carousel-arrows a { border: none; }
	.carousel-arrows i.fa { font-size: 45px; } 

	/*----*****---- << 04. Product >> ----*****----*/

	.dt-sc-notification a.dt-sc-button { margin: 0; border-radius: 0px; line-height: 58px; min-width: 90px; padding: 0; color: #fff; border-left: 1px solid #000; font-size: 25px; font-weight: 100; }
	.dt-sc-notification { border: 1px solid #000; display: inline-block; width: 100%; padding-left: 23px; }
	.dt-sc-notification h4 span { font-weight: bold; }
	.dt-sc-notification h4 { line-height: 60px; margin: 0; font-weight: 100; }
	
	/*.entry-details .author > a:hover, .entry-details .tags a:hover { color: #fff !important; }*/

	/*----*****---- << 05. Counting Number's >> ----*****----*/
	
	.dt-sc-counter { text-align: center; }
	.dt-sc-counter img { display: inline-block !important; }
	.dt-sc-counter-number > p { font-size: 70px; font-weight: 100; }
	.dt-sc-counter-number h5 { font-size: 16px; }
	.dt-sc-counter h5 { margin-bottom: 6px; color: #fff; }
	
	.caption .dt-sc-counter { float: left; margin: 0 0 60px; width: 50%; }
	.caption .dt-sc-counter h5 { margin-top: 30px; text-transform: uppercase; font-family: "Roboto",sans-serif; }
	.caption .dt-sc-counter-number p { font-size: 60px; }
	.caption-wrapper { margin: 0 auto; position: relative; display: inline-block; }
	
	/*----*****---- << 06. Blog >> ----*****----*/

	.blog-entry .entry-thumb { border: 1px solid #000; display: block; left: 0; line-height: 0; margin: 0 auto; overflow: hidden; position: relative; right: 0; }

	.blog-entry .entry-thumb img { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); transform: scale(1.2) rotate(5deg); -moz-transform: scale(1.2) rotate(5deg); -ms-transform: scale(1.2) rotate(5deg); -o-transform: scale(1.2) rotate(5deg); -webkit-transform: scale(1.2) rotate(5deg); }
	.blog-entry .entry-meta { top: -25px; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; }
	.blog-entry:hover .entry-details .entry-meta h6 { animation: 800ms linear pulse; -moz-animation: 800ms linear pulse; -ms-animation: 800ms linear pulse; -o-animation: 800ms linear pulse; -webkit-animation: 800ms linear pulse; }
	
	.blog-entry .read-more span { left: 70%; margin-left: 7px; opacity: 0; position: absolute; top: 17%; }
	.blog-entry:hover .read-more span { left: 100%; opacity: 1; }
	.blog-entry:hover .read-more { margin-right: 15px; } 
	.blog-entry .read-more { position: relative; }
	
	.entry-title h3 { font-weight: 100; }	
	.entry-details { position: relative; text-align: center; background-color: rgba(0, 0, 0, 0.5); padding: 20px 20px 40px; }
	.blog-entry:hover .entry-details::after { background: #000000; height: 100%; }
	.entry-details::after { bottom: 0; content: ""; height: 0; left: 0; position: absolute; width: 100%; z-index: -1; }
	.entry-details .entry-metadata p { font-style: italic; font-size: 16px; line-height: 24px; }
	.entry-details .entry-meta h6 { background: #000; border: 1px solid #000; padding: 5px 10px; display: inline-block; margin: 0; line-height: 18px; color: #fff; }
	.entry-metadata .author, .entry-metadata .tags { display: inline-block; font-size: 16px; margin: 0 20px; font-style: italic; }
	.entry-metadata i.fa { padding-right: 5px; color: #999999; }
	
	/*----*****---- << 07. Pricing Table >> ----*****----*/

	ul.menu-card.check li:before { content: "\f00c"; color: #333333; }
	ul.menu-card li:before { font-family: FontAwesome; font-size: 16px; font-style: normal; font-weight: normal; left: 20px; position: absolute; text-decoration: inherit; top: 20px; }
	ul.menu-card li { background-color: #000000; border-bottom: 1px dashed #808080; color: #999999; display: block; padding: 16px 20px 16px 50px; position: relative; font-size: 18px; font-style: italic; }
	ul.menu-card li:last-child, ul.menu-card li:last-child span { border-bottom: none; }  
	ul.menu-card li span { border-bottom: 1px dashed #f19697; color: #fff; float: right; font-size: 18px; padding: 16px 15px; position: absolute; right: 0; top: 0; bottom: 0; width: 18%;}
	.dt-sc-pricing-carousel .dt-sc-one-half { margin-left: 20px; }
	a.cart { border-radius: 50%; padding: 0 4px; }
	a.cart:hover { color: #fff; }

	/*----*****---- << 08. Testimonial >> ----*****----*/

	.author img { border-radius: 50%; display: inline-block; }
	.dt-sc-testimonial .author-detail span { display: block; font-size: 16px; margin-top: 10px; font-style: italic; }
	.dt-sc-testimonial .author-detail { font-size: 20px; color: #000; font-weight: 100; }
	
	.dt-sc-testimonial-carousel li { display: inline-block; float: none; position: relative; text-align: center; margin-top: 30px; }
	.dt-sc-testimonial-carousel li blockquote { font-size: 18px; margin-bottom: 55px; position: relative; color: #999999; font-style: italic; z-index: 1; }
	.dt-sc-testimonial-carousel li blockquote::after { background: #e0e0e0; bottom: -30px; content: ""; height: 2px; left: 0; margin: auto; position: absolute; right: 0; width: 370px; }
	.dt-sc-testimonial-carousel-wrapper { position: relative; clear: both; } 
	.dt-sc-testimonial-carousel-wrapper .carousel-arrows { display: inline-block; left: 0; margin: auto; right: 0; text-align: center; top: 23%; width: 30%; }
	.dt-sc-testimonial-carousel-wrapper .carousel-arrows a { background-color: rgba(0, 0, 0, 0); position: absolute; width: 20px; } 
	.dt-sc-testimonial-carousel-wrapper .carousel-arrows a.carousel-prev { background-image: url(images/prev-arrow.png); background-repeat: no-repeat; height: 32px; left: 0; }
	.dt-sc-testimonial-carousel-wrapper .carousel-arrows a.carousel-next { right: 0; background-image: url(images/next-arrow.png); background-repeat: no-repeat; height: 32px; }
	
	.dt-sc-testimonial-carousel-wrapper.type2 .dt-sc-testimonial-carousel li blockquote { padding: 0 20px; }
	.dt-sc-testimonial-carousel-wrapper.type2 .dt-sc-testimonial-carousel li blockquote:before { content: "\f10d"; font-family: fontawesome; font-size: 80px; left: 15px; position: absolute; top: 10px; z-index: -1; font-style: normal; }	

	/*----*****---- << 05. Footer >> ----*****----*/
	
	#footer { background: #000; clear: both; }
	#footer h4.widgettitle { clear: both; text-transform: capitalize; width: 100%; margin-bottom: 15px; color: #fff; font-weight: 100; }	
	#footer .copyright { background: #282828; border-top: 1px solid #414141; padding: 30px 0; }
	#footer .copyright p { font-family: 'Raleway', sans-serif; font-size: 13px; margin: 0; color: #fff; }
	#footer .copyright p a { color: #fff !important } 
	
	.widget.widget_tweetbox a { color: #cccccc; }	
	.widget_text p.dt-sc-clr.num { font-size: 18px; font-style: normal; }
	.widget_text p { font-size: 14px; color: #ccc; }
	.widget_text a.dt-sc-clr { font-style: normal; }
	.widget.widget_text .textwidget ul li { position: relative; padding-bottom: 10px; }
	.widget.widget_text .textwidget ul li a, .widget.widget_tweetbox { color: #ccc; }
	.footer-widgets-wrapper { display: inline-block; width: 100%; }
	.subscribe-frm { position: relative; }
	.subscribe-frm i.fa { line-height: 42px; position: absolute; right: 10px; top: 0; font-size: 22px; color: #666666; }
	.widget.searchwidget .subscribe-frm i.fa { color: #cccccc; font-size: 22px; }
	.widget.searchwidget form p, .widget.searchwidget form p input { margin-bottom: 0; }
	
	ul.tweet_list li.tweet { padding-left: 30px; position: relative; line-height: 22px; }
	ul.tweet_list li.tweet::before { content: "\f099"; font-family: fontawesome; left: 0; position: absolute; top: 0; font-size: 18px; }
	ul.footer-icons li { display: inline-block; margin: 0 5px; }
	ul.footer-icons li:first-child { margin-left: 0; }
	ul.footer-icons li a { border: 1px solid #707070; border-radius: 50%; color: #707070; font-size: 18px; height: 40px; line-height: 40px; text-align: center; width: 40px; position: relative; overflow: hidden; z-index: 1; }
	ul.footer-icons li a:after { content: ""; height: 100%; position: absolute; right: -100%; top: -130%; transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 200%; z-index: -1; border-radius: 50%; }
	ul.footer-icons li a:hover::after { height: 300%; }
	ul.footer-icons li a:hover { color: #fff !important; border-color: #fff; }
	::i-block-chrome, ul.footer-icons li a:hover { border-radius: 0; }
	
	/*----*****---- << About page >> ----*****----*/

	.fullwidth-background { background-color: #fff; clear: both; float: left; margin: 0; padding: 40px 0; width: 100%; }
	.breadcrumb-wrapper { text-align: center; } 
	.breadcrumb-wrapper h4 { margin-bottom: 10px; text-transform: uppercase; font-weight: 300; }
	.breadcrumb-wrapper h6 { margin-bottom: 0; color: #cccccc; font-weight: 300; } 	
	
	.dt-sc-about-slider { text-align: center; }
	.dt-sc-about-slider img, .services-container > img { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); }	
	.dt-sc-view-btn > a { border: 1px solid #000; padding: 14px 30px; position: relative; top: -15px; color: #fff; font-size: 16px; }
	.dt-sc-view-btn > a:hover { background: #fff; } 	
	.dt-sc-abt > img { border-radius: 50%; }
	
	h4.dt-sc-abt-title { background: #000; border: 3px solid #fff; border-radius: 50%; bottom: 0; color: #fff; padding: 25px 15px 20px; position: absolute; right: 0; text-align: center;		min-width: 130px; min-height: 130px; margin: 0; font-weight: 100; }
	h4.dt-sc-abt-title span { font-style: italic; font-size: 16px; }
	
	.dt-sc-service-carousel .dt-sc-carousel-wrapper { clear: both; display: block; float: left; margin: 0; padding: 40px 0; position: relative; width: 100%; }
	.dt-sc-service-carousel { float: left; width: 100%; }
	
	.dt-sc-service-carousel .dt-sc-carousel li { display: block; float: left; text-align: right; }
	
	ul.recent-blog li { color: #fff; }	
	.recent-blog-content { padding: 7%; } 
	
	.recent-blog-container { position: relative; }
	.recent-blog-container.type2 { background: rgba(0, 0, 0, 0.9); }	
	.recent-blog-container.type2 .bx-controls { bottom: -18px; top: auto; }
	.recent-blog-container.type2 .bx-controls a { float: none; border: 1px solid; }
	.recent-blog-container.type2 .bx-controls a.bx-next { left: -1px; }
	.recent-blog-container.type2 .bx-controls-direction { text-align: left; }

	/*----*****---- << Service page >> ----*****----*/

	ul.dt-sc-tabs-frame { text-align: center; clear: both; position: relative; }
	ul.dt-sc-tabs-frame li { display: inline-block; margin: 0 15px; padding: 0; position: relative; cursor: pointer; min-width: 270px; border: 1px solid #000; color: #000; padding: 12px 0; font-style: italic; font-size: 18px; }
	ul.dt-sc-tabs-frame li.current:before, .dt-sc-sorting-container a.active-sort:before { border-left: 7px solid transparent; border-top: 7px solid #fff; border-right: 7px solid transparent; top: -1px; content: ""; left: 0; position: absolute; right: 0; width: 0; margin: auto; }
	
	.services-container .dt-sc-view-btn { text-align: center; }
	.services-container .dt-sc-view-btn > a { background: #fff; border-width: 5px; color: #000; padding: 8px 15px; top: -27px; }
	.services-container { position: relative; }
	.services-details { background: #f5f5f5; padding: 20px; position: absolute; right: -64%; top: 80px; bottom: 105px; max-width: 400px; position: absolute; }
	.alignright .services-details { left: -64%; right: auto; text-align: right; }
		
	a.appointment-btn { color: #fff; padding: 18px 28px; top: -35px; position: relative; font-size: 25px; font-weight: 100; }	
	a.appointment-btn span { font-weight: bold; }	
	a.appointment-btn i.fa { margin-right: 5px; }
	
	.appointment-parallax a.appointment-btn { top: 20px; font-size: 20px; border-radius: 3px; padding: 13px 28px; }
	
	/*----*****---- << Contact Page >> ----*****----*/
	
	.fullwidth-section.fullwidth-bg { background-color: #000000; float: left; width: 100%; }
	
	#contact_map { float: right; height: 500px; width: 100%; }
	.fullwidth-section #contact_map2 { float: right; height: 450px; width: 100%; }
	.dt-sc-two-fifth.last { display: inline-block; float: left; margin: 0 0 0 2.6%; }
	
	.branch_details .column { padding: 20px 0; }
	.branch_details .column:before { background: #e8e8e8; content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 1px; }
	.branch_details .column.last:before { display: none; }
	
	.dt-sc-contacts-info > p { float: left; margin-bottom: 3px; line-height: 28px; }
	.dt-sc-contacts-info .icon { float: left; margin: 4px 15px 0 0; clear: both; }
	.dt-sc-contacts-info .icon i.fa { font-size: 16px; line-height: 24px; }
	
	p.drop-cap:first-letter { float: left; font-size: 100px; line-height: 60px; font-family: "Roboto",sans-serif; padding: 10px 10px 0 0; }
	
	.contact-us { color: #fff; background-image: url(images/transparent-map.png); background-repeat: no-repeat; }	
	.contact-us h4 { font-weight: 100; margin-bottom: 10px; }
	.contact-us aside { padding: 25px 30px 20px; background-color: #282828; }
	.contact-form textarea, .contact-form p { margin-bottom: 0; position: relative; }
	
	.contact-us .dt-sc-three-fifth { padding: 0 0 0 350px; }
	
	ul.opening-time.branch_details { border: 1px solid #cccccc; display: inline-block; padding: 23px; width: 100%; }
		
	ul.opening-time li { color: #000; font-size: 18px; font-style: italic; }
	ul.opening-time li span { display: inline-block; float: left; margin-bottom: 12px; text-align: left; width: 51%; }
	ul.opening-time li h5 { float: right; margin: 0 0 5px; width: 49%; }

	/*----*****---- << Blog Page >> ----*****----*/
	
	.blog-items .blog-entry .entry-thumb img { filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; -webkit-filter: none; transform: none; }
	.blog-items .entry-details .entry-meta h6 { border-color: #fff; font-size: 18px; padding: 6px 17px; }
	.blog-items .entry-details { background: none; border: 1px solid #e6e6e6; text-align: left; padding: 20px 30px; position: relative; z-index: 1; }
	.blog-items .blog-entry .entry-details:after { background: rgba(0, 0, 0, 0.05); content: ""; height: 0; left: 0; position: absolute; bottom: 0; width: 100%; z-index: -1; }
	.blog-items .blog-entry:hover .entry-details:after { height: 100%; }
	.blog-items .blog-entry:hover .entry-details { background: none; } 
	.blog-items .blog-entry .entry-thumb { border: medium none; }
	.blog-items .entry-metadata .author, .blog-items .entry-metadata .tags { font-style: normal; margin: 0; color: #999999; font-weight: 100; }
	.blog-items .entry-metadata .author a, .blog-items .entry-metadata .tags a { color: #999999; margin-left: 5px; margin-right: 5px; }
	.blog-items .entry-details .entry-metadata p { line-height: 26px; } 	
	.blog-items .entry-body p { display: inline-block; margin-bottom: 0; font-size: 12px; }
	.blog-items .entry-body { padding: 10px 30px; background: #f7f7f7; display: inline-block; width: 100%; }
	.blog-items .entry-body p a { color: #999999; } 	
	.blog-items .entry-body p.comments { margin-right: 20px; }
	.blog-items .entry-body .alignleft span { padding-right: 5px; }
	.blog-items .entry-body .alignright a { line-height: 30px; }
	.blog-items .entry-metadata.single p { font-size: 20px; position: relative; }
	.blog-items .entry-metadata.single p::before { background-image: url(images/quote.png); background-repeat: no-repeat; content: ""; height: 35px; left: 0; margin: auto; position: absolute; right: 0; text-align: center; top: 0; width: 40px; }
	.blog-items .blog-entry .entry-thumb.em { overflow: visible; }
	
	.blog-items.type2 { float: none; margin: 0 auto; width: 98%; }
	
	.entry-thumb video, .entry-thumb audio, video, audio { cursor: pointer; height: auto; width: 100%; }
	
	.pagination { box-sizing: border-box; float: left; margin: 0; padding: 0; text-align: center; width: 100%; }
	.pagination ul { display: inline-block; margin: 0; padding: 0; }
	.pagination ul li { display: inline-block; float: left; margin: 0 0 0 5px; padding: 0; }
	
	.prev-post, .next-post { display: inline-block; }
	
	.pagination ul li a, .pagination .next-post a, .pagination .prev-post a { border: 1px solid #cccccc; color: #000000; display: inline-block; float: left; font-size: 18px; font-weight: 100; line-height: 35px; margin: 0; padding: 0 13px; position: relative; z-index: 1; }
	.pagination .next-post a, .pagination .prev-post a { padding: 0 9px; }

	#primary.page-with-sidebar.with-right-sidebar { float: left; }
	#primary.page-with-sidebar.with-left-sidebar { float: right; }
	#primary { margin: 0; padding: 0; position: relative; width: 870px; }
	#primary.content-full-width { width: 100%; }	 
	
	#secondary.secondary-right-sidebar { float: right; margin-left: 25px; }
	#secondary.secondary-left-sidebar { float: left; margin-right: 25px; }
	#secondary { padding: 0; width: 275px; }
			
	.blog-post .pagination .next-post a, .blog-post .pagination .prev-post a { padding: 0 12px; }
	.blog-post.blog-single-entry .entry-details { background: none; text-align: left; padding: 0; }
	.blog-post.blog-single-entry .entry-meta { display: inline; } 	
	.entry-meta.img { left: -4px; position: relative; top: -4px; }
	@media screen and (-webkit-min-device-pixel-ratio:0) { .entry-meta.img { top: -4px; }   }	
	.entry-meta h6 i { font-size: 24px; padding: 6px 3px; position: relative; }
	.blog-post .entry-details .entry-meta h6 { border-color: #fff; }
	.blog-post.blog-single-entry .aligncenter { position: relative; top: -25px; }
	.blog-post blockquote { display: block; float: left; font-size: 18px; font-weight: 100; line-height: 25px; margin: 20px auto; padding: 10px; position: relative; width: 100%; }
	.blog-post .entry-details .entry-metadata p { font-size: 18px; line-height: 28px; } 	
	.blog-post blockquote q { padding-left: 60px; float:left; font-style: italic; }
	.blog-post blockquote q::before { background-image: url(images/quote1.png); background-repeat: no-repeat; content: ""; height: 32px; left: 0; position: absolute; width: 42px; top: 15px; }
	.blog-post .entry-metadata .author, .blog-post .entry-metadata .comments, .blog-post .entry-metadata .likes, .blog-post .entry-metadata .date { font-style: normal; margin: 0 10px 30px 0; display:inline-block; font-size: 12px; font-weight: 500; }
	.blog-post .entry-metadata .author a, .blog-post .entry-metadata .comments a, .blog-post .entry-metadata .likes a, .blog-post .entry-metadata .date a { color: #999999; }
	.blog-post .entry-metadata .author span, .blog-post .entry-metadata .comments span, .blog-post .entry-metadata .likes span, .blog-post .entry-metadata .date span { margin-right: 5px; color: #000; font-size: 12px; }
	.blog-post .entry-title h3 { margin-bottom: 10px; }
	.blog-post .entry-details .entry-meta h6 { padding: 5px 18px; }
	
	.blog-post .pagination .next-post a span { padding-left: 10px; }
	.blog-post .pagination .prev-post a span { padding-right: 10px; }
	.blog-post .pagination { border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; padding: 30px 0; }
	
	ul.commentlist { border-top: 0 none; float: left; list-style: outside none none; margin: 20px 0; padding: 0 0 20px; }
	ul.commentlist li { border: medium none; clear: both; display: block; float: none; list-style: outside none none; margin: 0 0 20px; padding: 0 0 0 80px; position: relative; }
	ul.commentlist li .comment-author { height: 100px; left: 0; position: absolute;	top: 0; transition: all 1s ease 0s; width: 100px; }
	ul.commentlist li .comment-author img { float: left; height: 100px; margin: 0; width: 100px; z-index: 9999; }
	ul.commentlist li .comment-details { display: block; float: right; width: 92%; }
	ul.commentlist li .commentmetadata { font-size: 12px; font-weight: 100; margin-left: 20px; }
	ul.commentlist li .comment-content p { font-style: italic; margin: 10px 0 0; font-size: 14px; }
	ul.commentlist li .comment-content { border-radius: 5px; margin: 10px 0; padding: 5px 10px 30px 0; }
	
	.reply { display: inline-block; margin-left: 50px; padding: 2px; border-bottom: 1px solid; }
	
	.author-name, .commentmetadata { display: inline-block; }	
	.author-name a { font-size: 18px; font-weight: 100; }
	
	#respond input[type="submit"] { right: 0; top: 0; border: medium none; padding: 0 25px; }
	.share-post ul.footer-icons, .share-post h3.border-title { display: inline-block; }
	.share-post ul.footer-icons { margin-left: 35px; position: relative; top: 10px;}

	/*----*****---- << Shop Page >> ----*****----*/
	
	h3.product-title a { font-weight: 100; }
	.product-border { text-align:center; clear: both; } 
	.product-border .product-details { padding: 30px; }
	.product-border .product-thumb { border: 1px solid transparent; box-shadow: 1px 1px 1px transparent; padding: 15px 0 10px; position: relative; } 
	.product-border:hover .product-thumb { border: 1px solid #cccccc; box-shadow: 1px 1px 1px #ccc; }
 	.page-with-sidebar.with-left-sidebar .pagination { text-align: right; }
	
	.left-image { background-image: url(images/parallax-pricing.jpg); background-repeat: no-repeat; left: 0; bottom: 0;  position: absolute; top: 0; width: 100%; background-size: cover; width: 44%; }
	.product-border .product-thumb span.new { float: left; height: 50px; width: 50px; line-height: 45px; border: 1px solid; border-radius: 50%; position: absolute; left: 10px; text-align: center; top: 20px; font-size: 16px; font-weight: 100; }
	.content .column.dt-sc-one-half.first { text-align: center; } 	

	.star-rating::before { color: #d4d9df; content: "\f005\f005\f005\f005\f005"; float: left; font-size: 18px; left: 0; position: absolute; top: 0; }
	.star-rating { width: 15%; }
	.star-rating { color: #000; float: left; font-family: FontAwesome; font-size: 13px; height: 25px; line-height: 25px; margin: 0 10px 10px 0; overflow: hidden; position: relative; }
	.star-rating span::before { content: "\f005\f005\f005\f005\f005"; font-family: fontawesome; font-size: 18px; left: 0; position: absolute; top: 0; }
	.star-rating span { float: left; left: 0; overflow: hidden; padding-top: 25px; position: absolute; top: 0; }
	
	.product-details h5 { font-style: italic; }	
	.content .product-details .dt-sc-price { font-size: 25px; display: inline-block; }	
	span.product-info { font-size: 16px; font-style: italic; margin-left: 15px; } 	
	span.product-info i.fa { font-size: 18px; color: #cccccc; padding-right: 5px }
	
	#id-6 {-moz-appearance: textfield; background: #000000; border: medium none; color: #fff; float: left; font-weight: bold; margin: 0; outline: medium none; padding: 11px 0; text-align: center; width: 55px; height: 45px; font-style: normal; }
	.selector-wrapper { float: left; display: inline-block; }
	.selector-wrapper input[type="button"] { color: #999999; display: inline-block; float: left; font-size: 15px; font-weight: bold; height: 45px; min-width: 30px; left: 0; top: 0; 	border: medium none; min-width: 20px; background-color: #666666; }
	.content .product-details a.dt-sc-button.btn-eff1.eff1 { margin: 0 0 0 30px; min-height: 46px; line-height: 44px; min-width: 135px; border-radius: 0; color: #fff; }
	.content .product-details a.dt-sc-button.btn-eff1.eff1:after, .shipping-box a.dt-sc-button.btn-eff1:after { color: #fff; }
	.content .dt-sc-tabs-container { border-top: 1px solid; clear: both; padding: 30px 0; }
	.content ul.dt-sc-tabs-frame { text-align: left; clear: both; }
	.content ul.dt-sc-tabs-frame li { margin: 0 45px 0 0; border: none; width:auto; }
	.content ul.dt-sc-tabs-frame li:hover { background: none; }
	.content ul.dt-sc-tabs-frame li a.current::before { display: none; }
	.content ul.dt-sc-tabs-frame li a { border: none; font-style: normal; font-size: 20px; text-transform: uppercase; padding: 12px 0; }
	.content ul.dt-sc-tabs-frame li a.current, .content ul.dt-sc-tabs-frame li a:hover { background: none; }
	.content .dt-sc-tabs-container .dt-sc-tabs-frame-content p { line-height: 30px; font-style: italic; }
	.content ul.dt-sc-fancy-list, .share-post { clear: both; }
	.content ul.dt-sc-fancy-list li { font-size: 18px; color: #999999; font-style: normal; padding-left: 25px; }
	.portfolio-single ul.dt-sc-fancy-list li { font-size: 14px; }
	.portfolio-single ul.dt-sc-fancy-list li::before { top: 4px !important; }
	.content ul.dt-sc-fancy-list li::before { top: 8px; font-size: 18px; color: #999; }
	.content .dt-sc-tabs-frame-content { border-bottom: 1px solid; padding-bottom: 30px; }
	
	.dt-sc-tabs-container .dt-sc-share-post h4, .dt-sc-tabs-container .dt-sc-share-post ul.social-icons, .dt-sc-tabs-container .dt-sc-share-post li { display: inline-block; }
	.dt-sc-tabs-container .dt-sc-share-post h4 { margin: 0 10px 0 0; font-size: 16px; font-style: italic; }
	.dt-sc-tabs-container .dt-sc-share-post ul.social-icons { margin-right: 20px; }
	.dt-sc-tabs-container .dt-sc-share-post ul.social-icons li a { background-color: #000; color: #fff; font-size: 18px; padding: 5px; min-width: 30px; text-align: center; }
	.dt-sc-tabs-container .dt-sc-share-post span { font-size: 14px; font-weight: 100; }
	.dt-sc-share-post span a:hover { color: #000; }
		
	.shop_table .product_image img { max-width: 100px; }
	.shop_table td h5, .shop_table td h6 { text-align: left; }
	.shop_table td h5 { font-size: 16px; font-weight: 100; text-transform: uppercase; margin-bottom: 10px; }
	.shop_table td h6 { font-size: 14px; font-style: italic; color: #666666; }

	td.qty .selector-wrapper { float: none; } 
	td.price, td.total { font-size: 16px; font-weight: 100; } 	
	
	input.btn[type="submit"] { background: transparent; border: 1px solid #000; color: #000; float: left; left: 0; min-width: 150px; top: 0; margin-right: 10px; padding: 0 25px; }
	input.btn[type="submit"]:hover { color: #fff; }
	
	.coupon-form input[type="submit"] { right: 0; min-width: 150px; top: 0; position: absolute; border: 1px solid; }
	.coupon-form input[type="submit"]:hover { background-color: transparent; border: 1px solid #cccccc; }
	.coupon-form p { position: relative; }
	.coupon-form p input { min-height: 54px; } 
	h4.coupon-title { font-weight: 100; font-size: 18px; }
	
	.shipping-box th { font-weight: 100; margin-bottom: 0; font-size: 16px; text-align:left; color: #fff; }
	.shipping-box td { padding-left: 25px; text-align: left; }
	
	.shipping-box { float: right; width: 75%; }
	.shipping-box a.dt-sc-button { border-radius: 0; color: #fff; border: none; padding: 0 20px; }
	.shipping-box .radio-btn { display: inline-block; }
	label.radio-btn { padding-bottom: 10px; }
	label.radio-btn a { color: #999999; border-bottom: 1px solid #999999; }
	.radio-btn input[type="radio"] { cursor: pointer; min-width: 70px; opacity: 0; position: absolute; z-index: 1; }
	.radio-btn input[type="radio"]:checked + span::before { border-radius: 100%; content: ""; height: 6px; position: absolute; left: 3px; top: 6px; width: 6px; background-color: #999999;} 
	.radio-btn span::after { border: 1px solid #999999; border-radius: 100%; box-sizing: border-box; content: ""; height: 12px; position: absolute; left: 0; top: 3px; width: 12px; }
	.radio-btn span { color: #999999; font-size: 14px; padding-left: 23px; position: relative; }

	.dt-sc-toggle-content { display: none; transition: all 0s linear 0s !important; }
	
	.shipping-box table { background: #000; color: #fff; }
	.shipping-box .amount, .shipping-box .amount i.fa { font-weight: 100; }
	
	/*----*****---- << Portfolio >> ----*****----*/	
	
	.dt-sc-sorting-container { float: left; margin-bottom: 10px; text-align: center; width: 100%; }
	.dt-sc-sorting-container a { display: inline-block; margin: 0 15px; padding: 0; position: relative; cursor: pointer; min-width: 265px; border: 1px solid #000; color: #000; padding: 12px 0; font-style: italic; font-size: 18px; }
	.dt-sc-sorting-container a:last-child { margin-right: 0; }
	.dt-sc-sorting-container a:first-child { margin-left: 0; }
	
	.portfolio.column { margin:0; }
	.dt-sc-portfolio-container { clear: both; float: left; margin: 60px 0 0; padding: 0; width: 100%;}
	.portfolio { overflow: hidden; transition: all 500ms linear 0s; -webkit-transition: all 500ms linear 0s; -moz-transition: all 500ms linear 0s;  }
	.portfolio figure img { float: left; position: relative; width: 100%;  }
	.fig-content { left: 0; position: absolute; top: 50%; width: 100%; z-index: 9; }
	
	.portfolio.column.no-space.dt-sc-one-eighth { width: 12.47%; }
	
	.portfolio .fig-content a.zoom { bottom: 0; font-size: 0; height: 75%; left: 0; margin: auto; position: absolute; right: 0; text-align: center; top: 0; width: 75%; }
	.portfolio .fig-content a.zoom:after, .portfolio .fig-content a.zoom:before { background: #fff; bottom: 0; content: ""; left: 0; margin: auto; position: absolute; right: 0; top: 0; }
	.portfolio .fig-content a.zoom:after { height: 0; width: 1px; }
	.portfolio .fig-content a.zoom:before { height: 1px; width: 0; }
	.portfolio:hover .fig-content a.zoom:before { width: 100%; transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; -webkit-transition-delay: 1s; -ms-transition-delay: 1s; }
	.portfolio:hover .fig-content a.zoom:after { height: 100%; transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; -webkit-transition-delay: 1s; -ms-transition-delay: 1s; }
	
	
	/*   Portfolio Effect   */
	
	.portfolio .fig-content { height: 100%; top: -200px; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.3s ease-out 0.5s;   -moz-transition: all 0.3s ease-out 0.5s; -o-transition: all 0.3s ease-out 0.5s; -ms-transition: all 0.3s ease-out 0.5s; transition: all 0.3s ease-out 0.5s; }
	.portfolio h2 { -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out 0.1s;    -moz-transition: all 0.2s ease-in-out 0.1s; -o-transition: all 0.2s ease-in-out 0.1s; -ms-transition: all 0.2s ease-in-out 0.1s; transition: all 0.2s ease-in-out 0.1s; }
	.portfolio:hover .fig-content { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; top: 0px; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s;  -ms-transition-delay: 0s; transition-delay: 0s; -webkit-animation: bounceY 0.9s linear; -moz-animation: bounceY 0.9s linear; -ms-animation: bounceY 0.9s linear; animation: bounceY 0.9s linear; }
	
	@keyframes bounceY {
		0% { transform: translateY(-205px);}
		40% { transform: translateY(-100px);}
		65% { transform: translateY(-52px);}
		82% { transform: translateY(-25px);}
		92% { transform: translateY(-12px);}
		55%, 75%, 87%, 97%, 100% { transform: translateY(0px);}
	}
	@-moz-keyframes bounceY {
		0% { -moz-transform: translateY(-205px);}
		40% { -moz-transform: translateY(-100px);}
		65% { -moz-transform: translateY(-52px);}
		82% { -moz-transform: translateY(-25px);}
		92% { -moz-transform: translateY(-12px);}
		55%, 75%, 87%, 97%, 100% { -moz-transform: translateY(0px);}
	}
	@-webkit-keyframes bounceY {
		0% { -webkit-transform: translateY(-205px);}
		40% { -webkit-transform: translateY(-100px);}
		65% { -webkit-transform: translateY(-52px);}
		82% { -webkit-transform: translateY(-25px);}
		92% { -webkit-transform: translateY(-12px);}
		55%, 75%, 87%, 97%, 100% { -webkit-transform: translateY(0px);}
	}
	
	.external-icons a { background: #fff; display: inline-block; height: 32px; line-height: 32px; margin: 0 auto; position: absolute; right: 0; text-align: center; width: 32px; }
	.external-icons span.fa { transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
	.external-icons a:hover span.fa { color: #f00; }
	
	.zoom1 { bottom: 0; left: -70px; }
	.like { bottom: 0;  left: 70px; }
	.comment { top: 0; }
 	.view { top: 0; left: 0; right: auto !important; }
	.portfolio:hover .fig-content .external-icons { opacity: 1; transition-delay: 2s; }
	.external-icons { opacity: 0; }
	.portfolio:hover .fig-content .external-icons a.zoom1 { transform: translate(0px, -50px) rotate(45deg); -moz-transform: translate(0px, -50px) rotate(45deg); -ms-transform: translate(0px, -50px) rotate(45deg); -o-transform: translate(0px, -50px) rotate(45deg); -webkit-transform: translate(0px, -50px) rotate(45deg); transition-delay: 2s; -moz-transition-delay: 2s; -ms-transition-delay: 2s; -o-transition-delay: 2s; -webkit-transition-delay: 2s; }
	.portfolio .fig-content .external-icons a.zoom1 { transform: translate(-100px, 50px); -webkit-transform: translate(-100px, 50px); -o-transform: translate(-100px, 50px); -ms-transform: translate(-100px, 50px); -moz-transform: translate(-100px, 50px); }
	.portfolio:hover .fig-content .external-icons a.like { transform: translate(0px, -50px) rotate(45deg); -moz-transform: translate(0px, -50px) rotate(45deg); -ms-transform: translate(0px, -50px) rotate(45deg); -o-transform: translate(0px, -50px) rotate(45deg); -webkit-transform: translate(0px, -50px) rotate(45deg); transition-delay: 2s; -moz-transition-delay: 2s; -ms-transition-delay: 2s; -o-transition-delay: 2s; -webkit-transition-delay: 2s; }
	.portfolio .fig-content .external-icons a.like { transform: translate(100px, 50px); -moz-transform: translate(100px, 50px); -ms-transform: translate(100px, 50px); -o-transform: translate(100px, 50px); -webkit-transform: translate(100px, 50px); }
	.portfolio:hover .fig-content .external-icons a.comment { transform: translate(-47px, 50px) rotate(45deg); -moz-transform: translate(-47px, 50px) rotate(45deg); -ms-transform: translate(-47px, 50px) rotate(45deg); -o-transform: translate(-47px, 50px) rotate(45deg); -webkit-transform: translate(-47px, 50px) rotate(45deg); transition-delay: 2s; -moz-transition-delay: 2s; -ms-transition-delay: 2s; -o-transition-delay: 2s; -webkit-transition-delay: 2s; }
	.portfolio .fig-content .external-icons a.comment { transform: translate(50px, -100px); -moz-transform: translate(50px, -100px); -ms-transform: translate(50px, -100px); -o-transform: translate(50px, -100px); -webkit-transform: translate(50px, -100px); }
	.portfolio:hover .fig-content .external-icons a.view { transform: translate(47px, 50px) rotate(45deg); -moz-transform: translate(47px, 50px) rotate(45deg); -ms-transform: translate(47px, 50px) rotate(45deg); -o-transform: translate(47px, 50px) rotate(45deg); -webkit-transform: translate(47px, 50px) rotate(45deg); transition-delay: 2s; -moz-transition-delay: 2s; -ms-transition-delay: 2s; -o-transition-delay: 2s; -webkit-transition-delay: 2s; }
	.portfolio .fig-content .external-icons a.view { transform: translate(-50px, -100px); -moz-transform: translate(-50px, -100px); -ms-transform: translate(-50px, -100px); -o-transform: translate(-50px, -100px); -webkit-transform: translate(-50px, -100px); }
	
	.portfolio.dt-sc-one-fifth .external-icons a { width: 62px; height: 62px; line-height: 62px; }
	.portfolio.dt-sc-one-fifth:hover .fig-content .external-icons a.zoom1 { transform: translate(-47px, -50px) rotate(45deg); -moz-transform: translate(-47px, -50px) rotate(45deg); -ms-transform: translate(-47px, -50px) rotate(45deg); -o-transform: translate(-47px, -50px) rotate(45deg); -webkit-transform: translate(-47px, -50px) rotate(45deg); }
	.portfolio.dt-sc-one-fifth:hover .fig-content .external-icons a.like { transform: translate(47px, -50px) rotate(45deg); -moz-transform: translate(47px, -50px) rotate(45deg); -ms-transform: translate(47px, -50px) rotate(45deg); -o-transform: translate(47px, -50px) rotate(45deg); -webkit-transform: translate(47px, -50px) rotate(45deg); } 
	.portfolio.dt-sc-one-fifth .external-icons span.fa { font-size: 22px; }

	.portfolio { position: relative; } 
	.portfolio:hover .cart-whislist { right: 10px; transition-delay: 1.3s; }
	.portfolio:hover .cart-whislist li {  margin-bottom: 10px; }
	.portfolio .cart-whislist li { float: left; width: 100%; margin-bottom: 15px; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; }
	.portfolio .cart-whislist { right: -35px; position: relative; top: 20px; width: 60px; float: right; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s;    -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; }
	.portfolio:hover .cart-whislist li a { color: #000; padding: 0; font-size: 15px; line-height: 50px; text-align: center; }
	.portfolio .cart-whislist li a { color: #333333; float: left; font-size: 15px; height: 50px; line-height: 50px; position: relative; width: 50px; z-index: 0; text-align: right;     padding: 0 20px 0 0; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s;     transition: all 300ms linear 0s; background: none; }
	.portfolio:hover .cart-whislist li a:before { transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transition-delay: 1.3s; -moz-transition-delay: 1.3s; -ms-transition-delay: 1.3s; -o-transition-delay: 1.3s; -webkit-transition-delay: 1.3s; }
	.portfolio .cart-whislist li a:before { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;     content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);  -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s;     -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; }
	.portfolio:hover .fig-content::after { opacity: 0.3; transition-delay: 0.6s; -moz-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; }
	.portfolio .fig-content::after { border-bottom: 100px solid #fff; border-right: 100px solid transparent; bottom: 0; content: ""; height: 0; opacity: 0; position: absolute;    width: 0; }

	/*----*****---- << Recent Gallery >> ----*****----*/
	
	.service-sliders { width: 100%; float: left; }
	
	.recent-gallery-container { float: left; width: 100%; position: relative; }
	.recent-gallery li { display: block; padding: 0; }
	.recent-gallery-container .bx-controls a { line-height:14px; min-height: 50px; }
	.recent-gallery-container #bx-pager { display: inline; float: left; margin: 0; padding: 0; text-align: center; width: 100%; position: absolute; bottom: 10px; }
	.recent-gallery-container #bx-pager a { cursor: pointer; display: inline-block; line-height: 0; margin: 0 5px; position: relative; width: 12%; opacity: 0.4;}
	.recent-gallery-container #bx-pager a img { width: 100%; float: left; }
	.recent-gallery-container #bx-pager a.active:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; display: block; }
	.recent-portfolio { float: left; width: 100%; position: relative; }
	.recent-portfolio .product-carousel .fa { font-size: 28px; }
	.recent-gallery-container #bx-pager a.active, .recent-gallery-container #bx-pager a:hover { opacity: 1; }
	.recent-gallery-container .bx-wrapper ul li::before { content: none;}
	.recent-gallery-container .bx-controls a::before { font-size: 30px;}
	
	.bx-controls .bx-prev:before { content:"\f104"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:20px; position:absolute; left:0px; right:0; }
	.bx-controls .bx-next:before { content:"\f105"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:20px; position:absolute; left:0px; right:0; }
	
	.bx-controls { position:absolute; right: 0; left:0; margin:0px auto; text-align:center; width:100%; top: 50%; z-index:999; transform: translate(0px, -50%); -webkit-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); } 
	.bx-controls a { display:inline-block; padding:18px; text-align: center; font-size:0px; line-height:0px; background:#000; color:#FFF; width:auto; }	
	.bx-controls .bx-prev, .bx-controls .bx-next { position: relative; }
	.bx-controls .bx-prev:hover, .bx-controls .bx-next:hover { background:#FFF; color:#000; } 
	.bx-controls-direction { width:100%;}
	.bx-controls .bx-prev { left:0; float:left;}
	.bx-controls .bx-next { right:0px; float:right;}
	
	
	.fullwidth-section.portfolio-single { padding: 50px 0 20px; position: relative; top: -4px; }
	.portfolio-single h3 { color: #fff; margin-bottom: 5px; } 
	.portfolio-single p { font-size: 16px; line-height: 24px; }
	.portfolio-single p.comments, .portfolio-single p.likes { display: inline-block; margin-right: 10px; }
	.portfolio-single p.comments a, .portfolio-single p.likes a { color: #999999; }
	.portfolio-single p.comments span, .portfolio-single p.likes span { color: #fff; padding-right: 2px; }
	.portfolio-single h6 { display: inline-block; color: #fff; margin-right: 30px; }
	.portfolio-single h6 span { font-weight: 500; }

	ul.info > li { color: #fff; border-bottom: 1px solid #464646; padding: 15px 0; display: inline-block; width: 100%; }
	ul.info li h4 { color: #999999; float: right; margin-bottom: 0; width: 80%; font-size: 14px; }
	ul.info li strong { font-size: 16px; padding-right: 5px; }
	ul.info li a { color: #999999; }

	.icon-border::before, .icon-border::after { content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
	.icon-border.facebook::before { box-shadow: 0 0 0 48px #3b5998 inset; }
	.icon-border.facebook:hover:before { box-shadow: 0 0 0 3px #3b5998  inset; color: #3b5998 ; }
	.icon-border.twitter::before { box-shadow: 0 0 0 48px #4099ff inset; }
	.icon-border.twitter:hover:before { box-shadow: 0 0 0 3px #4099ff inset; color: #4099ff; }
	.icon-border.google-plus::before { box-shadow: 0 0 0 48px #d34836 inset; }
	.icon-border.google-plus:hover:before { box-shadow: 0 0 0 3px #d34836 inset; color: #d34836; }
	.icon-border.tumblr::before { box-shadow: 0 0 0 48px #32506d inset; }
	.icon-border.tumblr:hover:before { box-shadow: 0 0 0 3px #32506d inset; color: #32506d; }
	.icon-border.linkedin::before { box-shadow: 0 0 0 48px #007bb6 inset; }
	.icon-border.linkedin:hover:before { box-shadow: 0 0 0 3px #007bb6 inset; color: #007bb6; }
	.icon-border::before { transition: box-shadow 0.3s ease 0s; -moz-transition: box-shadow 0.3s ease 0s; -ms-transition: box-shadow 0.3s ease 0s; -o-transition: box-shadow 0.3s ease 0s;-webkit-transition: box-shadow 0.3s ease 0s; z-index: 1; }
	.icon-border:hover { color: #fff; } 
	.icon-border { color: #fff; display: inline-block; font-size: 26px !important; height: 60px; line-height: 60px !important; margin: 4px; overflow: hidden; position: relative;     text-align: center; vertical-align: top; width: 60px; }
	
	.dt-sc-post-pagination { border: 1px solid; float: left; margin: 0; width: 100%; line-height: 0; }
	.blog-single-entry .dt-sc-post-pagination { margin: 30px 0; }
	.blog-single-entry .dt-sc-post-pagination .dt-sc-button.small.type1.with-icon { background: #fff; color: #000; }
	
	/*----*****---- << 15. Go To Top >> ----*****----*/
	
	#toTop { display:none; text-decoration:none; position:fixed; bottom:20px; right:20px; overflow:hidden; width:40px; height:40px; border:none; text-indent:100%; background:url(images/ui.totop.png) no-repeat left top; z-index:9999; transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); }	
	#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; }	
	
	/*----*****---- << Screen Size Varient >> ----*****----*/	

	@media only screen and (max-width:1600px) {
	
		.services-container > img { width: 85%; }	
		.services-container.alignright > img { float: right; }	
		.services-details { top: 40px; right: -45%; max-width: 350px; bottom: 85px; }	
		.alignright .services-details { left: -45%; }
		
			/* @media screen and (-webkit-min-device-pixel-ratio:0) {    
				.pricing-container .carousel-arrows { padding-right: 30%; }
				.pricing-container .dt-sc-two-fifth { padding-bottom: 28.5%; } 
			}*/
			
		::i-block-chrome, .services-container > img { width: 100% !important; }
		.left-image { width: 43%; }
	}
	
	
	@media only screen and (min-width:1920px) { 
	
		.services-details { top: 90px;/* bottom: 160px; */}
		
		.portfolio:hover .fig-content .external-icons a.zoom1, .portfolio:hover .fig-content .external-icons a.like {
		transform: translate(0px, -60px) rotate(45deg) !important;}
		.portfolio:hover .fig-content .external-icons a.comment {
		transform: translate(-67px, 60px) rotate(45deg) !important;}
		.portfolio:hover .fig-content .external-icons a.view {
		transform: translate(67px, 60px) rotate(45deg) !important;}
	
	}
	
	.dt-sc-view-btn a { position: relative; overflow: hidden; display: inline-block; z-index: 9999; top: -30px; }
	
	a.appointment-btn.btn-eff2::before, a.appointment-btn.btn-eff2::after { background-color: #282828; }
	
	/* *** Pre - Loader *** */
	
	.QLoader { background-color: #000000; height: 1px; }
	.QOverlay { background-color: #fff; z-index: 9999999; width: 110% !important; }	
	.transparent-bg { background-image: url(images/transparent-bg.png); } 

	/*----*****---- << 404 Page >> ----*****----*/

	.error-404 h1 { display: inline-block; font-size: 90px; font-family: "Roboto",sans-serif; position: relative; margin: 0; }
	.error-404 .dt-sc-button { font-size: 18px; padding: 5px 30px; }
	.error-404 h1::before { content: "\f05a"; font-family: fontawesome; left: -115px; position: absolute;  top: 10px; }
	
	/*----*****---- << 16. Style Picker >> ----*****----*/
		
	.dt-style-picker-wrapper { position:fixed; z-index:9999999; left:0px; top:150px; backface-visibility: hidden; }	
	#dt-style-picker { background:#fff; width:225px; float:left; position:absolute; top:0px; z-index:1; margin:0px; padding:0px 0px 10px; text-align:center; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5); }	
	#dt-style-picker h2 { background: #fefefe; font:normal 12px Tahoma, Geneva, sans-serif ; text-transform:uppercase; line-height:48px; width:100%; color:#848484; border-bottom: 1px solid #dddddd;
	margin:0px 0px 15px; padding:0px;  }	
	#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 0 15px; padding:0px; text-align:center; width:225px; }	
	#dt-style-picker ul li { display:inline-block; display:inline; list-style-type:none; padding:2px; margin:0px 0px 6px 0px; }	
	#dt-style-picker ul li a { background:#fff; border:1px solid #fff; padding:0; display:inline-block; margin:0px; line-height:0; }	
	#dt-style-picker ul li a.selected { border:1px solid; }	
	#dt-style-picker ul li a img { border:1px solid #d7d7d7; max-width: 100%; }
	
	#dt-style-picker .hr { background:url(images/style-picker/seperator.png) no-repeat; max-width:100%; height:25px; margin:-10px 0px 10px; float:left; }	
	.style-picker-ico { background: #fff; border-image: none; height: 48px; left: 175px; position: absolute; text-align: center; top: 0; width: 50px; z-index: 9; }
	.style-picker-ico.control-open { left: 225px; }
	.boxed { background:url(images/style-picker/pattern1.jpg) repeat fixed ;  }
	.dt-sc-services-type1:hover span, .dt-sc-services-types2:hover span { color: #fff; }
	.fa.fa-cog.fa-spin, .style-picker-ico i.fa { color: #000; font-size: 27px; line-height: 47px; }
	
	
	/* Button Type */
	
	.cms { backface-visibility: hidden; box-shadow: 0 0 1px rgba(0, 0, 0, 0); display: inline-block; position: relative; transform: translateZ(0px); transition-duration: 0.5s;     transition-property: color; vertical-align: middle; }
	.cms:hover::before, .cms:focus::before, .cms:active::before { transform: scaleY(1); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
	.cms:before { background: #2098d1; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scaleY(0); transform-origin: 50% 0 0; transition-duration: 0.5s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; }

	.services p { color: #ccc !important; }
	.services .services_header-subtitle { z-index: 1; opacity: 0.15; color: #fff; }
	.simple { padding-top: 180px; }
	.simple h2, .simple h3 { color: initial !important; font-size: 18px !important; margin-bottom: 10px !important;}
	.simple h4 { color: initial !important; font-size: 18px !important; margin: 20px 0px;}
	.simple li { padding-bottom: 0px; }
	.dt-sc-contact-info * {
		color: #fff !important;
	}