/* getanote global styles*/


/* General & helper */

body { 
	font:400 15px/1.4 "PT Sans", Helvetica, Arial, sans-serif;
	color: #272829;
	/*font-family: "niveau-grotesk",sans-serif !important;*/
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
}
img {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	 user-select: none;
}
a {
	text-decoration: none;
	color: #00aa63 ;
}
a.quotemark::before {
	content: '»';
	display: inline-block;
	margin: 0 5px 0 0;
}
a.anchor {
    height:0;
    line-height:0;
    display:block;
}
ul {
	margin: 0;
	padding: 0;
}
.hidden {
	display: none;
}
.mobile-toggle-tab,
.mobile-toggle {
	border-radius: 50px;
	display: block;
	position: absolute;
	/*background: rgba(255,255,255,.9);
	box-shadow: 2px 2px 3px rgba(0,0,0,.1);*/
	top: 8px;
	width: 50px;
	height: 50px;
	right: 5px;
	opacity: 1 !important;
	text-align: center;
	transition: transform .2s ease-in-out;
	transform: scale(1);
}
.dashboard-body .mobile-toggle{
    z-index: 1000;
}
.mobile-toggle-tab:before,
.mobile-toggle:before {
	font-size: 3em;
	line-height: 50px;
	color: #fff;
	
}
.verified-account {
    border-radius: 10px;
    background: #00ab60;
    color: #fff;
    text-align: center;
    font-size: 7px;
    line-height: 15px;
    display: none;
}
.message-sender-nickname .verified-account {
    float: left;
    margin: 2px 0px 0px 4px;
    font-size: 7px;
    line-height: 15px;
    height: 13px;
    width: 13px;
}
.message-to .verified-account {
    position: absolute;
    right: 0px;
    top: 1px;
    height: 13px;
    width: 13px;
}
.message-sender-nickname[data-sender="getanote"] .verified-account,
.message-to[data-gtan-code^="GT"] .verified-account {
   display: block !important;
}
.gt-desktop {
	
}
.gt-mobile {
	display: none;
}

input,
textarea {   
/* Remove First Von CL auskommentiert: Grund: Wenn aktiv werden im Admin keinerlei checkboxen mehr angezeigt
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; */
}
/* ---- Alert Messages ---*/
.alert {
	border-radius:4px;
	padding: 10px 15px;
	font-size: 0.867em;
	margin: 20px auto 20px auto;
}
.alert:after {
	content:' ';
	clear:both;
	display:block;
}
.alert-warning {
	color:red;
	border:1px solid red;
}
.alert li {
	list-style: inside;
}
.error {
	background: #f55063;
	border-radius: 3px;
	text-align:center;
	color: #fff;
	padding:5px;
	position: relative;
	font-size: .9em;
}
.error:before {
	display: block;
	content: '';
	position: absolute;
	right: 0;
	left: 0;
	top: -5px;
	width: 0; 
	height: 0; 
	margin: auto;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #f55063;
}

/* ---- GTAN Form ---*/
.searchwrapper {
	border-top: 1px solid rgba(0,0,0,.1);
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.1);
}
.searchwrapper {
	color: #eaff00;
	margin: -40px 0px 0px 0px;
	padding: 30px 0px 0px 0px;
	transform: translate(0px, 80px);
	z-index: 10;
}
.searchwrapper h2 {
	font-size: 1.333em;
	line-height: 1.2em;
	margin: 0 0 25px 0;
}
.searchwrapper strong {
	display: block;
	top: 0px;
	font-weight: 400;
	font-size: 1.5em;
	margin-bottom: 10px;
}
.searchform {
	background: #fff;
	border: 3px solid rgba(255,255,255,0.2);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.0),15px 15px 20px rgba(0,0,0,0.2);
	box-sizing: border-box;
	-webkit-background-clip: padding-box; /* for Safari */
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	border-top-left-radius: 20px;
	border-top-right-radius: 100px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 100px;
	padding: 10px;
	position: relative;
	-moz-animation: error-shake 0.2s;
	-webkit-animation: error-shake 0.2s;
	animation: error-shake 0.2s;
	animation-play-state: paused;
	-moz-animation-play-state: paused;
	-webkit-animation-play-state: paused;
	 animation-iteration-count: 2;
}
.searchform.error {
	display: block !important;
	animation-play-state: running;
	-moz-animation-play-state: running;
	-webkit-animation-play-state: running;
}
.searchform.error:before {
	display: none;
}
.searchform.error form > span {
	box-shadow: inset 0px 0px 0px rgba(0,0,0,.05), inset 0px 0px 0px 2px rgba(245,80,99,1);
	max-height: 75px;
} 
.searchform div.error {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	top: 95px;
	padding-left: 20px;
	padding-right: 20px;
	left: calc(50% - 120px);
	transform: translate(0px,20px);
	transition: transform .4s ease-in-out, opacity .4s ease-in-out;
}
.searchform.error div.error {
	opacity: 1;
	transform: translate(0px,0px);
	visibility: visible;
} 
.searchform input {
	float: left;
}
.searchform.icon:before {
	color: #00ab60;
	font-size: 5.5em;
	position: absolute;
	top: 5px;
	left: 25px;
}
.searchform span {
	float: left;
	position: relative;
	width: calc(100% - 231px);
	background: #ecefee url(https://s3.eu-west-1.amazonaws.com/static-getanote-prod/assets/img/linepattern.png);
	background-size: 172px auto;
	box-shadow: inset 2px 2px 0px rgba(0,0,0,.05), inset 0px 0px 0px 2px rgba(245,80,99,0);
	transition: box-shadow .3s ease-in;
	border: none;
	border-radius: 5px;
}
.searchform span strong {
	color: #a2aea8;
	text-align: center;
	position: absolute;
	line-height: 75px;
	font-size: 2.5em;
	max-height: 75px;
	font-weight: bold;
	transition: opacity .1s ease-in-out;
	overflow: hidden;
	width: 100%;
	z-index: 1;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.searchform span strong span {
	border-radius: 0px;
	background: none;
	box-shadow: none;
	float: none;
}
.searchform span strong span:before {
	font-size: 1.5em;
	height: 42px;
	overflow: hidden;
	display: inline-block;
	margin: 0px 5px 0px 10px;
}
.searchform input[type="text"] {
	height: 75px;
	background: none;
	box-sizing: border-box;
	border: none;
	padding:  0px 30px;
	text-align: center;
	text-transform: uppercase !important;
	font-size: 2.5em;
	font-weight: bold;
	width: 100%;
	z-index: 5;
	position: relative;
	opacity: 1;
	transition: opacity .2s ease-in-out;
}
.searchform input[type="text"]:focus {
	box-shadow: none;
}
.searchform input[type="text"]:focus + strong {
	opacity: 0;
}
.searchform button,
.searchform input[type="submit"] {
	background: url(https://s3.eu-west-1.amazonaws.com/static-getanote-prod/assets/img/searchbutton.png) no-repeat;
	background-size: 136px auto;
	box-sizing: border-box;
	border: none;
	color: #fff;
	font-size: 1.4em;
	font-weight: 600;
	text-shadow: 2px 2px 3px #ff6600;
	margin: 0 0 0 10px;
	text-align: center;
	padding: 23px 0px;
	width: 136px;
	cursor: pointer;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	overflow: hidden;
}
.searchform button span {
	float: none;
	margin: 0 auto;
	width: auto;
	background: none;
	box-shadow: none;
	padding-left: 35px;
	position: relative;
}
.searchform button span:before {
	font-size: 1.855em;
	position: absolute;
	top: -6px;
	left: -6px;
}
.searchform button:hover,
.searchform input[type="submit"]:hover {
	background-position: bottom;
} 
.searchform .gtan-card {
	background: #fff url(https://s3.eu-west-1.amazonaws.com/static-getanote-prod/assets/img/tmp/label-small-1.png) no-repeat;
	box-shadow:  0px 0px 0px 2px rgba(0,171,96,0),3px 3px 5px rgba(0,0,0,.1);
	border: 1px solid rgba(0,0,0,.05);
	background-size: cover;
	float: left;
	width: 75px;
	height: 75px;
	position: relative;
	margin: 0 10px 0 0;
	transition: box-shadow .2s ease-in .3s, border .2s ease-in .3s;
}
.searchform .gtan-card:before {
	background: rgba(0,171,96,.1);
	border: 1px solid rgba(0,171,96,1);
	content: '';
	height: 50px;
	width: 44px;
	border-radius: 3px;
	display: block;
	position: absolute;
	top: 13px;
	left: 14px;
	opacity: 0;
	transition: opacity .2s ease-in-out .3s;
}
.searchform .gtan-card:after {
	background: url(https://s3.eu-west-1.amazonaws.com/static-getanote-prod/assets/img/find-arrow.png) no-repeat;
	background-size: 60px 28px;
	content: '';
	height: 28px;
	width: 60px;
	display: block;
	position: absolute;
	transform: translate(5px,0px);
	top: 25px;
	opacity: 0;
	transition: transform .3s ease-in-out .4s, opacity .3s ease-in-out .4s;
}
.searchform.active .gtan-card:after,
.searchwrapper.active .searchform .gtan-card:after,
.gtan-search .searchwrapper .searchform .gtan-card:after {
	transform: translate(25px,0px);
	opacity: 1;
}
.searchform.active .gtan-card:before,
.searchwrapper.active .searchform .gtan-card:before,
.gtan-search .searchwrapper .searchform .gtan-card:before {
	opacity: 1;
}
.searchform.active .gtan-card.rd-corner,
.searchwrapper.active .gtan-card.rd-corner,
.gtan-search .searchwrapper .searchform .gtan-card.rd-corner {
	border: 1px solid rgba(0,0,0,0);
	box-shadow: 0px 0px 0px 2px rgba(0,171,96,1),3px 3px 5px rgba(0,0,0,.1);
}
@media only screen and (max-width:640px) {
	.searchform {
		
	}
	.searchform span {
		width: calc(100% - 225px !important);
	}
	.searchform span strong span::before {
		height: 30px;
	}
	.searchform button,
	.searchform input[type="text"] {
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	.searchform button,
	.searchform input[type="submit"] {
		float: right;
	}
	.searchform .gtan-card {
		background-size: contain;
		margin: 10px 10px -67px 7px;
		height: 60px;
		width: 60px;
	}
	.searchform span strong {
		font-size: 1.8em;
	}
}
@media only screen and (max-width:480px) {
.searchform {
	border-radius: 10px;
	}
.searchform span {
	width: 100%;
	}
.searchform button,	
.searchform input[type="text"] {
	border-radius: 5px;
	padding: 0px 0px 0px 0px;
	}
.searchform button,	
.searchform input[type="submit"] {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa900+0,ff6400+100 */
	background: #ffa900; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffa900 0%, #ff6400 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffa900 0%,#ff6400 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffa900 0%,#ff6400 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	box-shadow: inset 0px 2px 0px #fedd01, inset 0px -2px 0px #f23e07;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa900', endColorstr='#ff6400',GradientType=0 ); /* IE6-9 */
	border-radius: 5px;
	height: 55px;
	margin: 10px 0 0 0;
	width: 100%;
	}
.searchform .gtan-card {
	background-size: contain;
	margin: 10px 10px -67px 7px;
	height: 60px;
	width: 60px;
	}
}
/* ---- Colors ---- */

.gt-green-bg {
	/*background: #00aa63;*/
	background-color: #00ab60;
} 
.gt-darkgreen-bg {
	background-color: #068966;
} 
.gt-lightgrey-bg {
	background-color: #f5f7f6;
	/*background-color: #ecefee; old verion*/
}
.gt-darkgrey-bg {
	background-color: #ecefee; 
} 

/* ---- Mini User Header --- */
.user-header {
	background: #f5f7f6;
	box-shadow: 0px 1px 1px rgba(0,0,0,.2);
	height: 50px;
	top: 0px;
	position: fixed;
	width: 100%;
	z-index: 30;
}
.user-header .user-navigation {
	color: #000;
	display: inline-block;
	float: right;
	font-size: .9em;
	min-width: 300px;
	max-width: 310px;
	margin: 5px 20px 0 0;
}
.user-header .user-navigation a {
	color: #00ab60;
	font-weight: bold;
	transition: color .1s ease-in-out;
}
.user-header .user-navigation a:hover {
	color: #068966;
}
.user-header .user-image {
	box-shadow: 0 1px 2px rgba(0,0,0,.2);	
	background: #f5f7f6 url(https://s3.eu-west-1.amazonaws.com/static-getanote-prod/assets/img/user_default_image.png);
	background-size: contain;
	display: block;
	float: left;
	max-width: 35px;
	border-radius: 30px;
	overflow: hidden;
	margin: 2px 10px 0 0 ;
	line-height: 0;
	min-height: 35px;
	text-indent: 200px;
	overflow: hidden;
}
.user-header .user-image img {
	width: 100%;
	float: left;
}
.user-header .user-navigation ul {
	float: left;
	width: calc(100% - 75px);
}
.user-header .user-navigation li {
	float: left;
	display: block;
	width: 50%;
}
.user-header .user-navigation li:first-child {
	width: 100%;
}

/* ---- General ---- */
.rd-corner {
	border-radius:4px;
}
.shadow {
	box-shadow: 2px 2px 2px rgba(0,0,0,.1);
}
.spacer-up {
	border-top: 1px solid #ecefee;
	padding: 25px 0 0px 0;
}
.spacer-dwn {
	border-bottom: 1px solid #ecefee;
	padding: 0 0 25px 0;
	margin: 0 0 25px 0;
}

h3.spacer-dwn {
	padding: 0 0 22px 0;
}
.button-wrapper {
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	border-top: 1px solid #ecefee;
	text-align: center;
	width: 100%;
}
form button,
form input[type="submit"]  {
    background: #00ab60;
    border: none;
    color: #fff;
}
.button {
	font-weight: 300;
	-moz-osx-font-smoothing: auto;
	-webkit-font-smoothing: auto;
	font-size: 1.2em;
	padding: 10px 40px;
	border-radius: 30px;
	transition: background .2s ease-in-out, box-shadow .2s ease-in-out;
	cursor: pointer;
	max-height: 45px;
	box-shadow: 0px 0px 2px #00ab60 inset,0px 1px 1px rgba(0,0,0,.0), 0px 1px 3px rgba(0,0,0,.0), 0px 5px 5px rgba(0,0,0,.0);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.herostage .button {
	box-shadow: 0px 0px 2px #068966 inset,0px 1px 1px rgba(0,0,0,.0), 0px 1px 3px rgba(0,0,0,.0), 0px 5px 5px rgba(0,0,0,.0);
}
.button:hover {
	background: #068966 !important;
	box-shadow: 0px 0px 2px #068966 inset, 0px 1px 1px rgba(0,0,0,.1), 0px 1px 3px rgba(0,0,0,.5), 0px 5px 5px rgba(0,0,0,.2);
}
.button:active {
	background: #1ab470;
	transform: translate(0,-2px);
}
.button-invert {
	color: #00ab60;
	cursor: pointer;
	background: #fff;
	border: 1.5px solid #00ab60;
	border-radius: 50px;
	box-shadow: 5px 5px 5px rgba(0,0,0,.085);
	font-size: 1.3em;
	font-weight: 600;
	text-align: center;
	display: block;
	padding: 12px 50px;
	margin: 0 auto;
	transition: color .2s ease-in-out, background .2s ease-in-out;
}
.button-invert:hover {
	background: #00ab60;
	color: #fff;
}
.button-invert:active {
	background: #068966;
	color: #fff;
}
.protected {
	font-weight: bold;
	font-size: 0.867em;
	color: #a2aea8;
	text-align: center;
	padding: 0 0 10px 0;
}
.protected:before {
	display: inline-block;
	font-size: 2em;
	margin:0 3px 0 0;
	transform: translate(0,7px);
	-webkit-transform: translate(0,7px);
}
.alert.alert-danger,
.alert.alert-error {
	margin-top: 0px;
	background: #ffcaca;
	color: #000;
}
.alert.alert-success {
	background: #ceffa6;
}
.infobox {
	background: #f5f7f6;
	border:1px solid #ecefee;
	border-radius: 5px;
	padding: 25px;
}
.infobox strong {
	color: #00ab60;
	display: block;
	font-size: 1.5em;
	line-height: 1em;
	margin: 0 0 10px 0;
}
.infobox p {
	font-weight: 500;
	margin-bottom: 0px;
}
/* ---- Add On Message Navigation ----*/
.message-addon-wrapper {
	height: 37px;
	width: 37px;
	position: absolute;
	z-index: 3;
}
.message-addon-toggle {
	position: absolute;
	top: 5px;
	transition: all .1s ease-in-out;
}
.message-addon-toggle:hover:before {
	color: #939e98;
}
.message-addon-toggle:before {
	color: #a2aea8;
	display: block;
	height: 29px;
	width: 29px;
	line-height: 28px !important;
	text-align: center;
	transition: all .1s ease-in-out;
	font-size: 30px;
}
.active .message-addon-toggle:before {
	border-color: #00ab60;
	color: #00ab60;
}
.message-addon-content {
	background: #fff;
	border-radius: 5px;
	position: absolute;
	width: 408px;
	top: -97px;
	left: -6px;
	opacity: 0;
	box-shadow: 0px 1px 2px rgba(0,0,0,.2);
	transform:scale(0,0);
	transform-origin: left bottom;
	transition: all .1s ease-in-out;
}
.active .message-addon-content {
	opacity: 1;
	transform: scale(1,1);
}
.message-addon-content:before {
	background: #fff;
	content: '';
	display: block;
	height: 8px;
	width: 8px;
	box-shadow: -1px 1px 1px rgba(0,0,0,.05);
	position: absolute;
 	bottom: -4px;
	transform: rotate(-45deg);
	left: 17px;
	z-index: 1;
}
.emojis {
	z-index: 2;
	position: relative;
	font-family: "Segoe UI Emoji", Android Emoji, Apple Color Emoji;
}
.emojis ul {
	overflow: hidden;
}
.emojis li {
	float: left;
	font-size: 1.8em;
	padding: 5px;
	border-right: 1px solid #f0f2f1;
	cursor: pointer;
	text-align: center;
	transition: background .2s ease-in-out;
	max-height: 44px;
	width:10%;
}
.emojis ul:first-of-type {
	border-bottom: 1px solid #f0f2f1;
}
.emojis li:hover {
	background: #f0f2f1;
}
.emojis li:last-child {
	border: none;
} 
/* ---- Message Attachment Input ---- */
.attachment {
	position:absolute;
	z-index:1;
	top:40px;
	left:40px;
}
/* ---- Meta Pages ---- */
body.error-page {
	background: #00ab60;
	color: #fff;
}
body.error-page::after {
	background: url(https://s3.eu-west-1.amazonaws.com/static-getanote-prod/assets/img/herobackground.jpg) no-repeat;
	background-size: auto 100%;
	background-position: top right;
	display: block;
	content: '';
    top: 0px;
    opacity: .5;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
}
body.error-page .searchform {
	box-shadow: 8px 8px 8px rgba(0,0,0,0.2),15px 15px 20px rgba(0,0,0,0.2)
}
.gtan-error-wrapper {
	max-width: 740px;
	margin: 0px auto 0px auto;
	padding: 20px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.gtan-error-wrapper h1 {
	font-size: 5.333em;
	font-weight: bold;
	margin: 0;
}
.gtan-error-wrapper h1:before {
	display: inline-block;
	margin: 0 7px 0 0;
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
} 
.gtan-error-wrapper h1,
.gtan-error-wrapper h2 {
	color: #fff;
	text-align: center;
	line-height: 1;
	margin-top: 20px;
}
.gtan-error-search-wrapper {
	border-top: 1px solid rgba(0, 0, 0, .15);
	border-bottom: 1px solid rgba(0, 0, 0, .15);
	margin: 40px 0 40px 0;
}
.gtan-error-wrapper .searchwrapper {
	box-shadow: none;
	border: none;
	padding: 30px 0px 50px 0;
	margin: 0;
	transform: none;
}
.gtan-error-wrapper .searchwrapper h3 {
	color: #eaff00;
	font-weight: normal;
	text-align: center;
	line-height: 1.1em;
	margin: 0 0 15px 0;
}
.gtan-error-wrapper .button-invert {
	font-size: 1.2em;
	text-align: center;
	max-width: 300px;
	margin: 0 auto;
}
.gtan-error-wrapper + .footer-navigation {
	float: none;
	font-size: .8em;
	max-width: 700px;
	position: absolute;
	bottom: 15px;
	left: 15px;
}
.gtan-error-wrapper + .footer-navigation a {
	color: #fff !important;
}
.gtan-error-wrapper + .footer-navigation li{
	float: left;
	margin-right: 10px;
}
/* ---- Typography ---- */

h1 {
	font-weight: 500;
}
h3 {
	font-size: 1.267em !important;
	line-height: 1.2em !important;
}
h2 {
	font-size: 1.667em;
	font-weight: 500;
}

/* ---- Plugins ---- */
.modal {
	background: #fff;
	padding: 20px;
}
ul.confirm-navigation {
	width: 80%;
	margin: 0px auto;
}
.confirm ul li{
	float: left;
	width: 50%;	
	text-align: center;
	padding: 0px 5px;
}
.confirm ul li a {
	padding: 5px 20px;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
}  
.confirm .ink {
	background: rgba(255,255,255,.3);
}
.cancel {
	background: #f7f9f8;
	color: #a2aea8;
}
.delete {
	background: #ed2222;
	color: #fff;
}
.jcf-disabled {
	background:#ddd!important
}
.jcf-focus,.jcf-focus *{

}
.jcf-select {
	background: #fff;
	box-shadow: 1px 1px 2px rgba(0,0,0,.085);
	display:inline-block;
	vertical-align:top;
	position:relative;
	margin:-2px 0 0 0;
	width: calc(100% - 140px);
	float: right;
	border: 1px solid #e0e3e2;
	padding: 7px 15px;
}
.jcf-select select {
	z-index:1;
	left:0;
	top:0
}
.jcf-select .jcf-select-text { 
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	cursor:default;
	display:block;
	margin:0 35px 0 0px ; 
}
.jcf-select .jcf-select-text span {
	color:#000 !important;
	font-size: 1em;
	font-weight: 500;
}
.jcf-option img,
.jcf-select-text img{
	max-width: 24px !important;
	margin: 0 10px 2px 0;
	transform: translate(0px,-3px);
	vertical-align:bottom;
}
.jcf-select .jcf-select-opener {
	position:absolute;
	text-align:center;
	width:26px;
	bottom:0;
	right:0;
	top:0
}
.jcf-select .jcf-select-opener:before {
	content: "\63";
	display: block;
	font-family: "getanote" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: rotate(-90deg);
	font-size: 1em;
	position: absolute;
	right: 10px;
	top: 12px;
}
.jcf-select.jcf-drop-active .jcf-select-opener:before {
	transform: rotate(90deg);
}
body>.jcf-select-drop {
 	position:absolute;
 	margin:-1px 0 0;
 	z-index:9999
}
body>.jcf-select-drop.jcf-drop-flipped { 
	margin:1px 0 0
}
.jcf-select .jcf-select-drop {
	background:#fff;
	box-shadow: 2px 2px 2px rgba(0,0,0,.1);
	position:absolute;
	margin-top:0;
	z-index:9999;
	top:100%;
	left:-1px;
	right:-1px;
}
.jcf-select .jcf-drop-flipped { 
	bottom:100%;
	top:auto
}
.jcf-select.jcf-compact-multiple {
	max-width:220px
}
.jcf-select.jcf-compact-multiple .jcf-select-opener:before { 
	display:inline-block;
	padding-top:2px;
	content:'...'}
.jcf-select-drop .jcf-select-drop-content {
	border: 1px solid #e0e3e2 !important;
	width: 100% !important;
}
.jcf-list-content ul li {
	border-bottom: 1px solid #f7f9f8 !important;
	cursor: pointer;
	background: #fff;
	transition: background .2s ease;
}
.jcf-option {
	display: block;
	padding: 10px 15px 10px 15px;
}
.jcf-list-content ul li:hover {
	background: #f7f9f8;
}
.jcf-list-content ul li:first-child .jcf-option {
	padding: 10px 15px 10px 15px;
}
.jcf-list-content ul li:last-child .jcf-option{
	padding: 10px 15px 10px 15px;
	border-bottom: 0px !important;
}
.jcf-select-drop.jcf-compact-multiple .jcf-hover {
	background:0 0
}
.jcf-select-drop.jcf-compact-multiple .jcf-selected {
	background:#e6e6e6;
	color:#000
}
.jcf-reset-appearance {
	font-weight: 500;
}
.jcf-radio {
	border-radius:9px
}
.jcf-radio span {
	position:absolute;
	top:3px;
	left:3px;
	right:3px;
	bottom:3px;
	background:#00aa63;
	border-radius:100%;
	opacity: 0;
	transition: opacity .2s ease;
}
.jcf-radio input[type=radio] {
	position:absolute;
	height:100%;
	width:100%;
	border:0;
	margin:0;
	left:0;
	top:0
}
.jcf-radio.jcf-checked span {
	opacity: 1;
}
.jcf-checkbox,
.jcf-radio { 
	vertical-align:middle;
	display:inline-block;
	position:relative;
	overflow:hidden;
	cursor:default;
	background:#fff;
	border:2px solid #00aa63;
	margin:0 5px 0 0;
	height: 18px;
	width: 18px;
}
.jcf-radio:nth-child(2) {
	margin: 0 5px 0 15px;
}
.jcf-checkbox span {
	position:absolute;
	display:none;
	height:4px;
	width:8px;
	top:50%;
	left:50%;
	margin:-7px 0 0 -6px;
	border:3px solid #777;
	border-width:0 0 3px 3px;
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')"}:root 
.jcf-checkbox span {
	margin:-4px 0 0 -5px
}
.jcf-checkbox input[type=checkbox] {
	position:absolute;
	width:100%;
	height:100%;
	border:0;
	margin:0;
	left:0;
	top:0
}
.jcf-checkbox.jcf-checked span {
	display:block
}

.message-list {
    border: 0;
    border-radius: 5px;
    font-weight: bold;
    padding: 20px 20px 20px 60px;
    bottom: 20px;
    left: 20px;
    position: absolute;
    box-shadow: 0px 0px 1px rgba(0,0,0,.2),0px 0px 10px rgba(0,0,0,.2);
    cursor:pointer;
    z-index: 10000;
}
.message-list-success {
     background: #dcf9c4;
     color: #00ab60;
}
.message-list-success li:before {
    font-family: "getanote";
    content: "\61";
    display: block;
    font-size: 15px;
    width: 30px;
    height: 30px;
    float: left;
    margin: 10px;
    position: absolute;
    line-height: 31px;
    text-align: center;
    border-radius: 100%;
    background: #00ab60;
    color: #fff;
    left: 5px;
    top: 6px;
}
.message-list-warning {
    background: #fbdbdf;
    color: #f55063;
}
.message-list-warning li:before {
    content: '!';
    display: block;
    font-size: 20px;
    width: 30px;
    height: 30px;
    float: left;
    margin: 10px;
    position: absolute;
    line-height: 29px;
    text-align: center;
    border-radius: 100%;
    background: #f55063;
    color: #fff;
    left: 5px;
    top: 6px
}
.message-list-error {
    background: #fbdbdf;
    color: #f55063;
}
.message-list-error li:before {
    content: '!';
    display: block;
    font-size: 20px;
    width: 30px;
    height: 30px;
    float: left;
    margin: 10px;
    position: absolute;
    line-height: 29px;
    text-align: center;
    border-radius: 100%;
    background: #f55063;
    color: #fff;
    left: 5px;
    top: 6px
}

/* ---- Font ---- */

/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('https://static-getanote-prod.s3-eu-west-1.amazonaws.com/assets/fonts/pt-sans-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('PT Sans'), local('PTSans-Regular'),
       url('https://static-getanote-prod.s3-eu-west-1.amazonaws.com/assets/fonts/pt-sans-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://static-getanote-prod.s3-eu-west-1.amazonaws.com/assets/fonts/pt-sans-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://static-getanote-prod.s3-eu-west-1.amazonaws.com/assets/fonts/pt-sans-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://static-getanote-prod.s3-eu-west-1.amazonaws.com/assets/fonts/pt-sans-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://static-getanote-prod.s3-eu-west-1.amazonaws.com/assets/fonts/pt-sans-v11-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}
/* pt-sans-700 - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('https://static-getanote-prod.s3-eu-west-1.amazonaws.com/assets/fonts/pt-sans-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Bold'), local('PTSans-Bold'),
       url('https://static-getanote-prod.s3-eu-west-1.amazonaws.com/assets/fonts/pt-sans-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://static-getanote-prod.s3-eu-west-1.amazonaws.com/assets/fonts/pt-sans-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://static-getanote-prod.s3-eu-west-1.amazonaws.com/assets/fonts/pt-sans-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('https://static-getanote-prod.s3-eu-west-1.amazonaws.com/assets/fonts/pt-sans-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://static-getanote-prod.s3-eu-west-1.amazonaws.com/assets/fonts/pt-sans-v11-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('https://static-getanote-prod.s3-eu-west-1.amazonaws.com/assets/fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('https://static-getanote-prod.s3-eu-west-1.amazonaws.com/assets/fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://static-getanote-prod.s3-eu-west-1.amazonaws.com/assets/fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://static-getanote-prod.s3-eu-west-1.amazonaws.com/assets/fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://static-getanote-prod.s3-eu-west-1.amazonaws.com/assets/fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://static-getanote-prod.s3-eu-west-1.amazonaws.com/assets/fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('https://static-getanote-prod.s3-eu-west-1.amazonaws.com/assets/fonts/open-sans-v17-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('https://static-getanote-prod.s3-eu-west-1.amazonaws.com/assets/fonts/open-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://static-getanote-prod.s3-eu-west-1.amazonaws.com/assets/fonts/open-sans-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://static-getanote-prod.s3-eu-west-1.amazonaws.com/assets/fonts/open-sans-v17-latin-600.woff') format('woff'), /* Modern Browsers */
       url('https://static-getanote-prod.s3-eu-west-1.amazonaws.com/assets/fonts/open-sans-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://static-getanote-prod.s3-eu-west-1.amazonaws.com/assets/fonts/open-sans-v17-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/* ---- icon font ---- */

@charset "UTF-8";

@font-face {
  font-family: "getanote";
  src:url(".././fonts/getanote.eot");
  src:url(".././fonts/getanote.eot?#iefix") format("embedded-opentype"),
    url(".././fonts/getanote.woff") format("woff"),
    url(".././fonts/getanote.ttf") format("truetype"),
    url(".././fonts/getanote.svg#getanote") format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: "getanote" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="gt-"]:before,
[class*=" gt-"]:before {
  font-family: "getanote" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.gt-getanote-gtan:before {
  content: "\62";
}
.gt-getanote-lock:before {
  content: "\64";
}
.gt-getanote-magnifier:before {
  content: "\65";
}
.gt-getanote-message:before {
  content: "\66";
}
.gt-getanote-plus:before {
  content: "\67";
}
.gt-getanote-refresh:before {
  content: "\68";
}
.gt-getanote-sent:before {
  content: "\69";
}
.gt-getanote-settings:before {
  content: "\6a";
}
.gt-getanote-shield:before {
  content: "\6b";
}
.gt-getanote-speech:before {
  content: "\6c";
}
.gt-getanote-x:before {
  content: "\6d";
}
.gt-getanote-copy:before {
  content: "\6e";
}
.gt-gtan-label-new:before {
  content: "\6f";
}
.gt-gtan-label-read:before {
  content: "\70";
}
.gt-getanote-delete:before {
  content: "\71";
}
.gt-getanote-hamburger:before {
  content: "\72";
}
.gt-getanote-send:before {
  content: "\73";
}
.gt-getanote-info:before {
  content: "\74";
}
.gt-getanote-sadface:before {
  content: "\75";
}
.gt-getanote-account:before {
  content: "\76";
}
.gt-getanote-signet:before {
  content: "\77";
}
.gt-getanote-share:before {
  content: "\78";
}
.gt-getanote-mute:before {
  content: "\79";
}
.gt-getanote-upload:before {
  content: "\7a";
}
.gt-getanote-foreign-gtan:before {
  content: "\41";
}
.gt-getanote-checkmark:before {
  content: "\61";
}
.gt-getanote-left-arrow:before {
  content: "\63";
}
.gt-getanote-emoji-picker:before {
  content: "\42";
}
.gt-getanote-label:before {
  content: "\43";
}
.gt-getanote-image-picker:before {
  content: "\44";
}
.gt-getanote-camera:before {
  content: "\45";
}
.gt-getanote-lock-open:before {
  content: "\46";
}




/*---------------------------------------------*/ 
.cc-banner {
	background-color: rgba(0, 0, 0, 0.8) !important; 
	box-shadow: 0px 0px 2px rgba(0,0,0,.9), 0px 0px 10px rgba(0,0,0,.7);
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.9), 0px 0px 10px rgba(0,0,0,.7);
}
@media screen and (max-width: 768px) {
	.cc-window .cc-message {
		font-size: 13px !important;
		line-height: 1.4em !important;
	}
}
/*---------------------------------------------*/ 

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

.clear:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clear { display: inline-block; }
/* start commented backslash hack \*/
* html .clear { height: 1%; }
.clear { display: block; }
/* close commented backslash hack */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */

article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */

audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */

template, /* 1 */
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/* Forms
   ========================================================================== */

/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
select,
textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */

optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}


/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
@media screen and (max-height: 768px) {
	body {

	}
	.gtan-error-wrapper {
		padding: 130px 20px 20px 20px;
	    position: relative;
	    top: inherit;
	    transform: translateY(-0%);
	}
	.gtan-error-wrapper + .footer-navigation {
		position: relative;
		display: inline-block;
		left: 20px;
	}
	body.error-page::after {
		background-position: right bottom;		
	}
}
@media screen and (max-width: 768px) {
	.gtan-error-wrapper {
		padding: 100px 20px 20px 20px;
	    position: relative;
	    top: inherit;
	    transform: translateY(-0%);
	}
	.gtan-error-wrapper + .footer-navigation {
	    float: none;
	    max-width: 700px;
	    position: relative;
	    bottom: 5px;
	    overflow: hidden;
	    left:20px;
	    display: inline-block;
	}
	.gtan-error-wrapper h1 {
		font-size: 4em;
	}
	body.error-page::after {
		background-position: right bottom;		
	}
	.login-wrapper {
		padding: 10px;
	}
	.gt-desktop {
		display: none;
	}
	.gt-mobile {
		display: block;
	}
}



/* Plugins */

/*! Lity - v1.6.6 - 2016-04-22
* http://sorgalla.com/lity/
* Copyright (c) 2016 Jan Sorgalla; Licensed MIT */
.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.6);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}
.lity.lity-opened{opacity:1;transition-delay: .2s;}
.lity.lity-closed{opacity:0; transition-delay: .2s;}
.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.lity-wrap{overflow-y: scroll;overflow-x: hidden;z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}
.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}
.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}
.lity-loading .lity-loader{opacity:1}
.lity-container{margin:30px;z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}
.lity-content{/*padding: 0px 20px 0px 20px;*/z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease}
.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}
.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;}
.menu-close, .lity-close{background: #00ab60;border-radius: 100%;padding: 6px;z-index:9994;width:35px;height:35px;position:absolute;right:-20px;top:-20px;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;transition: all .2s ease-in-out;line-height:35px;border:0;outline:none;-webkit-box-shadow:none;box-shadow:none;transform: scale(0,0);opacity: 0;}
.lity-close::-moz-focus-inner{border:0;padding:0}
.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;border:0;outline:none;-webkit-box-shadow:none;box-shadow:none}
.lity-image img{max-width:100%;display:block;line-height:0;border:0}
.lity-iframe .lity-container{width:100%;max-width:964px}
.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}
.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}
.lity-hide{display:none}
.lity.lity-opened .lity-close{transform: scale(1,1);opacity: 1;transition: all .2s ease-in-out 0s; transition-delay: .2s;} 
		
		

/* Animate CSS*/

@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */


.delay-one {
	animation-delay: .2s;
	-webkit-animation-delay: .2s;
}
.delay-two {
	animation-delay: .4s;
	-webkit-animation-delay: .4s;
}
.delay-three {
	animation-delay: .6s;
	-webkit-animation-delay: .6s;
}
.delay-four {
	animation-delay: .8s;
	-webkit-animation-delay: .8s;
}
.delay-five {
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
}
.delay-six {
	animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
}
.delay-seven {
	animation-delay: 1.4s;
	-webkit-animation-delay: 1.4s;
}
.delay-eight {
	animation-delay: 1.6s;
	-webkit-animation-delay: 1.6s;
}
.delay-nine {
	animation-delay: 1.6s;
	-webkit-animation-delay: 1.6s;
}
.delay-ten {
	animation-delay: 2s;
	-webkit-animation-delay: 2s;
}
.animated {
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  will-change: transform, opacity;
}
.animated-slow {
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  will-change: transform, opacity;
}
.animated-preloader {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  will-change: transform, opacity;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes labelIn {
  from {
    opacity: 0;
    -webkit-transform: rotate(95deg) translate3d(-200%, 0, 0);
    transform: rotate(95deg) translate3d(-200%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: rotate(25deg) translate3d(-0%, 0, 0);
    transform:rotate(25) translate3d(0%, 0, 0);
  }
}

@keyframes labelIn {
  from {
    opacity: 0;
    -webkit-transform:translate3d(-200%, 0, 0) rotate(95deg);
    transform:  translate3d(-200%, 0, 0) rotate(95deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0%, 0, 0) rotate(25deg);
    transform: translate3d(0%, 0, 0) rotate(25);
  }
}

.labelIn {
  -webkit-animation-name: labelIn;
  animation-name: labelIn;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
}

@-webkit-keyframes cardIn {
  from {
    opacity: 0;
    -webkit-transform: rotate(95deg) translate3d(200%, 0, 0);
    transform: rotate(95deg) translate3d(200%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: rotate(25deg) translate3d(-0%, 0, 0);
    transform:rotate(25) translate3d(0%, 0, 0);
  }
}

@keyframes cardIn {
  from {
    opacity: 0;
    -webkit-transform:translate3d(200%, 0, 0) rotate(95deg);
    transform:  translate3d(200%, 0, 0) rotate(95deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0%, 0, 0) rotate(25deg);
    transform: translate3d(0%, 0, 0) rotate(25);
  }
}

@-webkit-keyframes error-shake {
  	0%, 100% {
      left: 0px;
    }
    20% {
      left: 10px;
    }
    80% {
      left: -10px;
    }
}

@keyframes error-shake {
   0%, 100% {
       left: 0px;
     }
     20%  {
       left: 10px;
     }
     80% {
       left: -10px;
     }
}



.cardIn {
  -webkit-animation-name: cardIn;
  animation-name: cardIn;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
}



.scaleIn {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
  transform-origin: top left;
}

.scaleInCenter {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
  transform-origin: center;
}


@-webkit-keyframes scaleIn {
	0% {
	opacity: 0;
    transform: scale(0,0)
	}
  100% {
   opacity: 1;
   transform: scale(1,1);
  }
}

@keyframes scaleIn {
	0% {
	opacity: 0;
    transform: scale(0,0);
  }

  100% {
   opacity: 1;
   transform: scale(1,1);
  }
}






@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}



@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}



@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}



@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}



@-webkit-keyframes fadeInUpSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3%, 0);
    transform: translate3d(0, 3%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3%, 0);
    transform: translate3d(0, 3%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpSmall {
  -webkit-animation-name: fadeInUpSmall;
  animation-name: fadeInUpSmall;
}



@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}





@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}