@charset "UTF-8";/*!
 * =============================================================
 * dropify v0.2.1 - Override your input files with style.
 * https://github.com/JeremyFagis/dropify
 *
 * (c) 2016 - Jeremy FAGIS <jeremy@fagis.fr> (http://fagis.fr)
 * =============================================================
 */
@font-face {
font-family:dropify;
src:url(../fonts/dropify.eot);
src:url(../fonts/dropify.eot#iefix) format("embedded-opentype"), url(../fonts/dropify.woff) format("woff"), url(../fonts/dropify.ttf) format("truetype"), url(../fonts/dropify.svg#dropify) format("svg");
font-weight:400;
font-style:normal
}
.dropify-font:before, .dropify-wrapper .dropify-message span.file-icon:before, .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename span.file-icon:before, [class*=" dropify-font-"]:before, [class^=dropify-font-]:before {
font-family:dropify;
font-style:normal;
font-weight:400;
speak:none;
display:inline-block;
text-decoration:inherit;
width:1em;
margin-left:.2em;
margin-right:.2em;
text-align:center;
font-variant:normal;
text-transform:none;
line-height:1em
}
.dropify-wrapper, .dropify-wrapper .dropify-clear {
	/*font-family:Roboto, "Helvetica Neue", Helvetica, Arial*/
}
.dropify-wrapper.has-error .dropify-message .dropify-error, .dropify-wrapper.has-preview .dropify-clear {
	display:block
}
.dropify-font-upload:before, .dropify-wrapper .dropify-message span.file-icon:before {
	content:'\e800'
}
.dropify-font-file:before {
	content:'\e801'
}
.dropify-wrapper {
	display:block;
	position:relative;
	cursor:pointer;
	overflow:hidden;
	width:100%;
	max-width:100%;
	height:100px;
	padding:5px 10px;
	font-size:14px;
	line-height:22px;
	color:#777;
	background-color:#FFF;
	background-image:none;
	text-align:center;
	border:2px solid #E5E5E5;
-webkit-transition:border-color .15s linear;
transition:border-color .15s linear
}
.dropify-wrapper:hover {
	background-size:30px 30px;
	background-image:-webkit-linear-gradient(135deg, #F6F6F6 25%, transparent 25%, transparent 50%, #F6F6F6 50%, #F6F6F6 75%, transparent 75%, transparent);
	background-image:linear-gradient(-45deg, #F6F6F6 25%, transparent 25%, transparent 50%, #F6F6F6 50%, #F6F6F6 75%, transparent 75%, transparent);
	-webkit-animation:stripes 2s linear infinite;
	animation:stripes 2s linear infinite
}
.dropify-wrapper.has-error {
	border-color:#F34141
}
.dropify-wrapper.has-error:hover .dropify-errors-container {
	visibility:visible;
	opacity:1;
	-webkit-transition-delay:0s;
	transition-delay:0s
}
.dropify-wrapper.disabled input {
	cursor:not-allowed
}
.dropify-wrapper.disabled:hover {
	background-image:none;
	-webkit-animation:none;
	animation:none
}
.dropify-wrapper.disabled .dropify-message {
	opacity:.5;
	text-decoration:line-through
}
.dropify-wrapper.disabled .dropify-infos-message {
	display:none
}
.dropify-wrapper input {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:100%;
	width:100%;
	opacity:0;
	cursor:pointer;
	z-index:5
}
.dropify-wrapper .dropify-message {
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%)
}
.dropify-wrapper .dropify-message span.file-icon {
	font-size:50px;
	color:#CCC
}
.dropify-wrapper .dropify-message p {
	margin:5px 0 0
}
.dropify-wrapper .dropify-message p.dropify-error {
	color:#F34141;
	font-weight:700;
	display:none
}
.dropify-wrapper .dropify-clear {
	display:none;
	position:absolute;
	opacity:0;
	z-index:7;
	top:10px;
	right:10px;
	background:0 0;
	border:2px solid #FFF;
	text-transform:uppercase;
	font-size:11px;
	padding:4px 8px;
	font-weight:700;
	color:#FFF;
-webkit-transition:all .15s linear;
transition:all .15s linear
}
.dropify-wrapper .dropify-clear:hover {
	background:rgba(255, 255, 255, .2)
}
.dropify-wrapper .dropify-preview {
	display:none;
	position:absolute;
	z-index:1;
	background-color:#FFF;
	padding:5px;
	width:100%;
	height:100%;
	top:0;
	right:0;
	bottom:0;
	left:0;
	overflow:hidden;
	text-align:center
}
.dropify-wrapper .dropify-preview .dropify-render img {
	top:50%;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%);
	position:relative;
	max-width:100%;
	max-height:100%;
	background-color:#FFF;
-webkit-transition:border-color .15s linear;
transition:border-color .15s linear
}
.dropify-wrapper .dropify-preview .dropify-render i {
	font-size:70px;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	position:absolute;
	color:#777
}
.dropify-wrapper .dropify-preview .dropify-render .dropify-extension {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	margin-top:10px;
	text-transform:uppercase;
	font-weight:900;
	letter-spacing:-.03em;
	font-size:13px;
	width:42px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.dropify-wrapper .dropify-preview .dropify-infos {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:3;
	background:rgba(0, 0, 0, .7);
	opacity:0;
-webkit-transition:opacity .15s linear;
transition:opacity .15s linear
}
.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner {
	position:absolute;
	top:50%;
	-webkit-transform:translate(0, -40%);
	transform:translate(0, -40%);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	width:100%;
	padding:0 20px;
-webkit-transition:all .2s ease;
transition:all .2s ease
}
.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p {
	padding:0;
	margin:0;
	position:relative;
	width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#FFF;
	text-align:center;
	line-height:25px;
	font-weight:700
}
.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename span.file-icon {
	margin-right:2px
}
.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message {
	margin-top:15px;
	padding-top:15px;
	font-size:12px;
	position:relative;
	opacity:.5
}
.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message::before {
content:'';
position:absolute;
top:0;
left:50%;
-webkit-transform:translate(-50%, 0);
transform:translate(-50%, 0);
background:#FFF;
width:30px;
height:2px
}
.dropify-wrapper:hover .dropify-clear, .dropify-wrapper:hover .dropify-preview .dropify-infos {
	opacity:1
}
.dropify-wrapper:hover .dropify-preview .dropify-infos .dropify-infos-inner {
	margin-top:-5px
}
.dropify-wrapper.touch-fallback {
	height:auto!important
}
.dropify-wrapper.touch-fallback:hover {
	background-image:none;
	-webkit-animation:none;
	animation:none
}
.dropify-wrapper.touch-fallback .dropify-preview {
	position:relative;
	padding:0
}
.dropify-wrapper.touch-fallback .dropify-preview .dropify-render {
	display:block;
	position:relative
}
.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message::before, .dropify-wrapper.touch-fallback.has-preview .dropify-message {
display:none
}
.dropify-wrapper.touch-fallback .dropify-preview .dropify-render .dropify-font-file {
	position:relative;
	-webkit-transform:translate(0, 0);
	transform:translate(0, 0);
	top:0;
	left:0
}
.dropify-wrapper.touch-fallback .dropify-preview .dropify-render .dropify-font-file::before {
margin-top:30px;
margin-bottom:30px
}
.dropify-wrapper.touch-fallback .dropify-preview .dropify-render img {
	position:relative;
	-webkit-transform:translate(0, 0);
	transform:translate(0, 0)
}
.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos {
	position:relative;
	opacity:1;
	background:0 0
}
.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner {
	position:relative;
	top:0;
	-webkit-transform:translate(0, 0);
	transform:translate(0, 0);
	padding:5px 90px 5px 0
}
.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p {
	padding:0;
	margin:0;
	position:relative;
	width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#777;
	text-align:left;
	line-height:25px
}
.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename {
	font-weight:700
}
.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message {
	margin-top:0;
	padding-top:0;
	font-size:11px;
	position:relative;
	opacity:1
}
.dropify-wrapper.touch-fallback .dropify-message {
	-webkit-transform:translate(0, 0);
	transform:translate(0, 0);
	padding:40px 0
}
.dropify-wrapper.touch-fallback .dropify-clear {
	top:auto;
	bottom:23px;
	opacity:1;
	border-color:rgba(119, 119, 119, .7);
	color:#777
}
.dropify-wrapper.touch-fallback:hover .dropify-preview .dropify-infos .dropify-infos-inner {
	margin-top:0
}
.dropify-wrapper .dropify-loader {
	position:absolute;
	top:15px;
	right:15px;
	display:none;
	z-index:9
}
.dropify-wrapper .dropify-loader::after {
display:block;
position:relative;
width:20px;
height:20px;
-webkit-animation:rotate .6s linear infinite;
animation:rotate .6s linear infinite;
border-radius:100%;
border-top:1px solid #CCC;
border-bottom:1px solid #777;
border-left:1px solid #CCC;
border-right:1px solid #777;
content:''
}
.dropify-wrapper .dropify-errors-container {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:3;
	background:rgba(243, 65, 65, .8);
	text-align:left;
	visibility:hidden;
	opacity:0;
-webkit-transition:visibility 0s linear .15s, opacity .15s linear;
transition:visibility 0s linear .15s, opacity .15s linear
}
.dropify-wrapper .dropify-errors-container ul {
	padding:10px 20px;
	margin:0;
	position:absolute;
	left:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%)
}
.dropify-wrapper .dropify-errors-container ul li {
	margin-left:20px;
	color:#FFF;
	font-weight:700
}
.dropify-wrapper .dropify-errors-container.visible {
	visibility:visible;
	opacity:1;
	-webkit-transition-delay:0s;
	transition-delay:0s
}
.dropify-wrapper~.dropify-errors-container ul {
padding:0;
margin:15px 0
}
.dropify-wrapper~.dropify-errors-container ul li {
margin-left:20px;
color:#F34141;
font-weight:700
}
@-webkit-keyframes stripes {
from {
background-position:0 0
}
to {
	background-position:60px 30px
}
}
@keyframes stripes {
from {
background-position:0 0
}
to {
	background-position:60px 30px
}
}
@-webkit-keyframes rotate {
0% {
-webkit-transform:rotateZ(-360deg);
transform:rotateZ(-360deg)
}
100% {
-webkit-transform:rotateZ(0);
transform:rotateZ(0)
}
}
@keyframes rotate {
0% {
-webkit-transform:rotateZ(-360deg);
transform:rotateZ(-360deg)
}
100% {
-webkit-transform:rotateZ(0);
transform:rotateZ(0)
}
}