@font-face {
	font-family: "Din alternate bold";
	font-display: swap;
	src: url("https://miiroko.com/wp-content/uploads/et-fonts/DIN-BoldAlternate-2.ttf") format("truetype");
}
.green {
	color: #276662;
}
.home h1:not(.heroh1), .home h2, .home h4, .home h5, .home h6 {
	font-family: "Din alternate bold";
	font-weight: normal;
}
.home h2, .home h3 {
	font-family: 'Din Light Alternative',Helvetica,Arial,Lucida,sans-serif;
	font-weight: normal;
}
#main-content {
	background: transparent !important;
}
#home-hero {
	position: relative;
	min-height: 75vh;
}
#home-hero #home-hero-video {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}
#home-hero > .content {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
}
#home-hero > .content  * {
	color: #f5f4ea!important;
}
#home-hero > .content p {
	font-size: 1.25em;
	margin-bottom: 10px !important;
}
#home-hero > .content h1 {
	min-height: 155px;
}
#home-hero .et_pb_button {
	background: #f5f4ea;
	color: #535353 !important;
	border: none;
	padding: 1em 2em !important;
	display: inline-block;
	margin-top: 10px;
}
#home-icons {
	background: #ded2be;
	text-align: center;
	padding: 36px 0;
}
#home-icons img {
	display: inline-block;
	margin-bottom: 8px;
}
#home-icons p {
	text-transform: uppercase;
}
#home-believe {
	background-color: #a0aeaf;
	padding: 50px 0;
	position: relative;
}
#home-believe ul {
	margin: 30px 0px 0px;
	list-style: none;
	padding-left: 0px;
}
#home-believe li {
	font-size: 1.5em;
	margin-bottom: 12px;
	padding-left: 33px;
	text-transform: uppercase;
	color: #333;
	background: transparent url('../images/tick-white.png') no-repeat top left;
	background-size: 22px 21px;
}
#home-believe li strong {
	font-family: "Din alternate bold";
	font-weight: normal;
}
#home-believe .imgholder {
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: 30%;
	overflow: hidden;
}
#home-believe .imgholder img {
	position: relative;
}
#home-known {
	background: white;
	border-radius: 4px;
	padding: 50px; 
}
#home-known h2 {
	text-align: center;
}
#home-known h3 {
	color: #872B07;
	font-family: "Din alternate bold", Helvetica, Arial, Lucida, sans-serif;
    font-weight:normal;
    font-size: 22px;
}
#home-known ol {
	margin: 30px 0;
}
#home-known li {
	margin: 15px 0;
}
#home-products h2 {
	text-align: center;
}
#home-products h5 {
	text-align: center;
	font-family: 'Din Light Alternative',Helvetica,Arial,Lucida,sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 36px;
}
.line {
	background-color: #ded2be;
	height: 4px;
	width: 120px;
	margin: 0 auto 72px;
}
#home-products .product {
	text-align: center;
	width: 300px;
}
#home-products .product .image {
	margin-bottom: 15px;
}
#home-products .product .image img {
	opacity: 0;
	transition: opacity .4s ease;
}
#home-products .product .image img, #home-products .product .image:hover .hovered {
	display: block;
}
#home-products .product .image .hovered, #home-products .product .image:hover .default {
	display: none;
}
#home-products .product h4, #home-products .product .price {
	font-size: 18px !important;
	font-family: "Din alternate bold";
	font-weight: normal;
	color: #333;
}
#home-products .product h4 {
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 1.2em;
}
#home-products .product p {
	margin-bottom: 5px;
	padding-bottom: 0;
}
#home-products .product a.shop {
	text-decoration: underline;
	text-transform: uppercase;
	font-family: "Din alternate bold";
	font-size: 12px;
	color: #a0aeaf;
}
#home-reviews {
	background: #ded2be;
	padding: 72px 0;
}
#home-reviews h3 {
	text-align: center;
}
.review {
	background: #fafaf6;
	margin-left: 0;
	margin-right: 0;
	overflow: hidden;
}
.review .inner {
	padding: 15px;
}
.review img.thumb {
	width: 100%;
	display: block;
	opacity: 0;
	transition: opacity .4s ease;
}
.review .colour-used {
	text-align: center;
	text-transform: uppercase;
	font-size: 1em;
	background-color: #f5f4eb;
	color: #333;
	padding: 8px 16px;
	margin-bottom: 10px;
}
.review h5 {
	font-weight: normal;
	font-family: "Din alternate bold", Helvetica, Arial, Lucida, sans-serif;
	font-size: 15px;
	margin-bottom: 10px;
	padding-bottom: 0px;
}
.review .who {
	font-size: 15px;
	margin-bottom: 10px;
	padding-bottom: 0px;
	line-height: 1em;
}
.review .who img {
	display: inline-block;
}
.review span {
	margin-left: 15px;
}
#home-concerns h3 {
	text-align: center;
	padding-bottom: 0;
	font-size: 38px;
}
#home-concerns .flex > div {
	text-align: center;
}
#home-concerns img {
	opacity: 0;
	transition: opacity .4s ease;
	display: block;
}
#home-concerns h5 {
	padding: 15px 10px;
	background-color: #ded2be;
	text-transform: uppercase;
	font-family: 'Din Light Alternative',Helvetica,Arial,Lucida,sans-serif;
	font-weight: normal;
	font-size: 18px;
}
#home-range {
	text-align: center;
}
#home-range img {
	opacity: 0;
	transition: opacity .4s ease;
	border-radius: 50%;
}
#home-how-to {
	background: #ded2be;
    padding: 72px 30px;
}
#home-how-to h3 {
	text-align: center;
	margin-bottom: 40px;
	padding-bottom: 0;
	font-size: 38px;
}
#home-how-to img {
	opacity: 0;
	transition: opacity .4s ease;
	display: block;
}
#home-how-to .how-to {
	position: relative;
	transition: all .3s ease;
	bottom: 0;
}
#home-how-to .how-to:hover {
	bottom: 8px;
}
#home-how-to .overlay {
	position: absolute;
	z-index: 66;
	bottom: 0;
	left: 0;
	width: 100%;
	color: white;
	font-size: 22px;
	padding: 30px 20px;
	background-color: rgba(0,0,0,.3);
	text-align: center;
}
#home-how-to .play-length {
	position: absolute;
	top: 12px;
	right: 12px;
	padding: 8px 14px 8px 28px;
	border-radius: 50px;
	background: rgba(0,0,0,.5) url('../images/play.png') no-repeat center left 12px;
	background-size: auto 52%;
	color: white;
	font-size: 12px;
	line-height: 1em;
}
#home-blogs {
	padding: 72px 30px;
}
#home-blogs h3 {
	text-align: center;
	padding-bottom: 0;
	font-size: 38px;
}
#home-blogs .post {
	margin: 0 20px;
}
#home-blogs .post img {
	opacity: 0;
	transition: opacity .4s ease;
	display: block;
	margin-bottom: 20px;
}
#home-blogs .post h4 {
	margin-bottom: 10px;
}
#home-blogs .post p:last-of-type {
	margin-bottom: 0;
}
#home-subscription {
	background-image: url('https://miiroko.com/wp-content/uploads/2020/06/Rectangle-1.png');
	border-radius: 4px;
	padding: 72px !important; 
}
#home-subscription p {
	font-size: 1.25em; 
}
#home-subscription h3 {
	font-size: 38px;
	color: #276662;
}
#home-subscription ul {
	margin: 30px 0;
	padding-left: 10px;
}
#home-subscription li {
	padding-left: 30px;
	font-size: 1.25em;
	background: transparent url('../images/tick-green.png') no-repeat top left;
	background-size: 22px 21px;
	margin-bottom: 15px !important;
}
#home-subscription img {
	display: block;
}
.et_pb_button.alt {
	padding: 1em 2em !important;
	display: inline-block;
	margin-top: 10px;
}
.et_pb_button.alt:hover {
	background: #333;
	color: white;
}
#home-whatsinit {
	border-radius: 4px;
}
#home-whatsinit p {
	font-size: 1.25em; 
	padding-right: 72px;
}
#home-whatsinit h3 {
	font-size: 38px;
	color: #276662;
	padding-right: 72px;
}
#home-whatsinit ul {
	margin: 30px 0;
	padding-left: 10px;
}
#home-whatsinit li {
	padding-left: 30px;
	font-size: 1.25em;
	background: transparent url('../images/tick-green.png') no-repeat top left;
	background-size: 22px 21px;
	margin-bottom: 15px !important;
}
#home-quiz p {
	font-size: 1.25em;
	margin-bottom: 20px;
}
#home-quiz a.et_pb_button {
	font-size: 16px;
	background-color: #666;
	border: none;
	color: white;
	padding: 1em 2em !important;
}
#home-hairdressers {
	text-align: center;
}
#home-hairdressers .inner-narrow p {
	font-size: 1.25em;
}
#home-hairdressers .flex {
	margin-top: 60px;
}
#home-hairdressers img {
	margin-bottom: 10px;
	opacity: 0;
	transition: opacity .4s ease;
	max-width: 80%;
}
#home-hairdressers a.et_pb_button {
	font-size: 16px;
	background-color: #666;
	border: none;
	color: white;
	padding: 1em 2em !important;
	display: inline-block;
}
#home-compare {
	text-align: center;
}
#home-compare p.large {
	font-size: 1.5em;
}
#home-compare .table {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(7, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}
#home-compare .table > div {
	padding: 18px;
	font-size: 18px;
	line-height: 1em;
	text-align: center;
}
#home-compare .table .title {
	font-family: "Din alternate bold";
	font-weight: normal;
	border-bottom: 1px solid #343e3f;
}
#home-compare .table .title.miiroko {
	background-color: #5e6b72;
	border: 1px solid #343e3f;
	color: white;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
#home-compare .table .good, #home-compare .table .bad {
	border-bottom: 1px solid #343e3f;
}
#home-compare .table .good {
	border-left: 1px solid #343e3f;
	border-right: 1px solid #343e3f;
	font-family: "Din alternate bold";
	font-weight: normal;
	background-color: #5e6b72;
	color: #b1f57b;
}
#home-compare .table .bad {
	border-right: 1px solid #343e3f;
	background: white;
	color: #a71a1a;
}


img.ink {
	margin: 60px auto;
}

.flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.spacenone { margin-bottom: 0; }
.spacexsmall, .et_pb_row. { margin-bottom: 5px; padding-bottom: 0; }
.spacesmall, .et_pb_row. { margin-bottom: 9px; padding-bottom: 0; }
.spacemedium, .et_pb_row.spacemedium { margin-bottom: 18px; padding-bottom: 0; }
.spacelarge, .et_pb_row.spacelarge { margin-bottom: 36px; padding-bottom: 0; }
.spacexlarge, .et_pb_row.spacexlarge { margin-bottom: 72px; padding-bottom: 0; }
.spacexxlarge, .et_pb_row.spacexxlarge { margin-bottom: 108px; padding-bottom: 0; }
.spacexxxlarge, .et_pb_row.spacexxxlarge { margin-bottom: 144px; padding-bottom: 0; }


/* Slick slider */
.slick-dots
{
    position: absolute;
    bottom: -43px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-size: 25px;
    line-height: 25px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: #333;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
}

@media screen and (max-width: 830px) {
	
	.slick-dots {
		bottom: -80px;
	}
	.flex {
		display: block;
	}
	.inner-narrow {
		padding: 0 10px;
	}
	
	#home-icons .et_pb_row {
		width: 90%;
	}
	#home-icons .flex {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	#home-icons .flex > div {
		width: 30%;
		align-self: flex-start;
	}
	#home-icons img {
		max-width: 80px;
	}
	#home-icons p {
		font-size: 13px;
		line-height: 1.2em;
	}
	#home-compare .table > div {
		font-size: 15px;
	}
	#home-products .flex {
		display: flex;
		width: 100%;
	}
	#home-products .flex > div {
		width: 48%;
		align-self: flex-start;
	}
	#home-products h2 {
		text-align: center;
	}
	#home-concerns > .flex > div, #home-range .flex > div {
		margin: 20px 0;
	}
	#home-products {
		padding: 0 30px;
	}
	#home-products .product .image img {
		max-height: 158px;
		width: auto;
		margin: 0 auto;
	}
	#home-products .product .image img.default {
		display: block !important;
	}
	#home-products .product .image img.hovered {
		display: none !important;
	}
	#home-believe {
		padding: 60px 20px;
	}
	#home-believe h3 {
		font-size: 26px;
		padding-bottom: 30px;
	}
	#home-believe ul {
		margin: 0;
	}
	#home-believe li {
		font-size: 1.2em;
		margin-bottom: 8px;
	}
	#home-believe .imgholder {
		bottom: 30px;
	}
	#home-believe .imgholder img {
		right: 0px;
		width: 120%;
		max-width: 120%;
	}
	#home-concerns .et_pb_row {
		padding: 0 12px;
		width: auto;
	}
	#home-concerns .flex {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#home-concerns .flex > div {
		width: 48%;
		margin-bottom: 12px;
	}
	#home-concerns .flex > div:nth-of-type(3), #home-concerns .flex > div:nth-of-type(4) {
		margin-bottom: 0;
	}
	#home-concerns h5 {
		font-size: 12px;
	}
	#home-reviews {
		overflow: hidden;
	}
	#home-reviews .slick-dots {
		bottom: -43px;
	}
	.review img.thumb {
		height: 240px;
		object-fit: cover;
	}
	#review-scroll-holder .slick-list {
		overflow: visible;
	}
	#review-scroll-holder .slick-list .review {
		margin: 0 10px;
	}
	#home-range .et_pb_row {
		padding: 0;
	}
	#home-range .flex {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
	}
	#home-range .flex > div {
		width: 45%;
	}
	#home-hairdressers { padding: 0 30px 72px; }
	#home-hairdressers .et_pb_row { padding: 0; }
	#home-how-to .how-to {
		margin-bottom: 15px;
	}
	#home-how-to .how-to:last-of-type {
		margin-bottom: 0;
	}
	#home-how-to .how-to .overlay {
		padding: 20px 10px;
		font-size: 1.25em;
	}
	#home-blogs {
		overflow: hidden;
	}
	#home-blogs .slick-dots {
		margin-bottom: 38px;
	}
	#home-blogs .slick-list {
		overflow: visible;
	}
	#home-blogs .post {
		margin: 0 10px;
	}
	#home-whatsinit {
		padding: 0 !important;
		width: 100%;
	}
	#home-whatsinit .flex > div {
		width: 80%;
		margin: 0 auto;
	}
	#home-whatsinit iframe {
		width: 90%;
		height: 197px;
		display: block;
		margin: 0 auto;
	}
	#home-whatsinit p, #home-whatsinit h3 {
		padding-right: 0px;
	}
	#home-subscription {
		padding: 50px 30px !important;
		width: auto;
		margin-left: 20px;
		margin-right: 20px;
	}
	#home-subscription .flex {
		display: flex;
		flex-direction: column;
	}
	#home-subscription .flex > div:first-of-type {
		order: 2;
	}
	#home-subscription img {
		max-width: 130%;
		margin-left: -15%;
		margin-bottom: 15px;
	}
	#home-hairdressers .et_pb_row {
		width: 100%;
	}
	#home-hairdressers .flex {
		display: flex;
		align-items: flex-start;
	}
	#home-hairdressers .flex > div {
		padding: 15px 0;
	}
	#home-hairdressers h5 {
		font-size: 16px;
	}
	#home-hairdressers p {
		font-size: 14px;
		line-height: 1.2em;
	}
	#home-quiz {
		width: auto;
		border: 20px solid #a0aeaf;
		margin-left: 20px;
		margin-right: 20px;
		padding: 0;
	}
	#home-quiz .inner {
		padding: 30px;
	}
	
}
@media screen and (min-width: 830px) {
	
	.et_pb_row_1_tb_header.et_pb_row {
		margin-top: 20px;
	}
	.et_pb_row {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	#home-hero > .content h1 {
		font-size: 60px;
	}
	#home-icons .flex > div {
		width: 25%;
	}
	.inner-narrow {
		max-width: 768px;
		margin-left: auto;
		margin-right: auto;
	}
	#home-products h2 {
		max-width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	#home-products .product .image img {
		height: 300px;
		object-fit: cover;
	}
	#home-products .product.starterkit .image img.default {
		width: auto;
		margin: 0 auto;
	}
	#home-believe h3 {
		font-size: 38px;
	}
	#home-believe ul {
		overflow: hidden;
	}
	#home-believe ul li {
		width: 50%;
		float: left;
	}
	#home-believe .imgholder {
		bottom: -70px;
		max-width: 30%;
	}
	#home-believe .imgholder img {
		max-width: 240px;
		width: 100%;
	}
	#home-concerns .flex > div {
		max-width: 22.5%;
	}
	#home-range .flex > div {
		max-width: 15.3%;
	}
	#home-how-to .flex > div {
		max-width: 31.2%;
	}
	#home-subscription .flex > *, #home-whatsinit .flex > *, #home-quiz .flex > * {
		width: 50%;
	}
	#home-quiz .flex .inner {
		padding-left: 72px;
	}
	.review {
		margin-left: 20px;
		margin-right: 20px;
	}
	.review img.thumb {
		height: 380px;
		object-fit: cover;
		object-position: center center;
	}
	#home-quiz img {
		border: 20px solid #a0aeaf;
	}
	
}
@media screen and (min-width: 830px) and (max-width: 1280px) {
	
	.review img.thumb {
		min-width: 332px;
		height: 332px;
	}
	
}

/* General site stuff */
#banner01 {
	width: 100%;
	padding: 10px !important;
	display: block !important;
	text-align: center;
}
#banner01 * {
	display: inline-block;
	width: auto !important;
	float: none;
}
#banner01 .et_pb_column {
	margin-bottom: 0;
}

#banner01 .et_pb_button {
	margin-left: 10px;
}
.et_pb_menu_inner_container {
	justify-content: flex-end;
}
.et_pb_menu .et_pb_menu__wrap {
	flex-grow: 0 !important;
}

.et_mobile_menu li.et_pb_menu_page_id-14393 a, .et_mobile_menu li.et_pb_menu_page_id-18242 a {
	font-weight: 700;
    background-color: rgba(0,0,0,.03);
}