/* 
	=============
	SKIN WEBFONTS
	=============
*/
@font-face {
	font-family: 'F37Ginger';
	font-style: normal;
	font-weight: 400;
	src: url('./static/fonts/F37-ginger-light-webfont.eot');
	src: url('./static/fonts/F37-ginger-light-webfont.eot?#iefix') format('embedded-opentype'), url('./static/fonts/F37-ginger-light-webfont.woff2') format('woff2'), url('./static/fonts/F37-ginger-light-webfont.woff') format('woff'), url('./static/fonts/F37-ginger-light-webfont.otf') format('opentype');
}
@font-face {
	font-family: 'F37Ginger';
	font-style: normal;
	font-weight: 700;
	src: url('./static/fonts/F37-ginger-bold-webfont.eot');
	src: url('./static/fonts/F37-ginger-bold-webfont.eot?#iefix') format('embedded-opentype'), url('./static/fonts/F37-ginger-bold-webfont.woff2') format('woff2'), url('./static/fonts/F37-ginger-bold-webfont.woff') format('woff'), url('./static/fonts/F37-ginger-bold-webfont.otf') format('opentype');
}


/* 
	============
	SKIN GENERAL
	============
*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	word-wrap: break-word;
	position: relative;
}
html,
body {
	width: 100%;
	height: 100%;
}
body {
	background: #FFF;
	color: #373D3F;
	font-size: 14px;
	font-weight: 400;
	font-family: 'F37Ginger', Helvetica, Arial, sans-serif;
	overflow-x: hidden;
	overflow-y: scroll;
	z-index: 1;
}
.skin-wrapper {
	display: block;
	width: 100%;
	height: auto;
	min-height: 100%;
	padding: 0 0 500px 0;	
	margin: 0 0 -500px 0;
}
.container {
	display: block;
	width: 100%;
	max-width: 980px;
	height: auto;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	margin: 0 auto;
}
.container:after {
	content: "";
	display: block;
	clear: both;
}



/* 
	===========
	SKIN GLOBAL
	===========
*/
input {
	font-size: 14px;
	font-weight: 400;
	font-family: 'F37Ginger', Helvetica, Arial, sans-serif;
}
.button {
	display: table;
	width: auto;
	height: auto;
	line-height: 32px;
	color: #FFF;
	font-size: 30px;
	font-weight: 400;
	font-family: 'F37Ginger', Helvetica, Arial, sans-serif;
	text-align: center;
	text-decoration: none;
	outline: none;
	border: none;
	padding: 10px 20px;
	cursor: pointer;
}
table .button {
	display: inline-block;
	vertical-align: top;
}
.button.title {
	line-height: 40px;
	color: #282828;
	font-size: 36px;
	font-weight: 300;
	padding: 0;
}
.button.title:hover:before {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #F57A49;
	left: 0;
	bottom: -4px;
	position: absolute;
}
.button.title:after {
	content: "";
	display: block;
	width: 10px;
	height: 16px;
	background: url('./static/img/arrow-right-link.png');
	margin-top: -8px;
	top: 50%;
	right: -25px;
	position: absolute;
}
.button.find,
.button.meet,
.button.more-results,
.button.visit,
.button.enter,
.button.submit,
.button.download,
.button.product,
.button.cart,
.button.book,
.button.more,
.spr-button-primary {
	line-height: 20px;
	background: #7AAECD;
	font-size: 14px;
	font-weight: 700;
	border-bottom: 2px solid rgba(0, 0, 0, .2);
}
.button.book {		
	background: #F57A49;		
	margin-bottom: 40px;
	-webkit-appearance: none;
}

.select {
	display: block;
	width: 100%;
	height: auto;
	background: #DBECF6 url('./static/img/arrow-dropdown-small.png') right 15px center no-repeat;
}
.select select {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: transparent;
	color: #4A4A4A;
	font-size: 14px;
	font-weight: 700;
	font-family: 'F37Ginger', Helvetica, Arial, sans-serif;
	outline: none;
	border: none;
	border-right: 31px solid transparent;
	padding: 0 0 0 11px;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.select select option {
	color: #282828;
	font-size: 14px;
	font-weight: 400;
	font-family: 'F37Ginger', Helvetica, Arial, sans-serif;
}
.spr-button-primary,	
.button.submit.cta {		
	background: #F57A49;		
}
.spr-button-primary {
	float: left;
}
.button.meet,
.button.more-results,
.button.visit {
	color: #29889D;
	background: #C1F0FB;
	border-color: #29889D;
}
.button.find:hover,
.button.enter:hover,
.button.submit:hover,
.button.download:hover,
.button.product:hover,
.button.cart:hover,
.button.book:hover,
.button.more:hover {
	background: #74A5C3;
}
.button.meet:hover,
.button.more-results:hover,
.button.visit:hover {
	background: #B9E6F0;
}		
.button.book:hover,
.button.submit.cta:hover {		
	background: #E97445;		
}
.spr-summary-actions-newreview {
  	color: black;
 	text-decoration: none;
}
.spr-summary-actions-newreview:hover {
	text-decoration: underline;
}
.spr-form-review-rating a {
 	color: #257f94;
}

h3 {		
	font-weight: 300;
	font-size: 18px;
	padding-bottom: 12px;
	line-height: 22px;
}
h4 {		
	font-weight: 300; 
	font-size: 18px;
	padding-bottom: 12px;
	line-height: 26px;
}
/* 
	===========
	SKIN TOPBAR
	===========
*/
.skin-topbar {
	display: block;
	width: 100%;
	height: auto;
	line-height: 15px;
	background: #424242;
	color: #FFF;
	font-size: 16px;
	text-align: right;
	text-transform: uppercase;
	padding: 10px 0;
}



/* 
	===========
	SKIN HEADER
	===========
*/
.skin-header {
	display: block;
	width: 100%;
	height: auto;
	background: #FFF;
	padding: 20px 0;
}
.skin-header > div > .logo {
	display: inline-block;
	width: 305px;
	height: 60px;
	background: url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/logo.png') no-repeat;
	color: transparent;
	text-indent: -9999px;
	margin: 15px 0;
}
.skin-header > div > .right {
	float: right;
	display: inline-block;
	width: auto;
	height: 90px;
	vertical-align: top;
}
.skin-header > div > .right > .top {
	display: block;
	width: 100%;
	height: auto;
	font-size: 0;
	text-align: right;
	margin-bottom: 10px;
}
.skin-header > div > .right > .top > .label {
	display: none;
	line-height: 20px;
	font-size: 12px;
	font-weight: 700;
	margin: 10px;
	vertical-align: top;
}
.skin-header > div > .right > .top > #header-signup {
	display: none;
	width: 300px;
	height: auto;
	font-size: 0;
	text-align: right;
	/* padding-right: 40px; */
	margin-right: 10px;
	vertical-align: top;
}
.skin-header > div > .right > .top > #header-signup .input {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 38px;
	background: #FFF;
	color: #373D3F;
	font-size: 14px;
	font-weight: 400;
	font-family: 'F37Ginger', Helvetica, Arial, sans-serif;
	border: 1px solid #CCC;
	border-right: none;
	outline: none;
	padding: 0 15px;
	max-width: 260px;
}
.skin-header > div > .right > .top > #header-signup .submit {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: transparent url('./static/img/sub-arrow-right-button.png') center no-repeat;
	border: 1px solid #6093B0;
	font-size: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
}
.skin-header > div > .right > .top > .search {
	display: inline-block;
	width: 250px;
	height: auto;
	font-size: 0;
	text-align: right;
	padding-right: 40px;
	vertical-align: top;
}
.skin-header > div > .right > .top > .search > .input {
	display: inline-block;
	width: 100%;
	height: 40px;
	background: transparent;
	color: #29889D;
	font-size: 14px;
	font-weight: 400;
	font-family: 'F37Ginger', Helvetica, Arial, sans-serif;
	border: 1px solid #CCC;
	border-right: none;
	outline: none;
	padding: 0 15px;
}
.skin-header > div > .right > .top > .search > .submit {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: transparent url('./static/img/sub-search.png') center no-repeat;
	border: 1px solid #6093B0;
	font-size: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
}
.skin-header > div > .right > .top.hide-input > .label,
.skin-header > div > .right > .top.hide-input > #header-signup {
	display: inline-block;
}
.skin-header > div > .right > .top.hide-input > .search {
	width: 40px;
	height: 40px;
}
.skin-header > div > .right > .top.hide-input > .search > .input {
	display: none;
}
.skin-header > div > .right > .block {
	display: block;
	width: auto;
	height: auto;
	font-size: 0;
}
.skin-header > div > .right > .block > .button {
	display: inline-block;
	margin-right: 10px;
	vertical-align: top;
}
.skin-header > div > .right > .block > .button:last-child {
	margin-right: 0;
}
.skin-header > div > .right > .block > .cart,
.skin-header > div > div > .block > .cart {
	height: 42px;
	width: 40px;
	background-image: url('./static/img/sub-cart.png');
	background-repeat: no-repeat;
	background-position: center;
	font-size: 0;
	padding: 0;
}
.skin-header > div > .right > .block > .cart > i,
.skin-header > div > div > .block > .cart > i {
	content: "";
	display: block;
	width: auto;
	height: auto;
	line-height: 12px;
	background: #F57A49;
	font-size: 10px;
	font-weight: 400;
	font-style: normal;
	border-radius: 4px;
	padding: 2px 4px;
	top: 5px;
	right: 5px;
	position: absolute;
}
.skin-header > div > .right > .block > .book {
	width: 200px;
	margin-bottom: 0;
}
.skin-header > div > .right > .block > .find {
	width: 200px;
}
.skin-header > div > .right > .block > .facebook {
	display: inline-block;
	margin: 5px 0;
	margin-right: 15px;
}



/* 
	===============
	SKIN NAVIGATION
	===============
*/
.skin-navigation {
	display: block;
	width: 100%;
	height: 50px;
	background: #DBECF6;
	box-shadow: 0 2px 2px 0 rgba(17, 24, 48, .25);
	font-size: 0;
	z-index: 10;
}
.skin-navigation > ul {
	display: block;
	width: 100%;
	max-width: 1280px;
	height: auto;
	text-align: center;
	list-style: none;
}
.skin-navigation > ul > li {
	display: inline-block;
	width: auto;
	height: auto;
	vertical-align: top;
}
.skin-navigation > ul > li > a {
	display: table;
	height: 50px;
	line-height: 20px;
	color: #4A4A4A;
	font-size: 15px;
	text-decoration: none;
	padding: 16px 20px 14px;
}
.skin-navigation > ul > li > ul {
	display: none;
}
.skin-navigation > ul > li > a:hover,
.skin-navigation > ul > li.active > a {
	background: #161D37;
	color: #FFF;
}
.skin-navigation > ul > li.current > a {
	background: #AFD3E7;
	color: #4A4A4A;
}
.skin-navigation > ul > li.book {
	display: none;
	font-size: 15px;
	font-weight: 700;
}
.skin-book > a,
.skin-navigation > ul > li.book a {
	background: #F57A49 !important;
	color: #FFF !important;
}
.skin-book > a:hover,
.skin-navigation > ul > li.book a:hover {
	background: #E97445 !important;
}
.skin-book {
	display: none;
	width: 100%;
	height: auto;
	bottom: 0;
	left: 0;
	position: fixed;
	z-index: 100;
}
.skin-book > a {
	display: block;
	width: 100%;
	height: auto;
	list-height: 20px;
	background: #F57A49;
	color: #FFF;
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	padding: 15px 20px;
}
.skin-book > a:hover {
	background: #E97445;
}

/* 
	==================
	SKIN SUBNAVIGATION
	==================
*/
.skin-subnavigation {
	display: block;
	width: 100%;
	height: auto;
	background: #161D37;
	font-size: 0;
	top: 215px;
	left: 0;
	position: absolute;
	z-index: 11;
}
.skin-subnavigation > ul {
	display: none;
	width: 100%;
	height: auto;
	list-style: none;
	padding-top: 40px;
	padding-bottom: 40px;
}
.skin-subnavigation > ul > li.title {
	display: block;
	width: 100%;
	height: auto;
	line-height: 35px;
	color: #FFF;
	font-size: 30px;
	font-weight: 400;
	border-bottom: 1px solid #4E6B87;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.skin-subnavigation > ul > li.title > a {		
	color: #FFF;		
	text-decoration: none;		
}		
.skin-subnavigation > ul > li.title > a:hover {		
	color: #F57A49;
}
.skin-subnavigation > ul > li.left {
	float: left;
	width: 100%;
	max-width: 280px;
	height: auto;
	padding: 0 0 0 20px;
}
.skin-subnavigation > ul > li.left > a {
	display: block;
	width: 100%;
	max-width: 220px;
	height: 30px;
	line-height: 20px;
	color: #FFF;
	font-size: 15px;
	font-weight: 400;
	text-decoration: none;
	padding: 6px 0 4px;
	margin-top: 5px;
}
.skin-subnavigation > ul > li.left > a:first-child {
	margin-top: 0;
}
.skin-subnavigation > ul > li.left > a:after {
	content: "";
	display: block;
	width: 10px;
	height: 16px;
	background: url('./static/img/sub-arrow-right.png');
	top: 7px;
	right: 0;
	position: absolute;
}
.skin-subnavigation > ul > li.left > a:hover:after {
	background-image: url('./static/img/sub-arrow-right-hover.png');
}
.skin-subnavigation > ul > li.right {
	display: block;
	width: auto;
	height: auto;
	line-height: 24px;
	margin-left: 280px;
	color: #FFF;
	font-size: 14px;
	font-weight: 300;
	padding: 0 20px 0 40px;
}
.skin-navigation > ul > li.small:hover > a {
	background: #161D37;
	color: #FFF;
}
.skin-navigation > ul > li.small > ul {
	list-style: none;
	white-space: nowrap;
	display: none;
	width: auto;
	min-width: auto;
	background: #161D37;
	box-shadow: 0 2px 2px 0 rgba(17, 24, 48, .25);
	padding: 10px 0;
	top: 50px;
	left: 0;
	position: absolute;
}
.skin-navigation > ul > li.small > ul > .column {
	display: inline-block;
	width: auto;
	height: auto;
	font-size: 14px;
	vertical-align: top;
}
.skin-navigation > ul > li.small > ul > .column > li > a {
	display: block;
	width: 100%;
	height: auto;
	line-height: 20px;
	color: #FFF;
	font-size: 15px;
	text-align: left;
	text-decoration: none;
	padding: 12px 20px 8px 34px;
}
.skin-navigation > ul > li.small > ul > .column > li > a:hover {
	background: #161D37;
}
.skin-navigation > ul > li.small:hover > ul {
	display: block;
}
.skin-navigation > ul > li.small > ul > li {
	display: block;
	width: 100%;
	height: auto;
}
.skin-navigation > ul > li.small > ul > li > a {
	display: block;
	width: 100%;
	height: auto;
	line-height: 20px;
	color: #FFF;
	font-size: 15px;
	text-align: left;
	text-decoration: none;
	padding: 12px 20px 8px 35px;
}
.skin-navigation > ul > li.small > ul > li > a:before,
.skin-navigation > ul > li.small > ul > .column > li > a:before {
	content: "";
	width: 5px;
	height: 20px;
	background: url('./static/img/sub-arrow-right.png') center no-repeat;
	position: absolute;
	top: 10px;
	left: 20px;

	/* Background Size */
	-webkit-background-size: auto 8px;
	   -moz-background-size: auto 8px;
		-ms-background-size: auto 8px;
		 -o-background-size: auto 8px;
			background-size: auto 8px;
}
.skin-navigation > ul > li.small > ul > li > a:hover,
.skin-navigation > ul > li.small > ul > .column > li > a:hover {
	background: #161D37;
	color: #F57A49;
}
.skin-navigation > ul > li.small > ul > li > a:hover:before,
.skin-navigation > ul > li.small > ul > .column > li > a:hover:before {
	background-image: url('./static/img/sub-arrow-right-hover.png');
}



/* 
	===========
	SKIN BANNER
	===========
*/
.skin-banner {
	display: block;
	width: 100%;
	height: 525px;
	z-index: 6;
	overflow: hidden;
}
.skin-banner > .slide {
	display: block;
	width: 100%;
	height: 525px;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 0;
	padding: 50px 0 125px;
	overflow: hidden;
}
.skin-banner > .slide > .image {
	display: block;
	min-width: 100%;
	min-height: 100%;
	top: -35%;
	right: 0;
	position: absolute;
}
.skin-banner > .slide > .image > img {
	display: block;
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	left: 50%;
	left: 0 \9;
	transform: translateX(-50%);
}
.skin-banner > .slide > .container:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 350px;
	vertical-align: bottom;
}
.skin-banner > .slide > .container > .box {
	display: inline-block;
	width: auto;
	height: auto;
	background: rgba(40, 40, 40, .8);
	padding: 20px 25px;
	vertical-align: bottom;
	max-width: 400px;
}
.skin-banner > .slide > .container > .box > .title {
	display: block;
	width: 100%;
	height: auto;
	line-height: 40px;
	color: #FFF;
	font-size: 36px;
	font-weight: 400;
	letter-spacing: -1px;
	margin-bottom: 20px;
}
.skin-banner > .slide > .container > .box > .text {
	display: block;
	width: 100%;
	height: auto;
	line-height: 24px;
	color: #FFF;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: -1px;
	margin-bottom: 20px;
}
.skin-banner-tabs {
	display: block;
	width: 100%;
	height: 150px;
	font-size: 0;
	margin: -75px 0 0;
	z-index: 7;
}
.skin-banner-tabs > div:before {
	content: "";
	display: block;
	width: 100%;
	height: 10px;
	box-shadow: inset 0 1px 0 0 #E5E5E5;
	bottom: -10px;
	left: 0;
	position: absolute;
}
.skin-banner-tabs > div > a {
	display: inline-block;
	width: 25%;
	height: 150px;
	background: #FFF;
	color: #8D8D8D;
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
	border-top: 5px solid #7AAECD;
	padding: 20px 25px;
	vertical-align: top;
}
.skin-banner-tabs > div > a:hover {
	background: #f6f6f6;
}
.skin-banner-tabs > div > a:before {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background: #E5E5E5;
	top: 0;
	right: 0;
	position: absolute;
}
.skin-banner-tabs > div > a:last-child:before {
	background: transparent;
}
.skin-banner-tabs > div > a:last-child:before {
	background: transparent;
}
.skin-banner-tabs > div > a.active {
	font-weight: 700;
	background: #7AAECD;
	color: #fff;
	border-color: #7AAECD;
}
.skin-banner-tabs > div > a.active:hover {
	background: #7AAECD;
	color: #FFF;
}
/*.skin-banner-tabs > div > a.active:after {
	content: "";
	display: block;
	border-bottom: 15px solid #7AAECD;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	margin-left: -15px;
	top: -25px;
	left: 50%;
	position: absolute;
}*/

span.bigtoplink {
	font-size: 15px;
}

span.bigtoplink:hover {
	text-decoration: underline;
}

/* 
	=========
	SKIN HERO
	=========
*/
.skin-hero {
	display: block;
	width: 100%;
	height: 363px;
	background: #F5F5F5;
	overflow: hidden;
	z-index: 6;
}
.skin-hero > .slide {
	display: block;
	width: 100%;
	/*min-width: 1600px;*/
	height: 100%;
	padding: 60px 0 135px; 
	position: absolute;
	top: 0;
	overflow: hidden;
}
.skin-hero > .slide > .image {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.skin-hero > .slide > .image > img {
	display: block;
	width: 100%;
	/*min-width: 1600px;*/
	height: auto;
	min-height: 100%;
	top: 50%;
	-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
			transform: translate(0, -50%);
}
.skin-hero > .slide > div > .box {
	display: block;
	max-width: 540px;
}
.skin-hero > .slide > div > .box > .title {
	display: block;
	line-height: 40px;
	color: #85B9D7;
	font-size: 32px;
	font-weight: 900;
}
.skin-hero > .slide > div > .box > .text {
	display: block;
	line-height: 28px;
	color: #171D35;
	font-size: 24px;
	font-weight: 400;
	margin-top: 4px;
}
.skin-hero > .slide > div > .box > .extra {
}
.skin-hero > .slide > div > .box > .more {
	display: inline-block;
	line-height: 24px;
	background: #171D35;
	font-size: 20px;
	font-weight: 300;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-bottom: none;
	padding: 14px 16px 10px;
	margin-top: 20px;
}
.skin-hero > .slide > div > .box > .more:hover {
	background: #2F344A;
}

/* 
	==========
	SKIN TITLE
	==========
*/
.skin-title {
	display: block;
	width: 100%;
	height: auto;
	background: #FFF;
	font-size: 0;
}
.skin-title.no-image {
	background: #7AAECD;
}
.skin-title:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 350px;
	vertical-align: bottom;
}
.skin-title.no-image:before {
	height: 125px;
}
.skin-title > .image {
	display: block;
	width: 100%;
	height: 100%;
	text-align: right;
	bottom: 0;
	right: 0;
	position: absolute;
	overflow: hidden;
}
.skin-title > .image > img {
	display: inline-block;
	width: auto;
	height: auto;
	min-height: 100%;
 }
.skin-title > .text {
	display: inline-block;
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.skin-title > .text > .top {
	display: block;
	width: 100%;
	height: auto;
	line-height: 50px;
	color: #7AAECD;
	font-size: 48px;
	font-weight: 300;
	letter-spacing: -2px;
	box-shadow: inset 0 -2px 4px 0 rgba(0, 0, 0, .1);
	padding: 20px 0;
}
.skin-title > .text > .top > div {
	padding: 0 20px;
}
.skin-title > .text > .top > div > a {
	float: left;
	display: block;
	color: inherit;
	font-size: 32px;
	text-decoration: none;
	margin-left: -20px;
	clear: both;
}
.skin-title > .text > .top > div > a:hover {
	text-decoration: underline;
}
.skin-title > .text > .bottom {
	display: block;
	width: 100%;
	height: auto;
	line-height: 40px;
	background: rgba(122, 174, 205, .8);
	color: #FFF;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: -1px;
	padding: 15px 0;
}
.skin-title > .text > .bottom > div {
	padding: 0 20px;
}
.skin-title.no-image > .text {
}
.skin-title.no-image > .text > .top {
	background: #AFD3E7;
	color: #4A4A4A;
}
.skin-title.no-image > .text > .top > div > a {
	top: 2px;
}
.skin-title.no-image > .text > .bottom {
	background: #7AAECD;
	color: #FFF;
	font-weight: 400;
	padding: 17px 0 13px;
}



/*
	=========
	SKIN HOME
	=========
*/
.skin-home-book {
	display: block;
	width: 100%;
	height: auto;
	background: #FFF;
	font-size: 0;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, .2);
	padding: 40px 0;
	z-index: 2;
}
.skin-home-book:before {
	content: "";
	display: block;
	border-top: 21px solid rgba(0, 0, 0, .2);
	border-left: 21px solid transparent;
	border-right: 21px solid transparent;
	margin-left: -21px;
	left: 50%;
	bottom: -22px;
	position: absolute;
	z-index: 3;
}
.skin-home-book:after {
	content: "";
	display: block;
	border-top: 20px solid #FFF;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	margin-left: -20px;
	left: 50%;
	bottom: -20px;
	position: absolute;
	z-index: 3;
}
.skin-home-book > div {
	padding: 0 20px;
}
.skin-home-book > div > .left {
	display: inline-block;
	width: 100%;
	max-width: 520px;
	height: auto;
	line-height: 25px;
	color: #282828;
	font-size: 16px;
	font-weight: 300;
	padding: 0;
	vertical-align: top;
}
.skin-home-book > div > .left > .title {
	margin-bottom: 20px;
}
.skin-home-book > div > .right {
	display: inline-block;
	width: 100%;
	max-width: 320px;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 14px;
	font-weight: 300;
	padding: 0;
	margin-left: 60px;
	vertical-align: top;
}
.skin-home-book > div > .right > .title {
	margin-bottom: 20px;
}
.skin-home-book > div > .right > .text {
	display: block;
	width: 100%;
	height: auto;
	line-height: 25px;
	color: #282828;
	font-size: 16px;
	font-weight: 300;
	padding: 0;
	margin-bottom: 20px;
}
.skin-home-book > div > .right > .contact {
	display: block;
	width: 100%;
	height: auto;
}
.skin-home-book > div > .right > .contact > .phone,
.skin-home-book > div > .right > .contact > .calendar,
.skin-home-book > div > .right > .contact > .clinic {
	display: block;
	width: 100%;
	height: auto;
	min-height: 30px;
	line-height: 20px;
	color: #282828;
	font-size: 15px;
	font-weight: 400;
	padding: 5px 0 5px 50px;
	margin-top: 10px;
}
.skin-home-book > div > .right > .contact > .phone {
	margin-top: 0;
}
.skin-home-book > div > .right > .contact > .phone a {
	color: #373D3F;
	font-size: 16px;
	text-decoration: none;
}
.skin-home-book > div > .right > .contact > .calendar {
	padding-top: 0;
	padding-bottom: 0;
}
.skin-home-book > div > .right > .contact > .calendar > .book {
	width: 100%;
	margin-bottom: 0;
}
.skin-home-book > div > .right > .contact > .clinic {
	padding: 0 0 0 50px;
}
.skin-home-book > div > .right > .contact > .phone:before,
.skin-home-book > div > .right > .contact > .calendar:before,
.skin-home-book > div > .right > .contact > .clinic:before {
	content: "";
	width: 30px;
	height: 30px;
	background: url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/icon-phone.png')top left;
	top: 0;
	left: 0;
	position: absolute;
}
.skin-home-book > div > .right > .contact > .calendar:before {
	background-image: url('./static/img/calendar.png');
	top: 5px;
}
.skin-home-book > div > .right > .contact > .clinic:before {
	background-image: url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/icon-clinic.png');
	top: 5px;
}
.skin-home-buttons {
	display: block;
	width: 100%;
	height: auto;
	background: #DBECF6;
	font-size: 0;
}
.skin-home-buttons > div > a {
	display: inline-block;
	width: 20%;
	height: auto;
	min-height: 220px;
	vertical-align: top;
}
.skin-home-buttons > div > a:first-child:before {
	content: "";
	display: block;
	width: 2px;
	height: 100%;
	background: #AFD3E7;
	z-index: 6;
	position: absolute;
	top: 0;
	left: -1px;
}
.skin-home-buttons > div > a:after {
	content: "";
	display: block;
	width: 2px;
	height: 100%;
	background: #AFD3E7;
	z-index: 6;
	position: absolute;
	top: 0;
	right: -1px;
}
.skin-home-buttons > div > a > .image {
	display: block;
	width: 100%;
	height: auto;
	background: #FFF;
	top: 0;
	left: 0;
	position: absolute;
}
.skin-home-buttons > div > a > .image:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: #FFF;
	top: 0;
	left: 0;
	position: absolute;
	opacity: .5;
}
.skin-home-buttons > div > a:hover > .image:after {
	opacity: .2;
}
.skin-home-buttons > div > a > .image > img {
	display: block;
	width: 100%;
	height: auto;
}
.skin-home-buttons > div > a > .text {
	display: block;
	width: 100%;
	height: auto;
	min-height: 55px;
	line-height: 25px;
	background: rgba(255, 255, 255, .85);
	background: #FFF \9;
	color: #319EB7;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	padding: 15px 20px;
	bottom: 0;
	left: 0;
	position: absolute;
	z-index: 5;
}
.skin-home-buttons > div > a > .text > .subtext {
	display: none;
}
.skin-two-columns {
	display: block;
	width: 100%;
	height: auto;
	font-size: 0;
}
.skin-two-columns > .block {
	display: inline-block;
	width: 50%;
	height: auto;
	border-right: 20px solid transparent;
	vertical-align: top;
}
.skin-two-columns > .block:nth-child(2n) {
	border-right-width: 0;
	border-left: 20px solid transparent;
}
.skin-about > .consultation > .container > .skin-two-columns > .block > .accordian {
	display: block;
	width: 100%;
	height: auto;
	line-height: 20px;
	background: #C1F0FB;
	color: #29889D;
	font-size: 14px;
	font-weight: 700;
	font-family: 'F37Ginger', Helvetica, Arial, sans-serif;
	outline: none;
	border: none;
	padding: 15px 20px;
	margin-bottom: 10px;
}
.skin-about > .consultation > .container > .skin-two-columns > .block > .accordian:after {
	content: "";
	float: right;
	display: inline-block;
	width: 16px;
	height: 10px;
	background: url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/icon-arrow-down-blue.png');
	margin: 5px 0;
}
.skin-about > .consultation > .container > .skin-two-columns > .block > .accordian.opened:after {
	background: url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/icon-arrow-up-blue.png');
}

.skin-home-about {
	display: block;
	width: 100%;
	height: auto;
	background: #F5F5F5;
	font-size: 0;
	padding: 40px 0;
}
.skin-home-about > div {
	padding: 0 20px;
}
.skin-home-about > div > .left {
	display: inline-block;
	width: 100%;
	max-width: 520px;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 14px;
	font-weight: 300;
	padding: 0;
	vertical-align: top;
}
.skin-home-about > div > .left > .title {
	margin-bottom: 20px;
}
.skin-home-about > div > .left > .text,
.skin-about-team > div > .text {
	display: block;
	width: 100%;
	height: auto;
	line-height: 25px;
	color: #282828;
	font-size: 16px;
	font-weight: 300;
	padding: 0;
	margin-bottom: 30px;
}
.skin-home-about > div > .right {
	display: inline-block;
	width: 100%;
	max-width: 320px;
	line-height: 20px;
	background: #FFF;
	color: #282828;
	font-size: 14px;
	font-weight: 300;
	border-radius: 4px;
	box-shadow: 0 2px 2px 0 rgba(17, 24, 48, .25);
	padding: 30px 40px;
	margin-left: 60px;
	vertical-align: top;
}
.skin-home-about > div > .right > .title {
	line-height: 24px;
	font-size: 20px;
}
.skin-home-about > div > .right > .gallery {
	margin-top: 10px;
}
.skin-home-about > div > .right > .gallery > .content {
	display: block;
	width: 100%;
	height: auto;
	list-style: none;
}
.skin-home-about > div > .right > .gallery > .content > li {
	display: none;
}
.skin-home-about > div > .right > .gallery > .content > li.current {
	display: block;
}
.skin-home-about > div > .right > .gallery > .content > li > .bottom {
	line-height: 24px;
	font-size: 20px;
	border-top: 2px solid #CCCCCC;
	padding-top: 10px;
	margin-top: 15px;
}
.skin-home-about > div > .right > .gallery > .previous {
    width: 15px;
    height: 20px;
    background: url('./static/img/nav-arrow-left.png') center no-repeat;
    position: absolute;
    bottom: 28px;
    left: -25px;
	cursor: pointer;
}
.skin-home-about > div > .right > .gallery > .next {
    width: 15px;
    height: 18px;
    background: url('./static/img/nav-arrow-right.png') center no-repeat;
    position: absolute;
    bottom: 28px;
    right: -25px;
	cursor: pointer;
}
.skin-home-about > div > .right > .gallery > .content > li > .top {
    min-height: 160px;
}
.skin-home-store {
	display: block;
	width: 100%;
	height: auto;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, .2);
	padding: 40px 0;
	z-index: 2;
}
.skin-home-store:before {
	content: "";
	display: block;
	border-top: 21px solid rgba(0, 0, 0, .2);
	border-left: 21px solid transparent;
	border-right: 21px solid transparent;
	margin-left: -21px;
	left: 50%;
	bottom: -22px;
	position: absolute;
	z-index: 3;
}
.skin-home-store:after {
	content: "";
	display: block;
	border-top: 20px solid #FFF;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	margin-left: -20px;
	left: 50%;
	bottom: -20px;
	position: absolute;
	z-index: 3;
}
.skin-home-store > div {
	padding: 0 20px;
}
.skin-home-store > div > .title {
	margin-bottom: 20px;
}
.skin-home-store > div > .block {
	display: block;
	width: 100%;
	height: auto;
	font-size: 0;
}
.skin-home-store > div > .block > .product {
	display: inline-block;
	width: 100%;
	max-width: 240px;
	height: auto;
	margin: 0 30px;
	vertical-align: top;
}
.skin-home-store > div > .block > .product > .image {
	display: block;
	width: 100%;
	height: auto;
	min-height: 200px;
	font-size: 0;
	text-align: center;
	margin-bottom: 10px;
}
.skin-home-store > div > .block > .product > .image:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 200px;
	vertical-align: middle;
}
.skin-home-store > div > .block > .product > .image > a > img {
	display: inline-block;
	width: auto;
	max-width: 200px;
	max-height: 175px;
	height: auto;
	vertical-align: middle;
}
.skin-home-store > div > .block > .product > .title {
	display: block;
	width: 100%;
	height: auto;
	line-height: 24px;
	min-height: 59px;
	color: #7AAECD;
	font-size: 18px;
	font-weight: 700;
	border-bottom: 1px solid #BEBEBE;
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-decoration: none;
}
.skin-home-store > div > .block > .product > a.title:hover {
	text-decoration: underline;
}
.skin-home-store > div > .block > .product > .description {
	display: block;
	width: auto;
	height: auto;
	font-size: 0;
	text-align: right;
	margin-bottom: 40px;
}
.skin-home-store > div > .block > .product > .description > .left {
	float: left;
	display: block;
	width: auto;
	max-width: 180px;
	height: auto;
	min-height: 20px;
	line-height: 20px;
	color: #282828;
	font-size: 12px;
	font-weight: 400;
	font-style: italic;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.skin-home-store > div > .block > .product > .description > .right {
	display: block;
	width: auto;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 14px;
	font-weight: 700;
	margin-left: 180px;
}
.skin-home-store > div > .block > .product > .cart {
	width: 100%;
	max-width: 200px;
	margin: 0 auto;
}
.skin-home-products {
	display: block;
	width: 100%;
	height: auto;
	padding: 40px 0;
	background: #F5F5F5;
	font-size: 0;
}
.skin-home-products > div {
	padding: 0 20px;
}
.skin-home-products > div > .left {
	display: inline-block;
	width: 100%;
	max-width: 600px;
	height: auto;
	vertical-align: top;
}
.skin-home-products > div > .left > .title {
	display: table;
	width: auto;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
}
.skin-home-products > div > .left > .text {
	display: block;
	width: 100%;
	height: auto;
	line-height: 25px;
	color: #282828;
	font-size: 16px;
	font-weight: 300;
	padding: 0;
	margin-bottom: 20px;
}
.skin-home-products > div > .left > .categories {
	display: block;
	width: 100%;
	height: auto;
	font-size: 0;
}
.skin-home-products > div > .left > .categories > .product {
	display: inline-block;
	width: 32%;
	margin-right: 2%;
	margin-top: 1%;
}
.skin-home-products > div > .left > .categories > .product:nth-child(3n) {
	margin-right: 0;
}
.skin-home-products > div > .right {
	display: inline-block;
	width: 100%;
	max-width: 240px;
	height: auto;
	margin-left: 60px;
	vertical-align: top;
}
.skin-home-products > div > .right > .title {
	display: table;
	width: auto;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
}
.skin-home-products > div > .right > .text {
	display: block;
	width: 100%;
	height: auto;
	line-height: 25px;
	color: #282828;
	font-size: 16px;
	font-weight: 300;
	padding: 0;
	margin-bottom: 10px;
}
.skin-home-products > div > .right > .view {
	display: table;
	width: auto;
	height: auto;
	min-height: 30px;
	line-height: 18px;
	color: #7AAECD;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	padding: 6px 0;
}
.skin-home-products > div > .right > .view:hover {
	text-decoration: underline;
}
.skin-home-products > div > .right > .view:after {
	content: "";
	display: block;
	width: 10px;
	height: 16px;
	background: url('./static/img/sub-arrow-right-button.png');
	top: 7px;
	right: -20px;
	position: absolute;
}
.skin-home-schs,
.skin-about > .schs {
	display: block;
	width: 100%;
	height: auto;
	background: #FFF;
	font-size: 0;
	padding: 40px 0;
}
.skin-home-schs > div,
.skin-about > .schs > div {
	padding: 0 20px;
}
.skin-home-schs > div > .left,
.skin-about > .schs > div > .left {
	display: inline-block;
	width: 100%;
	max-width: 240px;
	height: auto;
	vertical-align: top;
	margin-top: 25px;
}
.skin-home-schs > div > .left img,
.skin-about > .schs > div > .left img {
	display: block;
	width: 100%;
	max-width: 240px;
	height: auto;
}
.skin-home-schs > div > .right,
.skin-about > .schs > div > .right {
	display: inline-block;
	width: 100%;
	max-width: 600px;
	height: auto;
	margin-left: 60px;
	vertical-align: top;
}
.skin-home-schs > div > .right > .title,
.skin-about > .schs > div > .right > .title {
	border-color: #69C7B7;
	margin-bottom: 20px;
	cursor: default;
}
.skin-home-schs > div > .right > .title:before,
.skin-home-schs > div > .right > .title:after,
.skin-about > .schs > div > .right > .title:before,
.skin-about > .schs > div > .right > .title:after {
	display: none;
}
.skin-home-schs > div > .right > .text,
.skin-about > .schs > div > .right > .text {
	display: block;
	width: 100%;
	height: auto;
	line-height: 25px;
	color: #282828;
	font-size: 16px;
	font-weight: 300;
	padding: 0;
	margin-bottom: 10px;
}
.skin-home-centre {
	display: block;
	width: 100%;
	height: auto;
	background: #F5F5F5;
	padding: 40px 0;
}
.skin-home-centre > div {
	padding: 0 20px;
}
.skin-home-centre > div > .title {
	margin-bottom: 20px;
}
.skin-home-centre > div > .text {
	display: block;
	width: 100%;
	max-width: 590px;
	height: auto;
	line-height: 25px;
	color: #282828;
	font-size: 16px;
	font-weight: 300;
	padding: 0;
	margin-bottom: 40px;
}
.skin-home-centre > div > .articles {
	display: block;
	width: 100%;
	height: auto;
	font-size: 0;
}
.skin-home-centre > div > .articles > .block {
	display: inline-block;
	width: 100%;
	max-width: 280px;
	height: auto;
	background: #FFF;
	margin-right: 30px;
	vertical-align: top;
}
.skin-home-centre > div > .articles > .block:nth-child(3n) {
	margin-right: 0;
}
.skin-home-centre > div > .articles > .block > .image {
	display: block;
	width: 100%;
	height: auto;
	max-height: 192px;
	font-size: 0;
	text-align: center;
	overflow: hidden;
}
.skin-home-centre > div > .articles > .block > .image > img {
	display: inline-block;
	width: auto;
	min-height: 100%;
	height: auto;
	min-height: 100%;
	vertical-align: middle;
}
.skin-home-centre > div > .articles > .block > .image > img:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.skin-home-centre > div > .articles > .block > .content {
	display: block;
	width: 100%;
	height: auto;
	padding: 15px 20px;
}
.skin-home-centre > div > .articles > .block > .content > .header {
	display: block;
	width: 100%;
	height: auto;
	text-align: right;
	border-bottom: 1px solid #E5E5E5;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.skin-home-centre > div > .articles > .block > .content > .header > .date {
	float: left;
	display: inline-block;
	width: auto;
	max-width: 100px;
	height: auto;
	line-height: 15px;
	color: #282828;
	font-size: 12px;
	font-weight: 700;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: top;
	overflow: hidden;
}
.skin-home-centre > div > .articles > .block > .content > .header > .author {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	line-height: 15px;
	color: #282828;
	font-size: 12px;
	font-weight: 400;
	font-style: italic;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-left: 100px;
	overflow: hidden;
}
.skin-home-centre > div > .articles > .block > .content > .title a {
	display: block;
	width: 100%;
	height: auto;
	line-height: 27px;
	color: #7AAECD;
	text-decoration: none;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
	min-height: 72px;
}
.skin-home-centre > div > .articles > .block > .content > .title a:hover {		
	text-decoration: underline;		
}
.skin-home-centre > div > .articles > .block > .content > .text {
	display: block;
	width: 100%;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 20px;
}
.skin-home-extra {
	display: block;
	width: 100%;
	height: auto;
	background: #DBECF6;
	font-size: 0;
	padding: 40px 0;
}
.skin-home-extra > div {
	padding: 0 20px;
}
.skin-home-extra > div > .block {
	display: inline-block;
	width: 100%;
	max-width: 195px;
	height: auto;
	margin-right: 40px;
	vertical-align: top;
}
.skin-home-extra > div > .block:nth-child(4n) {
	margin-right: 0;
}
.skin-home-extra > div > .block > .title {
	display: table;
	width: auto;
	height: auto;
	line-height: 20px;
	color: #585E62;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 20px;
}
.skin-home-extra > div > .block > .links {
	display: block;
	width: 100%;
	height: auto;
}
.skin-home-extra > div > .block > .links > a {
	display: block;
	width: 100%;
	height: auto;
	line-height: 16px;
	color: #585E62;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
	padding-left: 13px;
	margin-top: 10px;
}
.skin-home-extra > div > .block > .links > a:first-child {
	margin-top: 0;
}
.skin-home-extra > div > .block > .links > a:hover {
	text-decoration: underline;
}
.skin-home-extra > div > .block > .links > a:before {
	content: "";
	display: block;
	width: 5px;
	height: 8px;
	background: url('./static/img/extra-arrow-right.png') center no-repeat;
	background-size: cover;
	top: 4px;
	left: 0;
	position: absolute;
}



/*
	=========================
	SKIN TREATMENT & SERVICES
	=========================
*/
.skin-treatment-header {
	display: block;
	width: 100%;
	height: auto;
	min-height: 200px;
	background: #7AAECD;
}
.skin-treatment-header > table {
	display: table;
	width: 100%;
	height: auto;
	border-collapse: collapse;
}
.skin-treatment-header > table > tbody {
	display: table-row-group;
}
.skin-treatment-header > table > tbody > tr {
	display: table-row;
	position: initial;
}
.skin-treatment-header > table > tbody > tr > td {
	display: table-cell;
}
.skin-treatment-header > table > tbody > .navigation > .left {
	background: #AFD3E7;
	font-size: 0;
}
.skin-treatment-header > table > tbody > .navigation > .content {
	width: 200px;
	background: #AFD3E7;
	padding: 40px 0;
	vertical-align: top;
}
.skin-treatment-header > table > tbody > .navigation > .content > ul {
	display: block;
	width: 100%;
	height: auto;
	list-style: none;
}
.skin-treatment-header > table > tbody > .navigation > .content > ul > li {
	display: block;
	width: 100%;
	height: auto;
	list-style: none;
}
.skin-treatment-header > table > tbody > .navigation > .content > ul > li > a {
	display: block;
	width: 100%;
	height: auto;
	line-height: 20px;
	color: #4A4A4A;
	text-decoration: none;
	padding: 11px 20px 9px 20px;
}
.skin-treatment-header > table > tbody > .navigation > .content > ul > li > a:after {
	content: "";
	display: block;
	width: 8px;
	height: 5px;
	background: url('./static/img/arrow-dropdown.png') center no-repeat;
	background-size: cover;
	top: 18px;
	right: 10px;
	position: absolute;
}
.skin-treatment-header > table > tbody > .navigation > .content > ul > li > a > span {
	display: inline-block;
	line-height: inherit;
	font-size: 14px;
	font-weight: 700;
}
.skin-treatment-header > table > tbody > .navigation > .content > ul > li > a:hover {
	background: #7AAECD;
	color: #FFF;
}
.skin-treatment-header > table > tbody > .navigation > .content > ul > li.active > a {
	background: #161D37;
	color: #FFF;
}
.skin-treatment-header > table > tbody > .navigation > .content > ul > li.active > a:after {
	background-image: url('./static/img/arrow-dropdown-small.png');
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.skin-treatment-header > table > tbody > .navigation > .content > ul > li > ul {
	display: none;
	width: 100%;
	height: auto;
	background: #DBECF6;
	padding: 10px 0;
	list-style: none;
}
.skin-treatment-header > table > tbody > .navigation > .content > ul > li.active > ul {
	display: block;
}
.skin-treatment-header > table > tbody > .navigation > .content > ul > li > ul > li {
	display: block;
	width: 100%;
	height: auto;
}
.skin-treatment-header > table > tbody > .navigation > .content > ul > li > ul > li > a {
	display: block;
	width: 100%;
	height: auto;
	line-height: 20px;
	padding: 6px 20px 4px;
	color: #4A4A4A;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
}
.skin-treatment-header > table > tbody > .navigation > .content > ul > li > ul > li > a:hover {
	background: #7AAECD;
	color: #FFF;
}
.skin-treatment-header > table > tbody > .navigation > .content > ul > li > ul > li > a.active {
	background: #161D37;
	color: #FFF;
}
.skin-treatment-header > table > tbody > .about > .content {
	width: 740px;
	background: #FFF;
	padding: 40px 20px 40px 40px;
	vertical-align: top;
}
.skin-treatment-header > table > tbody > .about > .content > .title {
	display: block;
	width: 100%;
	max-width: 450px;
	line-height: 30px;
	color: #282828;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: -1px;
	margin-bottom: 20px;
}
.skin-treatment-header > table > tbody > .about > .content > .text {
	display: block;
	width: 100%;
	max-width: 400px;
	line-height: 25px;
	color: #282828;
	font-size: 16px;
	font-weight: 300;
}

.skin-treatment-header > table > tbody > .about > .content > .text h3 {
	line-height: 22px;
	font-size: 18px;
	font-weight: 300;
}
.skin-treatment-header > table > tbody > .about > .content > .text h4 {
	line-height: 20px;
	font-size: 16px;
	font-weight: 300;
}
.skin-treatment-header > table > tbody > .about > .content > .image {
	display: block;
	width: auto;
	height: auto;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: 10;
}
.skin-treatment-header > table > tbody > .about > .right {
	background: #FFF;
}
.skin-treatment-header > table > tbody > .quote > .content {
	width: 740px;
	background: #7AAECD;
	padding: 20px 20px 20px 90px;
	font-size: 0;
	vertical-align: top;
}
.skin-treatment-header > table > tbody > .quote > .content:before {
	content: "";
	display: block;
	width: 30px;
	height: 24px;
	background: url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/icon-quote.png');
	top: 20px;
	left: 40px;
	position: absolute;
	opacity: .5;
}
.skin-treatment-header > table > tbody > .quote > .content > .line,
.skin-treatment-header > table > tbody > .quote > .content > .left > .line {
	display: block;
	width: 100%;
	max-width: 380px;
	height: auto;
	line-height: 24px;
	color: #FFF;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 10px;
}
.skin-treatment-header > table > tbody > .quote > .content > .bottom > .details > .quoter,
.skin-treatment-header > table > tbody > .quote > .content > .right > .bottom > .details > .quoter {
	display: block;
	width: 100%;
	height: auto;
	line-height: 20px;
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
}
.skin-treatment-header > table > tbody > .quote > .content > .bottom > .details > .position,
.skin-treatment-header > table > tbody > .quote > .content > .right > .bottom > .details > .position {
	display: block;
	width: 100%;
	height: auto;
	line-height: 20px;
	color: #FFF;
	font-size: 14px;
	font-weight: 400;
	font-style: italic;
}
.skin-treatment-header > table > tbody > .quote > .content > .image {
	display: block;
	width: auto;
	height: auto;
	bottom: 0;
	right: -100px;
	position: absolute;
	z-index: 9;
}
.skin-treatment-header > table > tbody > .quote > .content > .right > .image {
	display: none;
}
.skin-treatment-header > table > tbody > .quote > .content > .left,
.skin-treatment-header > table > tbody > .quote > .content > .right {
	display: inline-block;
	width: 100%;
	max-width: 400px;
	vertical-align: top;
}
.skin-treatment-header > table > tbody > .quote > .content > .left > .line {
	max-width: 400px;
	margin-bottom: 0;
}
.skin-treatment-header > table > tbody > .quote > .content > .right {
	max-width: 210px;
	padding: 4px 0;
	margin-left: 20px;
}
.skin-treatment-header > table > tbody > .quote > .content > .right > .bottom > .details > .quoter,
.skin-treatment-header > table > tbody > .quote > .content > .right > .bottom > .details > .position {
	line-height: 20px;
}
.skin-treatment-header > table > tbody > .quote > .right {
	background: #7AAECD;
}
.skin-treatment-header > table > tbody > .book > .content,
.skin-treatment-header > table > tbody > .book > .right {
	background: #F5F5F5;
}
.skin-treatment-header > table > tbody > .book > .content {
	font-size: 0;
	padding: 40px 20px 40px 40px;
}
.skin-treatment-header > table > tbody > .book > .content > .left,
.skin-treatment-header > table > tbody > .book > .content > .right {
	display: inline-block;
	width: 100%;
	max-width: 380px;
	height: auto;
	vertical-align: top;
}
.skin-treatment-header > table > tbody > .book > .content > .left > .title,
.skin-treatment-header > table > tbody > .book > .content > .right > .title {
	display: block;
	width: 100%;
	line-height: 30px;
	color: #282828;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: -1px;
	margin-bottom: 20px;
}
.skin-treatment-header > table > tbody > .book > .content > .left > .text,
.skin-treatment-header > table > tbody > .book > .content > .right > .text {
	display: block;
	width: 100%;
	line-height: 25px;
	color: #282828;
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 20px;
}
.skin-treatment-header > table > tbody > .book > .content > .left > .download {
	display: inline-block;
	vertical-align: top;
}
.skin-treatment-header > table > tbody > .book > .content > .left > .links {
	display: block;
	width: 100%;
	height: auto;
	font-size: 0;
}
.skin-treatment-header > table > tbody > .book > .content > .left > .links > a {
	display: inline-block;
	width: 100%;
	max-width: 170px;
	height: auto;
	line-height: 20px;
	color: #7AAECD;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
	padding-left: 13px;
	margin: 10px 40px 0 0;
	vertical-align: top;
}
.skin-treatment-header > table > tbody > .book > .content > .left > .links > a:nth-child(-n+2) {
	margin-top: 0;
}
.skin-treatment-header > table > tbody > .book > .content > .left > .links > a:nth-child(2n) {
	margin-right: 0;
}
.skin-treatment-header > table > tbody > .book > .content > .left > .links > a:hover {
	text-decoration: underline;
}
.skin-treatment-header > table > tbody > .book > .content > .left > .links > a:before {
    content: "";
    display: block;
    width: 5px;
    height: 8px;
    background: url(./static/img/extra-arrow-right.png);
    background-size: cover;
    top: 7px;
    left: 0;
    position: absolute;
}
.skin-treatment-header > table > tbody > .book > .content > .right {
	max-width: 240px;
	margin-left: 60px;
}
.skin-treatment-header > table > tbody > .book > .content > .right > .book {
	display: block;
	max-width: 240px;
	margin-bottom: 20px;
}
.skin-treatment-header > table > tbody > .book > .content > .right > b {
	display: block;
	width: 100%;
	/*max-width: 200px;*/
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
}

.skin-treatment-header > table > tbody > .book > .content > .right > b > a {
	color: #F57A49;
	text-decoration: underline;
}
.skin-treatment-header > table > tbody > .book-promo > .content,
.skin-treatment-header > table > tbody > .book-promo > .right {
	background: #F5F5F5;
}
.skin-treatment-header > table > tbody > .book-promo > .content {
	padding-left: 300px;
}
.skin-treatment-header > table > tbody > .book-promo > .content > .left {
	width: 300px;
	height: 100%;
	background: #FFF center no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
}
.skin-treatment-header > table > tbody > .book-promo > .content > .right {
	padding: 40px;
	padding-right: 20px;
}
.skin-treatment-header > table > tbody > .book-promo > .content > .right > .title {
	display: block;
	width: 100%;
	line-height: 30px;
	color: #282828;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: -1px;
}
.skin-treatment-header > table > tbody > .book-promo > .content > .right > .text {
	display: block;
	width: 100%;
	line-height: 25px;
	color: #282828;
	font-size: 16px;
	font-weight: 300;
	margin-top: 20px;
}
.skin-treatment-header > table > tbody > .book-promo > .content > .right > .call {
	display: block;
	width: 100%;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 14px;
	font-weight: 700;
	margin-top: 20px;
}
.skin-treatment-header > table > tbody > .book-promo > .content > .right > .call > a {
	color: #319EB7;
}
.skin-treatment-header > table > tbody > .book-promo > .content > .right > .button {
	margin: 20px 0 0;
}
.skin-treatment-header > table > tbody > .video > .content,
.skin-treatment-header > table > tbody > .video > .right {
	background: #FFF;
}
.skin-treatment-header > table > tbody > .video > .content {
	padding: 40px 20px 40px 40px;
}
.skin-treatment-header > table > tbody > .video > .content > .box {
	display: block;
	width: 100%;
	height: auto;
	/*padding: 40px;*/
}
.skin-treatment-header > table > tbody > .video > .content > .box > .video {
	display: block;
	width: 100%;
	height: auto;
	min-height: 400px;
	background: #282828;
	margin-bottom: 20px;
}
.skin-treatment-header > table > tbody > .video > .content > .box > .text {
	display: block;
	width: 100%;
	height: auto;
	line-height: 16px;
	color: #282828;
	font-size: 12px;
	font-style: italic;
}
.skin-treatment-header > table > tbody > .results > .content,
.skin-treatment-header > table > tbody > .results > .right {
	background: #F5F5F5;
}
.skin-treatment-header > table > tbody > .results > .content {
	padding: 40px 20px 40px 40px;
}
.skin-treatment-header > table > tbody > .video > .content > .title,
.skin-treatment-header > table > tbody > .results > .content > .title {
	display: block;
	width: 100%;
	line-height: 30px;
	color: #282828;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: -1px;
	margin-bottom: 20px;
}
.skin-treatment-header > table > tbody > .results > .content > .title > a {
	float: right;
	line-height: 18px;
	color: #7AAECD;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	letter-spacing: 0;
	padding-right: 15px;
	margin: 5px 0;
}
.skin-treatment-header > table > tbody > .results > .content > .title > a:hover {
	text-decoration: underline;
}
.skin-treatment-header > table > tbody > .results > .content > .title > a:after {
	content: "";
	display: block;
	width: 5px;
	height: 8px;
	background: url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/icon-arrow-right-blue.png');
	background-size: cover;
	top: 5px;
	right: 0;
	position: absolute;
}
.skin-treatment-header > table > tbody > .results > .content > .photos {
	display: block;
	width: 100%;
	height: auto;
	font-size: 0;
}
.skin-treatment-header > table > tbody > .results > .content > .photos > .image {
	display: inline-block;
	width: 165px;
	height: 165px;
	background: #FFF;
	margin-right: 1px;
	text-align: center;
	vertical-align: top;
	overflow: hidden;
}
.skin-treatment-header > table > tbody > .results > .content > .photos > .image:nth-child(4n+2) {
	margin-right: 18px;
}
.skin-treatment-header > table > tbody > .results > .content > .photos > .image:nth-child(4n) {
	margin-right: 0;
}
.skin-treatment-header > table > tbody > .results > .content > .photos > .image:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 165px;
	vertical-align: middle;
}
.skin-treatment-header > table > tbody > .results > .content > .photos > .image > img {
	display: inline-block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	vertical-align: middle;
}
.skin-treatment-header > table > tbody > .details > .content,
.skin-treatment-header > table > tbody > .details > .right {
	background: #FFF;
}
.skin-treatment-header > table > tbody > .details > .content {
	padding: 40px 20px 40px 40px;
}
.skin-treatment-header > table > tbody > .details > .content > .block {
	display: block;
	width: 100%;
	height: auto;
	border-bottom: 2px solid #CCC;
	padding-bottom: 40px;
	margin-top: 40px;
}
.skin-treatment-header > table > tbody > .details > .content > .block:first-child {
	margin-top: 0;
}
.skin-treatment-header > table > tbody > .details > .content > .block:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
.skin-treatment-header > table > tbody > .details > .content > .block > .title {
	display: block;
	width: 100%;
	line-height: 30px;
	color: #282828;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: -1px;
	margin-bottom: 20px;
}
.skin-treatment-header > table > tbody > .details > .content > .block > .text {
	display: block;
	width: 100%;
	line-height: 25px;
	color: #282828;
	font-size: 16px;
	font-weight: 300;
}
.skin-treatment-header > table > tbody > .details > .content > .block > .text p {		
	margin-top: 10px; 
	margin-bottom: 10px;
		font-size: 16px;
		line-height: 26px;
}
.skin-treatment-header > table > tbody > .details > .content > .block > .text ul {		
	margin-left: 30px;
	margin-bottom: 20px;
	font-size: 16px;
		line-height: 25px;
}
.skin-treatment-header > table > tbody > .details > .content > .block > .text h3 {		
	font-weight: 300;
	font-size: 18px;
	line-height: 22px;
}
.skin-treatment-header > table > tbody > .details > .content > .block > .text h4 {		
	font-weight: 300; 
	font-size: 16px;
	line-height: 20px;
}	
.skin-contact > table > tbody > .testimonial > .content,
.skin-contact > table > tbody > .testimonial > .right,
.skin-treatment-header > table > tbody > .testimonial > .content,
.skin-treatment-header > table > tbody > .testimonial > .right {
	background: #137087;
}
.skin-contact > table > tbody > .testimonial > .content,
.skin-treatment-header > table > tbody > .testimonial > .content {
	padding: 40px 20px 40px 40px;
}
.skin-contact > table > tbody > .testimonial > .content > .title,
.skin-treatment-header > table > tbody > .testimonial > .content > .title {
	display: block;
	width: 100%;
	line-height: 30px;
	color: #FFF;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: -1px;
	margin-bottom: 20px;
}
.skin-contact > table > tbody > .testimonial > .content > .text,
.skin-treatment-header > table > tbody > .testimonial > .content > .text {
	display: block;
	width: 100%;
	height: auto;
	line-height: 24px;
	color: #FFF;
	font-size: 18px;
	font-weight: 300;
	padding-left: 50px;
}
.skin-contact > table > tbody > .testimonial > .content > .text:before,
.skin-treatment-header > table > tbody > .testimonial > .content > .text:before {
	content: "";
	display: block;
	width: 30px;
	height: 24px;
	background: url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/icon-quote.png');
	top: 0;
	left: 0;
	position: absolute;
	opacity: .5;
}
.skin-contact > table > tbody > .testimonial > .content > .text > .quoter,
.skin-treatment-header > table > tbody > .testimonial > .content > .text > .quoter {
	display: block;
	width: auto;
	height: auto;
	line-height: 20px;
	font-size: 18px;
	font-weight: 700;
	margin-top: 20px;
}
.skin-contact > table > tbody > .testimonial > .content > .text > .position,
.skin-treatment-header > table > tbody > .testimonial > .content > .text > .position {
	display: block;
	width: auto;
	height: auto;
	line-height: 20px;
	font-size: 14px;
	font-weight: 400;
	font-style: italic;
}
.skin-treatment-header > table > tbody > .why > .content,
.skin-treatment-header > table > tbody > .why > .right {
	background: #F3F3F3;
}
.skin-treatment-header > table > tbody > .why > .content {
	font-size: 0;
	padding: 40px 20px 0 40px;
}
.skin-treatment-header > table > tbody > .why > .content > .left,
.skin-treatment-header > table > tbody > .why > .content > .right {
	display: inline-block;
	width: 100%;
	max-width: 280px;
	vertical-align: top;
}
.skin-treatment-header > table > tbody > .why > .content > .left > .title {
	display: block;
	width: 100%;
	line-height: 30px;
	color: #282828;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: -1px;
	margin-bottom: 20px;
}
.skin-treatment-header > table > tbody > .why > .content > .left > .text {
	display: block;
	width: 100%;
	line-height: 25px;
	color: #282828;
	font-size: 16px;
	font-weight: 300;
}
.skin-treatment-header > table > tbody > .why > .content > .right {
	max-width: 380px;
	vertical-align: bottom;
	margin-left: 20px;
}
.skin-treatment-header > table > tbody > .why > .content > .right > img {
	width: auto;
	height: auto;
	z-index: 2;
}
.skin-sidebar-offer {
	width: 100%;
	max-height: 100%;
	max-width: 360px;
	padding: 20px;
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 99;
}
.skin-sidebar-offer > .close {
	width: 36px;
	height: 36px;
	background: #7AAECD url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/icon-close-white.png') center no-repeat;
	background-size: auto 16px;
	border-radius: 50%;
	box-shadow: 0 8px 36px 0 rgba(0, 0, 0, .12);
	cursor: pointer;
	position: absolute;
	top: 4px;
	right: 4px;
	z-index: 1;
}
.skin-sidebar-offer > .content {
	max-height: 400px;
	max-height: calc(100vh - 40px);
	background: #FFF;
	box-shadow: 0 8px 72px 0 rgba(0, 0, 0, .36);
	overflow: hidden;
	overflow-y: auto;
}
.skin-sidebar-offer > .content > .image {
	width: 100%;
	background: center no-repeat;
	background-size: cover;
}
.skin-sidebar-offer > .content > .image > img {
	width: 100%;
}
.skin-sidebar-offer > .content > .bottom {
	padding: 30px;
}
.skin-sidebar-offer > .content > .bottom > .title {
	display: block;
	width: 100%;
	line-height: 25px;
	color: #282828;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -1px;
}
.skin-sidebar-offer > .content > .bottom > .text {
	display: block;
	width: 100%;
	line-height: 20px;
	color: #282828;
	font-size: 14px;
	font-weight: 300;
	margin-top: 15px;
}
.skin-sidebar-offer > .content > .bottom > .call {
	display: block;
	width: 100%;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 14px;
	font-weight: 700;
	margin-top: 15px;
}
.skin-sidebar-offer > .content > .bottom > .call > a {
	color: #319EB7;
}
.skin-sidebar-offer > .content > .bottom > .button {
	margin: 20px 0 0;
}
@media (min-width: 997px) {
	.skin-sidebar-offer > .content > .image {
		background-image: none !important;
	}
}
@media (max-width: 996px) {
	.skin-sidebar-offer {
		margin-right: -280px;
		max-width: 560px;
		right: 50%;
	}
	.skin-sidebar-offer > .content {
		padding-left: 200px;
	}
	.skin-sidebar-offer > .content > .image {
		width: 200px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.skin-sidebar-offer > .content > .image > img {
		display: none;
	}
	.skin-sidebar-offer > .content > .bottom {
		padding: 20px;
	}
	.skin-home-about > div > .left{
		display: block;
		margin: 0 auto;
	}
	.skin-home-about > div > .right {
		display: block;
		margin: 40px auto 0;
	}
}
@media (max-width: 696px) {
	.skin-treatment-header > table > tbody > .book-promo > .content {
		padding: 20px;
		padding-left: 180px;
	}
	.skin-treatment-header > table > tbody > .book-promo > .content > .left {
		display: block;
		width: 160px;
		height: 160px;
		top: 20px;
		left: 20px;
	}
	.skin-treatment-header > table > tbody > .book-promo > .content > .right {
		padding: 0 0 0 20px;
	}
	.skin-treatment-header > table > tbody > .book-promo > .content > .right > .title {
		line-height: 25px;
		font-size: 20px;
	}
	.skin-treatment-header > table > tbody > .book-promo > .content > .right > .text {
		line-height: 20px;
		font-size: 14px;
		margin-top: 15px;
	}
	.skin-treatment-header > table > tbody > .book-promo > .content > .right > .call {
		margin-top: 15px;
	}
	.skin-sidebar-offer {
		padding: 10px;
	}
	.skin-sidebar-offer > .close {
		top: 0;
		right: 0;
	}
	.skin-sidebar-offer > .content {
		max-height: calc(100vh - 20px);
		padding-left: 160px;
	}
	.skin-sidebar-offer > .content > .image {
		width: 160px;
	}
}
@media (max-width: 576px) {
	.skin-sidebar-offer {
		margin-right: 0;
		max-width: 100%;
		right: 0;
	}
}
@media (max-width: 496px) {
	.skin-treatment-header > table > tbody > .book-promo > .content,
	.skin-sidebar-offer > .content {
		padding-left: 0;
	}
	.skin-treatment-header > table > tbody > .book-promo > .content > .left,
	.skin-sidebar-offer > .content > .image {
		display: none;
	}
	.skin-home-about,
	.skin-home-about > div {
		border: none;
		padding: 0;
	}
	.skin-home-about > div > .left {
		padding: 40px;
	}
	.skin-home-about > div > .right {
		width: 100%;
		max-width: 100%;
		border-radius: 0;
		box-shadow: none;
		padding: 40px;
		margin: 0;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.1), only screen and (min-device-pixel-ratio: 1.1) {
	.skin-sidebar-offer > .close {
		background-image: url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/icon-close-white-2x.png');
	}
}
.skin-treatment-categories {
	display: block;
	width: 100%;
	height: auto;
	font-size: 0;
	padding: 40px 0;
}
.skin-treatment-categories > div {
	padding: 0 20px;
}
.skin-treatment-categories > div > .block {
	display: block;
	width: 100%;
	height: auto;
	border-bottom: 2px solid #CCC;
	padding-bottom: 40px;
	margin-top: 40px;
}
.skin-treatment-categories > div > .block:first-child {
	margin-top: 0;
}
.skin-treatment-categories > div > .block > .left {
	display: inline-block;
	width: 100%;
	max-width: 180px;
	height: auto;
	margin-right: 40px;
	vertical-align: top;
	overflow: hidden;
}
.skin-treatment-categories > div > .block > .left > img {
	display: block;
	width: 100%;
	height: auto;
}
.skin-treatment-categories > div > .block > .middle {
	display: inline-block;
	width: 100%;
	max-width: 400px;
	height: auto;
	margin-right: 40px;
	vertical-align: top;
}
.skin-treatment-categories > div > .block > .middle > .title {
	margin-top: -5px;
	margin-bottom: 20px;
}
.skin-treatment-categories > div > .block > .middle > .text {
	display: block;
	width: 100%;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 14px;
	font-weight: 300;
}
.skin-treatment-categories > div > .block > .right {
	display: inline-block;
	width: 100%;
	max-width: 240px;
	height: auto;
	vertical-align: top;
}
.skin-treatment-categories > div > .block > .right > .title {
	display: block;
	width: 100%;
	height: auto;
	line-height: 20px;
	font-size: 18px;
	font-weight: 400;
	margin-top: 15px;
	margin-bottom: 20px;
}
.skin-treatment-categories > div > .block > .right > .links {
	display: block;
	width: 100%;
	height: auto;
}
.skin-treatment-categories > div > .block > .right > .links > a {
	display: block;
	width: auto;
	height: auto;
	line-height: 20px;
	color: #7AAECD;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	padding-left: 15px;
	margin-top: 5px;
}
.skin-treatment-categories > div > .block > .right > .links > a:hover {
	text-decoration: underline;
}
.skin-treatment-categories > div > .block > .right > .links > a:first-child {
	margin-top: 0;
}
.skin-treatment-categories > div > .block > .right > .links > a:before {
	content: "";
	display: block;
	width: 5px;
	height: 8px;
	background: url('./static/img/extra-arrow-right.png');
	background-size: cover;
	top: 6px;
	left: 0;
	position: absolute;
}



/*
	=========
	SKIN BLOG
	=========
*/
.skin-blog-header {
	display: block;
	width: 100%;
	height: auto;
	min-height: 200px;
	background: #7AAECD;
}
.skin-blog-header > table {
	display: table;
	width: 100%;
	height: auto;
	border-collapse: collapse;
}
.skin-blog-header > table > tbody {
	display: table-row-group;
}
.skin-blog-header > table > tbody > tr {
	display: table-row;
}
.skin-blog-header > table > tbody > tr > td {
	display: table-cell;
}
.skin-blog-header > table > tbody > .list > .left {
	background: #AFD3E7;
}
.skin-blog-header > table > tbody > .list > .content {
	width: 200px;
	background: #AFD3E7;
	vertical-align: top;
}
.skin-blog-header > table > tbody > .list > .content > .subscribe {
	background: #7AAECD;
	padding: 20px;
}
.skin-blog-header > table > tbody > .list > .content > .subscribe > .title {
	display: block;
	width: 100%;
	height: auto;
	line-height: 18px;
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 10px;
}
.skin-blog-header > table > tbody > .list > .content > .subscribe > .text,
.skin-blog-header .mc4wp-response {
	display: block;
	width: 100%;
	height: auto;
	line-height: 18px;
	color: #FFF;
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 15px;
}
.skin-blog-header .mc4wp-response {
	margin-top: 10px;
}
.skin-blog-header > table > tbody > .list > .content > .subscribe > .form {
	display: block;
	width: 100%;
	height: auto;
}
.skin-blog-header > table > tbody > .list > .content > .subscribe > .form .email {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 20px;
	color: #282828;
	background: #FFF;
	font-size: 14px;
	outline: none;
	border: none;
	padding: 11px 15px 9px;
	margin-bottom: 5px;
}
.skin-blog-header > table > tbody > .list > .content > .subscribe > .form .submit {
	display: block;
	width: 100%;
	background: #DBECF6;
	color: #4A4A4A;
	border-color: #6093B0;
}
.skin-blog-header > table > tbody > .list > .content > .categories {
	display: block;
	width: 100%;
	height: auto;
	padding: 20px;
}
.skin-blog-header > table > tbody > .list > .content > .categories > .title {
	display: block;
	width: 100%;
	height: auto;
	line-height: 20px;
	color: #4A4A4A;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
}
.skin-blog-header > table > tbody > .list > .content > .categories > .links {
	display: block;
	width: 100%;
	height: auto;
}
.skin-blog-header > table > tbody > .list > .content > .categories > .links > a {
	display: block;
	width: auto;
	height: auto;
	line-height: 16px;
	color: #585E62;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
	padding-left: 13px;
	margin-bottom: 10px;
}
.skin-blog-header > table > tbody > .list > .content > .categories > .links > a:hover {
	text-decoration: underline;
}
.skin-blog-header > table > tbody > .list > .content > .categories > .links > a:before {
    content: "";
    display: block;
    width: 5px;
    height: 8px;
    background: url('./static/img/extra-arrow-right.png') center no-repeat;
    background-size: cover;
    top: 4px;
    left: 0;
    position: absolute;
}
.skin-blog-header > table > tbody > .main > .content,
.skin-blog-header > table > tbody > .main > .right {
	background: #FFF;
	vertical-align: top;
}
.skin-blog-header > table > tbody > .main > .content {
	width: 740px;
	padding: 40px 20px 40px 40px;
}
.skin-blog-header > table > tbody > .main > .content > .image {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.skin-blog-header > table > tbody > .main > .content > .image,
.skin-blog-header > table > tbody > .main > .content > .image > a {
	display: block;
	width: 100%;
	height: auto;
}
.skin-blog-header > table > tbody > .main > .content > .image > img,
.skin-blog-header > table > tbody > .main > .content > .image > a > img {
	display: block;
	width: 100%;
	height: auto;
}
.skin-blog-header > table > tbody > .main > .content > .title {
	display: block;
	width: 100%;
	height: auto;
	line-height: 38px;
	font-size: 30px;
	font-weight: 400;
	letter-spacing: -1px;
	margin-bottom: 20px;
}
.skin-blog-header > table > tbody > .main > .content > .title a {		
	color: #7AAECD;		
	text-decoration: none;		
}		
.skin-blog-header > table > tbody > .main > .content > .title a:hover {		
	text-decoration: underline;		
}
.skin-blog-header > table > tbody > .main > .content > .extra {
	display: block;
	width: 100%;
	height: auto;
	border-bottom: 2px solid #CCC;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.skin-blog-header > table > tbody > .main > .content > .extra:after {
	content: "";
	display: block;
	clear: both;
}
.skin-blog-header > table > tbody > .main > .content > .extra > .author {
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 20px;
	color: #767676;
	font-size: 16px;
	font-weight: 700;
	vertical-align: top;
}
.skin-blog-header > table > tbody > .main > .content > .extra > .date {
	float: right;
	display: block;
	width: auto;
	height: auto;
	line-height: 20px;
	color: #767676;
	font-size: 16px;
	font-style: italic;
}
.skin-blog-header > table > tbody > .main > .content > .text {
	display: block;
	width: 100%;
	line-height: 26px;
	color: #282828;
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 20px;
	max-width: 680px;
}

.skin-blog-header > table > tbody > .main > .content > .text blockquote {
	margin-left: 2em;
		background: #F4F4F4;
		padding: 0.1em 1em;
		padding-left: 1em;
		color: #545454;
		font-size: 1.1em;
		border-left: 4px #319eb7 solid;
}


.skin-blog-header > table.post > tbody > .main > .content > .text {
	margin-bottom: 40px;
}
.skin-blog-header > table.post > tbody > .main > .content > .text p {		
	margin-top: 0.8em;		
	margin-bottom: 0.8em;		
}

.skin-blog-header > table.post > tbody > .main > .content > .text a {
	color: #088FAE;
}

.skin-blog-header > table.post > tbody > .main > .content > .text h3 {
	margin-top: 1.4em;
	font-size: 24px;
}
.skin-blog-header > table.post > tbody > .main > .content > .text h4 {
	font-size: 20px;
	margin-bottom: 0.85em;
		margin-top: 1.2em;
}
.skin-blog-header > table > tbody > .main > .content > .more {
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 20px;
	color: #7AAECD;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	padding-right: 13px;
	vertical-align: top;
}
.skin-blog-header > table > tbody > .main > .content > .more:hover {
	text-decoration: underline;
}
.skin-blog-header > table > tbody > .main > .content > .more:after {
	content: "";
	display: inline-block;
	width: 5px;
	height: 8px;
	background: url('./static/img/extra-arrow-right.png') center no-repeat;
	background-size: cover;
	position: absolute;
	top: 6px;
	right: 0;
}
.skin-blog-header > table > tbody > .main > .content > .footer {
	display: block;
	width: 100%;
	height: auto;
	font-size: 0;
}
.skin-blog-header > table > tbody > .main > .content > .footer > .share {
	display: inline-block;
	width: 100%;
	max-width: 310px;
	height: auto;
	vertical-align: top;
}
.skin-blog-header > table > tbody > .main > .content > .footer > .share > div {
	display: inline-block;
	width: 36px;
	height: 36px;
	background: transparent;
	border-radius: 50%;
	margin-right: 10px;
	vertical-align: top;
	cursor: pointer;
}
.skin-blog-header > table > tbody > .main > .content > .footer > .share > div.twitter {
	background: #78CDF0;
}
.skin-blog-header > table > tbody > .main > .content > .footer > .share > div.facebook {
	background: #537BBD;
}
.skin-blog-header > table > tbody > .main > .content > .footer > .share > div.pinterest {
	background: #EB5755;
}
.skin-blog-header > table > tbody > .main > .content > .footer > .share > div.email {
	background: #4C4C4B;
}
.skin-blog-header > table > tbody > .main > .content > .footer > .tags {
	display: inline-block;
	width: 100%;
	max-width: 310px;
	height: auto;
	padding: 8px 0;
	margin-left: 40px;
	vertical-align: top;
}
.skin-blog-header > table > tbody > .main > .content > .footer > .tags > .title {
	float: left;
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 14px;
	font-style: italic;
	margin-right: 10px;
	vertical-align: top;
}
.skin-blog-header > table > tbody > .main > .content > .footer > .tags > .list {
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 14px;
	font-weight: 400;
	vertical-align: top;
}
.skin-blog-header > table > tbody > .main > .content > .footer > .tags > .list > a {
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 20px;
	color: #7AAECD;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	vertical-align: top;
}
.skin-blog-header > table > tbody > .main > .content > .footer > .tags > .list > a:hover {
	text-decoration: underline;
}
.skin-blog-header > table > tbody > .articles > .content,
.skin-blog-header > table > tbody > .articles > .right {
	background: #F5F5F5;
	vertical-align: top;
}
.skin-blog-header > table > tbody > .articles > .content {
	padding: 40px 20px 40px 40px;
	text-align: center;
}
.skin-resources-post > div > .left > p > img,
.skin-blog-header .content > .text > p > img {
	max-width: 100%; 
	height: auto;

	margin-top: 30px;
	margin-bottom: 30px;
}
.skin-blog-header > table > tbody > .articles > .content > .stack {
	display: block;
	width: 100%;
	height: auto;
	font-size: 0;
	text-align: left;
}
.skin-blog-header > table > tbody > .articles > .content > .stack > .block {
	display: inline-block;
	width: 100%;
	max-width: 320px;
	height: auto;
	border-bottom: 1px solid #767676;
	padding-bottom: 20px;
	margin: 40px 40px 0 0;
	vertical-align: top;
	cursor: pointer;
}
.skin-blog-header > table > tbody > .articles > .content > .stack > .block:nth-child(1),
.skin-blog-header > table > tbody > .articles > .content > .stack > .block:nth-child(2) {
	margin-top: 0;
}
.skin-blog-header > table > tbody > .articles > .content > .stack > .block:nth-child(2n) {
	margin-right: 0;
}
.skin-blog-header > table > tbody > .articles > .content > .stack > .block > .image {
	display: block;
	width: 100%;
	height: auto;
	background: #FFF;
	text-align: center;
	margin-bottom: 20px;
}
.skin-blog-header > table > tbody > .articles > .content > .stack > .block > .image > img {
	display: inline-block;
	width: 100%;
	height: auto;
	vertical-align: top;
}
.skin-blog-header > table > tbody > .articles > .content > .stack > .block > .title a {
	display: block;
	width: 100%;
	height: auto;
	color: #7AAECD;
	text-decoration: none;
	line-height: 24px;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 20px;
}
.skin-blog-header > table > tbody > .articles > .content > .stack > .block > .title a:hover {		
	text-decoration: underline;		
}
.skin-blog-header > table > tbody > .articles > .content > .stack > .block > .extra {
	display: block;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #767676;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.skin-blog-header > table > tbody > .articles > .content > .stack > .block > .extra > .author {
	display: inline-block;
	width: auto;
	height: auto;
	color: #767676;
	line-height: 18px;
	font-size: 14px;
	font-weight: 700;
	vertical-align: top;
}
.skin-blog-header > table > tbody > .articles > .content > .stack > .block > .extra > .date {
	float: right;
	display: block;
	width: auto;
	height: auto;
	color: #767676;
	line-height: 18px;
	font-size: 14px;
	font-style: italic;
}
.skin-blog-header > table > tbody > .articles > .content > .stack > .block > .text {
	display: block;
	width: 100%;
	line-height: 20px;
	color: #282828;
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 20px;
}
.skin-blog-header > table > tbody > .articles > .content > .stack > .block > .more {
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 20px;
	color: #7AAECD;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	padding-right: 13px;
	vertical-align: top;
}
.skin-blog-header > table > tbody > .articles > .content > .stack > .block > .more:hover {
	text-decoration: underline;
}
.skin-blog-header > table > tbody > .articles > .content > .stack > .block > .more:after {
	content: "";
	display: inline-block;
	width: 5px;
	height: 8px;
	background: url('./static/img/extra-arrow-right.png') center no-repeat;
	background-size: cover;
	position: absolute;
	top: 6px;
	right: 0;
}
.skin-blog-header > table > tbody > .articles > .content > .more {
	width: 100%;
	max-width: 200px;
	margin-top: 40px;
}
.skin-blog-header > table > tbody > .extra > .content,
.skin-blog-header > table > tbody > .extra > .right {
	background: #F5F5F5;
}
.skin-blog-header > table > tbody > .extra > .content {
	padding: 40px 20px 40px 40px;
	font-size: 0;
}
.skin-blog-header > table > tbody > .extra > .content > .previous,
.skin-blog-header > table > tbody > .extra > .content > .next {
	display: inline-block;
	width: 100%;
	max-width: 320px;
	height: auto;
	overflow: hidden;
	vertical-align: top;
}
.skin-blog-header > table > tbody > .extra > .content > .next {
	margin-left: 40px;
}
.skin-blog-header > table > tbody > .extra > .content > .previous > .block,
.skin-blog-header > table > tbody > .extra > .content > .next > .block {
	display: block;
	width: 100%;
	height: auto;
	background: #C1F0FB;
	margin-bottom: 20px;
	cursor: pointer;
}
.skin-blog-header > table > tbody > .extra > .content > .previous > .block:hover,
.skin-blog-header > table > tbody > .extra > .content > .next > .block:hover {
	background: #B7E3ED;
}
.skin-blog-header > table > tbody > .extra > .content > .previous > .block > .button,
.skin-blog-header > table > tbody > .extra > .content > .previous > .block > .image,
.skin-blog-header > table > tbody > .extra > .content > .next > .block > .button,
.skin-blog-header > table > tbody > .extra > .content > .next > .block > .image {
	display: inline-block;
	width: 100%;
	max-width: 170px;
	overflow: hidden;
	vertical-align: middle;
}
.skin-blog-header > table > tbody > .extra > .content > .previous > .block > .button,
.skin-blog-header > table > tbody > .extra > .content > .next > .block > .button {
	height: 100%;
	color: #7AAECD;
	font-size: 14px;
	font-weight: 700;
}
.skin-blog-header > table > tbody > .extra > .content > .previous > .block > .image,
.skin-blog-header > table > tbody > .extra > .content > .next > .block > .image {
	max-width: 150px;
}
.skin-blog-header > table > tbody > .extra > .content > .previous > .block > .image > img,
.skin-blog-header > table > tbody > .extra > .content > .next > .block > .image > img{
	display: block;
	width: 100%;
	height: auto;
}
.skin-blog-header > table > tbody > .extra > .content > .previous > .title,
.skin-blog-header > table > tbody > .extra > .content > .next > .title {
	display: block;
	width: 100%;
	height: auto;
	line-height: 24px;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 20px;
}
.skin-blog-header > table > tbody > .extra > .content > .previous > .title > a,
.skin-blog-header > table > tbody > .extra > .content > .next > .title > a {
	color: #7AAECD;
	text-decoration: none;
}
.skin-blog-header > table > tbody > .extra > .content > .previous > .title > a:hover,
.skin-blog-header > table > tbody > .extra > .content > .next > .title > a:hover {
	text-decoration: underline;
}
.skin-blog-header > table > tbody > .extra > .content > .previous > .extra,
.skin-blog-header > table > tbody > .extra > .content > .next > .extra {
	display: block;
	width: 100%;
	height: auto;
	border-bottom: 2px solid #CCC;
	padding-bottom: 10px;
}
.skin-blog-header > table > tbody > .extra > .content > .previous > .extra > .author,
.skin-blog-header > table > tbody > .extra > .content > .next > .extra > .author {
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 18px;
	font-size: 14px;
	font-weight: 700;
	vertical-align: top;
}
.skin-blog-header > table > tbody > .extra > .content > .previous > .extra > .date,
.skin-blog-header > table > tbody > .extra > .content > .next > .extra > .date {
	float: right;
	display: block;
	width: auto;
	height: auto;
	line-height: 18px;
	font-size: 14px;
	font-style: italic;
}

/*
	==========
	SKIN STORE
	==========
*/
.skin-store-header,
.skin-store-category {
	display: block;
	width: 100%;
	height: auto;
	min-height: 200px;
	background: #7AAECD;
}
.skin-store-header > table,
.skin-store-category > table {
	display: table;
	width: 100%;
	height: auto;
	border-collapse: collapse;
}
.skin-store-header > table > tbody,
.skin-store-category > table > tbody {
	display: table-row-group;
}
.skin-store-header > table > tbody > tr,
.skin-store-category > table > tbody > tr {
	display: table-row;
	position: initial;
}
.skin-store-header > table > tbody > tr > td,
.skin-store-category > table > tbody > tr > td {
	display: table-cell;
}
.skin-store-header > table > tbody > .list > .left,
.skin-store-category > table > tbody > .list > .left {
	background: #AFD3E7;
}
.skin-store-header > table > tbody > .list > .content,
.skin-store-category > table > tbody > .list > .content {
	width: 200px;
	background: #AFD3E7;
	padding: 40px 0;
	vertical-align: top;
}
.skin-store-header > table > tbody > .list > .content > .categories,
.skin-store-category > table > tbody > .list > .content > .filter {
	display: block;
	width: 100%;
	height: auto;
	padding: 0 20px;
	margin-top: 20px;
}
.skin-store-header > table > tbody > .list > .content > .categories:first-child,
.skin-store-category > table > tbody > .list > .content > .filter:first-child {
	margin-top: 0;
}
.skin-store-header > table > tbody > .list > .content > .categories > .title,
.skin-store-category > table > tbody > .list > .content > .filter > .title {
	display: block;
	width: 100%;
	height: auto;
	line-height: 20px;
	color: #4A4A4A;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
}
.skin-store-header > table > tbody > .list > .content > .categories > .links,
.skin-store-category > table > tbody > .list > .content > .filter > .check {
	display: block;
	width: 100%;
	height: auto;
}
.skin-store-header > table > tbody > .list > .content > .categories > .links > a,
.skin-store-category > table > tbody > .list > .content > .filter > .check > a {
	display: block;
	width: auto;
	height: auto;
	line-height: 16px;
	color: #585E62;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
	padding-left: 13px;
	margin-bottom: 10px;
}
.skin-store-header > table > tbody > .list > .content > .categories > .links > a:hover,
.skin-store-category > table > tbody > .list > .content > .filter > .check > a:hover {
	text-decoration: underline;
}
.skin-store-header > table > tbody > .list > .content > .categories > .links > a:before,
.skin-store-category > table > tbody > .list > .content > .filter > .check > a:before {
    content: "";
    display: block;
    width: 5px;
    height: 8px;
    background: url('./static/img/extra-arrow-right.png') center no-repeat;
    background-size: cover;
    top: 4px;
    left: 0;
    position: absolute;
}
.skin-store-header > table > tbody > .featured > .content,
.skin-store-header > table > tbody > .featured > .right,
.skin-store-category > table > tbody > .products > .content,
.skin-store-category > table > tbody > .products > .right {
	background: #FFF;
	vertical-align: top;
}
.skin-store-header > table > tbody > .featured > .content,
.skin-store-category > table > tbody > .products > .content {
	width: 740px;
	padding: 40px 20px 40px 40px;
}
.skin-store-header > table > tbody > .featured > .content > .title,
.skin-store-header > table > tbody > .top-sellers > .content > .title,
.skin-store-category > table > tbody > .products > .content > .title {
	display: block;
	width: 100%;
	line-height: 30px;
	color: #282828;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: -1px;
	margin-bottom: 20px;
}
.skin-store-header > table > tbody > .featured > .content > .block,
.skin-store-header > table > tbody > .top-sellers > .content > .block,
.skin-store-category > table > tbody > .products > .content > .block {
	display: block;
	width: 100%;
	height: auto;
	font-size: 0;
}
.skin-store-header > table > tbody > .featured > .content > .block > .product,
.skin-store-header > table > tbody > .top-sellers > .content > .block > .product,
.skin-store-category > table > tbody > .products > .content > .block > .product {
	display: inline-block;
	width: 100%;
	max-width: 220px;
	height: auto;
	background: #FFF;
	padding: 25px;
	margin: 10px 10px 0 0;
	vertical-align: top;
}
.skin-store-header > table > tbody > .featured > .content > .block > .product:nth-child(-n+3),
.skin-store-header > table > tbody > .top-sellers > .content > .block > .product:nth-child(-n+3),
.skin-store-category > table > tbody > .products > .content > .block > .product:nth-child(-n+3) {
	margin-top: 0;
}
.skin-store-header > table > tbody > .featured > .content > .block > .product:nth-child(3n),
.skin-store-header > table > tbody > .top-sellers > .content > .block > .product:nth-child(3n),
.skin-store-category > table > tbody > .products > .content > .block > .product:nth-child(3n) {
	margin-right: 0;
}
.skin-store-header > table > tbody > .featured > .content > .block > .product > .image,
.skin-store-header > table > tbody > .top-sellers > .content > .block > .product > .image,
.skin-store-category > table > tbody > .products > .content > .block > .product > .image {
	display: block;
	width: 100%;
	max-width: 170px;
	height: 150px;
	background: #FFF;
	text-align: center;
	margin-bottom: 20px;
}
.skin-store-header > table > tbody > .featured > .content > .block > .product > .image:before,
.skin-store-header > table > tbody > .top-sellers > .content > .block > .product > .image:before,
.skin-store-category > table > tbody > .products > .content > .block > .product > .image:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 150px;
	vertical-align: middle;
}
.skin-store-header > table > tbody > .featured > .content > .block > .product > .image > img,
.skin-store-header > table > tbody > .top-sellers > .content > .block > .product > .image > img,
.skin-store-category > table > tbody > .products > .content > .block > .product > .image > img {
	display: inline-block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	vertical-align: middle;
}
.skin-store-header > table > tbody > .featured > .content > .block > .product > .title,
.skin-store-header > table > tbody > .top-sellers > .content > .block > .product > .title,
.skin-store-category > table > tbody > .products > .content > .block > .product > .title {
	display: block;
	width: 100%;
	height: auto;
	line-height: 20px;
	color: #7AAECD;
	font-size: 16px;
	font-weight: 700;
	border-bottom: 1px solid #BEBEBE;
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-decoration: none;
	min-height: 51px;
}
.skin-store-header > table > tbody > .featured > .content > .block > .product > .title:hover,
.skin-store-header > table > tbody > .top-sellers > .content > .block > .product > .title:hover,
.skin-store-category > table > tbody > .products > .content > .block > .product > .title:hover {
	text-decoration: underline;
}
.skin-store-header > table > tbody > .featured > .content > .block > .product > .description,
.skin-store-header > table > tbody > .top-sellers > .content > .block > .product > .description,
.skin-store-category > table > tbody > .products > .content > .block > .product > .description {
	display: block;
	width: auto;
	height: auto;
	font-size: 0;
	text-align: right;
	margin-bottom: 40px;
}
.skin-store-header > table > tbody > .featured > .content > .block > .product > .description > .left,
.skin-store-header > table > tbody > .top-sellers > .content > .block > .product > .description > .left,
.skin-store-category > table > tbody > .products > .content > .block > .product > .description > .left {
	float: left;
	display: block;
	width: auto;
	max-width: 110px;
	height: auto;
	min-height: 20px;
	line-height: 20px;
	color: #282828;
	font-size: 12px;
	font-weight: 400;
	font-style: italic;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.skin-store-header > table > tbody > .featured > .content > .block > .product > .description > .right,
.skin-store-header > table > tbody > .top-sellers > .content > .block > .product > .description > .right,
.skin-store-category > table > tbody > .products > .content > .block > .product > .description > .right {
	display: block;
	width: auto;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 14px;
	font-weight: 700;
	margin-left: 110px;
}
.skin-store-header > table > tbody > .featured > .content > .block > .product > .cart,
.skin-store-header > table > tbody > .top-sellers > .content > .block > .product > .cart,
.skin-store-category > table > tbody > .products > .content > .block > .product > .cart {
	display: block;
	width: 100%;
}
.skin-store-header > table > tbody > .top-sellers > .content,
.skin-store-header > table > tbody > .top-sellers > .right,
.skin-store-category > table > tbody > .products > .right {
	background: #F5F5F5;
	vertical-align: top;
}
.skin-store-category > table > tbody > .products > .right {
	background: #FFF;
}
.skin-store-header > table > tbody > .top-sellers > .content {
	width: 740px;
	padding: 40px 20px 40px 40px;
}
.skin-store-category > table > tbody > .list > .content > .filter > .check > .block {
	display: block;
	width: 100%;
	height: auto;
	min-height: 20px;
	font-size: 0;
	margin-top: 10px;
	padding-left: 30px;
}
.skin-store-category > table > tbody > .list > .content > .filter > .check > .block:first-child {
	margin-top: 0;
}
.skin-store-category > table > tbody > .list > .content > .filter > .check > .block > .box {
	display: block;
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
	position: absolute;
}
.skin-store-category > table > tbody > .list > .content > .filter > .check > .block > .box > input {
	display: block;
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
	position: absolute;
	cursor: pointer;
	opacity: 0;
	z-index: 2;
}
.skin-store-category > table > tbody > .list > .content > .filter > .check > .block > .box > span {
	display: block;
	width: 20px;
	height: 20px;
	background: transparent;
	border: 1px solid #FFF;
}
.skin-store-category > table > tbody > .list > .content > .filter > .check > .block > .box > input:checked + span {
	background: url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/icon-check-white.png');
}
.skin-store-category > table > tbody > .list > .content > .filter > .check > .block > .text {
	display: block;
	width: 100%;
	height: auto;
	line-height: 16px;
	color: #FFF;
	font-size: 12px;
	font-weight: 700;
	padding-top: 2px;
}
.skin-store-category > table > tbody > .list > .content > .filter > .price {
	display: block;
	width: 100%;
	height: auto;
}
.skin-store-category > table > tbody > .list > .content > .filter > .price > .top {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.skin-store-category > table > tbody > .list > .content > .filter > .price > .top:after {
	content: "";
	display: block;
	clear: both;
}
.skin-store-category > table > tbody > .list > .content > .filter > .price > .top > .start,
.skin-store-category > table > tbody > .list > .content > .filter > .price > .top > .end {
	float: left;
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 14px;
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
}
.skin-store-category > table > tbody > .list > .content > .filter > .price > .top > .start i,
.skin-store-category > table > tbody > .list > .content > .filter > .price > .top > .end i {
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 10px;
	font-size: 8px;
	font-weight: 700;
	font-style: normal;
	vertical-align: top;
}
.skin-store-category > table > tbody > .list > .content > .filter > .price > .top > .end {
	float: right;
}
.skin-store-category > table > tbody > .list > .content > .filter > .price > .bar {
	display: block;
	width: 100%;
	height: 1px;
	background: #FFF;
	margin-bottom: 10px;
}
.skin-store-category > table > tbody > .list > .content > .filter > .price > .bar:before,
.skin-store-category > table > tbody > .list > .content > .filter > .price > .bar:after {
	content: "";
	display: block;
	width: 1px;
	height: 5px;
	background: #FFF;
	bottom: 0;
	left: 0;
	position: absolute;
}
.skin-store-category > table > tbody > .list > .content > .filter > .price > .bar:after {
	left: auto;
	right: 0;
}
.skin-store-category > table > tbody > .list > .content > .filter > .price > .slider {
	display: block;
	width: 100%;
	height: 30px;
}
.skin-store-category > table > tbody > .list > .content > .filter > .price > .slider > .knob {
	display: block;
	width: 40px;
	height: auto;
	line-height: 14px;
	background: #FFF;
	color: #7AAECD;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	padding: 8px 0;
	margin-left: -20px;
	top: 0;
	left: 0;
	position: absolute;
}
.skin-store-category > table > tbody > .list > .content > .filter > .price > .slider > .knob:before {
	content: "";
	display: block;
	border-bottom: 6px solid #FFF;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	margin-left: -6px;
	left: 50%;
	top: -6px;
	position: absolute;
}
.skin-store-category > table > tbody > .list > .content > .filter > .price > .slider > .knob i {
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 10px;
	font-size: 8px;
	font-weight: 700;
	font-style: normal;
	vertical-align: top;
}
.skin-store-category > table > tbody > .list > .content > .filter > .check > .block > .star {
	display: inline-block;
	width: auto;
	height: auto;
	padding: 0;
}
.skin-store-category > table > tbody > .list > .content > .filter > .check > .block > .star > span {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/icon-star-white.png');
	margin-right: 5px;
	vertical-align: top;
}
.skin-store-category > table > tbody > .products > .content > .title {
	margin-bottom: 10px;
}
.skin-store-category > table > tbody > .products > .content > .description {
	display: block;
	width: 100%;
	line-height: 20px;
	color: #282828;
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 20px;
}
.skin-store-category > table > tbody > .products > .content > .extra {
	display: block;
	width: 100%;
	height: auto;
	background: #F5F5F5;
	padding: 10px;
}
.skin-store-category > table > tbody > .products > .content > .extra:after,
.skin-store-category > table > tbody > .products > .content > .extra > .sort:after {
	content: "";
	display: block;
	clear: both;
}
.skin-store-category > table > tbody > .products > .content > .extra > .display {
	float: left;
	display: block;
	width: auto;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 16px;
	font-weight: 700;
	padding: 10px;
}
.skin-store-category > table > tbody > .products > .content > .extra > .sort {
	float: right;
	display: block;
	width: 100%;
	max-width: 300px;
	height: auto;
	font-size: 0;
}
.skin-store-category > table > tbody > .products > .content > .extra > .sort > .title {
	display: inline-block;
	width: 100%;
	max-width: 100px;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 16px;
	font-weight: 700;
	text-align: right;
	padding: 10px;
	vertical-align: top;
}
.skin-store-category > table > tbody > .products > .content > .extra > .sort > .select {
	display: inline-block;
	width: 100%;
	max-width: 200px;
	vertical-align: top;
}
.breadcrumb {
	display: block;
	width: 100%;
	height: auto;
	font-size: 0;
	padding: 0 20px;
	margin-bottom: 40px;
}
.breadcrumb > a {
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 20px;
	color: #7AAECD;
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	top: 1px;
}
.breadcrumb > a:hover {
	text-decoration: underline;
}
.breadcrumb > a:last-child {
	color: #282828;
	font-weight: 700;
	text-decoration: none;
	cursor: default;
	top: 0;
}
.breadcrumb > i {
	display: inline-block;
	width: 6px;
	height: 20px;
	background: url('./static/img/extra-arrow-right.png') center no-repeat;
	margin: 0 10px;
	vertical-align: middle;
}
.skin-store-product {
	display: block;
	width: 100%;
	height: auto;
	padding: 40px 0;
}
.skin-store-product > div > .featured {
	display: block;
	width: 100%;
	height: auto;
	font-size: 0;
	padding: 0 20px;
	margin-bottom: 40px;
}
.skin-store-product > div > .featured > .gallery,
.skin-store-product > div > .featured > .right {
	display: inline-block;
	width: 100%;
	max-width: 440px;
	height: auto;
	text-align: center;
	vertical-align: top;
}
.skin-store-product > div > .featured > .gallery > .top {
	display: block;
	width: 100%;
	max-width: 400px;
	height: auto;
	background: #FFF;
	font-size: 0;
	text-align: center;
	margin: 0 auto 10px;
}
.skin-store-product > div > .featured > .gallery > .top:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 400px;
	vertical-align: middle;
}
.skin-store-product > div > .featured > .gallery > .top:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #E5E5E5;
	position: absolute;
}
.skin-store-product > div > .featured > .gallery > .top > img {
	display: inline-block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	vertical-align: middle;
}
.skin-store-product > div > .featured > .gallery > .bottom {
	display: inline-block;
	width: auto;
	height: auto;
}
.skin-store-product > div > .featured > .gallery > .bottom > .previous,
.skin-store-product > div > .featured > .gallery > .bottom > .next {
	display: block;
	width: 10px;
	height: 16px;
	background: url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/icon-arrow-left-blue.png');
	margin-top: -8px;
	top: 50%;
	left: -20px;
	position: absolute;
	cursor: pointer;
}
.skin-store-product > div > .featured > .gallery > .bottom > .images {
	display: block;
	width: 100%;
	max-width: 408px;
	height: 100px;
	font-size: 0;
	overflow: hidden;
}
.skin-store-product > div > .featured > .gallery > .bottom > .images > .box {
	display: inline-block;
	width: 100px;
	height: 100px;
	margin: 0 1px;
	overflow: hidden;
}
.skin-store-product > div > .featured > .gallery > .bottom > .images > .box:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 100px;
	vertical-align: middle;
}
.skin-store-product > div > .featured > .gallery > .bottom > .images > .box:after {
	content: "";
	display: block;
	width: 98px;
	height: 98px;
	border: 1px solid #E5E5E5;
	top: 0;
	left: 0;
	position: absolute;
}
.skin-store-product > div > .featured > .gallery > .bottom > .images > .box > img {
	display: inline-block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	vertical-align: middle;
}
.skin-store-product > div > .featured > .gallery > .bottom > .next {
	background: url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/icon-arrow-right-blue.png');
	left: auto;
	right: -20px;
}
.skin-store-product > div > .featured > .right {
	max-width: 420px;
	text-align: left;
	margin-left: 40px;
}
.skin-store-product > div > .featured > .right > .title {
	display: block;
	width: 100%;
	line-height: 30px;
	color: #282828;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: -1px;
	margin-bottom: 10px;
}
.skin-store-product > div > .featured > .right > .review {
	display: block;
	width: 100%;
	height: auto;
	font-size: 0;
	margin-bottom: 20px;
}
.skin-store-product > div > .featured > .right > .review > .amount {
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 20px;
	color: #7AAECD;
	font-size: 14px;
	font-weight: 700;
	margin-right: 20px;
	vertical-align: top;
}
.skin-store-product > div > .featured > .right > .review > .stars {
	display: inline-block;
	width: auto;
	height: auto;
	padding: 0;
	vertical-align: top;
}
.skin-store-product > div > .featured > .right > .review > .stars > b,
.skin-store-product > div > .featured > .right > .review > .stars > i {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/icon-star-blue.png');
	margin-right: 5px;
	vertical-align: top;
}
.skin-store-product > div > .featured > .right > .review > .stars > i {
	background: url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/icon-star-gray.png');
}
.skin-store-product > div > .featured > .right > .add-cart {
	display: table;
	width: 100%;
	height: auto;
/*	background: #F4F8FA;*/
	border-collapse: collapse;
	margin-bottom: 20px;
}
.skin-store-product > div > .featured > .right > .add-cart > tbody {
	display: table-row-group;
}
.skin-store-product > div > .featured > .right > .add-cart > tbody > tr {
	display: table-row;
}
.skin-store-product > div > .featured > .right > .add-cart > tbody > tr > td {
	display: table-cell;
	padding-top: 10px;
}
.skin-store-product > div > .featured > .right > .add-cart > tbody > tr > td.stock {
	display: block;
	width: 100%;
	height: auto;
	border-right: 1px solid #FFF;
}
.skin-store-product > div > .featured > .right > .add-cart > tbody > tr > td.stock > b {
	display: block;
	width: 30px;
	height: 30px;
	background: #257F94 url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/icon-check-white.png') center no-repeat;
	border-radius: 50%;
	margin: 0 auto;
}
.skin-store-product > div > .featured > .right > .add-cart > tbody > tr > td.stock > b.out {
  background: url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/icon-cross-red.png') center no-repeat;
}
.skin-store-product > div > .featured > .right > .add-cart > tbody > tr > td.stock > .text {
	display: block;
	width: 100%;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	margin: 0 auto;
}
.skin-store-product > div > .featured > .right > .add-cart > tbody > tr > td.quantity {
	font-size: 0;
	text-align: right;
}
.skin-store-product > div > .featured > .right > .add-cart > tbody > tr > td.quantity  label {
	display: inline-block;
	width: 35px;
	height: 42px;
	line-height: 20px;
	color: #282828;
	font-size: 14px;
	font-weight: 700;
	text-align: right;
	padding: 11px 0;
	margin-right: 10px;
}
.skin-store-product > div > .featured > .right > .add-cart > tbody > tr > td.quantity  .select {
	display: inline-block;
	height: auto;
	max-width: 95px;
	background: #FFF url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/icon-arrow-down-square.png') right no-repeat;
	color: #282828;
	margin-right: 10px;
	overflow: hidden;
	vertical-align: top;
}
.skin-store-product > div > .featured > .right > .add-cart > tbody > tr > td.quantity  .select > select {
	height: 42px;
	line-height: 42px;
	color: #282828;
	border-right: 42px solid transparent;
	padding-right: 0;
}
.skin-store-product > div > .featured > .right > .add-cart > tbody > tr > td.quantity  .cart {
	display: inline-block;
	width: 150px;
	vertical-align: top;
}
.skin-store-product > div > .featured > .right > .description {
	display: block;
	width: 100%;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 14px;
	font-weight: 300;
	padding: 0;
}
.skin-store-product > div > .featured > .right > .description > b {
	display: block;
}
.skin-store-product > div > .featured > .right > .description > h2 {
	margin-top: 25px;
	margin-bottom: 15px;
}
.skin-store-product > div > .featured > .right > .description > ul {
	list-style-position: inside;
}
.skin-store-product > div > .tabs {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 40px;
}
.skin-store-product > div > .tabs > .top {
	display: block;
	width: 100%;
	height: auto;
	font-size: 0;
}
.skin-store-product > div > .tabs > .top > .nav {
	display: inline-block;
	width: 100%;
	max-width: 233px;
	height: auto;
	line-height: 20px;
	background: #7AAECD;
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	padding: 10px 20px;
	margin-right: 2px;
	cursor: pointer;
}
.skin-store-product > div > .tabs > .top > .nav:last-child {
	margin-right: 0;
}
.skin-store-product > div > .tabs > .top > .nav:hover {
	background: #319EB7;
}
.skin-store-product > div > .tabs > .top > .nav.active {
	background: #257F94;
}
.skin-store-product > div > .tabs > .content {
	background: #F4F8FA;
	padding: 35px 40px;
}
.skin-store-product > div > .tabs > .content > .block {
	display: none;
	width: 100%;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 14px;
	font-weight: 300;
}
.skin-store-product > div > .tabs > .content > .block.active {
	display: block;
}
.skin-store-product > div > .reviews {
	display: block;
	width: 100%;
	height: auto;
}
.skin-store-product > div > .reviews > .title {
	display: block;
	width: 100%;
	line-height: 30px;
	color: #282828;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: -1px;
	margin-bottom: 10px;
}
.skin-store-product > div > .reviews > .block {
	display: block;
	width: 100%;
	height: auto;
	font-size: 0;
}
.skin-store-product > div > .reviews > .block > .box {
	display: inline-block;
	width: 100%;
	max-width: 465px;
	height: auto;
	background: #F4F8FA;
	padding: 35px 40px;
	vertical-align: top;
}
.skin-store-product > div > .reviews > .block > .box:nth-child(2n) {
	margin-left: 10px;
}
.skin-store-product > div > .reviews > .block > .box > .top {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.skin-store-product > div > .reviews > .block > .box > .top > .stars {
	display: inline-block;
	width: auto;
	height: auto;
	margin-right: 20px;
	vertical-align: top;
}
.skin-store-product > div > .reviews > .block > .box > .top > .stars > b,
.skin-store-product > div > .reviews > .block > .box > .top > .stars > i {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/icon-star-blue.png');
	margin-right: 5px;
	vertical-align: top;
}
.skin-store-product > div > .reviews > .block > .box > .top > .stars > i {
	background: url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/icon-star-gray.png');
}
.skin-store-product > div > .reviews > .block > .box > .top > .title {
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -1px;
	vertical-align: top;
}
.skin-store-product > div > .reviews > .block > .box > .top > .reviewer {
	float: right;
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 14px;
	font-weight: 400;
	font-style: italic;
}
.skin-store-product > div > .reviews > .block > .box > .text {
	display: block;
	width: 100%;
	height: auto;
	line-height: 18px;
	color: #282828;
	font-size: 12px;
	font-weight: 300;
}
.skin-store-product > div > .reviews > .block > .box > .text > a {
	line-height: 18px;
	color: #7AAECD;
	font-weight: 700;
	text-decoration: none;
}
.skin-store-product > div > .reviews > .block > .box > .text > a:hover {
	text-decoration: underline;
}
.skin-store-related {
	display: block;
	width: 100%;
	height: auto;
	background: #F5F5F5;
	padding: 40px 0;
}
.skin-store-related > div > .title {
	display: block;
	width: 100%;
	line-height: 30px;
	color: #282828;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: -1px;
	margin-bottom: 20px;
}
.skin-store-related > div > .block {
	display: block;
	width: 100%;
	height: auto;
	font-size: 0;
}
.skin-store-related > div > .block > .product {
	display: inline-block;
	width: 100%;
	max-width: 220px;
	height: auto;
	background: #FFF;
	padding: 25px;
	margin: 20px 20px 0 0;
	vertical-align: top;
}
.skin-store-related > div > .block > .product:nth-child(-n+4) {
	margin-top: 0;
}
.skin-store-related > div > .block > .product:nth-child(4n) {
	margin-right: 0;
}
.skin-store-related > div > .block > .product > .image {
	display: block;
	width: 100%;
	max-width: 170px;
	height: 150px;
	background: #FFF;
	text-align: center;
	margin-bottom: 20px;
}
.skin-store-related > div > .block > .product > .image:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 150px;
	vertical-align: middle;
}
.skin-store-related > div > .block > .product > .image > img {
	display: inline-block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	vertical-align: middle;
}
.skin-store-related > div > .block > .product > .title {
	display: block;
	width: 100%;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 14px;
	font-weight: 700;
	border-bottom: 1px solid #BEBEBE;
	padding-bottom: 10px;
	margin-bottom: 10px;
 	text-decoration: none;
	min-height: 51px;
}
.skin-store-related > div > .block > .product > .title:hover {
  	text-decoration: underline;
}
.skin-store-related > div > .block > .product > .description {
	display: block;
	width: auto;
	height: auto;
	font-size: 0;
	text-align: right;
	margin-bottom: 40px;
}
.skin-store-related > div > .block > .product > .description > .left {
	float: left;
	display: block;
	width: auto;
	max-width: 110px;
	height: auto;
	min-height: 20px;
	line-height: 20px;
	color: #282828;
	font-size: 12px;
	font-weight: 400;
	font-style: italic;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.skin-store-related > div > .block > .product > .description > .right {
	display: block;
	width: auto;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 14px;
	font-weight: 700;
	margin-left: 110px;
}
.skin-store-related > div > .block > .product > .cart {
	display: block;
	width: 100%;
}



/* 
	==============
	SKIN RESOURCES
	==============
*/
.skin-resources-top,
.skin-resources-post {
	display: block;
	width: 100%;
	height: auto;
	background: #FFF;
	font-size: 0;
	padding: 40px 0;
}
.skin-resources-top > div,
.skin-resources-post > div {
	padding: 0 20px;
}
.skin-resources-top > div > .sort {
	display: block;
	width: 100%;
	height: auto;
	background: #F5F5F5;
	padding: 10px 20px;
	margin-bottom: 40px;
}
.skin-resources-top > div > .sort:after {
	content: "";
	display: block;
	clear: both;
}
.skin-resources-top > div > .sort > .category {
	float: left;
	display: inline-block;
	width: auto;
	height: auto;
}
.skin-resources-top > div > .sort > .category > label {
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 16px;
	font-weight: 700;
	text-align: right;
	padding: 10px 0;
	margin-right: 10px;
	vertical-align: top;
}
.skin-resources-top > div > .sort > .category > .select {
	display: inline-block;
	width: 200px;
	vertical-align: top;
}
.skin-resources-top > div > .sort > .search {
	float: right;
	display: inline-block;
	width: auto;
	height: auto;
	text-align: right;
}
.skin-resources-top > div > .sort > .search > .input {
	display: inline-block;
	width: 200px;
	height: 40px;
	line-height: 40px;
	background: #FFF;
	color: #29889D;
	outline: none;
	border: none;
	border-radius: 0;
	padding: 0 15px;
	vertical-align: top;
}
.skin-resources-top > div > .sort > .search > .input::-webkit-input-placeholder {
	color: #29889D;
	font-style: italic;
}
.skin-resources-top > div > .sort > .search > .input:-moz-placeholder {
	color: #29889D;
	font-style: italic;
}
.skin-resources-top > div > .sort > .search > .input::-moz-placeholder {
	color: #29889D;
	font-style: italic;
}
.skin-resources-top > div > .sort > .search > .input:-ms-input-placeholder {  
	color: #29889D;
	font-style: italic;
}
.skin-resources-top > div > .sort > .search > .input:focus::-webkit-input-placeholder {
	color: transparent;
}
.skin-resources-top > div > .sort > .search > .input:focus:-moz-placeholder {
	color: transparent;
}
.skin-resources-top > div > .sort > .search > .input:focus::-moz-placeholder {
	color: transparent;
}
.skin-resources-top > div > .sort > .search > .input:focus:-ms-input-placeholder {
	color: transparent;
}
.skin-resources-top > div > .sort > .search > .submit {
	display: inline-block;
	width: 40px;
	height: 40px;
	background-image: url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/icon-search-white.png');
	background-repeat: no-repeat;
	background-position: center;
	font-size: 0;
	border: none;
	padding: 0;
	vertical-align: top;
}
.skin-resources-top > div > .left,
.skin-resources-post > div > .left {
	display: inline-block;
	width: 100%;
	max-width: 680px;
	height: auto;
	vertical-align: top;
}
.skin-resources-top > div > .left > .main {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.skin-resources-top > div > .left > .main > .image {
	display: block;
	width: 100%;
	height: auto;
}
.skin-resources-top > div > .left > .main > .image > a {
	display: block;
	width: 100%;
	height: auto;
}
.skin-resources-top > div > .left > .main > .image > a > img {	
	display: block;
	width: 100%;
	height: auto;
}
.skin-resources-top > div > .left > .main > .content {
	display: block;
	width: 100%;
	height: auto;
	padding: 20px;
	background: #F5F5F5;
}
.skin-resources-top > div > .left > .main > .content:after {
	content: "";
	display: block;
	clear: both;
}
.skin-resources-top > div > .left > .main > .content > .enter {
	float: right;
	width: 100%;
	max-width: 160px;
}
.skin-resources-top > div > .left > .main > .content > .title {
	display: block;
	width: 100%;
	max-width: 440px;
	height: auto;
	line-height: 30px;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: -1px;
	margin-bottom: 10px;
}
.skin-resources-top > div > .left > .main > .content > .title a {		
	color: #7AAECD;		
	text-decoration: none;		
}		
.skin-resources-top > div > .left > .main > .content > .title a:hover {		
	text-decoration: underline;		
}
.skin-resources-top > div > .left > .main > .content > .text {
	display: block;
	width: 100%;
	max-width: 440px;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 14px;
	font-weight: 300;
}
.skin-resources-top > div > .left > .articles,
.skin-resources-popular > div > .block > .articles {
	display: block;
	width: 100%;
	height: auto;
	font-size: 0;
}
.skin-resources-top > div > .left > .articles > .box,
.skin-resources-popular > div > .block > .articles > .box {
	display: inline-block;
	width: 100%;
	max-width: 220px;
	margin: 10px 10px 0 0;
	vertical-align: top;
	cursor: pointer;
}
.skin-resources-top > div > .left > .articles > .box:nth-child(-n+3),
.skin-resources-popular > div > .block > .articles > .box:nth-child(-n+3) {
	margin-top: 0;
}
.skin-resources-top > div > .left > .articles > .box:nth-child(3n),
.skin-resources-popular > div > .block > .articles > .box:nth-child(3n) {
	margin-right: 0;
}
.skin-resources-top > div > .left > .articles > .box > .image,
.skin-resources-popular > div > .block > .articles > .box > .image {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	overflow: hidden;
}
.skin-resources-top > div > .left > .articles > .box > .image > img,
.skin-resources-popular > div > .block > .articles > .box > .image > img {
	display: block;
	width: 100%;
	height: auto;
}	
.skin-resources-top > div > .left > .articles > .box > .title > a,		
.skin-resources-popular > div > .block > .articles > .box > .title > a {		
	color: #7AAECD !important;		
	text-decoration: none !important;		
}		
.skin-resources-top > div > .left > .articles > .box > .title > a:hover,		
.skin-resources-popular > div > .block > .articles > .box > .title > a:hover {		
	text-decoration: underline !important;		
}
.skin-resources-top > div > .left > .articles > .box > .title,
.skin-resources-popular > div > .block > .articles > .box > .title {
	display: block;
	width: 100%;
	height: auto;
	line-height: 20px;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 20px;
}
.skin-resources-top > div > .left > .articles > .box > .extra,
.skin-resources-popular > div > .block > .articles > .box > .extra {
	display: block;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #767676;
	padding-top: 10px;
	padding-bottom: 10px;
}
.skin-resources-top > div > .left > .articles > .box > .extra > .author,
.skin-resources-popular > div > .block > .articles > .box > .extra > .author {
	display: inline-block;
	color: #767676;
	width: auto;
	height: auto;
	line-height: 16px;
	font-size: 12px;
	font-weight: 700;
	margin-right: 20px;
	vertical-align: top;
}
.skin-resources-top > div > .left > .articles > .box > .extra > .date,
.skin-resources-popular > div > .block > .articles > .box > .extra > .date {
	display: inline-block;
	color: #767676;
	width: auto;
	height: auto;
	line-height: 16px;
	font-size: 12px;
	font-style: italic;
}
.skin-resources-top > div > .right,
.skin-resources-post > div > .right {
	display: inline-block;
	width: 100%;
	max-width: 200px;
	height: auto;
	margin-left: 20px;
	vertical-align: top;
}
.skin-resources-top > div > .right > .subscribe,
.skin-resources-post > div > .right > .subscribe {
	display: block;
	width: 100%;
	height: auto;
	background: #F5F5F5;
	padding: 15px 20px 20px;
}
.skin-resources-top > div > .right > .subscribe > .title,
.skin-resources-post > div > .right > .subscribe > .title {
	display: block;
	width: 100%;
	height: auto;
	line-height: 22px;
	color: #282828;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 10px;
}
.skin-resources-top > div > .right > .subscribe > .description,
.skin-resources-post > div > .right > .subscribe > .description,
.skin-resources-top .mc4wp-response,
.skin-resources-post .mc4wp-response {
	display: block;
	width: 100%;
	height: auto;
	line-height: 16px;
	color: #282828;
	font-size: 12px;
	font-weight: 300;
	margin-bottom: 20px;
}
.skin-resources-top .mc4wp-response,
.skin-resources-post .mc4wp-response {
	margin-top: 10px;
}
.skin-resources-top > div > .right > .subscribe > .form,
.skin-resources-post > div > .right > .subscribe > .form {
	display: block;
	width: 100%;
	height: auto;
}
.skin-resources-top > div > .right > .subscribe > .form .block,
.skin-resources-post > div > .right > .subscribe > .form .block {
	display: block;
	width: 100%;
	height: auto;
	margin-top: 10px;
}
.skin-resources-top > div > .right > .subscribe > .form .block:first-child,
.skin-resources-post > div > .right > .subscribe > .form .block:first-child {
	margin-top: 0;
}
.skin-resources-top > div > .right > .subscribe > .form .block > label,
.skin-resources-post > div > .right > .subscribe > .form .block > label {
	display: block;
	width: 100%;
	height: auto;
	line-height: 16px;
	color: #282828;
	font-size: 12px;
	font-weight: 700;
	margin-bottom: 4px;
}
.skin-resources-top > div > .right > .subscribe > .form .block > .input,
.skin-resources-post > div > .right > .subscribe > .form .block > .input {
	display: block;
	width: 100%;
	height: auto;
	line-height: 20px;
	outline: none;
	border: 1px solid #CCC;
	border-radius: 0;
	padding: 5px 10px;
}
.skin-resources-top > div > .right > .subscribe > .form .submit,
.skin-resources-post > div > .right > .subscribe > .form .submit {
	display: block;
	width: 100%;
	margin-top: 15px;
}

.skin-resources-bottom {
	display: block;
	width: 100%;
	height: auto;
	background: #F5F5F5;
	font-size: 0;
	padding: 40px 0;
}
.skin-resources-bottom > div {
	padding: 0 20px;
}
.skin-resources-bottom > div > .block {
	display: block;
	width: 100%;
	max-width: 680px;
	height: auto;
	margin-top: 20px;
}
.skin-resources-bottom > div > .block:first-child {
	margin-top: 0;
}
.skin-resources-bottom > div > .block > .left,
.skin-resources-bottom > div > .block > .right {
	display: inline-block;
	width: 100%;
	max-width: 360px;
	vertical-align: top;
	overflow: hidden;
}
.skin-resources-bottom > div > .block > .left > a > img {
	display: block;
	width: 100%;
	height: auto;
}
.skin-resources-bottom > div > .block > .right {
	max-width: 300px;
	margin-left: 20px;
}
.skin-resources-bottom > div > .block > .right > .title > a {
	display: block;
	width: 100%;
	height: auto;
	line-height: 30px;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: -1px;
	margin-bottom: 10px;
	color: #7AAECD;		
	text-decoration: none;		
}		
.skin-resources-bottom > div > .block > .right > .title > a:hover {		
	text-decoration: underline;	
}
.skin-resources-bottom > div > .block > .right > .extra {
	display: block;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #767676;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.skin-resources-bottom > div > .block > .right > .extra > .author {
	display: inline-block;
	width: auto;
	height: auto;
	color: #767676;
	line-height: 16px;
	font-size: 12px;
	font-weight: 700;
	margin-right: 20px;
	vertical-align: top;
}
.skin-resources-bottom > div > .block > .right > .extra > .date {
	display: inline-block;
	width: auto;
	height: auto;
	color: #767676;
	line-height: 16px;
	font-size: 12px;
	font-style: italic;
	vertical-align: top;
}
.skin-resources-bottom > div > .block > .right > .text {
	display: block;
	width: 100%;
	height: auto;
	line-height: 18px;
	font-size: 14px;
	font-weight: 300;
}
.skin-resources-bottom > div > .block > .right > .text > a {
	color: #7AAECD;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
}
.skin-resources-bottom > div > .block > .right > .text > a:hover {
	text-decoration: underline;
}
.skin-resources-post > div > .left > .image {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.skin-resources-post > div > .left > .image > img {
	display: block;
	width: 100%;
	height: auto;
}
.skin-resources-post > div > .left > .title {
	display: block;
	width: 100%;
	height: auto;
	line-height: 30px;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: -1px;
	margin-bottom: 20px;
}
.skin-resources-post > div > .left > .extra {
	display: block;
	width: 100%;
	height: auto;
	border-bottom: 2px solid #CCC;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.skin-resources-post > div > .left > .extra:after {
	content: "";
	display: block;
	clear: both;
}
.skin-resources-post > div > .left > .extra > .author {
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 20px;
	font-size: 16px;
	font-weight: 700;
	vertical-align: top;
}
.skin-resources-post > div > .left > .extra > .date {
	float: right;
	display: block;
	width: auto;
	height: auto;
	line-height: 20px;
	font-size: 16px;
	font-style: italic;
}
.skin-resources-post > div > .left > .text {
	display: block;
	width: 100%;
	line-height: 26px;
	color: #282828;
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 40px;
	max-width: 680px;
}

.skin-resources-post > div > .left > .text p {
	margin-top: 0.8em;
	margin-bottom: 0.8em;
}

.skin-resources-post > div > .left > .text a {
	color: #088FAE;
}
.skin-resources-post > div > .left > .text h3 {
	margin-top: 1.4em;
	font-size: 24px;
}

.skin-resources-post > div > .left > .text h4 {
	font-size: 20px; 
	margin-top: 1.2em;
	margin-bottom: 0.85em;
	font-weight: 400;
}
.skin-resources-post > div > .left > .footer {
	display: block;
	width: 100%;
	height: auto;
	font-size: 0;
}
.skin-resources-post > div > .left > .footer > .share {
	display: inline-block;
	width: 100%;
	max-width: 310px;
	height: auto;
	vertical-align: top;
}
.skin-resources-post > div > .left > .footer > .share > div {
	display: inline-block;
	width: 36px;
	height: 36px;
	background: transparent;
	border-radius: 50%;
	margin-right: 10px;
	vertical-align: top;
	cursor: pointer;
}
.skin-resources-post > div > .left > .footer > .share > div:last-child {
	margin-right: 0;
}
.skin-resources-post > div > .left > .footer > .share > div.twitter {
	background: #78CDF0;
}
.skin-resources-post > div > .left > .footer > .share > div.facebook {
	background: #537BBD;
}
.skin-resources-post > div > .left > .footer > .share > div.pinterest {
	background: #EB5755;
}
.skin-resources-post > div > .left > .footer > .share > div.email {
	background: #4C4C4B;
}
.skin-resources-post > div > .left > .footer > .tags {
	display: inline-block;
	width: 100%;
	max-width: 310px;
	height: auto;
	padding: 8px 0;
	margin-left: 40px;
	vertical-align: top;
}
.skin-resources-post > div > .left > .footer > .tags > .title {
	float: left;
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 14px;
	font-style: italic;
	margin-right: 10px;
	vertical-align: top;
}
.skin-resources-post > div > .left > .footer > .tags > .list {
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 14px;
	font-weight: 400;
	vertical-align: top;
}
.skin-resources-post > div > .left > .footer > .tags > .list > a {
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 20px;
	color: #7AAECD;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	vertical-align: top;
}
.skin-resources-post > div > .left > .footer > .tags > .list > a:hover {
	text-decoration: underline;
}
.skin-resources-post > div > .left > .footer > .extra {
	display: block;
	width: 100%;
	height: auto;
	margin-top: 40px;
}
.skin-resources-post > div > .left > .footer > .extra > .previous,
.skin-resources-post > div > .left > .footer > .extra > .next {
	display: inline-block;
	width: 100%;
	max-width: 320px;
	height: auto;
	overflow: hidden;
	vertical-align: top;
}
.skin-resources-post > div > .left > .footer > .extra > .previous > .block,
.skin-resources-post > div > .left > .footer > .extra > .next > .block {
	display: block;
	width: 100%;
	height: auto;
	background: #C1F0FB;
	margin-bottom: 20px;
	cursor: pointer;
}
.skin-resources-post > div > .left > .footer > .extra > .previous > .block:hover,
.skin-resources-post > div > .left > .footer > .extra > .next > .block:hover {
	background: #B7E3ED;
}
.skin-resources-post > div > .left > .footer > .extra > .previous > .block > .button,
.skin-resources-post > div > .left > .footer > .extra > .previous > .block > .image,
.skin-resources-post > div > .left > .footer > .extra > .next > .block > .button,
.skin-resources-post > div > .left > .footer > .extra > .next > .block > .image {
	display: inline-block;
	width: 100%;
	max-width: 170px;
	overflow: hidden;
	vertical-align: middle;
}
.skin-resources-post > div > .left > .footer > .extra > .previous > .block > .button,
.skin-resources-post > div > .left > .footer > .extra > .next > .block > .button {
	height: 100%;
	color: #7AAECD;
	font-size: 14px;
	font-weight: 700;
}
.skin-resources-post > div > .left > .footer > .extra > .previous > .block > .image,
.skin-resources-post > div > .left > .footer > .extra > .next > .block > .image {
	max-width: 150px;
}
.skin-resources-post > div > .left > .footer > .extra > .previous > .block > .image > img,
.skin-resources-post > div > .left > .footer > .extra > .next > .block > .image > img {
	display: block;
	width: 100%;
	height: auto;
}
.skin-resources-post > div > .left > .footer > .extra > .previous > .title,
.skin-resources-post > div > .left > .footer > .extra > .next > .title {
	display: block;
	width: 100%;
	height: auto;
	line-height: 24px;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 20px;
}
.skin-resources-post > div > .left > .footer > .extra > .previous > .title > a,
.skin-resources-post > div > .left > .footer > .extra > .next > .title > a {
	text-decoration: none;
	color: #7AAECD;
}
.skin-resources-post > div > .left > .footer > .extra > .previous > .title > a:hover,
.skin-resources-post > div > .left > .footer > .extra > .next > .title > a:hover {
	text-decoration: underline;
}
.skin-resources-post > div > .left > .footer > .extra > .previous > .extra,
.skin-resources-post > div > .left > .footer > .extra > .next > .extra {
	display: block;
	width: 100%;
	height: auto;
	border-bottom: 2px solid #CCC;
	padding-bottom: 10px;
}
.skin-resources-post > div > .left > .footer > .extra > .previous > .extra > .author,
.skin-resources-post > div > .left > .footer > .extra > .next > .extra > .author {
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 18px;
	font-size: 14px;
	font-weight: 700;
	vertical-align: top;
}
.skin-resources-post > div > .left > .footer > .extra > .previous > .extra > .date,
.skin-resources-post > div > .left > .footer > .extra > .next > .extra > .date {
	float: right;
	display: block;
	width: auto;
	height: auto;
	line-height: 18px;
	font-size: 14px;
	font-style: italic;
}	
.skin-resources-post > div > .left > .footer > .extra > .next {
	margin-left: 40px;
}
.skin-resources-popular {
	display: block;
	width: 100%;
	height: auto;
	background: #F5F5F5;
	padding: 40px 0;
}
.skin-resources-popular > div {
	padding: 0 20px;
}
.skin-resources-popular > div > .block {
	display: block;
	width: 100%;
	max-width: 680px;
	height: auto;
	margin-bottom: 40px;
}
.skin-resources-popular > div > .block:last-child {
	margin-bottom: 0;
}
.skin-resources-popular > div > .block > .title {
	display: block;
	width: 100%;
	line-height: 20px;
	height: auto;
	color: #282828;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: -1px;
	border-bottom: 2px solid #CCC;
	padding-bottom: 20px;
	margin-bottom: 20px;
}



/* 
	============
	SKIN CONTACT
	============
*/
.skin-contact,
.skin-contact-locations,
.skin-contact-details {
	display: block;
	width: 100%;
	height: auto;
	min-height: 200px;
	background: #7AAECD;
}
.skin-contact > table,
.skin-contact-locations > table,
.skin-contact-details > table {
	display: table;
	width: 100%;
	height: auto;
	border-collapse: collapse;
}
.skin-contact > table > tbody,
.skin-contact-locations > table > tbody,
.skin-contact-details > table > tbody {
	display: table-row-group;
}
.skin-contact > table > tbody > tr,
.skin-contact-locations > table > tbody > tr,
.skin-contact-details > table > tbody > tr {
	display: table-row;
}
.skin-contact > table > tbody > tr > td,
.skin-contact-locations > table > tbody > tr > td,
.skin-contact-details > table > tbody > tr > td {
	display: table-cell;
}
.skin-contact > table > tbody > .list > .left,
.skin-contact-locations > table > tbody > .list > .left,
.skin-contact-details > table > tbody > .list > .left {
	background: #AFD3E7;
}
.skin-contact > table > tbody > .list > .content,
.skin-contact-locations > table > tbody > .list > .content,
.skin-contact-details > table > tbody > .list > .content {
	width: 200px;
	background: #AFD3E7;
	padding: 40px 0;
	vertical-align: top;
}
.skin-contact > table > tbody > .list > .content > .title,
.skin-contact-locations > table > tbody > .list > .content > .title,
.skin-contact-details > table > tbody > .list > .content > .title {
	display: block;
	width: 100%;
	height: auto;
	min-height: 40px;
	line-height: 20px;
	background: #161D37;
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	padding: 11px 20px 9px;
}
.skin-contact > table > tbody > .list > .content > .locations,
.skin-contact-locations > table > tbody > .list > .content > .locations,
.skin-contact-details > table > tbody > .list > .content > .locations {
	display: block;
	width: 100%;
	height: auto;
	background: #DBECF6;
	padding: 15px 20px;
}
.skin-contact > table > tbody > .list > .content > .locations > .block,
.skin-contact-locations > table > tbody > .list > .content > .locations > .block,
.skin-contact-details > table > tbody > .list > .content > .locations > .block {
	display: block;
	width: 100%;
	height: auto;
	margin-top: 15px;
}
.skin-contact > table > tbody > .list > .content > .locations > .block:first-child,
.skin-contact-locations > table > tbody > .list > .content > .locations > .block:first-child,
.skin-contact-details > table > tbody > .list > .content > .locations > .block:first-child {
	margin-top: 0;
}
.skin-contact > table > tbody > .list > .content > .locations > .block > .region,
.skin-contact-locations > table > tbody > .list > .content > .locations > .block > .region,
.skin-contact-details > table > tbody > .list > .content > .locations > .block > .region {
	display: block;
	width: 100%;
	height: auto;
	line-height: 18px;
	color: #4A4A4A;
	font-size: 14px;
	font-weight: 700;
}
.skin-contact-locations > table > tbody > .filter > .content {
	width: 740px;
	height: 161px;
	background: #FFF;
	padding: 40px 20px 40px 40px;
	vertical-align: top;
}
.skin-contact-locations > table > tbody > .filter > .content > .block {
	display: block;
	width: 100%;
	height: auto;
	border-bottom: 2px solid #CCC;
	padding-bottom: 40px;
}
.skin-contact-locations > table > tbody > .filter > .content > .block > .title {
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 30px;
	color: #282828;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: -1px;
	margin-right: 20px;
	padding: 5px 0;
	vertical-align: top;
}
.skin-contact-locations > table > tbody > .filter > .content > .block > .select {
	display: inline-block;
	width: 100%;
	max-width: 240px;
	height: auto;
	vertical-align: top;
}
.skin-contact-locations > table > tbody > .filter > .right {
	background: #FFF;
}

.skin-contact > table > tbody > .list > .content > .locations > .block > a.region {
	text-decoration: none;
}
.skin-contact > table > tbody > .list > .content > .locations > .block > a.region:hover {
	text-decoration: underline;
}
.skin-contact > table > tbody > .appointment > .content > .accordian {
	display: block;
	width: 100%;
	max-width: 440px;
	height: auto;
	line-height: 20px;
	background: #DBECF6 url('./static/img/arrow-dropdown-small.png') right 15px center no-repeat;
	color: #4A4A4A;
	font-size: 14px;
	font-weight: 700;
	font-family: 'F37Ginger', Helvetica, Arial, sans-serif;
	outline: none;
	border: none;
	padding: 15px 20px;
	cursor: pointer;
}
.skin-contact > table > tbody > .appointment > .content > .accordian.opened:after {
	background: url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/icon-arrow-up-blue.png');
}
.skin-contact > table > tbody > .appointment > .content > .left {
	margin-top: 20px;
}
.skin-contact > table > tbody > .list > .content > .locations > .block > .location,
.skin-contact-locations > table > tbody > .list > .content > .locations > .block > .location,
.skin-contact-details > table > tbody > .list > .content > .locations > .block > .location {
	display: block;
	width: 100%;
	height: auto;
	line-height: 18px;
	color: #4A4A4A;
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
	cursor: pointer;
}
.skin-contact > table > tbody > .list > .content > .locations > .block > .location:hover,
.skin-contact-locations > table > tbody > .list > .content > .locations > .block > .location:hover,
.skin-contact-details > table > tbody > .list > .content > .locations > .block > .location:hover {
	text-decoration: underline;
}
.skin-contact > table > tbody > .overview > .content,
.skin-contact > table > tbody > .appointment > .content,
.skin-contact > table > tbody > .staff > .content,
.skin-contact-locations > table > tbody > .regions > .content,
.skin-contact-details > table > tbody > .overview > .content,
.skin-contact-details > table > tbody > .appointment > .content,
.skin-contact-details > table > tbody > .staff > .content {
	width: 740px;
	background: #FFF;
	padding: 40px 20px 40px 40px;
	vertical-align: top;
}
.skin-contact-locations > table > tbody > .regions > .content > .filter {
	display: block;
	width: 100%;
	height: auto;
	border-bottom: 2px solid #CCC;
	padding-bottom: 40px;
	margin-bottom: 20px;
}
.skin-contact-locations > table > tbody > .regions > .content > .filter > .title {
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 30px;
	color: #282828;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: -1px;
	margin-right: 20px;
	padding: 5px 0;
	vertical-align: top;
}
.skin-contact-locations > table > tbody > .regions > .content > .filter > .select {
	display: inline-block;
	width: 100%;
	max-width: 240px;
	height: auto;
	vertical-align: top;
}
.skin-contact-locations > table > tbody > .regions > .content > .region {
	display: block;
	width: 100%;
	height: auto;
}
.skin-contact-locations > table > tbody > .regions > .content > .region > .title {
	display: block;
	width: 100%;
	height: auto;
	line-height: 30px;
	color: #282828;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: -1px;
	margin-bottom: 10px;
}
.skin-contact-locations > table > tbody > .regions > .content > .region > .block {
	display: block;
	width: 100%;
	height: auto;
	font-size: 0;
	border-top: 1px solid #CCC;
	padding-top: 40px;
	margin-top: 40px;
}
.skin-contact-locations > table > tbody > .regions > .content > .region > .block:nth-child(-n+2) {
	border: none;
	padding-top: 0;
	margin-top: 0;
}
.skin-contact-locations > table > tbody > .regions > .content > .region > .block > .box {
	display: inline-block;
	width: 100%;
	max-width: 210px;
	height: auto;
	margin-top: 25px;
	margin-right: 25px;
	vertical-align: top;
}
.skin-contact-locations > table > tbody > .regions > .content > .region > .block > .box:nth-child(-n+3) {
	margin-top: 0;
}
.skin-contact-locations > table > tbody > .regions > .content > .region > .block > .box:nth-child(3n) {
	margin-right: 0;
}
.skin-contact-locations > table > tbody > .regions > .content > .region > .block > .box > .location {
	display: block;
	width: 100%;
	height: auto;
	line-height: 22px;
	color: #282828;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 20px;
	text-decoration: none;
}
.skin-contact-locations > table > tbody > .regions > .content > .region > .block > .box > .location:hover {
	text-decoration: underline;
}
.skin-contact-locations > table > tbody > .regions > .content > .region > .block > .box > .phone,
.skin-contact-locations > table > tbody > .regions > .content > .region > .block > .box > .address {
	display: block;
	width: 100%;
	height: auto;
	min-height: 30px;
	padding-left: 40px;
	margin-bottom: 10px;
}
.skin-contact-locations > table > tbody > .regions > .content > .region > .block > .box > .phone:before,
.skin-contact-locations > table > tbody > .regions > .content > .region > .block > .box > .address:before {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	background: url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/icon-phone.png');
	top: 0;
	left: 0;
	position: absolute;
}
.skin-contact-locations > table > tbody > .regions > .content > .region > .block > .box > .address:before {
	background-image: url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/icon-clinic.png');
}
.skin-contact-locations > table > tbody > .regions > .content > .region > .block > .box > .phone:after,
.skin-contact-locations > table > tbody > .regions > .content > .region > .block > .box > .address:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 30px;
	vertical-align: middle;
}
.skin-contact-locations > table > tbody > .regions > .content > .region > .block > .box > .phone > .text,
.skin-contact-locations > table > tbody > .regions > .content > .region > .block > .box > .address > .text {
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 14px;
	font-weight: 400;
	vertical-align: middle;
}
.skin-contact-locations > table > tbody > .regions > .content > .region > .block > .box > .address > .text {
	line-height: 16px;
	font-size: 12px;
	min-height: 116px;
}
.skin-contact-locations > table > tbody > .regions > .content > .region > .block > .box > .address > .text > b {
	display: block;
	line-height: 20px;
	font-size: 14px;
	font-weight: 700;
}
.skin-contact-locations > table > tbody > .regions > .content > .region > .block > .box > .address > .text > a {
	display: block;
	line-height: 20px;
	color: #7AAECD;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
}
.skin-contact-locations > table > tbody > .regions > .content > .region > .block > .box > .address > .text > a:hover {
	text-decoration: underline;
}
.skin-contact-locations > table > tbody > .regions > .content > .region > .block > .box > .visit {
	width: 100%;
	max-width: 200px;
	margin-bottom: 10px;
}
.skin-contact-locations > table > tbody > .regions > .content > .region > .block > .box > .book {
	width: 100%;
	max-width: 200px;
}
.skin-contact > table > tbody > .overview > .right,
.skin-contact > table > tbody > .staff > .right,
.skin-contact-locations > table > tbody > .regions > .right,
.skin-contact-details > table > tbody > .overview > .right,
.skin-contact-details > table > tbody > .staff > .right {
	background: #FFF;
}
.skin-contact-locations > table > tbody > .regions:nth-child(odd) > .content,
.skin-contact-locations > table > tbody > .regions:nth-child(odd) > .right {
	background: #F5F5F5;
}
.skin-contact > table > tbody > .overview > .content > .block,
.skin-contact-details > table > tbody > .overview > .content > .block {
	display: block;
	width: 100%;
	height: auto;
	font-size: 0;
	margin-bottom: 60px;
}
.skin-contact > table > tbody > .overview > .content > .block:last-child,
.skin-contact-details > table > tbody > .overview > .content > .block:last-child {
	margin-bottom: 0;
}
.skin-contact > table > tbody > .overview > .content > .block > .title,
.skin-contact-details > table > tbody > .overview > .content > .block > .title,
.skin-search > table > tbody > .results > .content > .title {
	display: block;
	width: 100%;
	height: auto;
	line-height: 40px;
	color: #282828;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: -1px;
	border-bottom: 2px solid #CCC;
	padding-bottom: 40px;
	margin-bottom: 20px;
	vertical-align: top;
}
.skin-contact > table > tbody > .overview > .content > .block > .left,
.skin-contact > table > tbody > .overview > .content > .block > .right,
.skin-contact > table > tbody > .overview > .content > .block > .gallery,
.skin-contact-details > table > tbody > .overview > .content > .block > .left,
.skin-contact-details > table > tbody > .overview > .content > .block > .right,
.skin-contact-details > table > tbody > .overview > .content > .block > .gallery {
	display: inline-block;
	width: 100%;
	max-width: 340px;
	height: auto;
	vertical-align: top;
}
.skin-contact > table > tbody > .overview > .content > .block > .left > .text,
.skin-contact-details > table > tbody > .overview > .content > .block > .left > .text {
	display: block;
	width: 100%;
	height: auto;
	line-height: 20px;
	font-size: 14px;
	font-weight: 300;
}
.skin-contact > table > tbody > .overview > .content > .block > .left > .text > b,
.skin-contact-details > table > tbody > .overview > .content > .block > .left > .text > b {
	display: block;
	width: 100%;
	height: auto;
	line-height: 22px;
	color: #282828;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 20px;
}
.skin-contact > table > tbody > .overview > .content > .block > .right,
.skin-contact > table > tbody > .overview > .content > .block > .gallery,
.skin-contact-details > table > tbody > .overview > .content > .block > .right,
.skin-contact-details > table > tbody > .overview > .content > .block > .gallery {
	max-width: 300px;
	margin-left: 40px;
}
.skin-contact > table > tbody > .overview > .content > .block > .gallery > .top,
.skin-contact-details > table > tbody > .overview > .content > .block > .gallery > .top {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.skin-contact > table > tbody > .overview > .content > .block > .gallery > .top > img,
.skin-contact-details > table > tbody > .overview > .content > .block > .gallery > .top > img {
	display: block;
	width: 100%;
	height: auto;
}
.skin-contact > table > tbody > .overview > .content > .block > .gallery > .bottom,
.skin-contact-details > table > tbody > .overview > .content > .block > .gallery > .bottom {
	display: block;
	width: 100%;
	height: auto;
}
.skin-contact > table > tbody > .overview > .content > .block > .gallery > .bottom > .previous,
.skin-contact > table > tbody > .overview > .content > .block > .gallery > .bottom > .next,
.skin-contact-details > table > tbody > .overview > .content > .block > .gallery > .bottom > .previous,
.skin-contact-details > table > tbody > .overview > .content > .block > .gallery > .bottom > .next {
	display: block;
	width: 10px;
	height: 16px;
	background: url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/icon-arrow-left-blue.png');
	margin-top: -8px;
	top: 50%;
	left: -20px;
	position: absolute;
	cursor: pointer;
}
.skin-contact > table > tbody > .overview > .content > .block > .gallery > .bottom > .images,
.skin-contact-details > table > tbody > .overview > .content > .block > .gallery > .bottom > .images {
	display: block;
	width: 100%;
	height: auto;
	font-size: 0;
	overflow: hidden;
}
.skin-contact > table > tbody > .overview > .content > .block > .gallery > .bottom > .images > .box,
.skin-contact-details > table > tbody > .overview > .content > .block > .gallery > .bottom > .images > .box {
	display: inline-block;
	width: 98px;
	height: 98px;
	background: #000;
	text-align: center;
	margin-right: 3px;
	overflow: hidden;
	cursor: pointer;
}
.skin-contact > table > tbody > .overview > .content > .block > .gallery > .bottom > .images > .box:last-child,
.skin-contact-details > table > tbody > .overview > .content > .block > .gallery > .bottom > .images > .box:last-child {
	margin-right: 0;
}
.skin-contact > table > tbody > .overview > .content > .block > .gallery > .bottom > .images > .box > img,
.skin-contact-details > table > tbody > .overview > .content > .block > .gallery > .bottom > .images > .box > img {
	display: inline-block;
	width: auto;
	height: 100%;
}
.skin-contact > table > tbody > .overview > .content > .block > .gallery > .bottom > .next,
.skin-contact-details > table > tbody > .overview > .content > .block > .gallery > .bottom > .next {
	background-image: url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/icon-arrow-right-blue.png');
	left: auto;
	right: -20px;
}
.skin-contact > table > tbody > .overview > .content > .block > .left > .title,
.skin-contact-details > table > tbody > .overview > .content > .block > .left > .title {
	display: block;
	width: 100%;
	height: auto;
	line-height: 30px;
	color: #282828;
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 20px;
}
.skin-contact > table > tbody > .overview > .content > .block > .left > .contact,
.skin-contact-details > table > tbody > .overview > .content > .block > .left > .contact {
	display: block;
	width: 100%;
	height: auto;
}
.skin-contact > table > tbody > .overview > .content > .block > .left > .contact > .block,
.skin-contact-details > table > tbody > .overview > .content > .block > .left > .contact > .block {
	display: block;
	width: 100%;
	height: auto;
	margin-top: 5px;
}
.skin-contact > table > tbody > .overview > .content > .block > .left > .contact > .block:first-child,
.skin-contact-details > table > tbody > .overview > .content > .block > .left > .contact > .block:first-child {
	margin-top: 0;
}
.skin-contact > table > tbody > .overview > .content > .block > .left > .contact > .block > b,
.skin-contact > table > tbody > .overview > .content > .block > .left > .contact > .block > i,
.skin-contact > table > tbody > .appointment > .content > .right > .hours > .block > b,
.skin-contact > table > tbody > .appointment > .content > .right > .hours > .block > i,
.skin-contact-details > table > tbody > .overview > .content > .block > .left > .contact > .block > b,
.skin-contact-details > table > tbody > .overview > .content > .block > .left > .contact > .block > i,
.skin-contact-details > table > tbody > .appointment > .content > .right > .hours > .block > b,
.skin-contact-details > table > tbody > .appointment > .content > .right > .hours > .block > i {
	display: inline-block;
	width: 100%;
	max-width: 80px;
	line-height: 20px;
	color: #282828;
	font-size: 14px;
	font-weight: 700;
	text-align: right;
	vertical-align: top;
}
.skin-contact > table > tbody > .overview > .content > .block > .left > .contact > .block > i,
.skin-contact > table > tbody > .appointment > .content > .right > .hours > .block > i,
.skin-contact-details > table > tbody > .overview > .content > .block > .left > .contact > .block > i,
.skin-contact-details > table > tbody > .appointment > .content > .right > .hours > .block > i {
	max-width: 240px;
	color: #282828;
	font-weight: 400;
	font-style: normal;
	text-align: left;
	margin-left: 20px;
}
.skin-contact > table > tbody > .overview > .content > .block > .left > .contact > .block > i > a,
.skin-contact-details > table > tbody > .overview > .content > .block > .left > .contact > .block > i > a {
	text-decoration: none;
	color: inherit;
}
.skin-contact > table > tbody > .overview > .content > .block > .left > .contact > .block > i > a:hover,
.skin-contact-details > table > tbody > .overview > .content > .block > .left > .contact > .block > i > a:hover {
	text-decoration: underline;
}
.skin-contact > table > tbody > .appointment.top-border > .content {
	padding-top: 0;
}
.skin-contact > table > tbody > .appointment.top-border > .content:before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #CCC;
	padding: 0;
	margin-bottom: 40px;
}
.skin-contact > table > tbody > .appointment > .content,
.skin-contact > table > tbody > .appointment > .right,
.skin-contact-details > table > tbody > .appointment > .content,
.skin-contact-details > table > tbody > .appointment > .right {
	background: #F5F5F5;
	font-size: 0;
}
.cta-contact,
.skin-contact > table > tbody > .appointment > .content > .left,
.skin-contact > table > tbody > .appointment > .content > .right,
.skin-contact-details > table > tbody > .appointment > .content > .left,
.skin-contact-details > table > tbody > .appointment > .content > .right {
	display: inline-block;
	width: 100%;
	max-width: 440px;
	height: auto;
	vertical-align: top;
}
.cta-contact > .title,
.skin-contact > table > tbody > .appointment > .content > .left > .title,
.skin-contact > table > tbody > .appointment > .content > .right > .title,
.skin-contact-details > table > tbody > .appointment > .content > .left > .title,
.skin-contact-details > table > tbody > .appointment > .content > .right > .title {
	display: block;
	width: 100%;
	height: auto;
	line-height: 30px;
	color: #282828;
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 10px;
}
.skin-about > .consultation > .container > .skin-two-columns > .block > .left > .description {
	display: block;
	width: 100%;
	height: auto;
	line-height: 20px;
	font-size: 14px;
	font-weight: 300;
	margin: 10px 10px 20px;
}
.cta-contact > .description,
.skin-contact > table > tbody > .appointment > .content > .left > .description,
.skin-contact-details > table > tbody > .appointment > .content > .left > .description,
.skin-contact-details > table > tbody > .appointment > .content > .right > .description {
	display: block;
	width: 100%;
	height: auto;
	line-height: 24px;
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 20px;
}
.cta-contact > .form,
.skin-contact > table > tbody > .appointment > .content > .left > .form,
.skin-contact-details > table > tbody > .appointment > .content > .left > .form {
	display: block;
	width: 100%;
	height: auto;
}
.cta-contact > .form > .input,
.cta-contact > .form > .phone,
.cta-contact > .form > .message,
.skin-contact > table > tbody > .appointment > .content > .left > .form > .input,
.skin-contact > table > tbody > .appointment > .content > .left > .form > .phone,
.skin-contact > table > tbody > .appointment > .content > .left > .form > .message,
.skin-contact-details > table > tbody > .appointment > .content > .left > .form > .input,
.skin-contact-details > table > tbody > .appointment > .content > .left > .form > .phone,
.skin-contact-details > table > tbody > .appointment > .content > .left > .form > .message {
	display: inline-block;
	width: 100%;
	max-width: 210px;
	height: auto;
	font-size: 0;
	margin-top: 15px;
	vertical-align: top;
}
.cta-contact > .form > .input:nth-child(-n+2),
.cta-contact > .form > .phone:nth-child(-n+2),
.cta-contact > .form > .message:nth-child(-n+2),
.skin-contact > table > tbody > .appointment > .content > .left > .form > .input:nth-child(-n+2),
.skin-contact > table > tbody > .appointment > .content > .left > .form > .phone:nth-child(-n+2),
.skin-contact > table > tbody > .appointment > .content > .left > .form > .message:nth-child(-n+2),
.skin-contact-details > table > tbody > .appointment > .content > .left > .form > .input:nth-child(-n+2),
.skin-contact-details > table > tbody > .appointment > .content > .left > .form > .phone:nth-child(-n+2),
.skin-contact-details > table > tbody > .appointment > .content > .left > .form > .message:nth-child(-n+2) {
	margin-top: 0;
}
.cta-contact > .form > .input:nth-child(2n),
.cta-contact > .form > .phone:nth-child(2n),
.cta-contact > .form > .message:nth-child(2n) {
	margin-left: 16px;
}
.skin-contact > table > tbody > .appointment > .content > .left > .form > .input:nth-child(2n),
.skin-contact > table > tbody > .appointment > .content > .left > .form > .phone:nth-child(2n),
.skin-contact > table > tbody > .appointment > .content > .left > .form > .message:nth-child(2n),
.skin-contact-details > table > tbody > .appointment > .content > .left > .form > .input:nth-child(2n),
.skin-contact-details > table > tbody > .appointment > .content > .left > .form > .phone:nth-child(2n),
.skin-contact-details > table > tbody > .appointment > .content > .left > .form > .message:nth-child(2n) {
	margin-left: 20px;
}
.cta-contact > .form > .input > label,
.cta-contact > .form > .phone > label,
.cta-contact > .form > .message > label,
.skin-contact > table > tbody > .appointment > .content > .left > .form > .input > label,
.skin-contact > table > tbody > .appointment > .content > .left > .form > .phone > label,
.skin-contact > table > tbody > .appointment > .content > .left > .form > .message > label,
.skin-contact-details > table > tbody > .appointment > .content > .left > .form > .input > label,
.skin-contact-details > table > tbody > .appointment > .content > .left > .form > .phone > label,
.skin-contact-details > table > tbody > .appointment > .content > .left > .form > .message > label {
	display: block;
	width: 100%;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 5px;
}
.spr-form-label+.spr-form-input,
.cta-contact > .form > .input > input,
.cta-contact > .form > .phone > input,
.cta-contact > .form > .message > textarea,
.skin-contact > table > tbody > .appointment > .content > .left > .form > .input > input,
.skin-contact > table > tbody > .appointment > .content > .left > .form > .phone > input,
.skin-contact > table > tbody > .appointment > .content > .left > .form > .message > textarea,
.skin-contact-details > table > tbody > .appointment > .content > .left > .form > .input > input,
.skin-contact-details > table > tbody > .appointment > .content > .left > .form > .phone > input,
.skin-contact-details > table > tbody > .appointment > .content > .left > .form > .message > textarea {
	display: inline-block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #282828;
	font-size: 14px;
	font-weight: 400;
	font-family: 'F37Ginger', Helvetica, Arial, sans-serif; 
	outline: none;
	border: 1px solid #CCC;
	border-radius: none;
	padding: 5px 8px;
	resize: vertical;
	vertical-align: top;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.spr-form-label+.spr-form-input {
  	display: block;
  	max-width: 250px;
}
.spr-starrating {
  	border: none !important;
  	padding: 10px !important;
}
.cta-contact > .form > .phone > input,
.skin-contact > table > tbody > .appointment > .content > .left > .form > .phone > input,
.skin-contact-details > table > tbody > .appointment > .content > .left > .form > .phone > input {
	max-width: 120px;
}
.cta-contact > .form > .phone > .select,
.skin-contact > table > tbody > .appointment > .content > .left > .form > .phone > .select,
.skin-contact-details > table > tbody > .appointment > .content > .left > .form > .phone > .select {
	display: inline-block;
	max-width: 80px;
	margin-right: 10px;
	vertical-align: top;
}
.cta-contact > .form > .message,
.skin-contact > table > tbody > .appointment > .content > .left > .form > .message,
.skin-contact-details > table > tbody > .appointment > .content > .left > .form > .message {
	max-width: 100%;
}
.spr-form-input.message,
.skin-contact > table > tbody > .appointment > .content > .left > .form > .message > textarea,
.skin-contact-details > table > tbody > .appointment > .content > .left > .form > .message > textarea {
	display: block;
	height: auto;
	line-height: 18px;
	padding: 10px;
}
.spr-form-input.message {
	  max-width: 500px;
	}
.spr-form-input-textarea {
  	border: none;
}
.cta-contact > .form > .submit,
.skin-contact > table > tbody > .appointment > .content > .left > .form > .submit,
.skin-contact-details > table > tbody > .appointment > .content > .left > .form > .submit {
	width: 100%;
	max-width: 200px;
	margin-top: 20px;
}
.skin-contact > table > tbody > .appointment > .content > .right,
.skin-contact-details > table > tbody > .appointment > .content > .right {
	max-width: 200px;
	margin-left: 40px;
}
.skin-contact > table > tbody > .appointment > .content > .right > .hours,
.skin-contact-details > table > tbody > .appointment > .content > .right > .hours {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.skin-contact > table > tbody > .appointment > .content > .right > .hours > .block,
.skin-contact-details > table > tbody > .appointment > .content > .right > .hours > .block {
	display: block;
	width: 100%;
	height: auto;
	font-size: 0;
	margin-top: 5px;
}
.skin-contact > table > tbody > .appointment > .content > .right > .hours > .block:first-child,
.skin-contact-details > table > tbody > .appointment > .content > .right > .hours > .block:first-child {
	margin-top: 0;
}
.skin-contact > table > tbody > .appointment > .content > .right > .hours > .block:after,
.skin-contact-details > table > tbody > .appointment > .content > .right > .hours > .block:after {
	content: "";
	display: block;
	clear: both;
}
.skin-contact > table > tbody > .appointment > .content > .right > .hours > .block > b,
.skin-contact-details > table > tbody > .appointment > .content > .right > .hours > .block > b {
	float: left;
	display: inline-block;
	width: auto;
	max-width: 100%;
	font-weight: 400;
	text-align: left;
}
.skin-contact > table > tbody > .appointment > .content > .right > .hours > .block > i,
.skin-contact-details > table > tbody > .appointment > .content > .right > .hours > .block > i {
	float: right;
	display: inline-block;
	width: auto;
	max-width: 100%;
	font-weight: 300;
	margin-left: 0;
}
.skin-contact-details > table > tbody > .staff > .content > .title {
	display: block;	
	width: 100%;
	height: auto;
	line-height: 30px;
	color: #282828;
	font-size: 24px;
	font-weight: 400;
}
.skin-contact-details > table > tbody > .staff > .content > .position {
	display: block;
	width: 100%;
	height: auto;
	margin-top: 40px;
}
.skin-contact-details > table > tbody > .staff > .content > .position > .title {
	display: block;
	width: 100%;
	max-width: 600px;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 18px;
	font-weight: 700;
	border-bottom: 2px solid #CCC;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.skin-about-team > div > .block,
.skin-contact-details > table > tbody > .staff > .content > .position > .block {
	display: block;
	width: 100%;
	max-width: 600px;
	height: auto;
	font-size: 0;
}
.skin-about-team > div > .block {
	max-width: 100%;
}
.skin-about-team > div > .block > .box,
.skin-contact-details > table > tbody > .staff > .content > .position > .block > .box {
	display: inline-block;
	width: 100%;
	max-width: 280px;
	height: auto;
	margin-top: 40px;
	vertical-align: top;
}
.skin-about-team > div > .block > .box {
	margin-top: 30px;
	margin-right: 30px;
}
.skin-about-team > div > .block > .box:nth-child(-n+3) {
	margin-top: 0;
}
.skin-contact-details > table > tbody > .staff > .content > .position > .block > .box:nth-child(-n+2) {
	margin-top: 0;
}
.skin-contact-details > table > tbody > .staff > .content > .position > .block > .box:nth-child(2n) {
	margin-left: 40px;
}
.skin-about-team > div > .block > .box:nth-child(3n) {
	margin-right: 0;
}
.skin-about-team > div > .block > .box > .image,
.skin-contact-details > table > tbody > .staff > .content > .position > .block > .box > .image {
	display: block;
	width: 100%;
	height: auto;
	background: #E9F2F4;
	text-align: right;
	margin-bottom: 20px;
}
.skin-about-team > div > .block > .asadals,
.skin-contact-details > table > tbody > .staff > .content > .position > .block > .box:nth-child(2n) > .image {
	text-align: left;
}
.skin-about-team > div > .block > .box > .image:before,
.skin-contact-details > table > tbody > .staff > .content > .position > .block > .box > .image:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 240px;
	vertical-align: bottom;
}
.skin-about-team > div > .block > .box > .image > img,
.skin-contact-details > table > tbody > .staff > .content > .position > .block > .box > .image > img {
	display: inline-block;
	width: auto;
	max-width: 280px;
	height: auto;
	vertical-align: bottom;
}
.skin-about-team > div > .block > .box > .title,
.skin-contact-details > table > tbody > .staff > .content > .position > .block > .box > .title {
	display: block;
	width: 100%;
	height: auto;
	line-height: 30px;
	color: #282828;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: -1px;
	margin-bottom: 10px;
	text-decoration: none;
}
.skin-about-team > div > .block > .box > .title:hover {
	text-decoration: underline;
}
.skin-about-team > div > .block > .box > .title.nohover:hover {
	text-decoration: none !important;
}
.skin-about-team > div > .block > .box > .special,
.skin-contact-details > table > tbody > .staff > .content > .position > .block > .box > .special {
	display: block;
	width: 100%;
	height: auto;
	min-height: 51px;
	line-height: 20px;
	color: #282828;
	font-size: 12px;
	font-weight: 700;
	border-bottom: 2px solid #CCC;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.skin-about-team > div > .block > .box > .position,
.skin-about-team > div > .block > .box > .description,
.skin-contact-details > table > tbody > .staff > .content > .position > .block > .box > .position,
.skin-contact-details > table > tbody > .staff > .content > .position > .block > .box > .description {
	display: block;
	width: 100%;
	height: auto;
	line-height: 20px;
	font-size: 14px;
	font-weight: 300;
	min-height: 60px;
}
.skin-about-team > div > .block > .box > .more,
.skin-contact-details > table > tbody > .staff > .content > .position > .block > .box > .more {
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 20px;
	color: #7AAECD;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	padding-right: 13px;
	margin-top: 20px;
}
.skin-about-team > div > .block > .box > .more:after,
.skin-contact-details > table > tbody > .staff > .content > .position > .block > .box > .more:after {
	content: "";
	width: 5px;
	height: 8px;
	background: url('./static/img/extra-arrow-right.png') center no-repeat;
	position: absolute;
	top: 7px;
	right: 0;
}
.skin-about-team > div > .block > .box > .more:hover,
.skin-contact-details > table > tbody > .staff > .content > .position > .block > .box > .more:hover {
	text-decoration: underline;
}




.skin-form {
	display: block;
	width: 100%;
	padding: 40px 0;
}
.book-form {
	font-size: 0;
	margin: 0 auto;
}
.skin-form > div > .book-form {
	max-width: 380px;
	padding: 0;
}


/* 
	===========
	SKIN SEARCH
	===========
*/
.skin-search {
	display: block;
	width: 100%;
	height: auto;
	min-height: 200px;
	background: #7AAECD;
}
.skin-search > table {
	display: table;
	width: 100%;
	height: auto;
	border-collapse: collapse;
}
.skin-search > table > tbody {
	display: table-row-group;
}
.skin-search > table > tbody > tr {
	display: table-row;
}
.skin-search > table > tbody > tr > td {
	display: table-cell;
}
.skin-search > table > tbody > .list > .left {
	background: #AFD3E7;
}
.skin-search > table > tbody > .list > .content {
	width: 200px;
	background: #AFD3E7;
	padding: 40px 0;
	vertical-align: top;
}
.skin-search > table > tbody > .list > .content > .refine > .title,
.skin-search > table > tbody > .list > .content > .categories > .title,
.skin-search > table > tbody > .list > .content > .popular > .title {
	display: block;
	width: 100%;
	height: auto;
	min-height: 40px;
	line-height: 20px;
	background: #161D37;
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	padding: 10px 20px;
}
.skin-search > table > tbody > .list > .content > .refine > .form,
.skin-search > table > tbody > .list > .content > .categories > .list,
.skin-search > table > tbody > .list > .content > .popular > .list {
	display: block;
	width: 100%;
	height: auto;
	background: #DBECF6;
	font-size: 0;
	padding: 10px;
}
.skin-search > table > tbody > .list > .content > .refine > .form > .input {
	display: inline-block;
	width: 100%;
	max-width: 140px;
	height: 40px;
	background: #FFF;
	color: #4A4A4A;
	font-size: 14px;
	font-weight: 400;
	font-family: 'F37Ginger', Helvetica, Arial, sans-serif;
	outline: none;
	border: 1px solid #6093B0;
	border-right: none;
	padding: 0 10px;
	vertical-align: top;
}
.skin-search > table > tbody > .list > .content > .refine > .form > .submit {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: #FFF url('./static/img/sub-search.png') center no-repeat;
	border: 1px solid #6093B0;
	font-size: 0;
	padding: 0;
	vertical-align: top;
}
.skin-search > table > tbody > .list > .content > .categories > .list,
.skin-search > table > tbody > .list > .content > .popular > .list {
	padding: 15px 20px;
}
.skin-search > table > tbody > .list > .content > .categories > .list > a,
.skin-search > table > tbody > .list > .content > .popular > .list > a {
	display: block;
	width: 100%;
	height: auto;
	line-height: 16px;
	color: #4A4A4A;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	padding: 2px 0;
	margin-top: 10px;
}
.skin-search > table > tbody > .list > .content > .categories > .list > a:hover,
.skin-search > table > tbody > .list > .content > .popular > .list > a:hover {
	text-decoration: underline;
}
.skin-search > table > tbody > .list > .content > .categories > .list > a:first-child,
.skin-search > table > tbody > .list > .content > .popular > .list > a:first-child {
	margin-top: 0;
}
.skin-search > table > tbody > .results > .content {
	width: 740px;
	background: #FFF;
	padding: 40px 20px 40px 40px;
	vertical-align: top;
}
.skin-search > table > tbody > .results > .content > .block {
	display: block;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #CCC;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.skin-search > table > tbody > .results > .content > .block > .title {
	display: block;
	width: 100%;
	height: auto;
	line-height: 40px;
	color: #7AAECD;
	font-size: 24px;
	font-weight: 400;
	text-decoration: none;
	letter-spacing: -1px;
}
.skin-search > table > tbody > .results > .content > .block > .title:hover {
	text-decoration: underline;
}
.skin-search > table > tbody > .results > .content > .block > .category {
	display: block;
	width: 100%;
	height: auto;
	line-height: 22px;
	color: #7AAECD;
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
	margin-bottom: 20px;
}
.skin-search > table > tbody > .results > .content > .block > .category:hover {
	text-decoration: underline;
}
.skin-search > table > tbody > .results > .content > .block > .description {
	display: block;
	width: 100%;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 14px;
	font-weight: 300;
}
.skin-search > table > tbody > .results > .content > .more-results {
	width: 100%;
	max-width: 200px;
	margin-top: 20px;
}
.skin-search > table > tbody > .results > .right {
	background: #FFF;
}



/* 
	==========
	SKIN ABOUT
	==========
*/
.skin-about {
	display: block;
	width: 100%;
	height: auto;
}
.skin-about > .header {
	display: block;
	width: 100%;
	min-height: 320px;
	height: auto;
	background: #FFF;
	padding: 60px 0;
}
.skin-about > .header > div > .title {
	display: block;
	width: 100%;
	max-width: 600px;
	height: auto;
	line-height: 30px;
	color: #282828;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: -1px;
	margin-bottom: 20px;
}
.skin-about > .header > div > .description {
	display: block;
	width: 100%;
	max-width: 600px;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 14px;
	font-weight: 300;
}
.skin-about > .consultation {
	display: block;
	width: 100%;
	height: auto;
	background: #F5F5F5;
	font-size: 0;
	padding: 40px 0;
}
.skin-about > .consultation > div {
	padding: 0 20px;
}
.skin-about > .consultation > div > .left,
.skin-about > .consultation > div > .right {
	display: inline-block;
	width: 100%;
	max-width: 600px;
	height: auto;
	vertical-align: top;
}
.skin-about > .consultation > div > .left > .text,
.skin-about > .consultation > div > .right > .text {
	display: block;
	width: 100%;
	max-width: 600px;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 14px;
	font-weight: 300;
}
.skin-about > .consultation > div > .left > .text p,		
.skin-about > .consultation > div > .right > .text p {		
	margin-top: 10px;		
	margin-bottom: 10px;		
}
.skin-about > .consultation > div > .right {
	max-width: 240px;
	margin-left: 60px;
}
.skin-about > .consultation > div > .right > .title {
	display: block;
	width: 100%;
	line-height: 30px;
	color: #282828;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: -1px;
	margin-bottom: 20px;
}
.skin-about > .consultation > div > .right > .text {
	margin-bottom: 10px;
}
.skin-about > .consultation > div > .right > .book {
	display: block;
	width: 100%;
	max-width: 200px;
	margin-bottom: 10px;
}
.skin-about > .consultation > div > .right > b {
	display: block;
	width: 100%;
	max-width: 200px;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
}
.skin-about > .services {
	display: block;
	width: 100%;
	height: auto;
	background: #FFF;
	padding: 40px 0;
}
.skin-about > .services > div  {
	padding: 0 20px;
}
.skin-about > .services > div > .title {
	display: block;
	width: 100%;
	line-height: 30px;
	color: #282828;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: -1px;
	margin-bottom: 20px;
}
.skin-about > .services > div > .description {
	display: block;
	width: 100%;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 14px;
	font-weight: 300;
}
.skin-about > .team {
	display: block;
	width: 100%;
	height: auto;
	background: #FFF;
	font-size: 0;
	padding: 40px 0 0;
}
.skin-about > .team > div {
	padding: 0 20px;
}
.skin-about > .team > div > .left,
.skin-about > .team > div > .right {
	display: inline-block;
	width: 100%;
	max-width: 420px;
	vertical-align: top;
}
.skin-about > .team > div > .left {
	padding-bottom: 40px;
}
.skin-about > .consultation > .container > .title,
.skin-about > .team > div > .left > .title {
	display: block;
	width: 100%;
	line-height: 30px;
	color: #282828;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: -1px;
	margin-bottom: 20px;
}
.skin-about > .team > div > .left > .text {
	display: block;
	width: 100%;
	line-height: 20px;
	color: #282828;
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 20px;
}
.skin-about > .team > div > .left > .meet {
	width: 100%;
	max-width: 200px;
}
.skin-about > .team > div > .right {
	max-width: 440px;
	margin-left: 40px;
	vertical-align: bottom;
}
.skin-about > .quote,
.skin-about > .testimonial {
	display: block;
	width: 100%;
	height: auto;
	background: #7AAECD;
}
.skin-about > .quote > div,
.skin-about > .testimonial > div {
	padding: 40px 20px;
}
.skin-about > .testimonial > div > .title {
	display: block;
	width: 100%;
	line-height: 30px;
	color: #FFF;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: -1px;
	margin-bottom: 20px;
}
.skin-about > .quote > div > .text,
.skin-about > .testimonial > div > .text {
	display: block;
	width: 100%;
	height: auto;
	line-height: 24px;
	color: #FFF;
	font-size: 18px;
	font-weight: 300;
	padding-left: 50px;
}
.skin-about > .quote > div > .text {
	max-width: 600px;
}
.skin-about > .quote > div > .text:before,
.skin-about > .testimonial > div > .text:before {
	content: "";
	display: block;
	width: 30px;
	height: 24px;
	background: url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/icon-quote.png');
	top: 0;
	left: 0;
	position: absolute;
	opacity: .5;
}
.skin-about > .quote > div > .text > .quoter,
.skin-about > .testimonial > div > .text > .quoter {
	display: block;
	width: auto;
	height: auto;
	line-height: 20px;
	font-size: 14px;
	font-weight: 700;
	margin-top: 20px;
}
.skin-about > .quote > div > .text > .position,
.skin-about > .testimonial > div > .text > .position {
	display: block;
	width: auto;
	height: auto;
	line-height: 20px;
	font-size: 14px;
	font-weight: 400;
	font-style: italic;
}
.skin-about > .quote > div > .image {
	display: block;
	width: auto;
	height: auto;
	bottom: 0;
	right: -100px;
	position: absolute;
	z-index: 10;
}
.skin-about-team {
	display: block;
	width: 100%;
	height: auto;
	padding: 40px 0;
}
.skin-about-team > div {
	padding: 0 20px;
}
.skin-about-team > div > .positions {
	display: block;
	width: 100%;
	height: auto;
	font-size: 0;
	margin-bottom: 20px;
}
.skin-about-team > div > .positions > .tab {
	display: inline-block;
	width: 33%;
	height: auto;
	line-height: 20px;
	background: #DBECF6;
	color: #4A4A4A;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	border-right: 1px solid #FFF;
	padding: 10px 20px;
	cursor: pointer;
}
.skin-about-team > div > .positions > .tab:hover {
	background: #AFD3E7;
}
.skin-about-team > div > .positions > .tab.active {
	background: #7AAECD;
	color: #FFF;
}
.skin-about-team > div > .positions > .tab:nth-child(2n) {
	border-right: none;
	border-left: 1px solid #FFF;
}
.skin-about-team > div > .filter {
	display: block;
	width: 100%;
	height: auto;
	background: #F5F5F5;
	font-size: 0;
	text-align: right;
	padding: 10px 20px;
	margin-bottom: 40px;
}
.skin-about-team > div > .filter > label {
	float: left;
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 16px;
	font-weight: 700;
	padding: 10px 0;
	margin-right: 10px;
	vertical-align: top;
}
.skin-about-team > div > .filter > .clinic,
.skin-about-team > div > .filter > .special,
.skin-about-team > div > .filter > .search {
	display: inline-block;
	width: 100%;
	max-width: 200px;
	margin-right: 20px;
	vertical-align: top;
}
.skin-about-team > div > .filter > .search {
	max-width: 240px;
	margin-right: 0;
}
.skin-about-team > div > .filter > .search > .input {
	display: inline-block;
	width: 200px;
	height: 40px;
	line-height: 40px;
	background: #FFF;
	color: #29889D;
	font-size: 14px;
	font-weight: 400;
	font-family: 'F37Ginger', Helvetica, Arial, sans-serif;
	outline: none;
	border: none;
	border-radius: 0;
	padding: 0 15px;
	vertical-align: top;
}
.skin-about-team > div > .filter > .search > .input::-webkit-input-placeholder {
	color: #29889D;
	font-style: italic;
}
.skin-about-team > div > .filter > .search > .input:-moz-placeholder {
	color: #29889D;
	font-style: italic;
}
.skin-about-team > div > .filter > .search > .input::-moz-placeholder {
	color: #CCC;
	font-style: italic;
}
.skin-about-team > div > .filter > .search > .input:-ms-input-placeholder {  
	color: #29889D;
	font-style: italic;
}
.skin-about-team > div > .filter > .search > .input:focus::-webkit-input-placeholder {
	color: transparent;
}
.skin-about-team > div > .filter > .search > .input:focus:-moz-placeholder {
	color: transparent;
}
.skin-about-team > div > .filter > .search > .input:focus::-moz-placeholder {
	color: transparent;
}
.skin-about-team > div > .filter > .search > .input:focus:-ms-input-placeholder {
	color: transparent;
}
.skin-about-team > div > .filter > .search > .submit {
	display: inline-block;
	width: 40px;
	height: 40px;
	background-image: url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/icon-search-white.png');
	background-repeat: no-repeat;
	background-position: center;
	font-size: 0;
	border: none;
	padding: 0;
	vertical-align: top;
}
.skin-about-profile {
	display: block;
	width: 100%;
	height: auto;
}
.skin-about-profile > .header {
	display: block;
	width: 100%;
	height: auto;
	background: #E9F2F4;
	font-size: 0;
	padding: 40px 0 0;
}
.skin-about-profile > .header > div {
	padding: 0 20px;
}
.skin-about-profile > .header > div > .left {
	display: inline-block;
	width: 100%;
	max-width: 500px;
	padding-bottom: 40px;
	vertical-align: bottom;
}
.skin-about-profile > .header > div > .left > .name {
	display: block;
	width: 100%;
	height: auto;
	line-height: 36px;
	color: #282828;
	font-size: 30px;
	font-weight: 400;
	margin-bottom: 10px;
}
.skin-about-profile > .header > div > .left > .special {
	display: block;
	width: 100%;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 5px;
}
.skin-about-profile > .header > div > .left > .position {
	display: block;
	width: 100%;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 14px;
	font-weight: 400;
}
.skin-about-profile > .header > div > .left > .quote {
	display: block;
	width: 100%;
	height: auto;
	line-height: 24px;
	color: #257F94;
	font-size: 18px;
	font-weight: 300;
	border-top: 1px solid #282828;
	padding: 40px 20px 0 50px;
	margin-top: 40px;
}
.skin-about-profile > .header > div > .left > .quote:before {
	content: "";
	display: block;
	width: 30px;
	height: 24px;
	background: url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/icon-quote-blue.png');
	top: 40px;
	left: 0;
	position: absolute;
}
.skin-about-profile > .header > div > .right {
	display: inline-block;
	width: 100%;
	max-width: 300px;
	margin-left: 100px;
	vertical-align: bottom;
}
.skin-about-profile > .bio {
	display: block;
	width: 100%;
	height: auto;
	padding: 40px 0;
}
.skin-about-profile > .bio > div {
	padding: 0 20px;
}
.skin-about-profile > .bio > div > .text {
	display: block;
	width: 100%;
	max-width: 500px;
	height: auto;
	line-height: 26px;
	color: #282828;
	font-size: 16px;
}
.skin-about-profile > .bio > div > .text > p {
	margin-top: 10px; margin-bottom: 10px;
}





/* 
	===========
	SKIN FOOTER
	===========
*/
.skin-footer {
	display: block;
	width: 100%;
	height: 500px;
	background: #262626;
	font-size: 0;
	overflow: hidden;
}
.skin-footer > .top {
	display: block;
	width: 100%;
	height: auto;
	font-size: 0;
	padding: 50px 0;
}
.skin-footer > .top > div {
	padding: 0 20px;
}
.skin-footer > .top > div > .left,
.skin-footer > .top > div > .middle,
.skin-footer > .top > div > .right {
	display: inline-block;
	width: 100%;
	max-width: 240px;
	height: 350px;
	margin-right: 60px;
	vertical-align: top;
}
.skin-footer > .top > div > .left > .block {
	display: block;
	width: auto;
	height: auto;
	margin-top: 5px;
}
.skin-footer > .top > div > .left > .block:first-child {
	margin-top: 0;
}
.skin-footer > .top > div > .left > .block > .title {
	display: block;
	width: auto;
	height: 30px;
	line-height: 26px;
	color: #FFF;
	font-size: 16px;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-bottom: 1px solid #686868;
	padding-bottom: 5px;
	overflow: hidden;
	text-decoration: none;
}
.skin-footer > .top > div > .left > .block.active > .links {
	display: block;
	width: 100%;
	height: auto;
	line-height: 20px;
	color: #FFF;
	font-size: 12px;
	font-weight: 400;
	margin-top: 15px;
	padding-bottom: 10px;
}
.skin-footer > .top > div > .left > .block.active > .links > a {
	display: block;
	width: auto;
	height: 20px;
	line-height: 20px;
	color: #FFF;
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 5px;
	overflow: hidden;
}
.skin-footer > .top > div > .left > .block.active > .links > a:first-child {
	margin-top: 0;
}
.skin-footer > .top > div > .left > .block.active > .links > a:hover {
	text-decoration: underline;
}
.skin-footer > .top > div > .middle {
	max-width: 300px;
}
.skin-footer > .top > div > .middle > .title {
	display: block;
	width: auto;
	height: 30px;
	line-height: 26px;
	color: #FFF;
	font-size: 16px;
	font-weight: 700;
	border-bottom: 1px solid #686868;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
.skin-footer > .top > div > .middle > .text,
.skin-footer .mc4wp-response {
	display: block;
	width: 100%;
	height: auto;
	line-height: 23px;
	color: #FFF;
	font-size: 15px;
	font-weight: 400;
	text-decoration: none;
	padding: 2px 0;
	margin: 5px 0 20px;
}
.skin-footer > .top > div > .middle > form {
	display: block;
	width: 100%;
	height: auto;
}
.skin-footer > .top > div > .middle > form .email {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #858585;
	color: #282828;
	font-size: 14px;
	font-weight: 400;
	font-family: 'F37Ginger', Helvetica, Arial, sans-serif;
	outline: none;
	border: none;
	padding: 0 15px;
	margin-bottom: 20px;
}
.skin-footer > .top > div > .middle > form .email::-webkit-input-placeholder {
	color: #282828;
	font-style: italic;
}
.skin-footer > .top > div > .middle > form .email:-moz-placeholder {
	color: #282828;
	font-style: italic;
}
.skin-footer > .top > div > .middle > form .email::-moz-placeholder {
	color: #282828;
	font-style: italic;
}
.skin-footer > .top > div > .middle > form .email:-ms-input-placeholder {  
	color: #282828;
	font-style: italic;
}
.skin-footer > .top > div > .middle > form .email:focus::-webkit-input-placeholder {
	color: transparent;
}
.skin-footer > .top > div > .middle > form .email:focus:-moz-placeholder {
	color: transparent;
}
.skin-footer > .top > div > .middle > form .email:focus::-moz-placeholder {
	color: transparent;
}
.skin-footer > .top > div > .middle > form .email:focus:-ms-input-placeholder {
	color: transparent;
}
.skin-footer > .top > div > .middle > form .submit {
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 20px;
	background: transparent;
	color: #FFF;
	font-size: 14px;
	font-weight: 400;
	outline: none;
	border: 2px solid #FFF;
	padding: 8px 25px;
	margin-top: 10px;
	vertical-align: top;
	cursor: pointer;
}
.skin-footer > .top > div > .middle > form .submit:hover {
	background: #FFF;
	color: #262626;
}
.skin-footer > .top > div > .right {
	margin-right: 0;
}
.skin-footer > .top > div > .right > .title {
	display: block;
	width: auto;
	height: 30px;
	line-height: 26px;
	color: #FFF;
	font-size: 16px;
	font-weight: 700;
	border-bottom: 1px solid #686868;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
.skin-footer > .top > div > .right > .text {
	display: block;
	width: 100%;
	height: auto;
	line-height: 23px;
	color: #FFF;
	font-size: 15px;
	font-weight: 400;
	text-decoration: none;
	padding: 2px 0;
	margin: 5px 0 20px;
}
.skin-footer > .top > div > .right > .contact {
	display: block;
	width: 100%;
	height: auto;
}
.skin-footer > .top > div > .right > .contact > .phone,
.skin-footer > .top > div > .right > .contact > .email,
.skin-footer > .top > div > .right > .contact > .clinic {
	display: block;
	width: 100%;
	height: auto;
	margin-top: 2px;
}
.skin-footer > .top > div > .right > .contact > .phone {
	margin-top: 0;
}
.skin-footer > .top > div > .right > .contact > .phone:after,
.skin-footer > .top > div > .right > .contact > .email:after,
.skin-footer > .top > div > .right > .contact > .clinic:after {
	content: "";
	display: block;
	clear: both;
}
.skin-footer > .top > div > .right > .contact > .phone > label,
.skin-footer > .top > div > .right > .contact > .email > label,
.skin-footer > .top > div > .right > .contact > .clinic > label {
	float: left;
	display: inline-block;
	width: 100%;
	max-width: 70px;
	height: auto;
	min-height: 20px;
	line-height: 16px;
	color: #FFF;
	font-size: 12px;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 2px 0;
	vertical-align: top;
	overflow: hidden;
}
.skin-footer > .top > div > .right > .contact > .phone > b,
.skin-footer > .top > div > .right > .contact > .email > b {
	display: block;
	width: auto;
	height: auto;
	min-height: 20px;
	line-height: 16px;
	color: #7AAECD;
	font-size: 12px;
	font-weight: 700;
	margin-left: 70px;
	padding: 2px 0;
}
.skin-footer > .top > div > .right > .contact > .phone > b > a,
.skin-footer > .top > div > .right > .contact > .email > b > a {
	text-decoration: none;
	color: inherit;
}
.skin-footer > .top > div > .right > .contact > .email > b > a {
	font-size: 10px;
}
.skin-footer > .top > div > .right > .contact > .clinic > .select {
	display: block;
	width: auto;
	height: auto;
	background: transparent;
	margin-left: 70px;
}
.skin-footer > .top > div > .right > .contact > .clinic > .select > select {
	height: 20px;
	line-height: 20px;
	color: #7AAECD;
	font-size: 12px;
	font-weight: 700;
	text-indent: 0 !important;
	border: none;
	padding: 0;
	margin: 0;
	-webkit-appearance : none;
	-moz-appearance : none
}
.skin-footer > .bottom {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 20px;
	background: #191919;
	color: #AAA;
	font-size: 12px;
	font-weight: 400;
	padding: 15px 20px;
}
		
.skin-footer > .bottom a {		
	color: #FFF;		
}		

.skin-subnavigation > ul > li.right > .extra {
	display: block;
	width: 100%;
	height: auto;
	font-size: 0;
	list-style: none;
	margin-top: 10px;
}
.skin-subnavigation > ul > li.right > .extra > li {
	display: inline-block;
	width: 33%;
	height: auto;
	padding-right: 20px;
	margin-top: 5px;
	vertical-align: top;
}
.skin-subnavigation > ul > li.right > .extra > li:nth-child(-n+3) {
	margin-top: 0;
}
.skin-subnavigation > ul > li.right > .extra > li > a {
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 20px;
	color: #FFF;
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
}
.skin-subnavigation > ul > li.right > .extra > li > a:hover {
	color: #F57A49;
}

.book-form {
		display: block;
		width: 100%;
		max-width: 420px;
		height: auto;
		padding: 20px;
	}
	.book-form > .half {
		display: inline-block;
		width: 180px;
		height: auto;
		margin-top: 10px;
		vertical-align: top;
	}
	.book-form > .half.right {
		margin-left: 20px;
	}
	.book-form > .full {
		display: block;
		width: 100%;
		height: auto;
		margin-top: 10px;
	}
	.book-form > .half:nth-child(-n+2),
	.book-form > .full:first-child {
		margin-top: 0;
	}
	.book-form > div > label {
		display: block;
		width: 100%;
		height: auto;
		line-height: 20px;
		color: #282828;
		font-size: 14px;
		font-weight: 700;
		text-align: left;
		margin-bottom: 5px;
	}
	.book-form > div > input {
		display: block;
		width: 100%;
		height: auto;
		line-height: 30px;
		color: #282828;
		font-size: 14px;
		font-weight: 400;
		font-family: 'F37Ginger', Helvetica, Arial, sans-serif;
		outline: none;
		border: 1px solid #CCC;
		padding: 0 10px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.book-form > .button.book {
		display: block;
		width: 100%;
		margin-top: 20px;
	}
	.skin-header > div > .right > .block > .book > .book-form {
		display: none;
		width: 420px;
		background: #F5F5F5;
		font-size: 0;
		margin-left: -210px;
		top: 52px;
		left: 50%;
		position: absolute;
		cursor: default;
		z-index: 100;
	}
	.skin-header > div > .right > .block > .book > .book-form:before {
		content: "";
		display: block;
		border-bottom: 8px solid #F5F5F5;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		margin-left: -8px;
		top: -8px;
		left: 50%;
		position: absolute;
	}

/* WP CSS for EDITOR */		
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float:right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.wp-caption {
	background: #fff;
	border: 1px solid #f0f0f0;
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
		
/* 
	===============
	SKIN RESPONSIVE
	===============
*/

@media (max-width: 1023px) {
	.skin-hero > .slide > .image {
		display: none;
	}
	#showOnMobile, .showOnMobile {
		display: inline !important;
	}
   	.skin-navigation > ul > li.small:hover > ul {
		display: none;
	}
	.skin-navigation > ul > li.active:hover > ul {
		display: block;
	}
	.skin-navigation > ul > li.small > ul > .column > li > a:before {
		display: none;
	}
	.skin-navigation > ul > li.small > ul > .column > li > a:hover {
		background: transparent;
	}
	.skin-navigation > ul > li.small > ul {
		background: transparent;
		top: auto;
		left: auto;
		padding: 0;
		position: relative;
	}
	.skin-navigation > ul > li.small > ul > li > a:before {
		display: none;
	}
	.skin-navigation > ul > li.small > ul > li > a:hover {
		background: transparent;
	}
	.skin-header {
		box-shadow: 0 2px 1px rgba(0, 0, 0, .25);
		z-index: 10;
	}
	.skin-header > div > .logo {
		width: 215px;
		height: 40px;
		background: url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/logo-mobile.png');
		margin: 0;
		cursor: pointer;
	}
	.skin-header > div > .right {
		background: #7AAECD;
		width: 30px;
		height: 30px;
		margin: 5px 0;
		cursor: pointer;
	}
	.skin-header > div > .right:before,
	.skin-header > div > .right:after {
		content: "";
		display: block;
		width: 30px;
		height: 6px;
		background: #FFF;
		top: 6px;
		left: 0;
		position: absolute;
	}
	.skin-header > div > .right:after {
		top: auto;
		bottom: 6px;
	}
	.skin-header > div > .right > .top,
	.skin-header > div > .right > .block {
		display: none;
	}
	.skin-navigation {
		display: none;
		width: 100%;
		height: auto;
		background: #DBECF6;
		box-shadow: none;
	}
	.skin-navigation > ul {
		border: none;
	}
	.skin-navigation > ul > li {
		display: block;
		width: 100%;
		height: auto;
		border-top: 1px solid #C9DFEC;
	}
	.skin-navigation > ul > li > a {
		display: block;
		width: 100%;
		max-width: 100%;
		height: auto;
		line-height: 20px;
		color: #4A4A4A !important;
		text-align: left;
		padding: 16px 20px 14px;
		margin: 0 auto;
	}
	.skin-navigation > ul > li > a:hover,
	.skin-navigation > ul > li.current > a,
	.skin-navigation > ul > li.active > a,
	.skin-navigation > ul > li.small:hover > a {
		background: #AFD3E7 !important;
	}
	.skin-navigation > ul > li.dropdown > a:after {
		content: "";
		width: 16px;
		height: 10px;
		background: url('./static/img/arrow-dropdown.png') center no-repeat;
		position: absolute;
		top: 20px;
		right: 20px;
	}
	.skin-navigation > ul > li.dropdown.hide-dropdown > a:after {
		display: none !important;
	}
	.skin-navigation > ul > li.dropdown.hide-dropdown > ul {
		display: none !important;
	}
	.skin-book,
	.skin-navigation > ul > li.book {
		display: block;
	}
	.skin-navigation.open + .skin-book {
		display: none;
	}
	.skin-subnavigation {
		display: none !important;
	}
	.skin-navigation > ul > li.active > ul {
		display: block;
		width: 100%;
		height: auto;
	}
	.skin-navigation > ul > li.active > ul > li {
		display: block;
		background: #161D37;
		border-top: 1px solid #4E6B87;
	}
	.skin-navigation > ul > li.active > ul > li:first-child {
		border-top: none;
	}
	.skin-navigation > ul > li.active > ul > li > a {
		display: block;
		width: 100%;
		height: auto;
		line-height: 20px;
		color: #FFF;
		font-size: 14px;
		text-align: left;
		text-decoration: none;
		padding: 16px 40px 14px;
		margin: 0 auto;
	}
	.skin-navigation > ul > li.active > ul > li > a:after {
		content: "";
		width: 10px;
		height: 16px;
		background: url('./static/img/sub-arrow-right.png') center no-repeat;
		position: absolute;
		top: 20px;
		right: 23px;
	}
 .skin-navigation > ul > li.active.top-button > ul > li {
		display: block;
	}
	.skin-navigation > ul > li.active.top-button > ul > li:first-child {
		display: block;
		width: 100%;
		height: auto;
		padding: 20px 40px;
	}
	.skin-navigation > ul > li.active.top-button > ul > li:first-child > a {
		display: inline-block;
		width: 100%;
		max-width: 300px;
		height: auto;
		line-height: 20px;
		background: #FFF;
		color: #6093B0;
		font-size: 14px;
		font-weight: 700;
		text-align: center;
		border-bottom: 2px solid #6093B0;
	}
	.skin-navigation > ul > li.active.top-button > ul > li:first-child > a:before,
	.skin-navigation > ul > li.active.top-button > ul > li:first-child > a:after {
		display: none;
	}
	.skin-navigation > ul > li.active.top-button > ul > li:last-child {
		border-bottom: none;
	}
}
@media (max-width: 996px) {
	.cta-contact {
		display: block;
		margin: 0 auto;
	}
	.skin-two-columns > .blocks {
		display: block;
		width: 100%;
		max-width: 430px;
		border: none !important;
	}
	.skin-contact-locations > table > tbody > .filter {
		background: #FFF;
		padding: 40px 20px;
	}
	.skin-contact-locations > table > tbody > .filter > .content {
		width: 100%;
		height: auto;
		max-width: 680px;
		background: transparent;
		padding: 0;
		margin: 0 auto;
	}
	.skin-title > .text > .top > div > a {
		margin-left: 0;
	}
	.skin-banner > .slide {
		padding: 40px 0 80px;
	}
	.skin-banner > .slide > .container {
		padding: 0 20px;
	}
	.skin-banner-tabs {
		display: block;
		height: 20px;
		margin: -40px 0 20px;
		text-align: center;
	}
	.skin-banner-tabs > div:before {
		display: none;
	}
	.skin-banner-tabs > div > a {
		display: inline-block;
		width: 20px;
		height: 20px;
		background: transparent;
		color: transparent;
		font-size: 0;
		border: 2px solid #FFF;
		border-radius: 50%;
		padding: 0;
		margin: 0 5px;
	}
	.skin-banner-tabs > div > a:before,
	.skin-banner-tabs > div > a.active:after {
		display: none;
	}
	.skin-banner-tabs > div > a.active,
	.skin-banner-tabs > div > a.active:hover {
		background: #7AAECD;
	}
	.skin-home-book > div,
	.skin-home-about > div,
	.skin-home-store > div,
	.skin-home-products > div,
	.skin-home-centre > div,
	.skin-home-schs > div,
	.skin-footer > .top > div {
		max-width: 680px;
	}
	.skin-home-book > div > .right,
	.skin-home-products > div > .right {
		display: none;
	}
	.skin-home-store > div > .block > .product:nth-child(3n) {
		display: none;
	}
	.skin-home-centre > div > .articles > .block {
		margin-right: 40px;
	}
	.skin-home-centre > div > .articles > .block:nth-child(3n) {
		display: none;
	}
	.skin-home-centre > div > .articles > .block:nth-child(2n) {
		margin-right: 0;
	}
	.skin-home-buttons {
		padding: 0;
	}
	.skin-home-buttons > div > a {
		display: block;
		width: 100%;
		max-width: 600px;
		min-height: 0;
		text-decoration: none;
		margin: 0 auto;

	}
	.skin-home-buttons > div > a:first-child:before,
	.skin-home-buttons > div > a:first-child:after {
		display: none;
	}
	.skin-home-buttons > div > a:after {
		display: block;
		height: 2px;
		width: 100px;
		background: #FFF;
		margin-left: -50px;
		top: 0;
		left: 50%;
	}
	.skin-home-book {
		box-shadow: none;
	}
	.skin-home-book:before,
	.skin-home-buttons > div > a > .image {
		display: none;
	}
	.skin-home-buttons > div > a > .text {
		background: transparent;
		color: #4A4A4A;
		padding: 40px 20px;
		position: relative;
		bottom: auto;
		left: auto;
	}
	.skin-home-buttons > div > a > .text > .subtext {
		display: block;
	}
	.skin-home-buttons > div > a > .text > .subtext:hover {
		text-decoration: none;
	}
	.skin-home-buttons > div > a > .text:hover {
		text-decoration: underline;
	}
	.skin-home-store:before {
		display: none;
	}
	.skin-home-schs > div > .left, .skin-about > .schs > div > .left,
	.skin-about > .schs > div > .left, .skin-about > .schs > div > .left {
		float: left;
		max-width: 60px;
		margin-right: 20px;
	}
	.skin-home-schs > div > .right,
	.skin-about > .schs > div > .right {
		display: block;
		margin-left: 0;
	}
	.skin-home-schs > div > .right > .title,
	.skin-about > .schs > div > .right > .title {
		min-height: 60px;
		padding: 10px 0;
	}
	.skin-title:before,
	.skin-about > .quote > div > .image {
		display: none;
	}
	.skin-title > .text > .bottom {
		display: block;
		width: 100%;
		height: 50px;
		line-height: 20px;
		font-size: 18px;
		font-weight: 700;
		letter-spacing: 0;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.skin-title > .image > img {
		height: 100%;
	}
	.skin-treatment-header {
		background: #FFF;
	}
	.skin-treatment-header > table,
	.skin-treatment-header > table > tbody,
	.skin-treatment-header > table > tbody > tr,
	.skin-treatment-header > table > tbody > tr > td {
		display: block;
	}
	.skin-treatment-header > table > tbody > .navigation > .left {
		display: block;
		width: 100%;
		line-height: 20px;
		background: #7AAECD;
		color: #FFF;
		font-size: 18px;
		font-weight: 400;
		padding: 16px 40px 14px;
	}
	.skin-treatment-header > table > tbody > .navigation > .left:after {
		content: "";
		display: block;
		width: 8px;
		height: 5px;
		background: url(./static/img/arrow-dropdown.png) center no-repeat;
		background-size: cover;
		top: 23px;
		right: 10px;
		position: absolute;
	}
	.skin-treatment-header > table > tbody > .navigation > .content {
		display: none;
		padding: 0;
	}
	.skin-treatment-header > table > tbody > .about > .content,
	.skin-treatment-header > table > tbody > .quote > .content {
		width: 100%;
		padding: 40px;
	}
	.skin-treatment-header > table > tbody > .quote > .content {
		width: 100%;
		padding-left: 90px;
	}
	.skin-about-profile > .header > div > .left,
	.skin-about-profile > .bio > div > .text {
		display: block;
		margin: 0 auto;
	}
	.skin-about-profile > .header > div > .right {
		/*display: none;*/
		display: block;
		margin: 0 auto;
	}
	.skin-about-team > div > .filter {
		display: none;
	}
	.skin-about-team > div > .block {
		max-width: 590px;
		margin: 0 auto;
	}
	.skin-about-team > div > .block > .box:nth-child(-n+3) {
		margin-top: 30px;
	}
	.skin-about-team > div > .block > .box:nth-child(-n+2) {
		margin-top: 0;
	}
	.skin-about-team > div > .block > .box:nth-child(3n) {
		margin-right: 30px;
	}
	.skin-about-team > div > .block > .box:nth-child(2n) {
		margin-right: 0;
	}
	.skin-about > .header,
	.skin-about > .quote,
	.skin-about > .consultation,
	.skin-about > .services,
	.skin-about > .team {
		min-height: 0;
		padding: 40px 0;
	}
	.skin-about > .team {
		padding-bottom: 0;
	}
	.skin-about > .header > div,
	.skin-about > .quote > div,
	.skin-about > .consultation > div,
	.skin-about > .services > div,
	.skin-about > .team > div {
		max-width: 640px;
		padding: 0;
		margin: 0 auto;
	}
	.skin-about > .consultation > div > .right {
		display: none;
	}
	.skin-about > .team > div > .left {
		max-width: 100%;
	}
	.skin-about > .team > div > .right {
		display: block;
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.skin-about > .team > div > .right > img {
		display: block;
		width: 100%;
		height: auto;
	}
	.skin-blog-header > table,
	.skin-blog-header > table > tbody,
	.skin-blog-header > table > tbody > tr,
	.skin-blog-header > table > tbody > tr > td {
		display: block;
	}
	.skin-store-header > table > tbody > .list > .content,
	.skin-blog-header > table > tbody > .list > .content,
	.skin-blog-header > table > tbody > .main > .content {
		width: 100%;
	}
	.skin-store-header > table > tbody > .list > .content,
	.skin-store-header > table > tbody > .list > .content > .categories,
	.skin-blog-header > table > tbody > .list > .content > .categories {
		padding: 0;
	}
	.skin-store-header > table > tbody > .list > .content > .categories {
		display: none;
	}
	.skin-store-header > table > tbody > .list > .content > .categories:first-child {
		display: block;
	}
	.skin-store-header > table > tbody > .list > .content > .categories > .links,
	.skin-blog-header > table > tbody > .list > .content > .subscribe,
	.skin-blog-header > table > tbody > .list > .content > .categories > .links {
		display: none;
	}
	.skin-store-header > table > tbody > .list > .content > .categories > .title,
	.skin-blog-header > table > tbody > .list > .content > .categories > .title {
		display: block;
		width: 100%;
		height: 50px;
		line-height: 50px;
		background: #7AAECD;
		color: #FFF;
		font-size: 18px;
		font-weight: 700;
		padding: 0 40px;
		margin: 0;
	}
	.skin-store-header > table > tbody > .list > .content > .categories > .title:after,
	.skin-blog-header > table > tbody > .list > .content > .categories > .title:after {
		content: "";
		float: right;
		display: block;
		width: 16px;
		height: 10px;
		background: url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/icon-arrow-down-white.png');
		margin: 20px 0;
	}
	.skin-blog-header > table > tbody > .main {
		background: #FFF;
	}
	.skin-blog-header > table > tbody > .main > .content,
	.skin-blog-header > table > tbody > .extra > .content,
	.skin-blog-header > table > tbody > .articles > .content {
		padding: 40px;
	}
	.skin-blog-header > table > tbody > .main > .content {
		max-width: 760px;
		margin: 0 auto;
	}
	.skin-blog-header > table > tbody > .articles > .content > .stack {
		max-width: 680px;
		margin: 0 auto;
	}
	.skin-blog-header > table > tbody > .extra > .content {
		text-align: center;
	}
	.skin-resources-post > div > .left {
		display: block;
		margin: 0 auto;
	}
	.skin-resources-post > div > .left > .footer > .tags,
	.skin-blog-header > table > tbody > .main > .content > .footer > .tags {
		display: block;
		margin: 20px 0 0;
	}
	.skin-resources-post > div > .left > .footer > .extra > .previous,
	.skin-resources-post > div > .left > .footer > .extra > .next,
	.skin-blog-header > table > tbody > .extra > .content > .previous,
	.skin-blog-header > table > tbody > .extra > .content > .next {
		display: inline-block;
		width: 50%;
		border-right: 1px solid #F5F5F5;
		margin: 0 auto;
	}
	.skin-resources-post > div > .left > .footer > .extra > .next,
	.skin-blog-header > table > tbody > .extra > .content > .next {
		border-right: none;
		border-left: 1px solid #F5F5F5;
	}
	.skin-resources-post > div > .left > .footer > .extra > .previous,
	.skin-resources-post > div > .left > .footer > .extra > .next {
		border-color: #FFF;
	}
	.skin-resources-post > div > .left > .footer > .extra > .previous > .block,
	.skin-resources-post > div > .left > .footer > .extra > .next > .block,
	.skin-blog-header > table > tbody > .extra > .content > .previous > .block,
	.skin-blog-header > table > tbody > .extra > .content > .next > .block {
		margin: 0 auto;
	}
	.skin-resources-post > div > .left > .footer > .extra > .previous > .block > .button,
	.skin-resources-post > div > .left > .footer > .extra > .next > .block > .button,
	.skin-blog-header > table > tbody > .extra > .content > .previous > .block > .button,
	.skin-blog-header > table > tbody > .extra > .content > .next > .block > .button {
		display: block;
		width: 100%;
		max-width: none;
		height: auto;
	}
	.skin-resources-post > div > .left > .footer > .extra > .previous > .block > .image,
	.skin-resources-post > div > .left > .footer > .extra > .next > .block > .image,
	.skin-resources-post > div > .left > .footer > .extra > .previous > .title,
	.skin-resources-post > div > .left > .footer > .extra > .previous > .extra,
	.skin-resources-post > div > .left > .footer > .extra > .next > .title,
	.skin-resources-post > div > .left > .footer > .extra > .next > .extra,
	.skin-blog-header > table > tbody > .extra > .content > .previous > .block > .image,
	.skin-blog-header > table > tbody > .extra > .content > .next > .block > .image,
	.skin-blog-header > table > tbody > .extra > .content > .previous > .title,
	.skin-blog-header > table > tbody > .extra > .content > .previous > .extra,
	.skin-blog-header > table > tbody > .extra > .content > .next > .title,
	.skin-blog-header > table > tbody > .extra > .content > .next > .extra {
		display: none;
	}
	.skin-resources-popular,
	.skin-resources-post > div > .right {
		display: none;
	}
	.skin-store-header > table,
	.skin-store-header > table > tbody,
	.skin-store-header > table > tbody > tr,
	.skin-store-header > table > tbody > tr > td,
	.skin-store-category > table,
	.skin-store-category > table > tbody,
	.skin-store-category > table > tbody > tr,
	.skin-store-category > table > tbody > tr > td,
	.skin-contact > table,
	.skin-contact > table > tbody,
	.skin-contact > table > tbody > tr,
	.skin-contact > table > tbody > tr > td,
	.skin-contact-locations > table,
	.skin-contact-locations > table > tbody,
	.skin-contact-locations > table > tbody > tr,
	.skin-contact-locations > table > tbody > tr > td,
	.skin-contact-details > table,
	.skin-contact-details > table > tbody,
	.skin-contact-details > table > tbody > tr,
	.skin-contact-details > table > tbody > tr > td,
	.skin-search > table,
	.skin-search > table > tbody,
	.skin-search > table > tbody > tr,
	.skin-search > table > tbody > tr > td {
		display: block;
	}
	.skin-contact > table > tbody > .list > .content,
	.skin-contact-locations > table > tbody > .list > .content,
	.skin-contact-details > table > tbody > .list > .content{
		width: 100%;
		padding: 0;
	}
	.skin-contact > table > tbody > .list > .content > .title,
	.skin-contact-locations > table > tbody > .list > .content > .title,
	.skin-contact-details > table > tbody > .list > .content > .title {
		display: block;
		width: 100%;
		line-height: 20px;
		background: #7AAECD;
		color: #FFF;
		font-size: 18px;
		font-weight: 400;
		padding: 16px 40px 14px;
	}
	.skin-contact > table > tbody > .list > .content > .title:after,
	.skin-contact-locations > table > tbody > .list > .content > .title:after,
	.skin-contact-details > table > tbody > .list > .content > .title:after {
		content: "";
		display: block;
		width: 8px;
		height: 5px;
		background: url(./static/img/arrow-dropdown.png) center no-repeat;
		background-size: cover;
		top: 23px;
		right: 10px;
		position: absolute;
	}
	.skin-contact > table > tbody > .list > .content > .locations,
	.skin-contact-locations > table > tbody > .list > .content > .locations,
	.skin-contact-details > table > tbody > .list > .content > .locations {
		display: none;
		padding: 30px 40px;
	}
	.skin-search > table > tbody > .list > .content > .categories {
		display: none;
	}
	.skin-contact-locations > table > tbody > .regions > .content,
	.skin-contact > table > tbody > .overview > .content,
	.skin-contact > table > tbody > .appointment > .content,
	.skin-contact-details > table > tbody > .overview > .content,
	.skin-contact-details > table > tbody > .appointment > .content,
	.skin-contact-details > table > tbody > .staff > .content {
		width: 100%;
		max-width: 680px;
		background: transparent;
		padding: 0;
		margin: 0 auto;
	}
	.skin-contact-locations > table > tbody > .regions {
		background: #FFF;
		padding: 40px;
	}
	.skin-contact-locations > table > tbody > .regions:nth-child(odd) {
		background: #F5F5F5;
	}
	.skin-contact > table > tbody > .overview,
	.skin-contact-details > table > tbody > .overview {
		background: #FFF;
		padding: 40px;
	}
	.skin-contact > table > tbody > .appointment,
	.skin-contact-details > table > tbody > .appointment {
		background: #F5F5F5;
		padding: 40px;
	}
	.skin-contact-details > table > tbody > .staff {
		background: #FFF;
		padding: 40px;
	}
	.skin-contact-details > table > tbody > .staff > .content {
		max-width: 600px;
	}
	.skin-search > table > tbody > .list > .content {
		display: block;
		width: 100%;
		height: auto;
		padding: 0;
	}
	.skin-search > table > tbody > .list > .content > .refine > .title,
	.skin-search > table > tbody > .list > .content > .popular {
		display: none;
	}
	.skin-search > table > tbody > .list > .content > .categories > .title {
		display: block;
		width: 100%;
		height: 50px;
		line-height: 50px;
		background: #258095;
		color: #FFF;
		font-size: 18px;
		font-weight: 700;
		padding: 0 40px;
		margin: 0;
	}
	.skin-search > table > tbody > .list > .content > .categories > .title:after {
		content: "";
		float: right;
		display: block;
		width: 16px;
		height: 10px;
		background: url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/icon-arrow-down-white.png');
		margin: 20px 0;
	}
	.skin-search > table > tbody > .list > .content > .categories > .list {
		display: none;
		padding: 30px 40px;
	}
	.skin-search > table > tbody > .list > .content > .refine {
		display: block;
		width: 100%;
		height: auto;
		background: #FFF;
		padding: 40px 40px 0;
	}
	.skin-search > table > tbody > .list > .content > .refine > .form {
		display: block;
		max-width: 680px;
		background: #FFF;
		border: none;
		padding: 0 40px 0 0;
		margin: 0 auto;
	}
	.skin-search > table > tbody > .list > .content > .refine > .form > .input {
		max-width: 100%;
		border-color: #282828;
	}
	.skin-search > table > tbody > .list > .content > .refine > .form > .submit {
		background-image: url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/icon-search-blue.png');
		border-color: #282828;
		top: 0;
		right: 0;
		position: absolute;
	}
	.skin-search > table > tbody > .results {
		background: #FFF;
		padding: 40px;
	}
	.skin-search > table > tbody > .results > .content {
		width: 100%;
		max-width: 680px;
		padding: 0;
		margin: 0 auto;
	}
	.skin-contact > table > tbody > .list > .content > .title,
	.skin-contact-locations > table > tbody > .list > .content > .title,
	.skin-contact-details > table > tbody > .list > .content > .title {
		background: #7AAECD;
	}
	.skin-blog-header > table > tbody > .list > .content > .subscribe,
	.skin-store-header > table > tbody > .list > .content > .categories > .links,
	.skin-blog-header > table > tbody > .list > .content > .categories > .links {
		background: #C1F0FB;
	}
	.skin-store-header > table > tbody > .list > .content > .categories > .links,
	.skin-blog-header > table > tbody > .list > .content > .categories > .links {
		padding: 10px 0;
	}
	.skin-store-header > table > tbody > .list > .content > .categories > .links > a,
	.skin-blog-header > table > tbody > .list > .content > .categories > .links > a {
		line-height: 20px;
		color: #4A4A4A;
		margin-bottom: 0;
		border: 5px solid transparent;
		border-left-width: 40px;
		border-right-width: 40px;
	}
	.skin-store-header > table > tbody > .list > .content > .categories > .links > a:before,
	.skin-blog-header > table > tbody > .list > .content > .categories > .links > a:before {
		background-image: url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/icon-arrow-right-blue.png');
		top: 6px;
	}
	.skin-resources-top {
		padding: 0;
	}
	.skin-resources-top > div {
		border: none;
		padding: 0;
	}
	.skin-resources-top > div > .sort {
		display: block;
		padding: 20px;
		margin: 0 auto;
	}
	.skin-resources-top > div > .sort > .category {
		display: none;
		width: 100%;
	}
	.skin-resources-top > div > .sort > .search {
		float: none;
		display: block;
		width: 100%;
		padding-right: 40px;
	}
	.skin-resources-top > div > .sort > .search > .input {
		display: block;
		width: 100%;
		height: auto;
	}
	.skin-resources-top > div > .sort > .search > .submit {
		top: 0;
		right: 0;
		position: absolute;
	}
	.skin-resources-top > div > .left {
		display: block;
		max-width: 760px;
		padding: 40px;
		margin: 0 auto;
	}
	.skin-resources-top > div > .left > .main {
		display: block;
	}
	.skin-resources-top > div > .left > .main > .content {
		border: 20px solid transparent;
		padding: 0 0 62px;
	}
	.skin-resources-top > div > .left > .main > .content > .enter {
		float: none;
		display: block;
		bottom: 0;
		left: 0;
		position: absolute;
	}
	.skin-resources-top > div > .right {
		display: none;
	}
	.skin-resources-top > div > .left > .articles {
		display: block;
		max-width: 450px;
		margin: 0 auto;
	}
	.skin-resources-top > div > .left > .articles > .box,
	.skin-resources-top > div > .left > .articles > .box:nth-child(3n),
	.skin-resources-top > div > .left > .articles > .box:nth-child(-n+3) {
		margin-top: 10px;
	}
	.skin-resources-top > div > .left > .articles > .box:nth-child(-n+2) {
		margin-top: 0;
	}
	.skin-resources-top > div > .left > .articles > .box:nth-child(2n) {
		margin-right: 0;
	}
	.skin-resources-bottom > div > .block {
		display: block;
		max-width: 360px;
		margin: 20px auto 0;
	}
	.skin-resources-bottom > div > .block:first-child {
		margin-top: 0;
	}
	.skin-resources-bottom > div > .block > .right {
		display: block;
		max-width: none;
		margin: 10px 0 0;
	}
	.breadcrumb {
		display: none;
	}
	.skin-store-product > div > .featured > .gallery {
		display: block;
		margin: 0 auto;
	}
	.skin-store-product > div > .featured > .right {
		display: block;
		margin: 40px auto 0;
	}
	.skin-store-product > div > .tabs > .top {
		display: block;
		width: 100%;
		text-align: center;
	}
	.skin-store-product > div > .tabs > .top > .nav {
		width: 33%;
		max-width: none;
		margin-right: 0 !important;
	}
	.skin-store-product > div > .tabs > .top > .nav:nth-child(2) {
		border-left: 2px solid #FFF;
		border-right: 2px solid #FFF;
	}
	.skin-store-product > div > .reviews {
		display: block;
		max-width: 465px;
		margin: 0 auto;
	}
	.skin-store-product > div > .reviews > .block > .box,
	.skin-store-product > div > .reviews > .block > .box:nth-child(2n) {
		margin-top: 10px;
		margin-left: 0;
	}
	.skin-store-product > div > .reviews > .block > .box:first-child {
		margin-top: 0;
	}
	.skin-store-related {
		padding: 40px;
	}
	.skin-store-related > div {
		display: block;
		max-width: 700px;
		border: none;
		padding: 0;
	}
	.skin-store-related > div > .block > .product:nth-child(4n),
	.skin-store-related > div > .block > .product:nth-child(-n+4) {
		margin-top: 20px;
		margin-right: 20px;
	}
	.skin-store-related > div > .block > .product:nth-child(3n) {
		margin-right: 0;
	}
	.skin-store-related > div > .block > .product:nth-child(-n+3) {
		margin-top: 0;
	}
	.skin-store-header > table > tbody > .featured,
	.skin-store-header > table > tbody > .top-sellers {
		display: block;
		width: 100%;
		background: #FFF;
		padding: 40px;
	}
	.skin-store-header > table > tbody > .top-sellers {
		background: #F5F5F5;
	}
	.skin-store-header > table > tbody > .featured > .content,
	.skin-store-header > table > tbody > .top-sellers > .content {
		display: block;
		width: 100%;
		max-width: 680px;
		background: transparent;
		padding: 0;
		margin: 0 auto;
	}
	.skin-store-category > table > tbody > .list {
		display: none;
	}
	.skin-store-category > table > tbody > .products {
		background: #FFF;
		padding: 40px;
	}
	.skin-store-category > table > tbody > .products > .content {
		display: block;
		width: 100%;
		max-width: 680px;
		background: transparent;
		border: none;
		padding: 0;
		margin: 0 auto;
	}
	.skin-store-category > table > tbody > .products > .content > .block {
		display: block;
		width: 100%;
		max-width: 680px;
		margin: 0 auto;
	}
	.skin-treatment-header > table > tbody > .about > .content > .image {
		display: none;
	}
	.skin-treatment-header > table > tbody > .about > .content {
		max-width: 450px;
		/*margin: 0 auto;*/
	}
	.skin-treatment-header > table > tbody > .book > .content > .left {
		display: block;
		margin: 0 auto;
	}
	.skin-treatment-header > table > tbody > .book > .content > .right {
		display: none;
	}
	.skin-treatment-header > table > tbody > .quote > .content > .left {
		max-width: none;
	}
	.skin-treatment-header > table > tbody > .details {
		background: #FFF;
		padding: 40px;
	}
	.skin-treatment-header > table > tbody > .details > .content {
		display: block;
		width: 100%;
		max-width: 680px;
		height: auto;
		border: none;
		padding: 0;
	}
	.skin-treatment-header > table > tbody > .why > .content > .left {
		display: block;
		max-width: none;
		margin-bottom: 40px;
	}
	.skin-treatment-header > table > tbody > .why > .content > .right {
		display: table;
		max-width: 100%;
		margin: 0 auto;
	}
	.skin-treatment-header > table > tbody > .why > .content > .right > img {
		max-width: 100%;
	}
	.skin-treatment-header > table > tbody > .book {
		background: #F5F5F5;
		padding: 40px;
	}
	.skin-treatment-header > table > tbody > .book > .content {
		border: none;
		padding: 0;
	}
	.skin-treatment-header > table > tbody > .video,
	.skin-treatment-header > table > tbody > .results {
		background: #FFF;
		padding: 40px;
	}
	.skin-treatment-header > table > tbody > .video > .content,
	.skin-treatment-header > table > tbody > .results > .content {
		display: block;
		max-width: 680px;
		padding: 0;
		margin: 0 auto;
	} 
	.skin-treatment-header > table > tbody > .results {
		background: #F5F5F5;
	}
	.skin-contact > table > tbody > .appointment > .content > .left {
		display: block;
		margin: 0 auto;
	}
	.skin-treatment-header > table > tbody > .navigation > .content {
		width: 100%;
	}
	.skin-wrapper {
		padding-bottom: 310px;
		margin-bottom: -310px;
	}
	.skin-footer {
		height: 310px;
	}
	.skin-footer > .top > div > .left {
		display: none;
	}
	.skin-footer > .top > div > .middle,
	.skin-footer > .top > div > .right {
		height: 220px;
	}
	.skin-home-extra {
		display: none;
	}
}
@media (max-width: 796px) {
	.skin-store-related > div {
		max-width: 460px;
	}
	.skin-store-related > div > .block > .product:nth-child(3n),
	.skin-store-related > div > .block > .product:nth-child(-n+3) {
		margin-top: 20px;
		margin-right: 20px;
	}
	.skin-store-related > div > .block > .product:nth-child(2n) {
		margin-right: 0;
	}
	.skin-store-related > div > .block > .product:nth-child(-n+2) {
		margin-top: 0;
	}
}
@media (max-width: 776px) {
	.skin-blog-header > table > tbody > .articles > .content > .stack {
		max-width: 320px;
	}
	.skin-blog-header > table > tbody > .articles > .content > .stack > .block {
		margin-right: 0 !important;
	}
	.skin-blog-header > table > tbody > .articles > .content > .stack > .block:nth-child(2) {
		margin-top: 40px;
	}
	.skin-contact > table > tbody > .overview > .content > .block > .left,
	.skin-contact-details > table > tbody > .overview > .content > .block > .left {
		display: block;
	}
	.skin-contact-details > table > tbody > .overview > .content > .block > .gallery {
		display: block;
		width: 100%;
		max-width: 100%;
		height: auto;
		padding-left: 380px;
		margin: 0;
		top: 101px;
		right: 0;
		position: absolute;
	}
	.skin-contact-details > table > tbody > .overview > .content > .block > .gallery > .bottom {
		display: none;
	}
	.skin-contact-details > table > tbody > .overview > .content > .block > .right {
		display: none;
	}
	.skin-contact > table > tbody > .appointment > .content > .left,
	.skin-contact-details > table > tbody > .appointment > .content > .left {
		display: block;
		margin: 0 auto;
	}
	.skin-contact > table > tbody > .appointment > .content > .right,
	.skin-contact-details > table > tbody > .appointment > .content > .right {
		display: none;
	}
	.skin-contact-locations > table > tbody > .regions > .content > .region {
		display: block;
		max-width: 450px;
		margin: 0 auto;
	}
	.skin-contact-locations > table > tbody > .regions > .content > .region > .block > .box,
	.skin-contact-locations > table > tbody > .regions > .content > .region > .block > .box:nth-child(3n) {
		margin-right: 30px;
	}
	.skin-contact-locations > table > tbody > .regions > .content > .region > .block > .box:nth-child(-n+3) {
		margin-top: 30px;
	}
	.skin-contact-locations > table > tbody > .regions > .content > .region > .block > .box:nth-child(-n+2) {
		margin-top: 0;
	}
	.skin-contact-locations > table > tbody > .regions > .content > .region > .block > .box:nth-child(2n) {
		margin-right: 0;
	}
	.skin-store-header > table > tbody > .featured > .content,
	.skin-store-header > table > tbody > .top-sellers > .content {
		max-width: 460px;
	}
	.skin-store-header > table > tbody > .featured > .content > .block > .product,
	.skin-store-header > table > tbody > .featured > .content > .block > .product:nth-child(-n+3),
	.skin-store-header > table > tbody > .featured > .content > .block > .product:nth-child(3n),
	.skin-store-header > table > tbody > .top-sellers > .content > .block > .product,
	.skin-store-header > table > tbody > .top-sellers > .content > .block > .product:nth-child(-n+3),
	.skin-store-header > table > tbody > .top-sellers > .content > .block > .product:nth-child(3n) {
		margin: 20px 20px 0 0;
	}
	.skin-store-header > table > tbody > .featured > .content > .block > .product:nth-child(-n+2),
	.skin-store-header > table > tbody > .top-sellers > .content > .block > .product:nth-child(-n+2) {
		margin-top: 0;
	}
	.skin-store-header > table > tbody > .featured > .content > .block > .product:nth-child(2n),
	.skin-store-header > table > tbody > .top-sellers > .content > .block > .product:nth-child(2n) {
		margin-right: 0;
	}

	.skin-store-category > table > tbody > .products > .content > .block {
		max-width: 450px;
	}
	.skin-store-category > table > tbody > .products > .content > .block > .product:nth-child(3n) {
		margin-right: 10px;
	}
	.skin-store-category > table > tbody > .products > .content > .block > .product:nth-child(-n+3) {
		margin-top: 10px;
	}
	.skin-store-category > table > tbody > .products > .content > .block > .product:nth-child(2n) {
		margin-right: 0;
	}
	.skin-store-category > table > tbody > .products > .content > .block > .product:nth-child(-n+2) {
		margin-top: 0;
	}
	.skin-store-category > table > tbody > .products > .content > .extra {
		background: transparent;
		padding: 0;
	}
	.skin-store-category > table > tbody > .products > .content > .extra > .display {
		display: none;
	}
	.skin-store-category > table > tbody > .products > .content > .extra > .sort {
		display: block;
		max-width: none;
		height: auto;
	}
	.skin-store-category > table > tbody > .products > .content > .extra > .sort > .title {
		display: block;
		width: auto;
		text-align: left;
		padding: 0;
		margin-bottom: 5px;
	}
	.skin-store-category > table > tbody > .products > .content > .extra > .sort > .select {
		display: block;
		max-width: none;
	}
	.skin-treatment-header > table > tbody > .results > .content > .photos {
		display: block;
		width: 100%;
		max-width: 332px;
	}
	.skin-treatment-header > table > tbody > .results > .content > .photos > .image {
		width: 50%;
		height: auto;
		border-right: 1px solid #FFF;
		margin-top: 10px;
		margin-right: 0 !important;
	}
	.skin-treatment-header > table > tbody > .results > .content > .photos > .image:nth-child(2n) {
		border-right: none;
		border-left: 1px solid #FFF;
	}
	.skin-treatment-header > table > tbody > .results > .content > .photos > .image:nth-child(-n+2) {
		margin-top: 0;
	}
	.skin-treatment-header > table > tbody > .results > .content > .photos > .image:before {
		display: none;
	}
}
@media (max-width: 766px) {
	.skin-navigation > ul > li.active.top-button > ul > li:first-child {
		padding-left: 20px;
		padding-right: 20px;
	}
	.skin-contact-locations > table > tbody > .filter > .content > .block {
		padding-bottom: 20px;
	}

	.skin-treatment-header > table > tbody > .about > .content > .title,
	.skin-treatment-header > table > tbody > .about > .content > .text,
	.skin-treatment-header > table > tbody > .quote > .content {
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
	}
	.skin-treatment-header > table > tbody > .quote {
		background: #258095;
	}
	.skin-treatment-header > table > tbody > .quote > .content,
	.skin-about > .quote > div > .text,
	.skin-about > .testimonial > div > .text {
		max-width: 640px;
		padding: 40px 20px;
	}
	.skin-about > .quote > div > .text,
	.skin-about > .testimonial > div > .text {
		padding: 0;
	}
	.skin-treatment-header > table > tbody > .quote > .content:before,
	.skin-about > .quote > div > .text:before,
	.skin-about > .testimonial > div > .text:before {
		margin-bottom: 10px;
		top: auto;
		left: auto;
		position: relative;
	}
	.skin-treatment-header > table > tbody > .quote > .content > .line,
	.skin-treatment-header > table > tbody > .quote > .content > .left > .line {
		max-width: 100%;
		margin-bottom: 20px;
	}
	.skin-treatment-header > table > tbody > .quote > .content > .right {
		display: block;
		max-width: none;
		margin-left: 0;
	}
	.skin-treatment-header > table > tbody > .quote > .content > .right > .image,
	.skin-treatment-header > table > tbody > .quote > .content > .image {
		float: left;
		display: inline-block;
		width: 80px;
		height: 80px;
		background: #CCE3E8;
		border-radius: 50%;
		bottom: auto;
		right: auto;
		overflow: hidden;
		position: relative;
		vertical-align: top;
	}
	.skin-treatment-header > table > tbody > .quote > .content > .right > .image > img,
	.skin-treatment-header > table > tbody > .quote > .content > .image > img {
		width: 120px;
		margin-left: -15px;
	}
	.skin-treatment-header > table > tbody > .quote > .content > .right > .bottom,
	.skin-treatment-header > table > tbody > .quote > .content > .bottom {
		display: block;
		width: auto;
		height: auto;
		padding-left: 100px;
	}
	.skin-treatment-header > table > tbody > .quote > .content > .right > .bottom:after,
	.skin-treatment-header > table > tbody > .quote > .content > .bottom:after {
		content: "";
		display: inline-block;
		width: 0;
		height: 80px;
		vertical-align: middle;
	}
	.skin-treatment-header > table > tbody > .quote > .content > .right > .bottom > .details,
	.skin-treatment-header > table > tbody > .quote > .content > .bottom > .details {
		display: inline-block;
		vertical-align: middle;
	}
	.skin-treatment-header > table > tbody > .quote > .content > .right > .bottom > .details > .quoter,
	.skin-treatment-header > table > tbody > .quote > .content > .right > .bottom > .details > .position,
	.skin-treatment-header > table > tbody > .quote > .content > .bottom > .details > .quoter,
	.skin-treatment-header > table > tbody > .quote > .content > .bottom > .details > .position {
		padding-left: 0;
		margin-bottom: 0;
	}
	.skin-treatment-categories {
		padding: 0;
	}
	.skin-treatment-categories > div {
		border: none;
		padding: 0;
	}
	.skin-treatment-categories > div > .block {
		border: none;
		padding-bottom: 0;
		margin: 0;
	}
	.skin-treatment-categories > div > .block > .left {
		display: block;
		max-width: 100%;
		height: 150px;
	}
	.skin-treatment-categories > div > .block > .left > img {
		vertical-align: bottom;
	}
	.skin-treatment-categories > div > .block > .middle {
		max-width: 100%;
		margin: 0;
	}
	.skin-treatment-categories > div > .block > .middle > .title {
		display: block;
		width: 100%;
		height: 40px;
		line-height: 40px;
		background: rgba(255, 255, 255, .75);
		background: #FFF \9;
		font-size: 20px;
		font-weight: 400;
		padding: 0 20px;
		margin: 0;
		text-align: left;
		top: -40px;
		left: 0;
		position: absolute;
	}
	.skin-treatment-categories > div > .block > .middle > .title:before,
	.skin-treatment-categories > div > .block > .middle > .title:after {
		display: none;
	}
	.skin-treatment-categories > div > .block > .middle > .text {
		padding: 20px;
	}
	.skin-treatment-categories > div > .block > .right {
		max-width: 100%;
	}
	.skin-treatment-categories > div > .block > .right > .title {
		display: block;
		width: 100%;
		line-height: 20px;
		background: #7AAECD;
		color: #FFF;
		font-size: 18px;
		font-weight: 400;
		padding: 16px 40px 14px;
		margin: 0;
	}
	.skin-treatment-categories > div > .block > .right > .title:after {
		content: "";
		display: block;
		width: 8px;
		height: 5px;
		background: url('./static/img/arrow-dropdown.png') center no-repeat;
		background-size: cover;
		top: 23px;
		right: 10px;
		position: absolute;
	}
	.skin-treatment-categories > div > .block > .right > .links {
		display: none;
		background: #AFD3E7;
		padding: 15px 0;
	}
	.skin-treatment-categories > div > .block > .right > .links > a {
		display: block;
		width: auto;
		height: auto;
		line-height: 20px;
		color: #585E62;
		font-size: 13px;
		font-weight: 400;
		text-decoration: none;
		padding: 6px 20px 4px 33px;
	}
	.skin-treatment-categories > div > .block > .right > .links > a:before {
		background-image: url('./static/img/extra-arrow-right.png');
		top: 11px;
		left: 20px;
	}
	.skin-footer > .top,
	.skin-about-profile > .header,
	.skin-about-profile > .bio,
	.skin-about-team,
	.skin-resources-post,
	.skin-resources-bottom,
	.skin-store-product,
	.skin-treatment-header > table > tbody > .about > .content,
	.skin-treatment-header > table > tbody > .quote > .content {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.skin-footer > .bottom,
	.skin-footer > .top > div,
	.skin-title > .text > .top > div,
	.skin-title > .text > .bottom > div,
	.skin-about-profile > .header > div,
	.skin-about-profile > .bio > div,
	.skin-about-team > div,
	.skin-about > .header > div,
	.skin-about > .quote > div,
	.skin-resources-post > div,
	.skin-resources-bottom > div,
	.skin-store-product > div {
		padding-left: 0;
		padding-right: 0;
	}
	.skin-treatment-header > table > tbody > .navigation > .left,
	.skin-treatment-header > table > tbody > .about > .content,
	.skin-treatment-header > table > tbody > .quote > .content,
	.skin-treatment-categories > div > .block > .middle > .text,
	.skin-treatment-categories > div > .block > .right > .title,
	.skin-blog-header > table > tbody > .list > .content > .categories > .title,
	.skin-contact > table > tbody > .list > .content > .title,
	.skin-contact-locations > table > tbody > .list > .content > .title,
	.skin-contact-details > table > tbody > .list > .content > .title,
	.skin-search > table > tbody > .list > .content > .categories > .title,
	.skin-store-header > table > tbody > .list > .content > .categories > .title,
	.skin-navigation > ul > li > a,
	.skin-navigation > ul > li.active > ul > li > a {
		padding-left: 20px;
		padding-right: 20px;
	}
	.skin-blog-header > table > tbody > .main > .content,
	.skin-blog-header > table > tbody > .articles > .content,
	.skin-blog-header > table > tbody > .extra > .content,
	.skin-contact-locations > table > tbody > .regions,
	.skin-contact > table > tbody > .overview,
	.skin-contact > table > tbody > .appointment,
	.skin-contact-details > table > tbody > .overview,
	.skin-contact-details > table > tbody > .appointment,
	.skin-contact-details > table > tbody > .staff,
	.skin-search > table > tbody > .results,
	.skin-resources-top > div > .left,
	.skin-store-related,
	.skin-store-header > table > tbody > .featured,
	.skin-store-header > table > tbody > .top-sellers,
	.skin-store-category > table > tbody > .products,
	.skin-treatment-header > table > tbody > .details,
	.skin-treatment-header > table > tbody > .book,
	.skin-treatment-header > table > tbody > .video,
	.skin-treatment-header > table > tbody > .results,
	.skin-search > table > tbody > .list > .content > .refine {
		padding: 20px;
	}
	.skin-search > table > tbody > .list > .content > .refine {
		padding-bottom: 0;
	}
	.skin-resources-top > div > .left {
		max-width: 720px;
	}
	.skin-contact > table > tbody > .list > .content > .locations,
	.skin-contact-locations > table > tbody > .list > .content > .locations,
	.skin-contact-details > table > tbody > .list > .content > .locations,
	.skin-search > table > tbody > .list > .content > .categories > .list {
		padding: 15px 20px;
	}
	.skin-contact-locations > table > tbody > .regions > .content > .filter,
	.skin-contact-details > table > tbody > .overview > .content > .block > .title,
	.skin-search > table > tbody > .results > .content > .title {
		padding-bottom: 20px;
	}
	.skin-store-header > table > tbody > .list > .content > .categories > .links > a,
	.skin-blog-header > table > tbody > .list > .content > .categories > .links > a {
		border-left-width: 20px;
		border-right-width: 20px;
	}
	.skin-contact-details > table > tbody > .overview > .content > .block > .gallery {
		top: 81px;
	}
}
@media (max-width: 686px) {
	.skin-hero {
		display: none;
	}
	.skin-banner {
		height: auto;
	}
	.skin-banner > .slide {
		padding: 0;
		height: auto;
	}
	.skin-banner > .slide > .image {
		display: block;
		width: 100%;
		height: auto;
		bottom: auto;
		left: auto;
		position: relative;
	}
	.skin-banner > .slide > .image > img {
		width: 100%;
		min-width: 0;
		min-height: 0;
	}
	.skin-banner > .slide > .container {
		padding: 0;
		border: none;
	}
	.skin-banner > .slide > .container:before {
		display: none;
	}
	.skin-banner > .slide > .container > .box {
		display: block;
		width: 100%;
		height: auto;
		background: #282828;
	}
	.skin-banner > .slide > .container > .box {
		padding-bottom: 60px;
	}
	.skin-banner > .slide > .container > .box > .title {
		display: block;
		width: auto;
		height: auto;
		line-height: 30px;
		font-size: 24px;
	}
	.skin-banner > .slide > .container > .box > .title > br {
		display: none;
	}
	.skin-banner > .slide > .container > .box > .text {
		display: none;
	}
	.skin-banner > .slide > .container > .box > .more {
		display: block;
		width: 100%;
		height: auto;
	}
	.skin-home-schs > div > .right > .title,
	.skin-about > .schs > div > .right > .title {
		max-width: 250px;
		line-height: 30px;
		font-size: 24px;
		font-weight: 400;
		text-align: left;
		padding: 0;
	}
	.skin-home-book > div > .left > .title,
	.skin-home-about > div > .left > .title,
	.skin-home-store > div > .title,
	.skin-home-book > div > .title,
	.skin-home-centre > div > .title {
		line-height: 30px;
		font-size: 24px;
		font-weight: 400;
		margin-bottom: 10px;
	}
	.skin-home-products > div > .left > .categories > .product {
		display: block;
		width: 100%;
	}
	.skin-home-store > div > .block > .product:nth-child(2n),
	.skin-home-centre > div > .articles > .block:nth-child(2n) {
		display: none;
	}
	.skin-home-store > div > .block > .product,
	.skin-home-centre > div > .articles > .block {
		display: block;
		margin: 0 auto;
	}
	.skin-contact-details > table > tbody > .overview > .content > .block > .gallery {
		max-width: 300px;
		padding-left: 0;
		margin-top: 20px;
		top: auto;
		right: auto;
		position: relative;
	}
	.skin-contact-details > table > tbody > .overview > .content > .block > .left,
	.skin-contact-details > table > tbody > .overview > .content > .block > .gallery {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.skin-wrapper {
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.skin-footer {
		height: auto;
	}
	.skin-footer > .top > div > .middle,
	.skin-footer > .top > div > .right {
		display: block;
		height: auto;
		margin: 0 auto;
	}
	.skin-footer > .top > div > .right {
		max-width: 300px;
		margin-top: 40px;
	}
}
@media (max-width: 656px) {
	.skin-contact-details > table > tbody > .staff > .content > .position {
		max-width: 280px;
		margin: 40px auto 0;
	}
	.skin-contact-details > table > tbody > .staff > .content > .position > .block > .box {
		margin-left: 0 !important;
	}
	.skin-contact-details > table > tbody > .staff > .content > .position > .block > .box:nth-child(2) {
		margin-top: 40px;
	}
}
@media (max-width: 646px) {

	.skin-about-team > div > .block {
		max-width: 280px;
		margin: 0 auto;
	}
	.skin-about-team > div > .block > .box {
		margin-right: 0 !important;
	}
	.skin-about-team > div > .block > .box:nth-child(-n+2) {
		margin-top: 30px;
	}
	.skin-contact > table > tbody > .testimonial > .content > .text,
	.skin-treatment-header > table > tbody > .testimonial > .content > .text {
		padding-left: 0;
		line-height: 20px;
		font-size: 16px;
	}
	.skin-contact > table > tbody > .testimonial > .content > .text:before,
	.skin-treatment-header > table > tbody > .testimonial > .content > .text:before {
		top: auto;
		left: auto;
		position: relative;
		margin-bottom: 20px;
	}
}
@media (max-width: 521px) {
	.skin-store-product > div > .reviews > .block > .box {
		padding: 20px;
	}
	.skin-store-product > div > .reviews > .block > .box > .top {
		margin-bottom: 5px;
	}
	.skin-store-product > div > .reviews > .block > .box > .top > .reviewer {
		float: none;
		display: block;
		margin-top: 20px;
	}
	.skin-treatment-header > table > tbody > .results > .content > .title > a {
		display: none;
	}
}
@media (max-width: 516px) {
	.skin-store-related > div {
		max-width: 220px;
	}
	.skin-store-related > div > .block > .product:nth-child(2n),
	.skin-store-related > div > .block > .product:nth-child(-n+2) {
		margin-top: 20px;
		margin-right: 0;
	}
	.skin-store-related > div > .block > .product:first-child {
		margin-top: 0;
	}
	.skin-store-header > table > tbody > .featured > .content,
	.skin-store-header > table > tbody > .top-sellers > .content {
		max-width: 220px;
	}
	.skin-store-header > table > tbody > .top-sellers > .content > .block > .product:nth-child(2n),
	.skin-store-header > table > tbody > .top-sellers > .content > .block > .product:nth-child(-n+2) {
		margin-top: 20px;
		margin-right: 0;
	}
	.skin-store-header > table > tbody > .top-sellers > .content > .block > .product:first-child {
		margin-top: 0;
	}
}
@media (max-width: 506px) {
	.skin-contact-locations > table > tbody > .regions > .content > .region {
		max-width: 210px;
	}
	.skin-contact-locations > table > tbody > .regions > .content > .region > .block > .box {
		margin-right: 0 !important;
	}
	.skin-contact-locations > table > tbody > .regions > .content > .region > .block > .box:nth-child(2) {
		margin-top: 30px;
	}
	.skin-resources-top > div > .left > .articles {
		max-width: 220px;
	}
	.skin-resources-top > div > .left > .articles > .box {
		display: block;
		margin: 20px 0 0 !important;
	}
	.skin-resources-top > div > .left > .articles > .box:first-child {
		margin-top: 0 !important;
	}
	.skin-store-product > div > .tabs > .top > .nav,
	.skin-store-product > div > .tabs > .top > .nav:nth-child(2) {
		display: block;
		width: 100%;
		border: none;
		margin-top: 2px;
	}
	.skin-store-product > div > .tabs > .top > .nav:first-child {
		margin-top: 0;
	}

	.skin-store-category > table > tbody > .products > .content > .block {
		max-width: 220px;
	}
	.skin-store-category > table > tbody > .products > .content > .block > .product,
	.skin-store-category > table > tbody > .products > .content > .block > .product:nth-child(-n+2) {
		margin-top: 10px;
		margin-right: 0 !important;
	}
	.skin-store-category > table > tbody > .products > .content > .block > .product:first-child {
		margin-top: 0;
	}
}
@media (max-width: 496px) {
	.cta-contact > .form > .input,
	.cta-contact > .form > .phone {
		display: block;
		max-width: 100%;
	}
	.cta-contact > .form > .input:nth-child(2n),
	.cta-contact > .form > .phone:nth-child(2n),
	.cta-contact > .form > .message:nth-child(2n) {
		margin-left: 0;
	}
	.cta-contact > .form > .phone {
		padding: 25px 0 0 90px;
	}
	.cta-contact > .form > .phone > label {
		margin: 0;
		top: 0;
		left: 0;
		position: absolute;
	}
	.cta-contact > .form > .phone > .select {
		margin: 0;
		bottom: 0;
		left: 0;
		position: absolute;
	}
	.cta-contact > .form > .phone > input {
		display: block;
		max-width: none;
	}
	.skin-contact > table > tbody > .appointment > .content > .left > .form > .input,
	.skin-contact > table > tbody > .appointment > .content > .left > .form > .phone,
	.skin-contact > table > tbody > .appointment > .content > .left > .form > .message,
	.skin-contact > table > tbody > .appointment > .content > .left > .form > .input:nth-child(2),
	.skin-contact > table > tbody > .appointment > .content > .left > .form > .phone:nth-child(2),
	.skin-contact > table > tbody > .appointment > .content > .left > .form > .message:nth-child(2),
	.skin-contact > table > tbody > .appointment > .content > .left > .form > .input:nth-child(2n),
	.skin-contact > table > tbody > .appointment > .content > .left > .form > .phone:nth-child(2n),
	.skin-contact > table > tbody > .appointment > .content > .left > .form > .message:nth-child(2n),
	.skin-contact-details > table > tbody > .appointment > .content > .left > .form > .input,
	.skin-contact-details > table > tbody > .appointment > .content > .left > .form > .phone,
	.skin-contact-details > table > tbody > .appointment > .content > .left > .form > .message,
	.skin-contact-details > table > tbody > .appointment > .content > .left > .form > .input:nth-child(2),
	.skin-contact-details > table > tbody > .appointment > .content > .left > .form > .phone:nth-child(2),
	.skin-contact-details > table > tbody > .appointment > .content > .left > .form > .message:nth-child(2),
	.skin-contact-details > table > tbody > .appointment > .content > .left > .form > .input:nth-child(2n),
	.skin-contact-details > table > tbody > .appointment > .content > .left > .form > .phone:nth-child(2n),
	.skin-contact-details > table > tbody > .appointment > .content > .left > .form > .message:nth-child(2n) {
		display: block;
		max-width: 100%;
		margin-top: 20px;
		margin-left: 0;
	}
	.skin-contact > table > tbody > .appointment > .content > .left > .form > .submit,
	.skin-contact-details > table > tbody > .appointment > .content > .left > .form > .submit {
		max-width: 100%;
	}
	.skin-store-product > div > .featured > .right {
		margin-top: 20px;
	}
	.skin-store-product > div > .featured > .right > .add-cart,
	.skin-store-product > div > .featured > .right > .add-cart > tbody,
	.skin-store-product > div > .featured > .right > .add-cart > tbody > tr,
	.skin-store-product > div > .featured > .right > .add-cart > tbody > tr > td {
		display: block;
	}
	.skin-store-product > div > .featured > .right > .add-cart > tbody > tr > td.stock {
		border-right: none;
		border-bottom: 1px solid #FFF;
	}
	.skin-store-product > div > .featured > .right > .add-cart > tbody > tr > td.quantity {
		text-align: left;
	}
	.skin-store-product > div > .featured > .right > .add-cart > tbody > tr > td.quantity > .cart {
		float: right;
	}
	.skin-store-product > div > .featured > .gallery > .top {
		height: auto;
	}
	.skin-store-product > div > .featured > .gallery > .top:before,
	.skin-store-product > div > .featured > .gallery > .top:after,
	.skin-store-product > div > .featured > .gallery > .bottom {
		display: none;
	}
}
@media (max-width: 466px) {
	.skin-title > .text > .top {
		line-height: 40px;
		font-size: 40px;
	}
	.skin-treatment-header > table > tbody > .about > .content > .title,
	.skin-about > .header > div > .title {
		line-height: 20px;
		font-size: 18px;
		margin-bottom: 20px;
		letter-spacing: 0;
	}
	/*.skin-treatment-header > table > tbody > .about > .content > .text,*/
	.skin-about > .header > div > .description {
		display: none;
	}
	.skin-treatment-header > table > tbody > .quote > .content > .line,
	.skin-treatment-header > table > tbody > .quote > .content > .left > .line,
	.skin-about > .quote > div > .text,
	.skin-about > .testimonial > div > .text {
		line-height: 20px;
		font-size: 14px;
	}
	.skin-contact > table > tbody > .overview > .content > .block > .left > .contact > .block > b,
	.skin-contact > table > tbody > .overview > .content > .block > .left > .contact > .block > i,
	.skin-contact > table > tbody > .appointment > .content > .right > .hours > .block > b,
	.skin-contact > table > tbody > .appointment > .content > .right > .hours > .block > i,
	.skin-contact-details > table > tbody > .overview > .content > .block > .left > .contact > .block > b,
	.skin-contact-details > table > tbody > .overview > .content > .block > .left > .contact > .block > i,
	.skin-contact-details > table > tbody > .appointment > .content > .right > .hours > .block > b,
	.skin-contact-details > table > tbody > .appointment > .content > .right > .hours > .block > i {
		display: block;
		text-align: left;
		margin: 0;
	}
	.skin-contact > table > tbody > .overview > .content > .block > .left > .contact > .block > b,
	.skin-contact > table > tbody > .appointment > .content > .right > .hours > .block > b,
	.skin-contact-details > table > tbody > .overview > .content > .block > .left > .contact > .block > b,
	.skin-contact-details > table > tbody > .appointment > .content > .right > .hours > .block > b {
		/*text-decoration: underline;*/
	}
	.skin-store-product > div > .featured > .right > .add-cart > tbody > tr > td.stock {
		width: 100px;
		top: 0;
		left: 0;
		position: absolute;
	}
	.skin-store-product > div > .featured > .right > .add-cart > tbody > tr > td.quantity {
		text-align: right;
	}
	.skin-store-product > div > .featured > .right > .add-cart > tbody > tr > td.quantity > .select {
		margin-right: 0;
	}
	.skin-store-product > div > .featured > .right > .add-cart > tbody > tr > td.quantity > .cart {
		float: none;
		display: block;
		width: 100%;
		margin-top: 10px;
	}
}
@media (max-width: 436px) {
	.skin-treatment-header > table > tbody > .book > .content > .left > .links > a {
		display: block;
		width: 100%;
		height: auto;
		/*margin-right: !important;*/
	}
	.skin-treatment-header > table > tbody > .book > .content > .left > .links > a:nth-child(2) {
		margin-top: 10px;
	}
	.skin-form > div > .book-form > .half,
	.skin-form > div > .book-form > .half:nth-child(-n+2) {
		width: 100%;
		margin-top: 10px;
	}
	.skin-form > div > .book-form > .half:first-child {
		margin-top: 0;
	}
	.skin-form > div > .book-form > .half.right {
		margin-left: 0;
	}
}
@media (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.skin-header > div > .logo {
		background-image: url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/logo-mobile-2x.png');
		background-size: cover;
	}
}

	.embed-container { 
		position: relative; 
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
		max-width: 100%;
		height: auto;
	} 

	.embed-container iframe,
	.embed-container object,
	.embed-container embed { 
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

.skin-resources-post ol, .skin-blog-header ol, .skin-resources-post ul, .skin-blog-header ul {
	margin-left: 1.2em;
}

.skin-resources-post li, .skin-blog-header li {
	list-style-position: inside;
	line-height: 1.4em;
	margin-bottom: 0.4em;
}
span.help-block.form-error {
	font-size: 12px;
}
.fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened::-webkit-scrollbar {
	display: none;
}
.spr-badge {
	font-size: 16px;
}
.skin-store-product > div > .featured > .right > .description a {
	color: #282828;
	text-decoration: none;
}
.skin-store-product > div > .featured > .right > .description a:hover {
	text-decoration: underline;
}
.spr-form-review-body > .spr-form-input {
	max-width: 500px;
	min-height: 150px;
	padding: 10px;
}
.spr-button-primary { 
	float: left !important;
}


strong {
	font-weight:600;
}


/* changes to cart */



.button.update,
.button.remove {
	line-height: 20px;
	background: #A0CE4E;
	font-size: 14px;
	font-weight: 700;
}
.button.update:hover {
	background: #95BF49;
}
.button.remove {
	background: #F57A49;
}
.button.remove:hover {
	background: #E97445;
}
.skin-cart {
	display: block;
	width: 100%;
	height: auto;
	background: #FFF;
	padding: 40px 0;
}
.skin-cart > div {
	padding: 0 20px;
}
.skin-cart > div > form {
	display: block;
	width: 100%;
	height: auto;
	font-size: 0;
	margin-top: 40px;
}
.skin-cart > div > form > .products {
	display: inline-block;
	width: 100%;
	max-width: 600px;
	height: auto;
	vertical-align: top;
}
.skin-cart > div > form > .products > .block {
	display: inline-block;
	width: 100%;
	height: auto;
	margin-top: 40px;
}
.skin-cart > div > form > .products > .block:first-child {
	margin-top: 0;
}
.skin-cart > div > form > .products > .block > .image {
	display: inline-block;
	width: 100%;
	max-width: 240px;
	height: auto;
	margin-right: 40px;
	vertical-align: middle;
}
.skin-cart > div > form > .products > .block > .image > img {
	display: inline-block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	vertical-align: middle;
}
.skin-cart > div > form > .products > .block > .details {
	display: inline-block;
	width: 100%;
	max-width: 320px;
	height: auto;
	vertical-align: middle;
}
.skin-cart > div > form > .products > .block > .details > .title {
	display: table;
	width: 100%;
	height: auto;
	line-height: 20px;
	color: #282828;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
}
.skin-cart > div > form > .products > .block > .details > .title a:hover {
	text-decoration: underline;
}
.skin-cart > div > form > .products > .block > .details > .price {
	display: block;
	width: 100%;
	height: auto;
	line-height: 24px;
	color: #282828;
	font-size: 16px;
	font-weight: 400;
	margin: 5px 0 10px;
}
.skin-cart > div > form > .products > .block > .details > .quantity {
	display: block;
	width: 100%;
	height: auto;
}
.skin-cart > div > form > .products > .block > .details > .quantity > input {
	display: block;
	width: 100%;
	height: auto;
	line-height: 20px;
	outline: none;
	border: 1px solid #CCC;
	margin-bottom: 10px;
	padding: 10px;
}
.skin-cart > div > form > .products > .block > .details > .buttons {
	display: block;
	width: 100%;
	height: auto;
}
.skin-cart > div > form > .products > .block > .details > .buttons > .button {
	display: inline-block;
	width: 100%;
	max-width: 150px;
	margin-right: 20px;
	padding: 10px 0;
	vertical-align: top;
}
.skin-cart > div > form > .products > .block > .details > .buttons > .button:last-child {
	margin-right: 0;
}
.skin-cart > div > form > .subtotal {
	display: inline-block;
	width: 100%;
	max-width: 260px;
	height: auto;
	margin-left: 40px;
	vertical-align: top;
}

.skin-cart > div > form > .subtotal > .title {
	display: block;
	width: 100%;
	height: auto;
	line-height: 24px;
	font-size: 16px;
	font-weight: 700;
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
	margin: 20px 0;
}
.skin-cart > div > form > .subtotal > .title > span {
	float: right;
	font-weight: 400;
}
.skin-cart > div > form > .subtotal > .submit {
	display: block;
	width: 100%;
}
.skin-cart > div > form > .subtotal > i {
	display: block;
	width: 100%;
	height: auto;
	color: #282828;
	font-size: 12px;
	font-weight: 400;
	font-style: normal;
	text-align: center;
	margin-top: 5px;
}


.skin-login {
	display: block;
	width: 100%;
	height: auto;
	padding: 40px 0;
}
.skin-login > div {
	padding: 0 20px;
}
.form-vertical {
	display: block;
	width: 100%;
	max-width: 400px;
	height: auto;
	font-size: 0;
}
.form-vertical .input-full {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 20px;
	background: #FFF;
	color: #282828;
	outline: none;
	border: 1px solid #CCC;
	margin-bottom: 10px;
	padding: 10px;
}
.form-vertical .input-full::-webkit-input-placeholder {
	color: #CCC;
}
.form-vertical .input-full:-moz-placeholder {
	color: #CCC;
}
.form-vertical .input-full::-moz-placeholder {
	color: #CCC;
}
.form-vertical .input-full:-ms-input-placeholder {  
	color: #CCC;
}
.form-vertical .input-full:focus::-webkit-input-placeholder {
	color: transparent;
}
.form-vertical .input-full:focus:-moz-placeholder {
	color: transparent;
}
.form-vertical .input-full:focus::-moz-placeholder {
	color: transparent;
}
.form-vertical .input-full:focus:-ms-input-placeholder {
	color: transparent;
}
.form-vertical .button.submit {
	float: right;
	display: block;
	width: 100%;
	max-width: 150px;
}
.form-vertical .errors {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.form-vertical .errors > ul {
	display: block;
	width: 100%;
	height: auto;
	line-height: 20px;
	background: #F2DEDE;
	color: #A94442;
	font-size: 14px;
	list-style: none;
	padding: 10px 15px;
}
.form-vertical .errors > ul > li {
	display: block;
	width: 100%;
	height: auto;
	margin-top: 5px;
}
.form-vertical .errors > ul > li:first-child {
	margin-top: 0;
}
#headerCallin {
	text-decoration: none;
	color: inherit;
}
body.open-modal {
	overflow: hidden;
}
/*body.open-modal .book-modal {
	display: block;
}*/
.book-modal {
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .9);
	font-size: 0;
	text-align: center;
	top: 0;
	left: 0;
	position: fixed;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	z-index: 100;
}
.book-modal:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.book-modal > .cta-contact {
	display: inline-block;
	width: 100%;
	max-width: 500px;
	height: auto;
	background: #F5F5F5;
	border: 10px solid #F5F5F5;
	text-align: left;
	padding: 20px;
	vertical-align: middle;
	margin: 20px 0;
}
.book-modal > .cta-contact > .title {
	padding-right: 40px;
}
.book-modal > .cta-contact > .title > .close {
	display: block;
	width: 30px;
	height: 30px;
	background: url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/icon-close.png') no-repeat;
	border: 5px solid transparent;
	top: 0;
	right: 0;
	position: absolute;
	cursor: pointer;
}
.skin-cart > div > form > .subtotal > .breakdown > i {
	display: inline-block;
	width: 100%;
	max-width: 180px;
	height: auto;
	line-height: 24px;
	font-size: 16px;
	font-weight: 400;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.skin-cart > div > form > .subtotal > .breakdown > span {
	float: right;
	font-weight: 400;
	line-height: 24px;
	font-size: 16px;
	font-weight: 400;

}
.bafoto {
	min-height: 255px;
}
.skin-treatment-header > table > tbody > .details > .content > .block > .text > p > a { 
	color: #319EB7;
}



.fourohfour {
	margin-top: 120px;
	margin-bottom: 120px;
}

.fourcont h1, .fourcont p, .fourcont ul {
	margin-top: 12px;
	margin-bottom: 12px;	
}

.fourcont ul > li > a {
	color: #7AAECD;
}


/*

TYPOGRAPHY CHANGES

*/

.skin-treatment-header .text > p:nth-child(1) > strong {
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
}

.skin-treatment-header .text > p:nth-child(3) {
	font-size: 16px;
	line-height: 25px; 
}

.skin-home-store .text > p {
	font-size: 16px;
	line-height: 25px;
}




.open-skin-modal {
	overflow: hidden;
}
.open-skin-modal>.skin-modal {
	overflow-x: hidden;
	overflow-y: scroll;
}
.skin-modal {
	display: none;
	width: 100%;
	height: 100%;
	background: #282828;
	background: rgba(0, 0, 0, .8);
	padding: 120px 0 20px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	-webkit-overflow-scrolling: touch;
}
.skin-modal>div {
	max-width: 720px;
}
.skin-modal>div>.box {
	background: #FFF;
	font-size: 0;
	border-radius: 8px;
	overflow: hidden;
}
.skin-modal>div>.box>.close {
	width: 16px;
	height: 16px;
	background: url('https://calibrate.cachefly.net/skin/modal-close.png') 0 0 no-repeat;
	background-size: auto 100%;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 100;
	opacity: .25;
	cursor: pointer;
}
.skin-modal>div>.box>.close:hover {
	opacity: .5;
}
.skin-modal>div>.box>.block {
	font-size: 14px;
}
.skin-modal>div>.box>.block.left {
	max-width: 340px;
	background: #FFF;
	border-radius: 8px;
	padding: 25px 30px;
	z-index: 1;
}
.skin-modal>div>.box>.block.left>h2 {
	line-height: 32px;
	color: #414041;
	font-size: 24px;
	font-weight: 400;
}
.skin-modal>div>.box>.block.left>h2>b {
	display: inline-block;
	line-height: inherit;
	font-weight: 900;
}
.skin-modal>div>.box>.block.left>p {
	line-height: 18px;
	color: #737373;
	font-size: 14px;
	margin-top: 10px;
}
.skin-modal>div>.box>.block.left>.form {
	display: block;
	max-width: none;
	font-size: 0;
	margin: 40px -5px 0;
}
.skin-modal>div>.box>.block.left>.form>.input {
	line-height: 40px;
	margin-top: 10px;
	padding: 0 5px;
}
.skin-modal>div>.box>.block.left>.form>.input.half {
	display: inline-block;
	width: 50%;
}
.skin-modal>div>.box>.block.left>.form>.input:first-child {
	margin-top: 0;
}
.skin-modal>div>.box>.block.left>.form>.input>input {
	width: 100%;
	height: 40px;
	line-height: inherit;
	background: #F1F2F2;
	color: #282828;
	border: 1px solid transparent;
	border-radius: 2px;
	padding: 0 15px;
}
.skin-modal>div>.box>.block.left>.form>.input>input::-webkit-input-placeholder {
	color: #878787;
}
.skin-modal>div>.box>.block.left>.form>.input>input::-moz-placeholder {
	color: #878787;
}
.skin-modal>div>.box>.block.left>.form>.input>input:-ms-input-placeholder {
	color: #878787;
}
.skin-modal>div>.box>.block.left>.form>.input>input:-moz-placeholder {
	color: #878787;
}
.skin-modal>div>.box>.block.left>.form>.input>input:focus {
	border-color: #2BC0E2;
	outline: none;
}
.skin-modal>div>.box>.block.left>.form>.select {
	line-height: 40px;
	background: #F1F2F2;
	border-radius: 2px;
	padding: 0 5px;
	margin-top: 10px;
	overflow: hidden;
}
.skin-modal>div>.box>.block.left>.form>.select:first-child {
	margin-top: 0;
}
.skin-modal>div>.box>.block.left>.form>.select>select {
	width: 100%;
	height: 40px;
	line-height: inherit;
	background: transparent;
	color: #282828;
	font-weight: 400;
	border: 1px solid transparent;
	padding: 0 15px;
	z-index: 1;
}
.skin-modal>div>.box>.block.left>.form>.select>i {
	width: 14px;
	height: 8px;
	background: url('https://www.skininstitute.co.nz/wp-content/themes/skininstitute/static/img/select-down.png') 0 0 no-repeat;
	background-size: auto 100%;
	position: absolute;
	top: 16px;
	right: 15px;
}
.skin-modal>div>.box>.block.left>.form>.join {
	padding: 0 5px;
	margin-top: 10px;
}
.skin-modal>div>.box>.block.left>.form>.join>.info {
	line-height: 16px;
	color: #A4A4A4;
	font-size: 10px;
	font-style: italic;
	margin-top: 5px;
}
.skin-modal>div>.box>.block.left>.form>.join>input {
    display: block;
    width: 100%;
    line-height: 20px;
    background: #7AAECD;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    border: none;
    border-bottom: 2px solid rgba(0, 0, 0, .2);
    border-radius: 2px;
    outline: none;
    padding: 11px 20px 9px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.skin-modal>div>.box>.block.left>.form>.join>input:hover {
    background: #74A5C3;
}
.skin-modal>div>.box>.block.left>.form>.join>input:active {
    box-shadow: 0 1px #27A8CC;
}
.skin-modal>div>.box>.block.right {
	width: 100%;
	height: 100%;
	background: #F1F2F2 url('https://calibrate.cachefly.net/skin/modal-right.png') bottom right no-repeat;
	border-left: 340px solid transparent;
	position: absolute;
	top: 0;
	right: 0;
}
.skin-modal>div>.box>.block.right>img {
	display: block;
	max-width: 100%;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
@media (max-width: 984px) {
	.skin-modal {
		padding: 20px 0;
	}
}
@media (max-width: 616px) {
	.skin-modal>div>.box>.block.right {
		display: none;
	}
	.skin-modal>div>.box>.block.left {
		max-width: none;
	}
}
@media (max-width: 484px) {
	.skin-modal>div>.box>.block.left>.form>.input.half {
		display: block;
		width: 100%;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.1) {
	.open-skin-modal {
		position: fixed;
		overflow: hidden;
	}
	.skin-modal {
		position: absolute;
	}
}


#header-signup .mc4wp-alert {
	font-size: 12px;
	margin-top: 14px;
}
.fotorama__caption__wrap {
display: none;
}

@media (max-width: 640px)  {
    .skin-blog-header > table.post > tbody > .main > .content > .text p.half-right {
        padding-left: 0px !important;
        margin-top: 14px !important;
        width: 100% !important;
    }
    .skin-blog-header > table.post > tbody > .main > .content > .text p.half-left {
        padding-right: 0px !important;
        margin-top: 14px !important;
        width: 100% !important;
    }
}