/* Generic
==============================*/

	body, html{
		font-family: 'Lato', sans-serif;
		text-rendering: optimizeLegibility !important;
		-webkit-font-smoothing: subpixel-antialiased !important;
        -moz-osx-font-smoothing: auto !important;
		color: #5a5a5a;
		}
	
	h1{
		text-transform: uppercase;
		font-weight: 300;
		text-overflow: ellipsis;
		letter-spacing: 0.05em;
		}
		
	h1 strong{
		font-weight: 700;
		}
	
	h2{
		text-transform: uppercase;
		font-weight: 300;
		line-height: 30px;
		margin:  0;
		letter-spacing: 0.05em;
		}
		
	h2 strong{
		font-weight: 600;
		}
	
	h3{
		font-size: 18px;
		font-weight: 600;
		letter-spacing: 0.05em;
		}
	
	h4{
		text-transform: uppercase;
		letter-spacing: 0.05em;
		}
	
	h5{
		font-weight: 400;
		line-height: 21px;
		font-style: italic;
		font-size: 18px;
		}
	
	p{
		font-family: 'Open Sans', sans-serif;
		}
	
	p.intro{
		font-size: 16px;
		margin: 12px 0 0;
		line-height: 24px;
		font-family: 'Open Sans', sans-serif;
		}
	
	a{
		color: #c91a8c;
		}
		
	a:hover,
	a:focus{
		text-decoration: none;
		color: #c91a8c;
		outline: 0;
		outline: none;
		}
	
	.section-title hr{
		border-color: #cf97b9;
		border-width: 4px;
		width: 75px;
		float: center;
		clear: both;
		}
	
	.clearfix:after {
		visibility: hidden;
	    display: block;
	    font-size: 0;
	    content: " ";
	    clear: both;
	    height: 0;
	    }
	     
	.clearfix {
		display: inline-block; 
		}
		
	* html .clearfix { 
		height: 1%; 
		}
		
	.clearfix { 
		display: block; 
		}
		
	ul, ol{
		padding: 0;
		}
		
	.synergy-logo {
		width: 180px;
		height: 180px;
		background: url('../img/svg/synergy_logos_wave.svg') no-repeat;
		background-position: left top;
		padding: 0;
		margin-top: -34px;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}
		
	.synergy-logo.visible-xs {
		background-position: -380px 8px;
		width: 115px;
		height: 115px;
		}
	
	.synergy-logo.visible-sm {
		background-position: -195px 8px;
		width: 155px;
		height: 145px;
		}
		
	.synergy-logo.visible-md, .synergy-logo.visible-lg {
		background-position: 0 8px;
		width: 190px;
		height: 190px;
		}

	.navbar-default.on .synergy-logo {
		background-position: -385px -174px;
		height: 70px;
		width: 180px;
		margin-left: 0;
		}
		
	.navbar-default.on .synergy-logo.visible-sm {
		background-position: -195px -174px;
		height: 70px;
		width: 180px;
		margin-left: 0;
		}
		
	.navbar-default.on .synergy-logo.visible-md,
	.navbar-default.on .synergy-logo.visible-lg {
		background-position: -0px -174px;
		height: 70px;
		width: 185px;
		margin-left: 0;
		}	
		
@media (max-width: 400px){
	.synergy-logo.visible-xs {
		background-position: -565px 8px;
		}
		
	.navbar-default.on .synergy-logo.visible-xs {
		background-position: -575px -176px;
		height: 70px;
		width: 175px;
		margin-left: 0;
		}
	}
		
	.no-select {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		}

/* Navigation
==============================*/

	/*	Define navbar default spacing and transitions */
	#syn-menu {
		padding: 10px;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}
		
	/*	Set navbar background to base colour & transparent (0% opacity) ready to transition when scrolled */ 
	#syn-menu.navbar-default {
		background-color: rgba(54,15,39,0);
		border-color: rgba(75,23,56,0);
		}
		
	/* 	Create a navbar brand element (hidden) to house site name for SEO (due to SVG)... */
	#syn-menu a.navbar-brand {
		text-transform: uppercase;
		font-size: 18px;
		color: #fff;
		font-weight: 600;
		letter-spacing: 4px;
		}
		
	/*	Create and define the properties of the default navigation (list of items) 	 */
	#syn-menu.navbar-default .navbar-nav > li > a {
		text-transform: uppercase;
		color: #e7bad0;
		font-size: 13px;
		letter-spacing: 1px;
		left: 0px;
		}
		
	/* 	Creates a background rectangle and changes the text colour on active (hover) nav element */
	#syn-menu.navbar-default .navbar-nav > li > a:hover {
		color: #ffd3f1 !important;
		background-color: rgba(207,151,185,0.4)
		}
		
		
	/*	Create navbar overlay / instance (to be used / switched-in once user starts to scroll down the page)	 */
	.on {
		background-color: rgba(75,23,56,0.975) !important;
		}

	/*	Define navbar "ACTIVE" properties (e.g. highlights & emboldened when in a given section) 	 */
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus {
		color: #fff !important;
		background-color: transparent;
		font-weight: 600;
		}
			
	/* 	Hide "Button" for Burger-Menu nav element (transparent)*/	
	.navbar-default .navbar-toggle:hover, 
	.navbar-default .navbar-toggle:focus {
		background-color: transparent;
		border: 0;
		}
		
	/* 	Set background of Burger-Menu nav element to a circle & hide it (transparent fill and stroke)*/	
	.navbar-toggle {
		float: right;
		border: 0;
		border-radius: 10;
		padding: 0px;
		margin-top: 0;
		margin-bottom: 0;
		}

		
/* Burger-Menu Style
==============================*/
/* Courtesy of Mikael Ainalem, via https://codepen.io/ainalem/pen/LJYRxz */

	.burger {
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
		transition: transform 400ms;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		user-select: none;
		}
		
	.burgerRotate.active {
		transform: rotate(45deg);
		}
		
	.burgerRotate180.active {
		transform: rotate(180deg);
		}
	
	.line {
		fill:none;
		transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
		stroke: #fff;
		stroke-width:4;
		stroke-linecap:round;
		}
		
	.burgerX .top {
		stroke-dasharray: 40 139;
		}
	
	.burgerX .bottom {
		stroke-dasharray: 40 180;
		}
		
	.burgerX.active .top {
		stroke-dashoffset: -98px;
		}

	.burgerX.active .bottom {
		stroke-dashoffset: -138px;
		}	

/* Home Style
==============================*/

	#syn-home{
		color: #fff;
		}
	
	#syn-home .overlay{
		background: -moz-linear-gradient(top,rgba(36,2,23,0.9)0%,rgba(80,20,58,0.8)20%,rgba(95,26,71,0.75)35%,rgba(95,26,71,0.65)65%,rgba(60,0,60,0.8)100%); /* FF3.6+ */
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(36,2,23,0.9)),color-stop(20%,rgba(80,20,58,0.8)),color-stop(35%,rgba(95,26,71,0.75)),color-stop(65%,rgba(95,26,71,0.65)),color-stop(100%,rgba(60,0,60,0.8))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,rgba(36,2,23,0.9)0%,rgba(80,20,58,0.8)20%,rgba(95,26,71,0.75)35%,rgba(95,26,71,0.65)65%,rgba(60,0,60,0.8)100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,rgba(36,2,23,0.9)0%,rgba(80,20,58,0.8)20%,rgba(95,26,71,0.75)35%,rgba(95,26,71,0.65)65%,rgba(60,0,60,0.8)100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,rgba(36,2,23,0.9)0%,rgba(80,20,58,0.8)20%,rgba(95,26,71,0.75)35%,rgba(95,26,71,0.65)65%,rgba(60,0,60,0.8)100%); /* IE10+ */
		background: linear-gradient(to bottom,rgba(36,2,23,0.9)0%,rgba(80,20,58,0.8)20%,rgba(95,26,71,0.75)35%,rgba(95,26,71,0.65)65%,rgba(60,0,60,0.8)100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */
		padding: 230px 20px 0px 20px;
		position: relative;
		}

		#syn-home .overlay{
		background: rgba(67,13,48,0.5);
		padding: 230px 20px 0 20px;
		position: relative;
		}

	.slides-imgs {
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		width: 100%;
		min-width: 100%;
		height: 100%;
		min-height: 100%;
		}

	.slides-imgs #slide-img-1 {
		background: url(../img/slider/synergy_slide_1.jpg);
		background-size: cover;
		background-position: 50% 50%;
		}

	.slides-imgs #slide-img-2 {
		background: url(../img/slider/synergy_slide_2.jpg);
		background-size: cover;
		background-position: 50% 50%;
		}

	.slides-imgs #slide-img-3 {
		background: url(../img/slider/synergy_slide_3.jpg);
		background-size: cover;
		background-position: 0 50%;
		}
		
	.slides-imgs #slide-img-4 {
		background: url(../img/slider/synergy_slide_4.jpg);
		background-size: cover;
		background-position: 50% 50%;
		}

	.slides-imgs #slide-img-5 {
		background: url(../img/slider/synergy_slide_5.jpg);
		background-size: cover;
		background-position: 50% 50%;
		}

	.slides-imgs #slide-img-6 {
		background: url(../img/slider/synergy_slide_6.jpg);
		background-size: cover;
		background-position: 0 50%;
		}

	.slides-imgs > div {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		min-width: 100%;
		height: 100%;
		min-height: 100%;
		background-position: center;
		background-attachment: fixed;
		background-repeat: no-repeat;
		}

	.slider-nav-bullets {
		margin-top: 50px;
		}

	.slider-nav-bullets > span {
		margin-right: 4px;
		font-size: 150%;
		opacity: 0.25;
		cursor: pointer;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

	.slider-nav-bullets > span:hover, .slider-nav-bullets > span.active {
		opacity: 0.75;
		}

	.slider-nav-controls i {
		position: absolute;
		z-index: 9999;
		top: 50%;
		font-size: 1.8em;
		opacity: 0.15;
		cursor: pointer;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}
		
	.slider-nav-controls i:hover {
		opacity: 0.5;
		}

	.slider-nav-controls i.prev-slide {
		left: 3%;
		}

	.slider-nav-controls i.next-slide {
		left: auto;
		right: 3%;
		}
	
	#syn-home p.lead{
		color: #f3c8e2; 
		font-weight: 200;
		}			
	
	#syn-home p.lead strong{
		color: #f8edf4;
		font-weight: 500;
		}
		
	.text-shadow {
		text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		}
	
	.content{
		position: relative;
		padding: 20px 20px 5% 20px ;
		}
	
	.color{
		color: #fff;
		}

	a.fa.fa-angle-down {
		padding: 10px 15px;
		color: #fff;
		border: 2px solid rgba(217,109,174,0.5);
		border-radius: 100%;
		font-size: 24px;
		margin-top: 40px;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}
		
	a.fa.fa-angle-down:hover{
		background: #97236a;
		color: #fff;
		border: 2px solid rgba(151, 35, 106, 0.5);
		}


/* About Section
==============================*/	
		
	#syn-about{
		padding: 60px 0;
		background: rgba(235,216,227,0.25); 
		background-image: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(235,216,227,0.5), rgba(205,176,196,0.25) 0%); 
		background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(255,255,255,1)), color-stop(1, #d6bdc7));
		background-image: -o-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(235,216,227,0.25) 20%, rgba(205,176,196,0.25) 100%);
		background-image: -moz-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(235,216,227,0.25) 20%, rgba(205,176,196,0.25) 100%);
		background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(235,216,227,0.20) 25%, rgba(205,176,196,0.25) 100%);
		background-image: -ms-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(235,216,227,0.25) 20%, rgba(205,176,196,0.25) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(235,216,227,0.25) 20%, rgba(205,176,196,0.25) 100%);
		background: -webkit-radial-gradient(top center, ellipse cover, rgba(255,255,255,1) 100%);
		}

	ul.about-list{ 
		margin: 0;
		}
		
	ul.about-list li{
		display: block;
		font-size: 16px;
		line-height: 30px;
		font-family: 'Open Sans', sans-serif;
		}
		
	ul.about-list li span{ 
		margin-right: 10px;
		}
		
	.section-title.center{
		text-align: center;
		padding: 30px 0;
		}

	.fb-like {
		"http://www.himpfen.com/colour-size-facebook-like-buttons/"
		transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); /* scale */
		filter: hue-rotate(100deg); -webkit-filter: hue-rotate(100deg); -moz-filter: hue-rotate(100deg); -o-filter: hue-rotate(100deg);  /* colour */
		}


	/* secondary card - WHITE - */
	.card {
		overflow: hidden;
		position: relative;
		box-shadow: 0 1px 3px rgba(0,0,0,0.4);
		border-radius: 0px;
		text-align: center;
		padding: 18px;
		background-color: #FFF;
		border-color: #ebd8e3;
        color: #5a5a5a;
		}

	/* Adjusted card - OFF-WHITE - */
	.card.v2 {
		background-color: #f7f1f7;
		color: #5a5a5a;
		}

	.card .hr {
		border-top: #000;
		}
						
	.card .content .btn { 
		color: #fff;
		}
		
	.card-text .indent { 
		margin-left: 30px;
		padding-left: 30px;
		}
		
	.card .header-bg {
		/* This stretches the canvas across the entire hero unit */
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 125px;
		border-bottom: 5px solid #f3e8ee; 
		/* This positions the canvas under the text */
		z-index: 1;
		}

	.card.v2 .header-bg {
		border-bottom: 5px solid #eedde7;
		}

	.card .avatar {
		position: relative;
		margin-top: 18px;
		z-index: 100;
		}
		
	.card .avatar img {
		width: 180px;
		height: 180px;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%;
		border: 6px solid #ead7e2;
		}
		
	.card.v2 .avatar img {
		border: 6px solid #dcbccf;
		}
		
	.card {
		margin-bottom: 50px;
		}

/* Acupuncture Section
==============================*/

	#syn-acupuncture{
		background: url(../img/acupuncture.jpg);
		background-size: cover;
		background-position: center;
		background-attachment: fixed;
		background-repeat: no-repeat;
		color: #ffffff;
		}
		
	#syn-acupuncture .overlay{
		background-color: rgba(95, 26, 71, 0.7);
		padding: 80px 0;

		background: -moz-linear-gradient(top, rgba(69,8,45,0.95) 0%, rgba(80,20,58,0.9) 25%, rgba(95,26,71,0.85) 50%, rgba(95,26,71,0.75) 75%, rgba(159,67,159,0.5) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(69,8,45,0.95)),color-stop(17%,rgba(80,20,58,0.9)),color-stop(35%,rgba(95,26,71,0.85)),color-stop(62%,rgba(95,26,71,0.75)),color-stop(100%,rgba(159,67,159,0.5))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,rgba(69,8,45,0.95)0%,rgba(80,20,58,0.9)17%,rgba(95,26,71,0.85)35%,rgba(95,26,71,0.75)62%,rgba(60,0,60,0.5)100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,rgba(69,8,45,0.95)0%,rgba(80,20,58,0.9)17%,rgba(95,26,71,0.85)35%,rgba(95,26,71,0.75)62%,rgba(60,0,60,0.5)100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,rgba(69,8,45,0.95)0%,rgba(80,20,58,0.9)17%,rgba(95,26,71,0.85)35%,rgba(95,26,71,0.75)62%,rgba(60,0,60,0.5)100%); /* IE10+ */
		background: linear-gradient(to bottom,rgba(69,8,45,0.95)0%,rgba(80,20,58,0.9)rgba(95,26,71,0.85)35%,rgba(95,26,71,0.75)62%,rgba(60,0,60,0.5)100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */
		}
		
	.section-title.center{
		padding: 10px 0;
		}

	#acupuncture{ 
		margin: 30px auto
		}
		
	#acupuncture .item{
/* 	    padding: 200px 0 200 0; */
		margin: 30px 0 30px 10px;
	    color: #FFF;
	    text-align: center;
		}
	
	img.img-circle.syn-img {
		width: 200px;
		height: 200px;
		vertical-align: middle;
		border: 4px solid transparent;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}
		
	#syn-acupuncture .item .thumbnail:hover>img.img-circle.syn-img{
		border: 4px solid #c91a8c;
		}
		
	#syn-acupuncture .thumbnail {
		background: transparent;
		border: 0;
		}
	
	#syn-acupuncture .thumbnail .caption {
		padding: 12px;
		color: #F2F2F2;
		}
	
	.owl-theme .owl-dots .owl-dot span {
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

	.owl-theme .owl-dots .owl-dot.active span,
	.owl-theme .owl-dots .owl-dot:hover span {
		background: #ff2ab5;
		}
	.owl-item .item {
		text-align: center;
	}


/* Services Section
==============================*/

	#syn-services{
		padding: 80px 0;
		}
	
	.space{
		margin-top: 40px;
		}
	
	#syn-services i.fa {
		font-size: 40px;
		border: 1px solid #ca1b8c;
		width: 100px;
		height: 100px;
		padding: 27px 25px;
		margin-bottom: 10px;
		border-radius: 50%;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

	#syn-services .service:hover>i.fa,
	#syn-services .service:hover .svg-icon {
		background-color: #c91a8c;
		color: #ffffff;
		}
		
	#syn-services i.svg {
		border: 1px solid #ca1b8c;
		width: 96px;
		height: 96px;
		padding: 40px 0px;
/* 		margin-top: -50px; */
		margin-bottom: 0px;
		border-radius: 100%;
		vertical-align: bottom;
		}
	
	#syn-services i.svg.svg-mobile{
		font-size: 40px;
		padding: 20px 25px;
		}
	
	#syn-services i.svg:hover {
		background: #ca1b8c;
	    fill: #fff !important;
/*	    color: #fff;
		stroke: #fff !important; */
	    cursor: pointer;
		}

	.svg-icon {
/* 		margin: 30px 8px 4px 8px; */
		border: 4px solid #C91A8C;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		width: 96px;
		height: 96px;
		margin: 0 auto;
		
		margin-top: 18px;

		background: url('../img/svg/acupuncture_icons.svg') no-repeat;
		background-position: 0 top;
		}
		
	.svg-icon.cosmetic-icon {
		background-position: -5px -3px;
		}
		
	#syn-services .service:hover .svg-icon.cosmetic-icon {
		background-position: -5px -99px;
		}
		
	.svg-icon.electro-icon {
		background-position: -106px -4px;
		}
		
	#syn-services .service:hover .svg-icon.electro-icon {
		background-position: -106px -100px;
		}
		
	.svg-icon.gua-sha-icon {
		background-position: -198px -8px;
		}
		
	#syn-services .service:hover .svg-icon.gua-sha-icon {
		background-position: -198px -104px;
		}
		
	.svg-icon.moxa-icon {
		background-position: -294px -3px;
		}
		
	#syn-services .service:hover .svg-icon.moxa-icon {
		background-position: -294px -99px;
		}
		
	.svg-icon.acupuncture-icon {
		background-position: -388px -4px;
		}
		
	#syn-services .service:hover .svg-icon.acupuncture-icon {
		background-position: -388px -100px;
		}
		
	.svg-icon.cupping-icon {
		background-position: -485px -5px;
		}
		
	#syn-services .service:hover .svg-icon.cupping-icon {
		background-position: -485px -101px;
		}
		
	.svg-icon.auricular-icon {
		background-position: -580px -4px;
		}
		
	#syn-services .service:hover .svg-icon.auricular-icon {
		background-position: -580px -100px;
		}
		
	.svg-icon.reflexology-icon {
		background-position: -675px -3px;
		}
		
	#syn-services .service:hover .svg-icon.reflexology-icon {
		background-position: -675px -99px;
		}
		


/* Cosmetic Section
==============================*/

	#syn-cosmetic{
		background: url(../img/cosmetic.jpg);	
		background-size: cover;
		background-position: center;
		background-attachment: fixed;
		background-repeat: no-repeat;
		color: #ffffff;
		}
	
	#syn-cosmetic .overlay{
		background-color: rgba(207,151,185,0.15);
		padding: 80px 0;
		background-attachment: fixed;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#48092f+0,6d2c5c+50,9e428d+100&0.5+0,0.5+50,0.25+100 */
		background: -moz-linear-gradient(top,rgba(74,39,74,0.6)0%,rgba(136,98,136,0.6)50%,rgba(184,156,184,0.35)100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,rgba(74,39,74,0.6)0%,rgba(136,98,136,0.6)50%,rgba(184,156,184,0.35)100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,rgba(74,39,74,0.6)0%,rgba(136,98,136,0.6)50%,rgba(184,156,184,0.35)100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8048092f', endColorstr='#409e428d',GradientType=0 ); /* IE6-9 */
		}
	
	#cosmetic .item{
	    padding: 0, 0, 10, 0;
	    margin: 35px;
	    color: #FFF;
	    text-align: left;
		}
				
	/* Adjusted card - LIGHT PLUM (Gradient) */
	.card.cosmetic {
		height: auto;
        color: #FFF;
		overflow: hidden;
		box-shadow: 0 1px 3px rgba(0,0,0,0.4);
		border-radius: 0px;
		padding: 10px 20px;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ceafce+0,9b7e9b+100&0.9+0,0.9+100 */
        background: -moz-linear-gradient(top, rgba(206,175,206,0.9) 0%, rgba(155,126,155,0.9) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(206,175,206,0.9) 0%,rgba(155,126,155,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(206,175,206,0.9) 0%,rgba(155,126,155,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ceafce', endColorstr='#e69b7e9b',GradientType=0 ); /* IE6-9 */
		}

	.card.cosmetic .avatar {
		position: relative;
		margin-top: 40px;
		z-index: 120;
		margin-bottom: 10px;
		}
		
	.card.cosmetic .avatar img {
		width: 100px;
		height: 100px;
		border: 0px;
		}

	.card.cosmetic .header-bg {
		height: 140px;
		border-bottom: 0px;
		}
		
	/* Adjusted card - MEDIUM PLUM (Gradient) - */
	.card.v3 {
		background-color: #2b2b2b;
		color: #d8c7d2;
		height: auto;
		padding: 0px;
		margin-top: 8px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c374c+0,4c374c+100&0.9+0,0.7+100 */
		background: -moz-linear-gradient(top, rgba(76,55,76,0.9) 0%, rgba(76,55,76,0.75) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(76,55,76,0.9) 0%,rgba(76,55,76,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(76,55,76,0.9) 0%,rgba(76,55,76,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e64c374c', endColorstr='#b34c374c',GradientType=0 ); /* IE6-9 */
		}

	.video-responsive {
		}
	
	ul.card-list{ 
		margin: 0;
		}
		
	ul.card-list li{
		display: block;
		font-size: 16px;
		line-height: 30px;
		font-family: 'Open Sans', sans-serif;
		}
		
	ul.card-list li span{ 
		margin-right: 10px;
		}
		
	.card-title-left{
		text-align: center;
		}

	.svg-icon-2 {
		margin: 30px 8px 4px 8px;
/*
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
*/
		width: 100px;
		height: 100px;
		margin: 0 auto;
		margin-top: 18px;

		background: url('../img/svg/cosmetic_icons_v2.svg') no-repeat;
		background-position: 0 top;
		}
		
	.svg-icon-2.response-icon {
		background-position: -5px -5px;
		}
		
	#syn-cosmetic .cosmetic:hover .svg-icon-2.response-icon {
		background-position: -5px -115px;
		}
		
	.svg-icon-2.cycle-icon {
		background-position: -115px -5px;
		}
		
	#syn-cosmetic .cosmetic:hover .svg-icon-2.cycle-icon {
		background-position: -115px -115px;
		}
		
	.svg-icon-2.absorb-icon {
		background-position: -225px -5px;
		}
		
	#syn-cosmetic .cosmetic:hover .svg-icon-2.absorb-icon {
		background-position: -225px -115px;
		}
		


/* Our Clinic Section
==============================*/

	#syn-clinic{
		padding: 80px 0;
		}
	
	.categories{ 
		padding: 10px 0;
		}
	
	ul.cat li{
		display: inline-block;
		}
	
	#syn-clinic li.pull-right {
		margin-top: 10px;
		}
		
	ol.type li{
		display: inline-block;
		margin-left: 20px;
		}
		
	ol.type li:after{
		content: ' | ';
		margin-left: 20px;
		}
		
	ol.type li:last-child:after { 
		content: ''; 
		}
		
	ol.type li a{ 
		color: #222222
		}
	ol.type li a.active { 
		font-weight: 700; 
		}
		
	.isotope-item { 
		z-index: 2 
		}
		
	.isotope-hidden.isotope-item { 
		z-index: 1 
		}
		
	.isotope,
	.isotope .isotope-item {
	    /* change duration value to whatever you like */
	    -webkit-transition-duration: 0.8s;
	    -moz-transition-duration: 0.8s;
	    transition-duration: 0.8s;
	    }
	    
	.isotope-item {
	    margin-right: -1px;
	    -webkit-backface-visibility: hidden;
	    backface-visibility: hidden;
	    }
	    
	.isotope {
	    -webkit-backface-visibility: hidden;
	    backface-visibility: hidden;
	    -webkit-transition-property: height, width;
	    -moz-transition-property: height, width;
	    transition-property: height, width;
	    }
	    
	.isotope .isotope-item {
	    -webkit-backface-visibility: hidden;
	    backface-visibility: hidden;
	    -webkit-transition-property: -webkit-transform, opacity;
	    -moz-transition-property: -moz-transform, opacity;
	    transition-property: transform, opacity;
	    }
	    
	.portfolio-item{
		margin-bottom: 30px;
		}

	.portfolio-item img {
		position: relative;
		z-index: -1;
		top: 0;
		left: 0;
		width: 100%;
		}

	.portfolio-item img.landscape {
		height: 100%;
		width: auto;
		}

	.portfolio-item .hover-bg{
		height: 260px;
		overflow: hidden;
		position: relative;
		}
		
	.hover-bg .hover-text {
		position: absolute;
		text-align: center;
		margin: 0 auto;
		color: #ffffff;
		background: rgba(0, 0, 0, 0.66);
		padding: 25% 0;
		height: 100%;
		width: 100%;
		opacity: 0;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	    }
	    
	.hover-bg .hover-text>h4{
		opacity: 0;
		-webkit-transform: translateY(100%);
        transform: translateY(100%);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
        }
        
	.hover-bg:hover .hover-text>h4{
		opacity: 1;
	    -webkit-backface-visibility:hidden;
	    -webkit-transform: translateY(0);
        transform: translateY(0);
        }
        
	.hover-bg .hover-text>i{
		opacity: 0;
		-webkit-transform: translateY(0);
        transform: translateY(0);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
        }
        
	.hover-bg:hover .hover-text>i{
		opacity: 1;
	    -webkit-backface-visibility:hidden;
	   -webkit-transform: translateY(100%);
	   transform: translateY(100%);
	   }
	   
	.hover-bg:hover .hover-text{
		opacity: 1;
		}
		
	#syn-clinic i.fa {
		height: 30px;
		width: 30px;
		border: 1px solid #c91a8c;
		font-size: 20px;
		padding: 5px;
		border-radius: 50%;
		color: #c91a8c;
		}


/* Testimonials Section
==============================*/

	#syn-testimonials{
		background: url(../img/testimonial.jpg);
		background-size: cover;
		background-position: center;
		background-attachment: fixed;
		background-repeat: no-repeat;
		color: #ffffff;
		}
	
	#syn-testimonials .overlay{

		
		background-color: rgba(95, 26, 71, 0.65);
		padding: 80px 0;
		background-attachment: fixed;
		}
		
	#testimonial {
		padding: 30px 0;
		}
		
	#testimonial .item{
	    display: block;
	    width: 100%;
	    height: auto;
	    }
	
	#testimonial .item p {
		font-weight: 400;
		margin: 30px 0;
		color: #d28eba;
		}
		
	#testimonial .item strong {
		color: #e6cadc;
		}
		
	#testimonial .rating {
		color: #d28eba;
		}
	#testimonial .star-count {
		font-family: 'Open Sans', sans-serif;
		font-weight: bold;
        }

	.fa .fa-facebook-f {
		margin-top: 18px;
		padding: 10px 15px;
		border: 2px solid #daaec9;
		border-radius: 100%;
		font-size: 16px;
		}	
    .fa .fa-facebook-official {
		margin-top: 18px;
		padding: 10px 15px;
		border: 2px solid #daaec9;
		border-radius: 100%;
		font-size: 16px;
		}
		
	.fa .fa-star {
		font-size: 16px;
		padding: 20px 25px;
		}
		

/* Contact Section
==============================*/

	#syn-contact{
		padding: 80px 0;
		}
	
	label {
		float: left;
		font-size: 12px;
		font-weight: 400;
		font-family: 'Open Sans', sans-serif;
		}
		
	#syn-contact .form-control {
		display: block;
		width: 100%;
		padding: 6px 12px;
		font-size: 14px;
		line-height: 1.42857143;
		color: #555;
		background-color: #fff;
		background-image: none;
		border: 1px solid #ccc;
		border-radius: 2px;
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}
	
	#syn-contact .form-control:focus {
		border-color: inherit;
		outline: 0;
		outline: none;
		-webkit-box-shadow: transparent;
		box-shadow: transparent;
		}
	
	button.btn.syn-btn.btn-default {
		float: right;
		background: #de1797;
		border: 0;
		border-radius: 0;
		padding: 10px 40px;
		color: #ffffff;
		text-transform: uppercase;
		}

	button.btn.syn-btn.btn-default:hover {
		background: #ff2ab3;
		}

	.btn.syn-btn.btn-primary {
		background: #de1797;
		border: 0;
		border-radius: 0;
		padding: 10px;
		color: #fff;
		}
	.btn.syn-btn.btn-primary:hover {
		background: #ff2ab3;
		}


	.btn:active, .btn.active {
		background-image: none;
		outline: 0;
		outline: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		}
	
	.btn:focus, 
	.btn:active:focus, 
	.btn.active:focus, 
	.btn.focus, 
	.btn:active.focus, 
	.btn.active.focus {
		outline: thin dotted;
		outline: none;
		outline-offset: none;
		}

	textarea {
		max-width: 100%;
		}
	
	.success {
		color: #de1797;
		margin-top: 30px;
		font-size: 120%;
		}
	.error {
		overflow: hidden;
		padding: 0;
		margin: -10px 0 10px 0;
		color: #ca1b8c;
		}
		
/* Animations
==============================*/
.animate-spin {
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    display: inline-block;
}
@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@-webkit-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@-o-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@-ms-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}


/* Footer
==============================*/

	nav#footer{
		background: #ccb3be;
		color: #faeff3;
		padding: 20px 0 15px 0;
		}
		
	nav#footer .fnav{ 
		vertical-align: middle;
		}
		
	ul.footer-social li{
		display: inline-block;
        margin-top: 8px;
		margin-right: 10px;
		}
		
	nav#footer p{
		font-size: 12px;
		margin-top: 10px;
		}
		
	#footer i.fa {
		height: 36px;
		width: 36px;
		border: 2px solid #E0CED5;
		font-size: 20px;
		padding: 7px 7px;
		border-radius: 50%;
		color: #FFF;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}
		
	#footer i.fa:hover {
		background: #c91a8c;
		border-color: #c91a8c;
		color: #fff;
		}
	#footer i.fab {
		height: 36px;
		width: 36px;
		border: 2px solid #E0CED5;
		font-size: 20px;
		padding: 7px 7px;
		border-radius: 50%;
		color: #FFF;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}
		
	#footer i.fab:hover {
		background: #c91a8c;
		border-color: #c91a8c;
		color: #fff;
		}

	#footer i.fa-facebook-messenger {
		padding: 7px 6px;
		}

	#footer i.fa-facebook {
		padding: 7px 8px;
		}
			
	#footer strong { 
		color: #fff; 
		font-weight: 500;
		}
		
	#footer a { 
		color: #faeff3; 
		text-decoration: none; 
		}
	
	#footer a:hover { 
		color: #FFF; 
		text-decoration: none;
		} 
		
		
/* SVG fix
=============================*/

	#svg:hover path {
	    fill: #fff !important;
	    stroke: #fff !important;
	    cursor: pointer;
		}
 
/* End
==============================*/