@charset "utf-8";
/* Table of Content
==================================================
	1.0 - Transition
	2.0 - Popular Procedures
	3.0 - Responsive
	4.0 - Skin Color*/

	
	/*--------------------------------------------------------------
	1.0 - Transition
	--------------------------------------------------------------*/

	.dt-spa-procedures-wrapper.type1, .dt-spa-procedures-wrapper.type1 .thumb, .dt-spa-procedures-wrapper.type1 .thumb .icon-wrapper, .dt-spa-procedures-wrapper.type1 .button, .dt-spa-procedures-wrapper.type2, .dt-spa-procedures-wrapper.type2:before, .dt-spa-procedures-wrapper.type2 .details, .dt-spa-procedures-wrapper.type2 .details .price-meta-data, .dt-sc-procedures-catalog-list li .dt-sc-catalog-menu .dt-sc-catalog-meta h5:after, .single.single-dt_spa_procedures .dt_spa_procedures.type-dt_spa_procedures .dt_spa_procedures-detail .dt_spa_procedures-price, .single.single-dt_spa_procedures .dt_spa_procedures.type-dt_spa_procedures .dt_spa_procedures-detail > h4, .single.single-dt_spa_procedures .dt_spa_procedures.type-dt_spa_procedures .dt_spa_procedures-detail > .vc_row, ul.dt-sc-vertical-nav { -webkit-transition: all 0.75s ease 0s; transition: all 0.75s ease 0s; }

	.dt-sc-procedures-catalog-list li .dt-sc-catalog-menu .dt-sc-catalog-meta h5 .price { -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }

	.dt-spa-procedures-wrapper.type2 .details .price-meta-data { -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }


	/*--------------------------------------------------------------
	2.0 - Procedures
	--------------------------------------------------------------*/	

	.dt-spa-procedures-wrapper, .dt-spa-procedures-wrapper .thumb, .dt-spa-procedures-wrapper .details { float: left; position: relative; width: 100%; }

	.dt-spa-procedures-wrapper .details h4 { padding-bottom: 15px; position: relative; }
	.dt-spa-procedures-wrapper .details h4:after { content: ""; height: 1px; margin: auto; position: absolute; bottom: 0; left: 0; right: 0; width: 47px; }
	.dt-spa-procedures-wrapper .button a { display: table; font-size: 12px; text-transform: uppercase; }

	.dt-spa-procedures-wrapper .button a:after { content: "\f301"; display: table-cell; font-family: 'Material-Design-Iconic-Font'; font-size: 12px; padding-left: 10px; }


	.dt-spa-procedures-wrapper.type1 .thumb { border: 5px solid; }

	.dt-spa-procedures-wrapper.type1 { text-align: center; }
	.dt-spa-procedures-wrapper.type1 .thumb { margin-bottom: 35px; }
	.dt-spa-procedures-wrapper.type1 .thumb .icon-wrapper { display: block; height: 0; line-height: 70px; margin: auto; width: 0; -webkit-transform: translate(-35px, -35px); transform: translate(-35px, -35px); }
	.dt-spa-procedures-wrapper.type1 .thumb .icon-wrapper:before { background-color: inherit; content: ""; display: block; -webkit-border-radius: 10px; border-radius: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

	.dt-spa-procedures-wrapper.type1 .thumb .icon-wrapper, 
	.dt-spa-procedures-wrapper.type1 .thumb .icon-wrapper:before, 
	.dt-spa-procedures-wrapper.type1 .thumb .icon-wrapper span { margin: auto; position: absolute; left: 0; right: 0; top: 0; text-align: center; }

	.dt-spa-procedures-wrapper.type1 .thumb .icon-wrapper { top: 35px; } 

	.dt-spa-procedures-wrapper.type1 .thumb .icon-wrapper:before, 
	.dt-spa-procedures-wrapper.type1 .thumb .icon-wrapper span { height: 70px; width: 70px; }

	.dt-spa-procedures-wrapper.type1 .thumb .icon-wrapper span { display: block; font-size: 32px; line-height: inherit; }

	.dt-spa-procedures-wrapper.type1 .button { display: inline-block; height: 40px; line-height: 40px; position: absolute; bottom: 0; left: 0; right: 0; }
	.dt-spa-procedures-wrapper.type1 .button a { padding: 0 20px; margin: auto; }
	
	.dt-spa-procedures-wrapper.type2 { border-style: solid; border-width: 5px; padding-bottom: 50%; }
	.dt-spa-procedures-wrapper.type2:before { content: ""; pointer-events: none; position: absolute; bottom: -5px; left: -5px; right: -5px; top: -5px; }

	.dt-spa-procedures-wrapper.type2 .details { padding: 35px 30px; position: absolute; bottom: 0; left: 0; }
	.dt-spa-procedures-wrapper.type2 .details:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; }

	.dt-spa-procedures-wrapper.type2 .details h4:after { margin: 0; }
	.dt-spa-procedures-wrapper.type2 .details ul.agenda { margin: 0; }
	.dt-spa-procedures-wrapper.type2 .details ul.agenda li { padding-bottom: 5px; }
	.dt-spa-procedures-wrapper.type2 .details ul.agenda, .dt-spa-procedures-wrapper.type2 .details ul.agenda li { display: inline-block; width: 100%; }
	.dt-spa-procedures-wrapper.type2 .details .price-meta-data { background-color: inherit; padding-bottom: 20px; padding-left: inherit; padding-right: inherit; pointer-events: none; position: absolute; left: 0; top: 100%; }
	.dt-spa-procedures-wrapper.type2 .details .price-meta-data p { border-bottom: 1px solid; margin-bottom: 20px; padding-bottom: 25px; }

	.dt-spa-procedures-wrapper.type2 .details .price-meta-data .price, 
	.dt-spa-procedures-wrapper.type2 .details .price-meta-data .button { float: left; width: 50%; }
	.dt-spa-procedures-wrapper.type2 .details .price-meta-data .price { font-size: 24px; font-weight: bold; }
	.dt-spa-procedures-wrapper.type2 .details .price-meta-data .button { text-align: right; }
	.dt-spa-procedures-wrapper.type2 .details .price-meta-data .button a { pointer-events: auto; width: 100%; }
	.dt-spa-procedures-wrapper.type2 .details .price-meta-data .button a:after { padding-left: 0; }

	.dt-spa-procedures-wrapper.type2:hover { margin-top: -50px; -webkit-box-shadow: 0 0 0 5px #fff; box-shadow: 0 0 0 5px #fff; }
	.dt-spa-procedures-wrapper.type2:hover .details { -webkit-transform: translateY(-75%); transform: translateY(-75%); }
	.dt-spa-procedures-wrapper.type2:hover .details .price-meta-data { margin-top: -25px; }



	.dt-spa-procedures-wrapper.type1:hover .thumb .icon-wrapper { top: 0; }

	.dt-spa-procedures-wrapper.type1:hover { -webkit-transform: translateY(-40px); transform: translateY(-40px); }
	.dt-spa-procedures-wrapper.type1:hover .button { -webkit-transform: translateY(100%); transform: translateY(100%); }


	.dt-spa-procedures-wrapper.type1 .thumb .icon-wrapper, .dt-spa-procedures-wrapper.type1 .button,
	.dt-spa-procedures-wrapper.type2:before, .dt-spa-procedures-wrapper.type2 .details .price-meta-data { opacity: 0; filter: alpha(opacity=0); visibility: hidden; }

	.dt-spa-procedures-wrapper.type1:hover .thumb .icon-wrapper, .dt-spa-procedures-wrapper.type1:hover .button,
	.dt-spa-procedures-wrapper.type2:hover:before, .dt-spa-procedures-wrapper.type2:hover .details .price-meta-data { opacity: 1; filter: alpha(opacity=100); visibility: visible; }
	

	.dt-sc-procedures-catalog-wrapper, .dt-sc-procedures-catalog-list, .dt-sc-procedures-catalog-list li, .dt-sc-procedures-catalog-list li .dt-sc-catalog-menu { float: left; width: 100%; }

	.dt-sc-procedures-catalog-list { position: relative; }
	.dt-sc-procedures-catalog-list.loading::after { background-color: rgba(255, 255, 255, 0.75); content: ""; display: block; height: 100%; position: absolute; width: 100%; }

	.dt-sc-procedures-catalog-list li { display: inline-block; margin: 0 0 20px; padding: 0; width: 100%; }
	.dt-sc-procedures-catalog-list li .dt-sc-catalog-menu .rounded { float: left; height: 135px; margin-right: 20px; overflow: hidden; width: 135px; }
	.dt-sc-procedures-catalog-list li .dt-sc-catalog-menu .rounded img { width: 100%; -webkit-transform: scale(1.1); transform: scale(1.1); }
	.dt-sc-procedures-catalog-list li .dt-sc-catalog-menu .rounded, .dt-sc-procedures-catalog-list li .dt-sc-catalog-menu .rounded img { -webkit-border-radius: 50%; border-radius: 50%; }
	.dt-sc-procedures-catalog-list li .dt-sc-catalog-menu .dt-sc-catalog-meta { display: table; }
	.dt-sc-procedures-catalog-list li .dt-sc-catalog-menu .dt-sc-catalog-meta h5 { padding-bottom: 20px; position: relative; }
	.dt-sc-procedures-catalog-list li .dt-sc-catalog-menu .dt-sc-catalog-meta h5:after { border-style: solid; border-width: 0 0 1px; content: ""; height: 0; position: absolute; bottom: 0; left: 0; width: 47px; }
	.dt-sc-procedures-catalog-list li .dt-sc-catalog-menu .dt-sc-catalog-meta h5 .price { background-color: #fff; height: 30px; line-height: 18px; opacity: 0; filter: alpha(opacity=0); padding: 5px; position: absolute; right: 0; top: 100%; visibility: hidden; z-index: 1; }

	.dt-sc-procedures-catalog-pagination { clear: both; display: block; position: relative; text-align: center; }
	.dt-sc-procedures-catalog-pagination a { display: inline-block; font-size: 0; height: 40px; line-height: 0; position: relative; text-align: center; width: 50px; }
	.dt-sc-procedures-catalog-pagination a:before { font-family: "Material-Design-Iconic-Font"; font-size: 40px; line-height: 40px; }
	.dt-sc-procedures-catalog-pagination a.block-prev:before { content: "\f2ff"; }
	.dt-sc-procedures-catalog-pagination a.block-next:before { content: "\f301"; }
	.dt-sc-procedures-catalog-pagination a:hover { cursor: pointer; }


	.dt-sc-procedures-catalog-list li .dt-sc-catalog-menu:hover .dt-sc-catalog-meta h5:after { border-style: dashed; width: 100%; }
	.dt-sc-procedures-catalog-list li .dt-sc-catalog-menu:hover .dt-sc-catalog-meta h5 .price { margin-top: -15px; opacity: 1; filter: alpha(opacity=100); visibility: visible; }
	
	.single.single-dt_spa_procedures .wrapper { padding-bottom: 50px; }
	.single.single-dt_spa_procedures .dt_spa_procedures.type-dt_spa_procedures .dt_spa_procedures-detail { position: relative; }
	.single.single-dt_spa_procedures .dt_spa_procedures.type-dt_spa_procedures .dt_spa_procedures-thumb { display: none; }
	.single.single-dt_spa_procedures .dt_spa_procedures.type-dt_spa_procedures .dt_spa_procedures-detail .dt_spa_procedures-price,
	.single.single-dt_spa_procedures .dt_spa_procedures.type-dt_spa_procedures .dt_spa_procedures-detail > h4 { float: left; text-align: center; width: 100%; }

	.single.single-dt_spa_procedures .dt_spa_procedures.type-dt_spa_procedures .dt_spa_procedures-detail > h4 { font-size: 32px; margin-bottom: 35px; padding-bottom: 10px; position: relative; }
	.single.single-dt_spa_procedures .dt_spa_procedures.type-dt_spa_procedures .dt_spa_procedures-detail > h4:after { content: ""; height: 1px; margin: auto; position: absolute; bottom: 0; left: 0; right: 0; width: 47px; }

	.single.single-dt_spa_procedures .dt_spa_procedures.type-dt_spa_procedures .dt_spa_procedures-detail .dt_spa_procedures-price,
	.single.single-dt_spa_procedures .dt_spa_procedures.type-dt_spa_procedures .dt_spa_procedures-detail > h4, 
	.single.single-dt_spa_procedures .dt_spa_procedures.type-dt_spa_procedures .dt_spa_procedures-detail > .vc_row { clear: both; }

	.single.single-dt_spa_procedures .dt_spa_procedures.type-dt_spa_procedures .dt_spa_procedures-detail:hover .dt_spa_procedures-price,
	.single.single-dt_spa_procedures .dt_spa_procedures.type-dt_spa_procedures .dt_spa_procedures-detail:hover > h4 { text-align: center; width: 100%; }

	.single.single-dt_spa_procedures .dt_spa_procedures.type-dt_spa_procedures .dt_spa_procedures-detail .sticky-wrapper { z-index: 999; }


	ul.dt-sc-vertical-nav { float: left; margin: 0 0 35px; padding: 0; width: 100% !important; }
	
	ul.dt-sc-vertical-nav > li { display: block; float: left; margin: 0; padding: 0; width: 100%; }
	ul.dt-sc-vertical-nav > li > a { float: left; font-size: 16px; line-height: normal; margin: 0; padding: 15px 20px; text-align: center; text-transform: inherit; width: 100%; }
	ul.dt-sc-vertical-nav > li > a span { display: inline-block; margin-right: 10px; }

	ul.dt-sc-vertical-nav { -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.06) inset; box-shadow: 0 0 0 1px rgba(0,0,0,0.06) inset; }
	ul.dt-sc-vertical-nav > li > a { -webkit-box-shadow: -1px 0 0 0 rgba(0, 0, 0, 0.06) inset; box-shadow: -1px 0 0 0 rgba(0, 0, 0, 0.06) inset; }
	ul.dt-sc-vertical-nav li:last-child a { -webkit-box-shadow: none; box-shadow: none; }


	ul.dt-sc-vertical-nav > li.active > a, ul.dt-sc-vertical-nav > li.active > a:hover { position:relative; z-index:1; color: #fff; }

	ul.dt-sc-vertical-nav > li.active > a:before { background-color: inherit; content: ""; display: block; height: 16px; margin: auto; position: absolute; bottom: -8px; left: 0; right: 0; width: 16px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }


	.is-sticky ul.dt-sc-vertical-nav { border-top: 1px solid rgba(0,0,0,0.06); left: 0; top: 100% !important; -webkit-transform: translateY(-100%); transform: translateY(-100%); }
	.is-sticky ul.dt-sc-vertical-nav > li > a { background-color: #fff; }
	.is-sticky ul.dt-sc-vertical-nav > li.active > a:before { bottom: auto; top: -8px; }


	/* one item */
	ul.dt-sc-vertical-nav > li:nth-child(1):nth-last-child(1) { width: 100%; }

	/* two items */
	ul.dt-sc-vertical-nav > li:nth-child(1):nth-last-child(2),
	ul.dt-sc-vertical-nav > li:nth-child(2):nth-last-child(1) { width: 50%; }

	/* three items */
	ul.dt-sc-vertical-nav > li:nth-child(1):nth-last-child(3),
	ul.dt-sc-vertical-nav > li:nth-child(2):nth-last-child(2),
	ul.dt-sc-vertical-nav > li:nth-child(3):nth-last-child(1) { width: 33.3333%; }

	/* four items */
	ul.dt-sc-vertical-nav > li:nth-child(1):nth-last-child(4),
	ul.dt-sc-vertical-nav > li:nth-child(2):nth-last-child(3),
	ul.dt-sc-vertical-nav > li:nth-child(3):nth-last-child(2),
	ul.dt-sc-vertical-nav > li:nth-child(4):nth-last-child(1) { width: 25%; }

	/* four items */
	ul.dt-sc-vertical-nav > li:nth-child(1):nth-last-child(5),
	ul.dt-sc-vertical-nav > li:nth-child(2):nth-last-child(4),
	ul.dt-sc-vertical-nav > li:nth-child(3):nth-last-child(3),
	ul.dt-sc-vertical-nav > li:nth-child(4):nth-last-child(2),
	ul.dt-sc-vertical-nav > li:nth-child(5):nth-last-child(1) { width: 20%; }			


	/*--------------------------------------------------------------
	3.0 - Default Color
	--------------------------------------------------------------*/

	.dt-spa-procedures-wrapper .details h4:after, .single.single-dt_spa_procedures .dt_spa_procedures.type-dt_spa_procedures .dt_spa_procedures-detail > h4:after { background-color: #906c5f; }
	.dt-spa-procedures-wrapper .details .button, .dt-spa-procedures-wrapper.type1 .button { background-color: rgba(0,0,0,0); }

	.dt-spa-procedures-wrapper.type2 .details h4:after { background-color: #fff; }


	.dt-spa-procedures-wrapper.type2 { border-color: rgba(0,0,0,0); }
	.dt-spa-procedures-wrapper.type1 .thumb, .dt-spa-procedures-wrapper.type2:hover { border-color: #fff; }
	.dt-spa-procedures-wrapper.type1:hover .thumb, .dt-spa-procedures-wrapper.type2:before { -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.1); box-shadow: 0 0 30px 0 rgba(0,0,0,0.1); }


	.dt-spa-procedures-wrapper.type1 .thumb .icon-wrapper span, .dt-spa-procedures-wrapper.type2 .details, .dt-spa-procedures-wrapper.type2 .details * { color: #fff; }
	.dt-spa-procedures-wrapper.type1 .button a:not(:hover), .dt-sc-procedures-catalog-list li .dt-sc-catalog-menu .dt-sc-catalog-meta h5:after, .dt-sc-procedures-catalog-list li .dt-sc-catalog-menu .dt-sc-catalog-meta h5 .price, .dt-sc-procedures-catalog-pagination a { color: #906c5f; }

	.dt-spa-procedures-wrapper.type2 .details .price-meta-data .button a:hover { color: rgba(255,255,255,0.6); }

	ul.dt-sc-vertical-nav > li > a { color: #333; }

	
	/*--------------------------------------------------------------
	4.0 - Responsive
	--------------------------------------------------------------*/
	
	/*----*****---- << Mobile (Landscape) >> ----*****----*/	
	
	/* Common Styles for the devices below 767px width */
	@media only screen and (max-width: 767px) {
	

	
	}