.img-preview {
    position: relative;
    height: 350px;
    overflow: hidden;
    margin: 0 auto;
    border-style: dashed !important;
    border: 1px solid #d7d7d7;
}
.img-preview .img-box {
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    color: #000;
    padding: 20px;
    height: 100%;
    position: relative;
}
.img-preview .img-box .filefield {
    display: none;
}
.img-preview .img-box p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    margin-bottom: 0px;
    margin-top: 0;
    text-align: center;
    cursor: pointer;
    font-family: TTFirsMedium, Georgia;
}
.img-preview .img-box .img-overlay-uploader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    display: none;
}
.img-spinner {
    width: 30px;
    height: 30px;
    position: relative;
    margin-top: 15px;
    border: 3px solid #452782;
    border-radius: 50%;
    display: none;
    margin: 0 auto;
    z-index: 999;
}
.img-spinner:before, .img-spinner:after {
    content: "";
    position: absolute;
    display: block;
    width: 3px;
    background-color: #452782;
    border-radius: 1.5px;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}
.img-spinner:before {
    height: 9px;
    left: 13.5px;
    top: 50%;
    -webkit-animation: spin 2000ms linear infinite;
    animation: spin 2000ms linear infinite;
}
.img-spinner:after {
    height: 12px;
    left: 13.5px;
    top: 50%;
    -webkit-animation: spin 500ms linear infinite;
    animation: spin 500ms linear infinite;
}
@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
   }
}
@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
   }
}


/* para la segunda imagen */

.img-preview2 {
position: relative;
height: 350px;
overflow: hidden;
margin: 0 auto;
border-style: dashed !important;
border: 1px solid #d7d7d7;
}
.img-preview2 .img-box2 {
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
color: #000;
padding: 20px;
height: 100%;
position: relative;
}
.img-preview2 .img-box2 .filefield2 {
display: none;
}
.img-preview2 .img-box2 p {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
margin-bottom: 0px;
margin-top: 0;
text-align: center;
cursor: pointer;
font-family: TTFirsMedium, Georgia;
}
.img-preview2 .img-box2 .img-overlay-uploader2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.7);
display: none;
}
.img-spinner2 {
width: 30px;
height: 30px;
position: relative;
margin-top: 15px;
border: 3px solid #452782;
border-radius: 50%;
display: none;
margin: 0 auto;
z-index: 999;
}
.img-spinner2:before, .img-spinner2:after {
content: "";
position: absolute;
display: block;
width: 3px;
background-color: #452782;
border-radius: 1.5px;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.img-spinner2:before {
height: 9px;
left: 13.5px;
top: 50%;
-webkit-animation: spin 2000ms linear infinite;
animation: spin 2000ms linear infinite;
}
.img-spinner2:after {
height: 12px;
left: 13.5px;
top: 50%;
-webkit-animation: spin 500ms linear infinite;
animation: spin 500ms linear infinite;
}
@-webkit-keyframes spin {
to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
}
@keyframes spin {
to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
}
.img-preview3 {
position: relative;
height: 350px;
overflow: hidden;
margin: 0 auto;
border-style: dashed !important;
border: 1px solid #d7d7d7;
}
.img-preview3 .img-box3 {
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
color: #000;
padding: 20px;
height: 100%;
position: relative;
}
.img-preview3 .img-box3 .filefield3 {
display: none;
}
.img-preview3 .img-box3 p {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
margin-bottom: 0px;
margin-top: 0;
text-align: center;
cursor: pointer;
font-family: TTFirsMedium, Georgia;
}
.img-preview3 .img-box3 .img-overlay-uploader3 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.7);
display: none;
}
.img-spinner3 {
width: 30px;
height: 30px;
position: relative;
margin-top: 15px;
border: 3px solid #452782;
border-radius: 50%;
display: none;
margin: 0 auto;
z-index: 999;
}
.img-spinner3:before, .img-spinner3:after {
content: "";
position: absolute;
display: block;
width: 3px;
background-color: #452782;
border-radius: 1.5px;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.img-spinner3:before {
height: 9px;
left: 13.5px;
top: 50%;
-webkit-animation: spin 2000ms linear infinite;
animation: spin 2000ms linear infinite;
}
.img-spinner3:after {
height: 12px;
left: 13.5px;
top: 50%;
-webkit-animation: spin 500ms linear infinite;
animation: spin 500ms linear infinite;
}
@-webkit-keyframes spin {
to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
}
@keyframes spin {
to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
}
.img-value{
    
    position: relative !important;
    height: 350px !important;
    
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    
}