/*
Theme Name: 	TimTip
Version: 			2.0
Author:				Tim's eindbaas
*/

@import "reset.css";
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
html.ie6 .pagewrap,
html.ie7 .pagewrap,
html.ie8 .pagewrap,
.browser{
	display: none;
}
html.ie6 .browser,
html.ie7 .browser,
html.ie8 .browser {
	position: absolute;
	display: block;
	width: 300px;
	height: 200px;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -150px;
	text-align: center;
}
html,
body,
body.fixed {
	position: relative;
	width: 100%;
	max-width: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-overflow-scrolling: touch;
}
body{
	font-family: '300', sans-serif;
	font-size: 16px;
	line-height: 1.6em;
	color: rgb(67,43,89);
	background: rgb(249,247,230);
}
body.mobile.fixed{
	position: fixed;
}
	@media all and (min-width: 480px) {
		body {
			padding: 1em;
		}
	}
		@media all and (min-width: 960px) {
			body {
				font-size: 18px;
				line-height: 1.6em;
			}
		}
@font-face {
    font-family: '300';
    src: url('fonts/museosans-300.woff2') format('woff2'),
         url('fonts/museosans-300.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: '500';
    src: url('fonts/museosans-500.woff2') format('woff2'),
         url('fonts/museosans-500.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: '700';
    src: url('fonts/museosans-700.woff2') format('woff2'),
         url('fonts/museosans-700.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: '900';
    src: url('fonts/museosans-900.woff2') format('woff2'),
         url('fonts/museosans-900.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'recoleta-regular';
    src: url('fonts/recoleta-alt-regular.woff2') format('woff2'),
         url('fonts/recoleta-alt-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'recoleta-black';
    src: url('fonts/recoleta-alt-black.woff2') format('woff2'),
         url('fonts/recoleta-alt-black.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
a{
	color: inherit;
	text-decoration: none;
}
a:focus{
	outline: 0;
}
h1, h2, h3, h4, h5, h6{
	display: block;
	font-family: '700', sans-serif;
	font-size: inherit;
	font-weight: normal;
	color: inherit;
}
h2{
	font-family: '900', sans-serif;
	font-size: 1.6em;
	line-height: 1.2em;
	margin-bottom: 0.5em;
}
h3{
	font-size: 1.4em;
	line-height: 1.2em;
	margin-bottom: 0.5em;
}
p strong{
	font-family: '700', sans-serif;
	font-weight: normal;
}
header {
	position: relative;
	text-align: center;
}
/* 480 640 720 960 1200 */
.masthead{
	position: relative;
	min-height: 10em;
	margin-bottom: -4.25em;
}
	@media all and (min-width: 375px) {
		.masthead{
			margin-bottom: -4.5em;
		}
	}
		@media all and (min-width: 640px) {
			.masthead{
				margin-bottom: -5em;
				min-height: 12em;
			}
		}
		@media all and (min-width: 720px) {
			.masthead{
				margin-bottom: -5.25em;
			}
		}
.hero,
.frontpage-slider{
	position: relative;
	width: 100%;
	min-height: 30em;
}
.hero{
	height: 80vh;
}
.hero.notfound,
.frontpage-slider,
.frontpage-slider .hero{
	height: 100vh;
}
	@media all and (min-width: 480px) {
		.hero.notfound,
		.frontpage-slider,
		.frontpage-slider .hero{
			height: calc(100vh - 2em);
			width: calc(100vw - 2em);
		}
	}
.hero-outer{
	position: relative;
	display: table;
	margin: 0 auto;
	height: 100%;
	text-align: left;
	z-index: 1;
}
	.frontpage-slider .hero-outer{
		height: 100%;
	}
.hero .hero-inner{
	display: table-cell;
	vertical-align: middle;
	padding: 0 2em;
}
	@media all and (max-width: 480px) {
		.frontpage-slider .hero-inner{
			padding-top: 5em;
		}
	}
	@media all and (min-width: 720px) {
		.hero .hero-inner{
			padding: 0;
		}
	}
.logo.header{
	position: absolute;
	right: 1em;
	top: 1em;
	z-index: 2;
}
.logo.header{
	width: 10em;
	height: 4.6em;
	background: center / contain no-repeat url('images/brand.svg');
}
	.logo.header.diap{
		background: center / contain no-repeat url('images/brand-diap.svg');
	}
.logo.footer img{
	width: 10em;
	height: auto;
}
	@media all and (min-width: 720px) {
		.logo.header{
			width: 11em;
			height: 5.1em;
		}
		.logo.footer img{
			width: 11em;
		}
	}
		@media all and (min-width: 1200px) {
			.logo.header{
				width: 12em;
				height: 5.5em;
			}
			.logo.footer img{
				width: 12em;
			}
		}
.tim-name,
.tim-face{
	width: 3.5em;
	height: 3.5em;
	overflow: hidden;
}
.tim-name{
	background: center / contain no-repeat url('images/tim-name.svg');
}
.tim-face{
	position: relative;
	background: center / contain no-repeat url('images/tim-face-empty.svg');
}
.tim-face .eye{
	position: absolute;
	display: block;
	top: 40%;
	width: 15%;
	height: 15%;
	border-radius: 50%;
	background: rgb(67,43,89);
}
.tim-face .eye.left{
	left: 20%;
}
.tim-face .eye.right{
	right: 20%;
}
.tim-face .eye::after{
	content: '';
	display: block;
	position: absolute;
	height: 130%;
	border-radius: 50%;
	background: white;
	z-index: 2;
}
.tim-face .eye.left::after{
	left: 0;
	margin-top: 40%;
	margin-left: -10%;
	-webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: eye-left;
          animation-name: eye-left;
}
.tim-face .eye.right::after{
	right: 0;
	margin-top: 40%;
	margin-right: -10%;
	-webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: eye-right;
          animation-name: eye-right;
}

@-webkit-keyframes eye-left {
  0%,3%,90%,93%,100%{
		margin-top: 40%;
		margin-left: -10%;
		width: 130%;
  }
	1%,91%{
		margin-top: 0%;
		margin-left: -30%;
		width: 200%;
	}
}
@keyframes eye-left {
  0%,3%,90%,93%,100%{
		margin-top: 40%;
		margin-left: -10%;
		width: 130%;
  }
	1%,91%{
		margin-top: 0%;
		margin-left: -30%;
		width: 200%;
	}
}
@-webkit-keyframes eye-right {
  0%,3%,90%,93%,100%{
		margin-top: 40%;
		margin-right: -10%;
		width: 130%;
  }
	1%,91%{
		margin-top: 0%;
		margin-right: -30%;
		width: 200%;
	}
}
@keyframes eye-right {
  0%,3%,90%,93%,100%{
		margin-top: 40%;
		margin-right: -10%;
		width: 130%;
  }
	1%,91%{
		margin-top: 0%;
		margin-right: -30%;
		width: 200%;
	}
}
.hero .tim-name,
.hero .tim-face{
	display: inline-block;
	vertical-align: middle;
}
.hero h2,
h1.title{
	font-family: 'recoleta-black';
	font-weight: normal;
	color: rgb(67,43,89);
}
h1.title{
	font-size: 2.25em;
	line-height: 1em;
	margin-bottom: 0.5em;
}
.hero h2{
	font-size: 2.5em;
	line-height: 0.9em;
	margin-bottom: 0.5em;
}
	@media all and (min-width: 375px) {
		h1.title{
			font-size: 2.5em;
		}
		.hero h2{
			font-size: 2.75em;
		}
	}
		@media all and (min-width: 480px) {
			h1.title{
				font-size: 3em;
			}
			.hero h2{
				font-size: 3.0em;
			}
			.hero-outer{
				max-width: 90%;
			}
		}
			@media all and (min-width: 640px) {
				h1.title{
					font-size: 3.5em;
				}
				.hero h2{
					font-size: 3.5em;
				}
				.tim-name,
				.tim-face{
					width: 4em;
					height: 4em;
				}
				.hero-outer{
					max-width: 70%;
				}
			}
				@media all and (min-width: 720px) {
					h1.title{
						font-size: 3.8em;
					}
					.hero h2{
						font-size: 3.8em;
					}
				}
					@media all and (min-width: 960px) {
						.hero h2{
							font-size: 4.2em;
						}
						.hero-tim{
							margin-left: -4.5em;
						}
						.tim-name,
						.tim-face{
							width: 4.5em;
							height: 4.5em;
						}
						.hero-outer{
							max-width: 50%;
						}
					}
						@media all and (min-width: 1200px) {
							.hero h2{
								font-size: 4.6em;
							}
						}
							@media all and (min-width: 1400px) {
								.hero h2{
									font-size: 5em;
								}
								.hero-outer{
									max-width: 1000px;
								}
							}
.hero-image.landscape,
.hero-image.portrait{
	position: absolute;
	display: none;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
@media all and (orientation : portrait) and (min-aspect-ratio: 4/8) {
	.hero-image.portrait{
		display: block;
	}
	.hero.image{
		background: none !important;
	}
}
@media all and (orientation : landscape) and (max-aspect-ratio: 8/4) {
	.hero-image.landscape{
		display: block;
	}
	.hero.image{
		background: none !important;
	}
}
@media
all and (min-aspect-ratio: 8/4),
all and (max-aspect-ratio: 4/8) {
	.hero h2{
		color: rgb(67,43,89) !important;
	}
}
.icon-scroll {
	position: relative;
	display: block;
	font-size: 16px;
	margin-top: 3em;
	width: 2em;
	height: 3.25em;
	border: 0.2em solid rgb(67,43,89);
  border-radius: 30px;
	cursor: pointer;
}
	.icon-scroll.diap{
		border: 0.2em solid rgb(255,255,255);
	}
.icon-scroll::before {
  position: absolute;
  left: 50%;
  content: '';
  width: 0.3em;
  height: 0.3em;
  background: rgb(67,43,89);
  margin-left: -0.15em;
  top: 0.7em;
  border-radius: 50%;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
          animation-name: scroll;
}
	.icon-scroll.diap::before {
  	background: rgb(255,255,255);
	}
@media all and (min-width: 720px) {
	.icon-scroll {
		left: 0;
	}
}
@-webkit-keyframes scroll {
  0% {
    opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  100% {
    opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(0.9em);
            transform: translateY(0.9em);
  }
}
@keyframes scroll {
  0% {
    opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  100% {
    opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(0.9em);
            transform: translateY(0.9em);
  }
}
.tim-notfound{
	width: 20em;
	max-width: 90%;
	height: auto;
}
#tim-loader{
	position: fixed;
	overflow: hidden;
	height: 0;
	left: 0;
	right: 0;
	bottom: -10%;
	z-index: 98;
	background: center / 4.5em auto no-repeat url('images/tim-face.svg') rgb(67,43,89);
}
#tim-loader.reverse{
	top: 0;
	bottom: auto;
}
#tim-loader.loading{
	height: 110%;
	-webkit-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
#tim-loader.loading.loaded{
	top: -10%;
	height: 0;
}
#tim-loader.reverse.loading.loaded{
	top: auto;
	bottom: -10%;
	height: 0;
}
.frontpage-slider #frontpage-loader{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 0;
	z-index: 95;
	background: center / 4.5em auto no-repeat url('images/tim-face.svg') rgb(67,43,89);
	-webkit-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
.frontpage-slider.reverse #frontpage-loader{
	top: 0;
	bottom: auto;
}
.frontpage-slider.loading #frontpage-loader{
	height: 100%;
}
.frontpage-slider.loading.loaded #frontpage-loader{
	top: 0;
	height: 0;
}
.frontpage-slider.reverse.loading.loaded #frontpage-loader{
	top: auto;
	bottom: 0;
	height: 0;
}
.frontpage-slider .hero{
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}
.frontpage-slider .hero.current{
	visibility: visible;
}
.frontpage-slider .hero .hero-inner{
	opacity: 0;
}
.frontpage-slider .hero.current .hero-inner{
	opacity: 1;
	-webkit-transition: opacity 500ms ease-in-out 250ms;
	transition: opacity 500ms ease-in-out 250ms;
}
.frontpage-slider .hero.fadeout .hero-inner{
	opacity: 0;
	-webkit-transition: opacity 500ms ease-in-out;
	transition: opacity 500ms ease-in-out;
}
#navigation{
	position: fixed;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	opacity: 0;
	overflow: hidden;
	-webkit-transition: opacity 200ms ease-in-out 200ms;
	transition: opacity 200ms ease-in-out 200ms;
}
#navigation.active{
	position: fixed;
	width: 100%;
	height: 100%;
	padding: 1em;
	background: rgb(249,247,230);
	z-index: 96;
	opacity: 1;
}
#navigation .navigation-inner{
	display: table;
	width: 100%;
	height: 100%;
	background: rgb(67,43,89);
}
.navigation-search,
.navigation-menu{
	display: table-row;
}
.navigation-search-inner{
	margin-top: 20vh;
	text-align: center;
}
.navigation-menu{
	height: 3em;
	text-align: center;
}
.navigation-pages{
	padding: 0 1em 1em;
}
.navigation-pages a{
	font-size: 0.8em;
	display: inline-block;
	font-family: '500';
	color: rgba(255,255,255,0.25);
	margin: 0 0.5em;
}
.navigation-search #tim-search,
.navigation-search #tim-search-results{
	width: 80%;
	max-width: 640px;
	margin: 0 auto;
}
.navigation-search #tim-search-results{
	max-height: 32vh;
	overflow: auto;
}
.navigation-search #tim-search-results a{
	display: block;
	padding: 0.3em 1em;
	font-family: '500';
	text-align: left;
	background: rgba(255,255,255,1);
}
	.navigation-search #tim-search-results a:hover{
		background: rgba(255,255,255,0.95);
	}
	.navigation-search #tim-search-results a:first-child{
		padding-top: 1em;
	}
	.navigation-search #tim-search-results a:last-child{
		padding-bottom: 1em;
	}
.navigation-search #tim-search-results .no-results{
	font-family: '500';
	padding: 1em;
	color: rgb(255,255,255);
}
.navigation-search #tim-search{
	padding: 0.25em 0.75em;
	font-family: 'recoleta-black';
	font-size: 2em;
	color: rgb(255,255,255);
	border: none;
	background: right 0.5em center / 1em 1em no-repeat url('images/tim-search.svg') rgba(255,255,255,0.2);
}
#tim-search:focus {
	outline: 0;
  -webkit-appearance: none;
  caret-color: rgb(255,255,255);
}
#tim-search::placeholder {
	color: rgb(255,255,255);
  opacity: 1;
}
#tim-search:-ms-input-placeholder {
	color: rgb(255,255,255);
}
#tim-search::-ms-input-placeholder {
	color: rgb(255,255,255);
}
#tim-search::-ms-clear {
    display: none;
}
	@media all and (min-width: 720px) {
		.navigation-search #tim-search{
			font-size: 2.5em;
		}
	}
	@media all and (min-width: 1200px) {
		.navigation-search #tim-search{
			font-size: 3em;
		}
	}
.menu-trigger{
	display: block;
	position: fixed;
	left: 0;
	top: 2em;
	width: 3.5em;
	height: 3.5em;
	background: left / 7em auto no-repeat url('images/menu-trigger.svg') rgb(67,43,89);
	cursor: pointer;
	z-index: 97;
}
	.menu-trigger.active{
		background: right / 7em auto no-repeat url('images/menu-trigger.svg') rgb(255,210,0);
	}
		@media all and (min-width: 480px) {
			.menu-trigger{
				top: 3em;
			}
		}
			@media all and (min-width: 1200px) {
				.menu-trigger{
					top: 3.5em;
				}
			}
.container{
	position: relative;
	display: block;
	text-align: center;
}
p,
img,
figure,
.product,
.container ul.list,
.container ol.list,
.table-responsive,
.tim-banner{
	margin-bottom: 3em;
}
p.introduction{
	font-family: '700';
}
p.introduction::first-letter {
	display: inline-block;
	position: relative;
	font-family: '900';
	font-size: 3em;
	line-height: 0.7em;
	margin: 0.2em 0.2em 0 0;
	float: left;
}
.container p a:not(.more){
	font-family: '500';
	padding: 0 0.2em;
}
.container a.more{
	display: table;
	font-family: '700';
	padding-right: 1.75em;
	background: right center / auto 0.8em no-repeat url('images/arrow.svg');
}
.container .row-large,
.container .row-inner,
.container h1,
.container h2,
.container h3,
.container h4,
.container h5,
.container h6,
.container p,
.container blockquote,
.container ul.list,
.container ol.list,
.container img,
.container figure,
.table-responsive table,
.tim-banner{
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
	.container figure,
	.table-responsive{
		text-align: center;
	}
.container .row-large,
.container .row-large .row-inner,
.container blockquote,
/*
.container img,
*/
.container figure,
.container h1,
.container h2,
.container h3,
.container h4,
.container h5,
.container h6,
.container p,
.container ul.list,
.container ol.list{
	width: 90%;
}
.container .row-large,
.container figure,
.table-responsive,
.tim-banner{
	max-width: 960px;
}
.container .row-inner,
.container h1,
.container h2,
.container h3,
.container h4,
.container h5,
.container h6,
.container p,
.container ul.list,
.container ol.list{
	max-width: 640px;
}
.tim-banner img,
.container img{
	max-width: 100%;
	height: auto;
}
.container img.small{
	max-width: 50%;
}
.container figure figcaption{
	font-size: 0.8em;
	line-height: 1.25em;
	margin: -2em 0 3em;
	text-align: center;
}
ol.list li,
ul.list li{
	margin-left: 1em;
	list-style-position: outside;
}
ol.list li{
	list-style-type: decimal;
}
ul.list li{
	list-style-type: disc;
}
.container blockquote{
	margin-bottom: 2em;
}
.container blockquote p{
	font-family: 'recoleta-regular';
	text-align: center;
	font-weight: normal;
	font-size: 1.4em;
	line-height: 1.2em;
	max-width: none;
}
.container blockquote p strong{
	font-family: 'recoleta-black';
	font-weight: normal;
}
	@media all and (min-width: 480px) {
		.container blockquote p{
			font-size: 1.8em;
		}
	}
.container blockquote p a{
	font-family: inherit;
}
.container blockquote .tim-face{
	margin: 0 auto;
}
.table-responsive{
	font-size: 0.9em;
	line-height: 1.25em;
	overflow: auto;
}
.table-responsive table{
}
.table-responsive th{
	font-family: '700';
	font-weight: normal;
}
.table-responsive th,
.table-responsive td{
	padding: 0.5em;
}
.table-responsive th:not(.column-1),
.table-responsive td:not(.column-1){
	padding-left: 1em;
}
.table-responsive tr:nth-child(odd):not(.row-1) {
	background: rgba(67,43,89,0.05);
}
main{
  display: block;
	margin: 3em 0 5.5em;
}
footer{
	display: block;
	text-align: center;
	padding: 8em 0 0;
}
.table-of-content{
	min-height: 10em;
	padding: 2.75em 0 4em;
	background: rgb(255,255,255);
	counter-reset: my-counter;
}
	.table-of-content.hide{
		display: none;
	}
	.table-of-content.header{
		margin-top: -7em;
		margin-bottom: -1.5em;
	}
	.table-of-content.footer{
		margin-bottom: -10em;
	}
.table-of-content .index,
.table-of-content .next,
.button{
	text-align: center;
	font-family: '900';
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
	.table-of-content .next{
		margin-bottom: 0.25em;
	}
.table-of-content .index::after{
	content: '';
	display: block;
	width: 4em;
	height: 0.25em;
	background: black;
	margin: 0.75em auto 2em;
}
.table-of-content .title{
	display: block;
	font-family: 'recoleta-black';
	font-size: 2em;
	line-height: 1em;
	text-align: center;
}
.table-of-content .button{
	display: table;
	margin: 1em auto 3em;
}
	@media all and (min-width: 720px) {
		.table-of-content ol{
			display: inline-block;
			width: 50%;
			float: left;
		}
		.table-of-content::after{
			content: '';
			display: table;
			clear: both;
		}
	}
.table-of-content li a{
	position: relative;
	display: block;
	padding-left: 2em;
  counter-increment: my-counter;
}
.table-of-content li a::before{
	position: absolute;
	left: 0;
  content: "0" counter(my-counter)".";
}
	.table-of-content a.current{
		font-family: '900';
	}
.button{
	display: inline-block;
	font-size: 0.8em;
	background: rgb(67,43,89);
	color: rgb(255,255,255);
	padding: 0.8em 1.75em;
	line-height: 1.25em;
	border-radius: 10em;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
.button.outline{
	background: none;
	-webkit-box-shadow: inset 0 0 0 0.2em rgb(67,43,89);
	-moz-box-shadow: 0 0 0 0.2em rgb(67,43,89);
	box-shadow: 0 0 0 0.2em rgb(67,43,89);
	color: rgb(67,43,89);
}
.frontpage-slider .button{
	color: rgb(67,43,89);
	background: rgb(255,255,255);
}
.product{
	padding: 2em 0;
	background: rgb(255,255,255);
}
.product-image{
	text-align: center;
}
.product-image img{
	max-width: 240px;
	height: auto;
	margin: 0 auto 1em;
}
.product-title{
	font-family: '900';
	font-size: 1.4em;
	margin-bottom: 0.25em;
}
.product-list{
	font-family: '500';
	margin-bottom: 1em;
}
.product-list li{
	position: relative;
	padding-left: 1.75em;
	line-height: 1.5em;
	margin-top: 0.25em;
}
.product-list li::before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0.25em;
	width: 1.25em;
	height: 1.25em;
	border-radius: 1.25em;
	background-image: url('images/check.svg');
	background-size: 0.7em auto;
	background-position: center;
	background-repeat: no-repeat;
	background-color: rgb(67,43,89);
}
@media all and (min-width: 640px) {
	.product-content{
		position: relative;
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	.product-image,
	.product-details{
		display: table-cell;
		vertical-align: middle;
	}
	.product-details{
		padding-left: 1em;
	}
	.product-image img{
		margin-bottom: 0;
	}
}
.tim-banner,
.adsense-banner{
	text-align: center;
}
ins{
	margin: 0 auto;
	height: auto;
	text-align: center;
	background: rgb(249,247,230);
}

/* Themes */
/* Yellow */
.tim-template.yellow .hero,
.tim-template.yellow .masthead,
.tim-template.yellow footer,
.bg-yellow-gradient{
	background: rgb(255,210,0);
	background: -moz-radial-gradient(center center, circle cover, rgba(255,210,0,0.6) 0%, rgba(255,210,0,1) 100%);
	background: -webkit-radial-gradient(center center, circle cover, rgba(255,210,0,0.6) 0%,rgba(255,210,0,1) 100%);
	background: radial-gradient(center center, circle cover, rgba(255,210,0,0.6) 0%,rgba(255,210,0,1) 100%);
}
.tim-template.yellow .table-of-content .index::after,
.tim-template.yellow .product-list li::before,
.tim-template.yellow .button:hover,
.bg-yellow{
	background-color: rgb(255,210,0);
}
.tim-template.yellow p.introduction::first-letter,
.tim-template.yellow .table-of-content .next,
.text-yellow{
	color: rgb(255,210,0);
}
.tim-template.yellow .container p a:not(.more){
	background: rgba(255,210,0,0.2);
}
/* Green */
.tim-template.green .hero,
.tim-template.green .masthead,
.tim-template.green footer,
.bg-green-gradient{
	background: rgb(14,185,115);
	background: -moz-radial-gradient(center center, circle cover, rgba(14,185,115,0.6) 0%, rgba(14,185,115,1) 100%);
	background: -webkit-radial-gradient(center center, circle cover, rgba(14,185,115,0.6) 0%,rgba(14,185,115,1) 100%);
	background: radial-gradient(center center, circle cover, rgba(14,185,115,0.6) 0%,rgba(14,185,115,1) 100%);
}
.tim-template.green .table-of-content .index::after,
.tim-template.green .product-list li::before,
.tim-template.green .button:hover,
.bg-green{
	background-color: rgb(14,185,115);
}
.tim-template.green p.introduction::first-letter,
.tim-template.green .table-of-content .next,
.text-green{
	color: rgb(14,185,115);
}
.tim-template.green .container p a:not(.more){
	background: rgba(14,185,115,0.2);
}
/* Pink */
.tim-template.pink .hero,
.tim-template.pink .masthead,
.tim-template.pink footer,
.bg-pink-gradient{
	background: rgb(255,165,165);
	background: -moz-radial-gradient(center center, circle cover, rgba(255,165,160,0.6) 0%, rgba(255,165,160,1) 100%);
	background: -webkit-radial-gradient(center center, circle cover, rgba(255,165,160,0.6) 0%,rgba(255,165,160,1) 100%);
	background: radial-gradient(center center, circle cover, rgba(255,165,160,0.6) 0%,rgba(255,165,160,1) 100%);
}
.tim-template.pink .table-of-content .index::after,
.tim-template.pink .product-list li::before,
.tim-template.pink .button:hover,
.bg-pink{
	background-color: rgb(255,165,160);
}
.tim-template.pink p.introduction::first-letter,
.tim-template.pink .table-of-content .next,
.text-pink{
	color: rgb(255,165,160);
}
.tim-template.pink .container p a:not(.more){
	background: rgba(255,143,125,0.2);
}
/* Red */
.tim-template.red .hero,
.tim-template.red .masthead,
.tim-template.red footer,
.bg-red-gradient{
	background: rgb(255,95,100);
	background: -moz-radial-gradient(center center, circle cover, rgba(255,95,100,0.6) 0%, rgba(255,95,100,1) 100%);
	background: -webkit-radial-gradient(center center, circle cover, rgba(255,95,100,0.6) 0%,rgba(255,95,100,1) 100%);
	background: radial-gradient(center center, circle cover, rgba(255,95,100,0.6) 0%,rgba(255,95,100,1) 100%);
}
.tim-template.red .table-of-content .index::after,
.tim-template.red .product-list li::before,
.tim-template.red .button:hover,
.bg-red{
	background-color: rgb(255,95,100);
}
.tim-template.red p.introduction::first-letter,
.tim-template.red .table-of-content .next,
.text-red{
	color: rgb(255,95,100);
}
.tim-template.red .container p a:not(.more){
	background: rgba(255,95,100,0.2);
}
/* Blue */
.tim-template.blue .hero,
.tim-template.blue .masthead,
.tim-template.blue footer,
.bg-blue-gradient{
	background: rgb(100,192,220);
	background: -moz-radial-gradient(center center, circle cover, rgba(100,192,220,0.6) 0%, rgba(100,192,220,1) 100%);
	background: -webkit-radial-gradient(center center, circle cover, rgba(100,192,220,0.6) 0%,rgba(100,192,220,1) 100%);
	background: radial-gradient(center center, circle cover, rgba(100,192,220,0.6) 0%,rgba(100,192,220,1) 100%);
}
.tim-template.blue .table-of-content .index::after,
.tim-template.blue .product-list li::before,
.tim-template.blue .button:hover,
.bg-blue{
	background-color: rgb(100,192,220);
}
.tim-template.blue p.introduction::first-letter,
.tim-template.blue .table-of-content .next,
.text-blue{
	color: rgb(100,192,220);
}
.tim-template.blue .container p a:not(.more){
	background: rgba(100,192,220,0.2);
}
/* Orange */
.tim-template.orange .hero,
.tim-template.orange .masthead,
.tim-template.orange footer,
.bg-orange-gradient{
	background: rgb(255,146,65);
	background: -moz-radial-gradient(center center, circle cover, rgba(255,146,65,0.6) 0%, rgba(255,146,65,1) 100%);
	background: -webkit-radial-gradient(center center, circle cover, rgba(255,146,65,0.6) 0%,rgba(255,146,65,1) 100%);
	background: radial-gradient(center center, circle cover, rgba(255,146,65,0.6) 0%,rgba(255,146,65,1) 100%);
}
.tim-template.orange .table-of-content .index::after,
.tim-template.orange .product-list li::before,
.tim-template.orange .button:hover,
.bg-orange{
	background-color: rgb(255,146,65);
}
.tim-template.orange p.introduction::first-letter,
.tim-template.orange .table-of-content .next,
.text-orange{
	color: rgb(255,146,65);
}
.tim-template.orange .container p a:not(.more){
	background: rgba(255,146,65,0.2);
}
/* Purple */
.tim-template.purple .hero,
.tim-template.purple .masthead,
.tim-template.purple footer,
.bg-purple-gradient{
	background: rgb(143,105,176);
	background: -moz-radial-gradient(center center, circle cover, rgba(143,105,176,0.6) 0%, rgba(143,105,176,1) 100%);
	background: -webkit-radial-gradient(center center, circle cover, rgba(143,105,176,0.6) 0%,rgba(143,105,176,1) 100%);
	background: radial-gradient(center center, circle cover, rgba(143,105,176,0.6) 0%,rgba(143,105,176,1) 100%);
}
.tim-template.purple .table-of-content .index::after,
.tim-template.purple .product-list li::before,
.tim-template.purple .button:hover,
.bg-purple{
	background-color: rgb(143,105,176);
}
.tim-template.purple p.introduction::first-letter,
.tim-template.purple .table-of-content .next,
.text-purple{
	color: rgb(143,105,176);
}
.tim-template.purple .container p a:not(.more){
	background: rgba(143,105,176,0.2);
}
.tim-template.yellow .button.outline:hover,
.tim-template.green .button.outline:hover,
.tim-template.pink .button.outline:hover,
.tim-template.red .button.outline:hover,
.tim-template.blue .button.outline:hover,
.tim-template.orange .button.outline:hover,
.tim-template.purple .button.outline:hover{
	background: rgb(67,43,89);
	color: rgb(255,255,255);
}