@font-face {
  font-family: 'dnd-custom-font';
  src:  url('../fonts/icomoon.eot?14xd7m');
  src:  url('../fonts/icomoon.eot?14xd7m#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?14xd7m') format('truetype'),
    url('../fonts/icomoon.woff?14xd7m') format('woff'),
    url('../fonts/icomoon.svg?14xd7m#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="dnd-icon-"], [class*=" dnd-icon-"],.dnd-upload-status .dnd-upload-image span.file {
  font-family: 'dnd-custom-font' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.dnd-icon-blank-file:before { content: "\e900";}
.dnd-icon-remove:before { content: "\e901";}
.icon-upload:before { content: "\e902";}

/* Delete Status */
.dnd-icon-remove.deleting { outline:none; font-family : inherit !important; font-size:12px; color:#000; font-weight:500; }
.dnd-icon-remove.deleting:before {content : '';}

.wpcf7-drag-n-drop-file.d-none {
	display:none;
	opacity:0;
	visibility:hidden;
	position:absolute;
	top:0;
}

/* Upload Status */
.dnd-upload-status {
	display:flex;
	padding:4px 0;
	align-items:center;
	position:relative;
}

/* Progress bar - Image */
.dnd-upload-status .dnd-upload-image {
	width:40px;
	height:40px;
	border:1px solid #a5a5a5;
	text-align:center;
	border-radius:100%;
	position:relative;
}
.dnd-upload-status .dnd-upload-image.has-bg {
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	border:0;
	transition: transform 0.3s ease;
	max-width:40px;
	width:100%;
}
.dnd-upload-status .dnd-upload-image.has-bg:hover {
	transform: scale(1.5);
}
.dnd-upload-status .dnd-upload-image span {
	font-size:20px;
	color:#222;
	position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    left: 50%;
}
.step_wrap .dnd-upload-status .dnd-upload-image span,
.step_wrap .dnd-upload-status .dnd-upload-details .name,
.step_wrap .dnd-upload-status .dnd-upload-details .remove-file{
	color:#fff;
}
.dnd-upload-status .dnd-upload-image span.file:before { content: "\e900";}
.dnd-upload-status .dnd-upload-image.has-bg span { opacity:0; z-index:-200; }

/* Progress bar - Image Details ( Name and Size ) */
.dnd-upload-status .dnd-upload-details {
	padding-left:10px;
	width: calc(100% - 40px);
}
.dnd-upload-status .dnd-upload-details .name {color:#271911; padding:4px 0; padding-right:25px; display:flex;font-size:13px;}
.dnd-upload-status .dnd-upload-details .name span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; padding-right:10px; }
.dnd-upload-status .dnd-upload-details .name em {font-weight:700; }

/* Remove Upload File */
.dnd-upload-status .dnd-upload-details .remove-file {
	position:absolute;
	right:0;
	top:6px;
	text-decoration:none;
	box-shadow:none;
	outline:none;
}

.dnd-upload-status .dnd-upload-details span.has-error { color:#f50505; }

/* Progress Loading */
.dnd-upload-status .dnd-upload-details .dnd-progress-bar {
	display: block;
    border-radius: 5px;
    overflow: hidden;
    border:1px solid #565555;
    height: 14px;
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
    background:#086788;
    display: block;
    font-size: 11px;
    text-align: right;
    color: #fff;
    height: 100%;
	width:0;
	line-height:13px;
}
.step_wrap .dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
    background:rgba(255,255,255,0.7);
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span.complete { width:100%!important; padding-right:5px; }
.dnd-upload-counter {display:none;position:absolute; right:5px; bottom:3px; font-size:12px; }

/* CodeDropz Upload Plugin */
.codedropz-upload-handler {
	position:relative;
}/*
.codedropz-upload-container {
	padding:25px 0 30px;
}*/

.codedropz-upload-inner {
	overflow:hidden;
	width:100%;
	white-space: nowrap;
	text-align:left;
	text-overflow: ellipsis;
	font-weight:inherit;
}
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
	text-decoration:underline;
	box-shadow:none;
	font-size:22px;
	padding-left:50px;
	display:inline-block;
	min-height:55px;
	position:relative;
}
.step_wrap .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
	color:#fff;
}
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn::before{
	content:'';
	display:block;
	position:absolute;
	top:calc(50% - 17.5px);
	left:0;
	height:35px;
	width:30px;
	background:url(../images/attache.svg) center no-repeat;
	background-size:30px 35px;
}

.rcp_form .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn::before{
	background-image:url(../images/attachew.svg);
}
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn::after{
	content:'До 10 файлов, объёмом не более 200 МБ';
	display:block;
	position:absolute;
	bottom:0;
	left:50px;
	height:10px;
	width:100%;
	font-size:10px;
	line-height:10px;
}
.codedropz-upload-inner h3 {
	margin:5px 0;
	font-size:30px;
	line-height:32px;
	display:none;
}
.codedropz-upload-inner span {
	display:none;
}

/* Add border on dragenter, drag etc */
.codedropz-dragover {
	border-color:#6b6a6a;
}

.codedropz-upload-wrapper span.has-error-msg {
	display:inline-block;
	color:#ff0000;
	padding:5px 0;
	font-style:italic;
}

/* Jquery Validation For Contact Form 7 */
.wpcf7-form label.error-new {
    color: #900;
    font-size: 11px;
    float: none;
    padding-left: 5px;
}
.wpcf7-form .codedropz-upload-wrapper.invalid .codedropz-upload-handler{
	border-bottom-color: #900;
    border-bottom-style: solid;
}
/* END : Jquery Validation CF7 */

@media screen and (max-width: 990px) {
	.dnd-upload-status .dnd-upload-details .name em { font-weight:normal; }
	.dnd-upload-status .dnd-upload-details .name { padding-right:60px; }
	.codedropz-upload-inner h3 { font-size:22px; }

.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
	width:100%;
	padding-left:50px;
	padding-top:0;
}
/*.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn::before{
	left:25px;
}*/	
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn::after{
	left:50px;
}
}
@media (max-width:340px){
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn::before{
	left:0;
}
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn::after{
	font-size:8px;
}
}