/*parses your CSS and adds vendor prefixes:  https://autoprefixer.github.io/     ->Browserslist: "last 200 versions"

/* RESET */
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,dl,dt,dd,ol,nav,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,output,ruby,section,summary,time,mark,audio,video,form,input,textarea {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; 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;}
address,caption,cite,code,dfn,th,var { font-style: normal; font-weight: normal;}
a {text-decoration: none;}
/*self clearfixing*/
section:before, section:after, article:before, article:after {clear: both; content: ''; display: table;}

/* FONTS */
@font-face {
	font-family: 'font1';
	font-weight: normal;
	font-style: normal;
	src: url('../font/ariblk.eot');
	src: url('../font/ariblk.eot?#iefix') format('embedded-opentype'), url('../font/ariblk.woff2') format('woff2'), url('../font/ariblk.woff') format('woff');
}
@font-face {
	font-family: 'font2';
	font-weight: normal;
	font-style: normal;
	src: url('../font/trebuchet.eot');
	src: url('../font/trebuchet.eot?#iefix') format('embedded-opentype'), url('../font/trebuchet.woff2') format('woff2'), url('../font/trebuchet.woff') format('woff');
}
@font-face {
	font-family: 'font3';
	font-weight: normal;
	font-style: normal;
	src: url('../font/goudystout.eot');
	src: url('../font/goudystout.eot?#iefix') format('embedded-opentype'), url('../font/goudystout.woff2') format('woff2'), url('../font/goudystout.woff') format('woff');;
}
@font-face {
	font-family: 'font4';
	font-weight: normal;
	font-style: normal;
	src: url('../font/garamond.eot');
	src: url('../font/garamond.eot?#iefix') format('embedded-opentype'), url('../font/garamond.woff2') format('woff2'), url('../font/garamond.woff') format('woff');;
}
@font-face {
	font-family: 'font5';
	font-weight: normal;
	font-style: normal;
	src: url('../font/DatBox.eot');
	src: url('../font/DatBox.eot?#iefix') format('embedded-opentype'), url('../font/DatBox.woff2') format('woff2'), url('../font/DatBox.woff') format('woff');;
}
@font-face {
	font-family: 'font6';
	font-weight: normal;
	font-style: normal;
	src: url('../font/Woodcutter_Rocks.eot');
	src: url('../font/Woodcutter_Rocks.eot?#iefix') format('embedded-opentype'), url('../font/Woodcutter_Rocks.woff2') format('woff2'), url('../font/Woodcutter_Rocks.woff') format('woff');;
}
@font-face {
	font-family: 'font7';
	font-weight: normal;
	font-style: normal;
	src: url('../font/BigSmoke.eot');
	src: url('../font/BigSmoke.eot?#iefix') format('embedded-opentype'), url('../font/BigSmoke.woff2') format('woff2'), url('../font/BigSmoke.woff') format('woff');;
}

/* Common */
.clear {
	clear: both;
}
html { /* Resize footer */
	height: 100%;
}
body {
	font-family: 'font2';
	cursor: default;
	text-align: center;
	color: #EEE;
	-webkit-font-kerning: normal;
			font-kerning: normal;
	min-height: 100%; /* Resize footer */
	overflow-x:hidden;
}
body img {
	max-width: 100%;
	height: auto;
}
.wrap, .wraplist, .wrapedit {
	margin: 0 auto;
	overflow: hidden;
}
a, input[type=submit] {
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
		 -o-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
}
p {
	margin-bottom: 2%;
}
/* Init Blinker */
@-webkit-keyframes blinker {
  from {
	  opacity: 1.0;
  }
  to {
	  opacity: 0.0;
  }
}

/******************* NOTIFICATIONS *****************/
.notify {
	position: fixed;
	width: 50%;
	padding: 15px;
	z-index: 9999;
	-webkit-border-radius: .5em;
	   -moz-border-radius: .5em;
			border-radius: .5em;
}
.notify img {
	height: 1em;
	margin-left: 5%;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}
.notify, .notify-backdrop {
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}
.notify > button.close {
	position: absolute;
	top: 8px;
	right: 12px;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0;
	float: right;
	font-size: 23px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #FFF;
	opacity: .3;
	outline: none;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}
.notouch .notify > button.close:hover,
.touch .notify > button.close:active {
	opacity: .7;
}
.notify-dismissible .message {
	padding-right: 25px;
}

/* style forms inside notify*/
.notify-open-drop .notify FORM {
	display: inline;
}
.notify-open-drop .notify input {
	color:#000;
	background: none;
	text-decoration: blink;
	-webkit-animation: blinker 0.6s ease-in-out infinite alternate;
	   -moz-animation: blinker 0.6s ease-in-out infinite alternate;
		 -o-animation: blinker 0.6s ease-in-out infinite alternate;
		    animation: blinker 0.6s ease-in-out infinite alternate;
}
.notify-open-drop .notouch .notify input[type=submit]:hover, .touch .notify input[type=submit]:active {
	color:#984;
}
/** animation type **/
.notify.scale {
	-webkit-transform: scale(.8);
	   -moz-transform: scale(.8);
	    -ms-transform: scale(.8);
	     -o-transform: scale(.8);
			transform: scale(.8);
}
.notify.left.drop {
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}
.notify.center.drop {
	-webkit-transform: translateY(-120%);
	   -moz-transform: translateY(-120%);
	    -ms-transform: translateY(-120%);
	     -o-transform: translateY(-120%);
	        transform: translateY(-120%);
}
.notify.right.drop {
	-webkit-transform: translateX(50%);
	   -moz-transform: translateX(50%);
	    -ms-transform: translateX(50%);
	     -o-transform: translateX(50%);
	        transform: translateX(50%);
}
.notify.middle.center.drop {
	-webkit-transform: translateY(-20%);
	   -moz-transform: translateY(-20%);
	    -ms-transform: translateY(-20%);
	     -o-transform: translateY(-20%);
	        transform: translateY(-20%);
}
.notify.bottom.center.drop {
	-webkit-transform: translateY(120%);
	   -moz-transform: translateY(120%);
	    -ms-transform: translateY(120%);
	     -o-transform: translateY(120%);
	        transform: translateY(120%);
}
.notify.scale, .notify.left.drop, .notify.center.drop, .notify.right.drop, .notify.middle.center.drop, .notify.bottom.center.drop, .notify.fade, .notify.out, .notify-backdrop {
	opacity: 0;
}

/** notify type **/
.notify-default {
	color: #333;
	background-color: #FFF;
}
.notify-warning {
	color: #540;
	background-color: #DD0;
}
.notify-error {
	color: #000;
	background-color: #F32;
}
.notify-success {
	color: #000;
	background-color: #45F;
}
.notify-info {
	color: #000;
	background-color: #DDD;
}
.notify-default, .notify-warning, .notify-error, .notify-success, .notify-info{
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,.2);
	   -moz-box-shadow: 0 3px 10px rgba(0,0,0,.2);
	        box-shadow: 0 3px 10px rgba(0,0,0,.2);
}

/** position **/
.notify.top {
	top: 5px;
}
.notify.middle {
	top: 44%;
}
.notify.bottom {
	bottom: 15px;
}
.notify.left {
	left: 15px;
}
.notify.center {
	margin-left:24%;
}
.notify.right {
	right: 15px;
}

/** util **/
.notify-backdrop {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 9998;
	background-color: #000;
}
body.notify-open {
	overflow: hidden;
}
body.notify-open-drop {
	overflow-x: hidden;
}
@media only screen and (max-width: 1024px) {
	.notify {
		font-size: 2em;
		width: 100%;
		left: 0!important;
		margin: 0!important;
		border-radius: 0;
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
		        border-radius: 0;
	}
	.notify.center {
		margin-left:17.5%;
	}
	.notify.top {
		top: 0!important;
	}
	.notify.bottom {
		bottom: 0!important;
	}
	.notify.middle {
		width: 80%!important;
		margin-left: 10%!important;
		-webkit-border-radius: .2em;
	   	   -moz-border-radius: .2em;
	        	border-radius: .2em;
	}
	.notify.left.drop, .notify.right.drop {
		-webkit-transform: translateY(-120%);
	   	   -moz-transform: translateY(-120%);
	    	-ms-transform: translateY(-120%);
	     	 -o-transform: translateY(-120%);
	        	transform: translateY(-120%);
	}
	.notify.bottom.drop {
		opacity: 0;
		-webkit-transform: translateY(120%);
	   	   -moz-transform: translateY(120%);
	    	-ms-transform: translateY(120%);
	     	 -o-transform: translateY(120%);
	        	transform: translateY(120%);
	}
}