﻿
/* ------- COMMON ------- */

@font-face {
	font-family: Titillium-Light;
	src: url('../fonts/Titillium-Light.woff') format('woff'), url('../fonts/Titillium-Light.ttf') format('truetype'), url('../fonts/Titillium-Light.otf') format('opentype');
}

@font-face {
	font-family: Titillium-Regular;
	src: url('../fonts/Titillium-Regular.woff') format('woff'), url('../fonts/Titillium-Regular.ttf') format('truetype'), url('../fonts/Titillium-Regular.otf') format('opentype');
}

@font-face {
	font-family: Titillium-Bold;
	src: url('../fonts/Titillium-Bold.woff') format('woff'), url('../fonts/Titillium-Bold.ttf') format('truetype'), url('../fonts/Titillium-Bold.otf') format('opentype');
}

html {
	position: relative;
	min-height: 100%;
	line-height: 1;
}

body {
	font-family: Titillium-Light;
	background-color: #ffffff;
	font-size: 16px;
	margin-bottom: 220px;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

table {
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0;
}

td {
	padding: 0px;
}

image {
	border: 0px;
	vertical-align: middle;
}

p {
	margin: 0px;
}

h1 {
	font-size: 40px;
	font-family: Titillium-Bold;
	margin-bottom: 25px;
}

hr {
	border: none;
	height: 1px;
	background-color: #888;
}

a, a:visited, a:active, a:visited, a:focus {
	font-weight: normal;
	color: #f58220;
	text-decoration: underline;
}

	a:hover {
		color: #f58220;
		text-decoration: underline;
	}

	a img:hover {
		opacity: .7;
		-webkit-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	}

font[face^="Thread-"] {
	font-family: inherit !important;
}

.paragraphSearchForm {
	margin-bottom: 20px;
}

.soegeresultater, .soegeresultater:visited {
	font-family: verdana;
	font-size: 10px;
	color: blue;
	text-decoration: none;
}

	.soegeresultater:hover {
		font-family: verdana;
		font-size: 10px;
		color: red;
		text-decoration: underline;
	}

.soegeresultaterNiveau0 {
	color: #888888;
}

.soegeresultaterNyGruppe {
	color: #666666;
}

.readmore {
	text-decoration: underline;
}

	.readmore:visited {
		text-decoration: underline;
	}

	.readmore:hover {
		text-decoration: none;
	}

div.navibar {
	color: #999999;
	font-weight: normal;
}

.postheadline, .postheadline:active, .postheadline:visited {
	color: blue;
	font-size: 13px;
	font-weight: bold;
}

	.postheadline:hover {
		font-size: 13px;
		font-weight: bold;
		text-decoration: underline;
	}

.postheadline_editmode {
	font-size: 13px;
	font-weight: bold;
	color: blue;
	background-color: rgba(0,0,0,0.1);
	text-decoration: underline;
}

.postheadline_editmode_highlighted {
	font-size: 13px;
	font-weight: bold;
	color: blue;
	background-color: rgba(0,0,0,0.2);
	text-decoration: underline;
}

.postlist {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

.postlist_date {
	font-size: 9px;
	color: #000000;
	text-decoration: none;
}

.postlist_link, .postlist_link:active, .postlist_link:visited {
	font-size: 10px;
	color: #000000;
	text-decoration: underline;
}

	.postlist_link:hover {
		font-size: 10px;
		color: #000000;
		text-decoration: none;
	}

.postlist_textarea {
	width: 95%;
}

.post_back_text, .post_back_text:active, .post_back_text:visited {
	font-family: Verdana;
	font-size: 9px;
	color: #999999;
	text-decoration: none;
}

	.post_back_text:hover {
		font-family: Verdana;
		font-size: 9px;
		color: #999999;
		text-decoration: underline;
	}

.post_date_text {
}

.post_source_text {
}

.searchfield {
	width: 90px;
}

.searchresults_textfield {
}

.searchresults_button {
}

.searchresults_found {
	color: #FF0000;
}

.paragraph_editmode {
	background-color: rgba(0,0,0,0.1);
}

.paragraph_editmode_highlighted {
	background-color: rgba(0,0,0,0.2);
}

.paragraph_heading {
}

.paragraph_heading_editmode {
	background-color: rgba(0,0,0,0.1);
}

.paragraph_heading_editmode_highlighted {
	background-color: rgba(0,0,0,0.2);
}

.abox, .bbox, .cbox, .dbox, .ebox, .lbox, .tbox, .rbox {
	color: #000000;
}

.abox_editmode, .bbox_editmode, .cbox_editmode, .dbox_editmode, .ebox_editmode, .lbox_editmode, .tbox_editmode, .rbox_editmode {
	color: #000000;
	background-color: rgba(0,0,0,0.1);
}

.abox_editmode_highlighted, .bbox_editmode_highlighted, .cbox_editmode_highlighted, .dbox_editmode_highlighted, .ebox_editmode_highlighted, .lbox_editmode_highlighted, .tbox_editmode_highlighted, .rbox_editmode_highlighted {
	color: #000000;
	background-color: rgba(0,0,0,0.2);
}

.tilmeldnews {
	color: #000000;
}

.logoutlink {
}

.imagetext {
	font-family: Arial;
	font-size: 10px;
	color: #000000;
	text-align: right;
}

.TopLevelSpan {
	background-color: #cccccc;
	border: 1px solid black;
	height: 20px;
}

.TopLevelSpanActive {
	background-color: #eeeeee;
	border: 1px solid black;
	height: 20px;
}

.TopLevelAnchor, .TopLevelAnchor:active, .TopLevelAnchor:visited {
	text-decoration: underline;
	font-weight: bold;
	color: #000000;
}

	.TopLevelAnchor:hover {
		text-decoration: underline;
		color: #000033;
	}

.forumThreadAnchor {
	color: #000000;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
}

	.forumThreadAnchor:visited {
		color: #000000;
		font-family: Verdana;
		font-size: 10px;
		font-weight: normal;
	}

	.forumThreadAnchor:hover {
		color: #000000;
		font-family: Verdana;
		font-size: 10px;
		font-weight: normal;
		text-decoration: none;
	}

.forumThreadHeader {
	padding: 5px;
	background-color: #BDC0D5;
	color: #000000;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
}

.forumThreadTopicHeader {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 3px;
	padding-left: 3px;
	background-color: #BDC0D5;
	color: #000000;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
}

.forumThreadFooter {
	padding: 5px;
	background-color: #BDC0D5;
	color: #ffffff;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
}

.forumThreadTopic {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 3px;
	background-color: #F4F5FA;
	color: #000000;
	font-family: Verdana;
	font-size: 10px;
	border: 1px solid #d2d2d2;
}

.forumThreadTopicNew {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 3px;
	background-color: #FFF5FA;
	color: #000000;
	font-family: Verdana;
	font-size: 10px;
	border: 1px solid #d2d2d2;
}

.forumThreadTopicOver {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 3px;
	background-color: #E8E9F4;
	color: #000000;
	font-family: Verdana;
	font-size: 10px;
	border: 1px solid #d2d2d2;
	cursor: hand;
}

.forumThreadSeperator {
	background-color: #5E6386;
	height: 10px;
}

.forumReplyData {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #E2E4F1;
	color: #000000;
	font-family: Verdana;
	font-size: 10px;
	border: 1px solid #d2d2d2;
	cursor: hand;
}

.formThanksText {
}

.forumNameAnchor, .forumNameAnchor:visited, .forumNameAnchor:hover {
	color: #000000;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
}

.forumThreadDate {
	font-family: arial;
	font-size: 9px;
	text-align: right;
}

.formThanksText {
}

.formErrorText {
	color: Red;
	font-weight: bold;
}

.calendarDiv {
	border: 1px solid #ECE9D8;
}

.navButton {
	border: 1px solid #DDDDDD;
	background-color: #CEDEE7;
}

.weekNumberDays {
	background-color: #CEDEE7;
	color: #17518F;
}

.emptyDays {
	background-color: #E7EEEF;
}

.bookedDays {
	cursor: pointer;
	border: 1px solid #DDDDDD;
	padding-left: 2px;
	color: #FFFFFF;
}

.excludedDays {
	cursor: default;
	border: 1px solid #DDDDDD;
	padding-left: 2px;
}

.freeDays {
	background-color: #FFFFFF;
	cursor: pointer;
	border: 1px solid #DDDDDD;
	padding-left: 2px;
}

.freeDaysHover {
	background-color: #F5F5F5;
	cursor: pointer;
	border: 1px solid #DDDDDD;
	padding-left: 2px;
}

.quickpollDiv {
	margin-bottom: 10px;
	border-bottom: 1px solid black;
	padding-bottom: 10px;
}

.quickpollQuestion {
	font-weight: bold;
}

.quickpollReplyOption {
	margin-top: 3px;
}

.quickpollPercenttext {
	color: blue;
}

.quickpollBarTable {
	border: 1px solid #000000;
	background-color: #eeeeee;
	width: 120px;
	border-collapse: collapse;
}

.quickpollBarTD {
	background-color: red;
	height: 10px;
}

.quickpollPercenttextBefore {
	display: none;
}

.quickpollBarTableBefore {
	display: none;
}

.quickpollRadio {
	border: 0px;
}

.quickpollNumReplies {
	margin-top: 3px;
}

.quickpollSubmitDiv {
	margin-top: 3px;
	text-align: center;
}

.quickpollSubmit {
	width: 50px;
	cursor: pointer;
}

.quickpollArchiveTD {
	vertical-align: top;
	width: 130px;
	padding-right: 10px;
}

.quickpollLinkDiv {
	margin-top: 3px;
}

.quickpollLink {
}

.RotAlignDiv {
	text-align: left;
}

.graphicalElementTop {
	vertical-align: top;
}

.mediaParText {
	padding-left: 10px;
}

.cb {
	clear: both;
}

.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
}

.tableDiv {
	overflow-x: auto;
}

.imgPoweredBy {
	width: 84px;
	height: 17px;
}

.leftmargin img, .rightmargin img, .midcontent img, .paragraph img, .paragraph_editmode img, .paragraph_editmode_highlighted img, .paragraph_heading img, .paragraph_heading_editmode img, .paragraph_heading_editmode_highlighted img, .row img {
	max-width: 100%;
}

#navigation-mobile-container {
	display: none;
}

#btn-menu {
	display: none;
}

.logo {
	z-index: 1000;
	background: url(../design/logo.svg) no-repeat;
	width: 146px;
	height: 55px;
	cursor: pointer;
	margin-top: 12px;
	opacity: 1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

	.logo.shrink {
		margin-top: 5px;
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}

.toothbrush {
	background: url(../design/toothbrush.svg) no-repeat;
	background-position: center;
	background-size: 172px 40px;
	height: 40px;
	width: 50%;
	margin: 0 auto;
	margin-bottom: 20px;
}

header {
	position: fixed;
	width: 100%;
	height: 80px;
	z-index: 100;
	margin: 0 auto;
	top: 50px;
	background: rgba(255, 255, 255, .9);
	text-align: center;
	animation: fadein 2s;
	-moz-animation: fadein 6s; /* Firefox */
	-webkit-animation: fadein 6s; /* Safari and Chrome */
	-o-animation: fadein 6s; /* Opera */
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	border-bottom: solid 1px #f4f4f4;
}

	header.static {
		animation: none;
		-webkit-animation: none;
		-o-animation: none;
	}

	header.shrink {
		height: 65px;
	}

@keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-moz-keyframes fadein { /* Firefox */
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-webkit-keyframes fadein { /* Safari and Chrome */
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-o-keyframes fadein { /* Opera */
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.topbar {
	width: 100%;
	height: 50px;
	position: fixed;
	background-color: #ebebeb;
	z-index: 100;
}

	.topbar span {
		display: inline-block;
	}

	.topbar a, .topbar a:visited, .topbar a:active, .topbar a:focus {
		display: block;
		text-decoration: none !important;
		font-size: 20px;
		color: #2176a7;
		padding: 10px 15px 10px 15px;
	}

		.topbar a:hover {
			background-color: #2176a7;
			color: #ffffff;
		}

	.topbar i {
		margin-left: 15px;
		font-size: 24px;
	}

#main-content {
	/*position: relative;*/
	z-index: 1;
	padding: 15px 0 50px 0;
	background-color: #fff;
}

.footer {
	position: absolute;
	bottom: 0;
	height: 220px;
	width: 100%;
	color: #ffffff;
	padding: 50px 0 0 0;
	background-color: #383838;
}

	.footer div {
		text-align: center;
		font-size: 20px;
	}

	.footer .col-sm-4 {
		padding-bottom: 30px;
	}

	.footer div a {
		color: #fff;
	}

	.footer i {
		font-size: 40px;
		margin-bottom: 20px;
	}

.info-boxes {
	display: table;
	width: 100%;
}

	.info-boxes div {
		color: #ffffff;
	}

.info-box-1 {
	background-color: #797979;
	min-height: 350px;
	padding: 40px 150px;
	display: table-cell;
	width: 50%;
}

.info-box-2 {
	background-color: #4282aa;
	min-height: 350px;
	padding: 40px 150px;
	display: table-cell;
	width: 50%;
}

.info-boxes h2 {
	font-family: Titillium-Regular;
	margin: 0;
	padding: 0;
}

#abox-container {
	display: none;
	position: absolute;
	z-index: 200;
	width: 100%;
	margin: 0 auto;
	top: 141px;
}

	#abox-container img {
		max-width: 100%;
	}

/* bsrp settings */

section {
	background-position: top center;
}

	section.bsrp_botmargin {
		margin-bottom: 25px;
	}

	section.subParagraphHeader {
		font-family: Titillium-Bold;
		font-size: 22px;
		padding: 25px 0 15px 0;
		color: #f58220;
		text-transform: uppercase;
	}

/*section.parallax {
		background-position-x: 50%;
		background-size: cover;
		background-attachment: fixed;
	}*/

/* Scroll button - start */

#scroll-button-container {
	background: url(../design/scroll-button-bg.png);
	position: absolute;
	bottom: 0;
	height: 50px;
	width: 100%;
	z-index: 99;
}

scroll-button-container::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 80%;
	background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 80%,rgba(0,0,0,.8) 100%);
	background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 80%,rgba(0,0,0,.8) 100%);
}

#scroll-button a {
	padding-top: 60px;
}

	#scroll-button a span {
		position: absolute;
		top: 10px;
		left: 50%;
		width: 30px;
		height: 30px;
		margin-left: -15px;
		border: 3px solid #2176a7;
		border-radius: 100%;
		box-sizing: border-box;
	}

		#scroll-button a span::after {
			position: absolute;
			top: 50%;
			left: 50%;
			content: '';
			width: 12px;
			height: 12px;
			margin: -8px 0 0 -6px;
			border-left: 3px solid #79b5df;
			border-bottom: 3px solid #79b5df;
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
			box-sizing: border-box;
		}

		#scroll-button a span::before {
			position: absolute;
			top: 0;
			left: 0;
			z-index: -1;
			content: '';
			width: 25px;
			height: 25px;
			box-shadow: 0 0 0 0 rgba(255,255,255,.1);
			border-radius: 100%;
			opacity: 0;
			-webkit-animation: sdb03 3s infinite;
			animation: sdb03 3s infinite;
			box-sizing: border-box;
		}

@-webkit-keyframes sdb03 {
	0% {
		opacity: 0;
	}

	30% {
		opacity: 1;
	}

	60% {
		box-shadow: 0 0 0 80px rgba(255,255,255,.1);
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}

@keyframes sdb03 {
	0% {
		opacity: 0;
	}

	30% {
		opacity: 1;
	}

	60% {
		box-shadow: 0 0 0 80px rgba(255,255,255,.1);
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}

/* Scroll button - end */

#frontpage-info-container {
	display: none;
	position: absolute;
	bottom: 50px;
	width: 100%;
	background-color: rgba(245,130,32,0.9);
	padding: 30px 0 30px 0;
	z-index: 100;
}

/* --- Parallax --- */

section:not([onmouseover]).parallax {
	height: 500px;
	overflow-x: hidden;
	overflow-y: hidden;
}

	section:not([onmouseover]).parallax > .container { /*.parallax__group*/
		position: relative;
		width: 100%;
		padding: 0;
		height: 500px;
		margin-right: 0;
		margin-left: 0;
	}

	section:not([onmouseover]).parallax .row {
		margin: 0;
	}

		section:not([onmouseover]).parallax .row > div {
			position: absolute;
			top: 0;
			float: none;
			padding: 0;
		}

			section:not([onmouseover]).parallax .row > div:nth-of-type(1) {
				/*width: auto !important;*/
				width: 100%;
				z-index: 1;
				/*background-size: initial;*/
				background-size: cover;
				background-position: center top;
				min-height: 500px;
			}

			section:not([onmouseover]).parallax .row > div:nth-of-type(2) {
				margin: 0 auto;
				z-index: 3;
				position: relative;
				background-color: rgba(0, 0, 0, 0.7);
				padding: 15px;
				background-size: initial;
				background-position: center top;
			}

			section:not([onmouseover]).parallax .row > div:nth-of-type(3) {
				width: auto !important;
				position: relative;
				background-size: initial;
				background-position: center top;
				min-height: 500px;
				z-index: 2;
			}

/* --- Cookie layers --- */
#cookiePolicyDiv {
	position: fixed;
	width: 100%;
	bottom: 0px;
	line-height: 16px;
	background-color: rgba(0,0,0,0.8) !important;
	background-color: #000000;
	z-index: 50;
	padding: 10px 10px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.cookieCenterDiv {
	width: 80%;
	max-width: 800px;
	min-width: 300px;
	margin: 0px auto;
	text-align: left;
}

.cookieText {
	float: left;
	color: #ffffff;
	width: 80%;
	max-width: 600px;
}

.cookieCloseIcon {
	float: right;
	cursor: pointer;
	margin-top: -10px;
}

.cookieCloseBtn {
	float: right;
	width: 15%;
	max-width: 100px;
	min-width: 30px;
	height: 30px;
	line-height: 30px;
	background-color: #aa1a3c;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

#CookieDeclarationUserStatusPanel a, #CookieDeclarationUserStatusPanel a:visited, #CookieDeclarationUserStatusPanel a:active {
	color: #fff;
	background: #dc741c;
	display: inline-block;
	padding: 6px;
	text-decoration: none;
	margin-top: 5px;
	border-radius: 4px;
}

/* ------- EDITOR ------- */

.textarea, .textfield {
	border: 1px solid black;
	font-family: verdana;
	font-size: 10px;
}

.textbutton {
	border: 1px solid black;
	font-family: verdana;
	font-size: 10px;
	background-color: #cccccc;
	width: 100px;
}

.tjekboks {
	border: none;
	font-family: verdana;
	font-size: 10px;
	border: 0px;
}

input, textarea, select {
	border: 1px solid black;
	font-family: verdana;
	font-size: 10px;
	width: 100%;
}

	input[type=checkbox], input[type=radio] {
		border: none;
		width: auto;
		height: auto;
	}

/* Buttons */

.form-button, .form-button:visited, .form-button:active {
	display: inline-block;
	/*min-width: 100px;*/
	text-align: center;
	cursor: pointer;
	padding: 7px 10px;
	text-decoration: none !important;
	border-radius: 4px;
	line-height: 1;
}

	.form-button.blue, .form-button.blue:visited, .form-button.blue:active {
		color: #fff;
		background: #2176a7 !important;
		border: 1px solid #2176a7 !important;
		text-decoration: none;
	}

		.form-button.blue:hover {
			color: #fff;
			background: #195c82 !important;
			border: 1px solid #195c82 !important;
			text-decoration: none;
		}

	.form-button.orange, .form-button.orange:visited, .form-button.orange:active {
		color: #fff;
		background: #f58220 !important;
		border: 1px solid #f58220 !important;
		text-decoration: none;
	}

		.form-button.orange:hover {
			color: #fff;
			background: #dc741c !important;
			border: 1px solid #dc741c !important;
			text-decoration: none;
		}

/* overlay */

.overlay-container {
	max-width: 100%;
}

.overlay {
	background: #44484a;
	height: 100%;
	left: 0;
	opacity: 0.8;
	filter: alpha(opacity=80);
	position: fixed;
	right: 0;
	top: 0;
	z-index: 200;
}

.overlay-content {
	background: #fff;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #44484a;
	margin: 0 0 40px;
	padding: 15px 25px !important;
	text-align: left;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	position: relative;
	left: 50%;
	margin: -250px 0 0 -250px;
	position: fixed;
	top: 30%;
	width: 600px;
	z-index: 201;
	height: unset !important;
	min-height: 450px !important;
}

	.overlay-content .section-header {
		padding: 14px 0 0;
		background-color: #fff;
		padding: 0;
		position: relative;
	}

	.overlay-content .overlay-header {
		color: #f58220;
		font-size: x-large;
		font-family: Titillium-Bold, Gill Sans, Helvetica Neue, Arial, sans-serif;
		margin: 0 0 20px;
	}

	.overlay-content .overlay-close {
		top: 10px !important;
	}

	.overlay-content .overlay-close {
		position: absolute;
		right: 0;
		font-size: 0.875em;
		top: 30px;
	}

		.overlay-content .overlay-close a:hover, .overlay-content .overlay-close a:focus {
			background: #777b7e;
		}

		.overlay-content .overlay-close a {
			background-color: #797979;
			border-radius: 15px;
			color: #fff;
			display: block;
			font-family: titilliumregular,arial,sans-serif;
			font-size: 1.25em;
			height: 30px;
			line-height: 30px;
			text-align: center;
			text-decoration: none;
			width: 30px;
		}

	.overlay-content .section-body {
		max-height: 450px;
		overflow: auto;
		padding: 10px 0;
	}

	.overlay-content .section-body {
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-ms-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
