.page-title {
	text-align: center;
}
@font-face { 
    font-family: "Ionicons"; 
    src: url("../fonts/ionicons.eot?v=2.0.1"); 
    src: url("../fonts/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"), 
        url("../fonts/ionicons.ttf?v=2.0.1") format("truetype"), 
        url("../fonts/ionicons.woff?v=2.0.1") format("woff"), 
        url("../fonts/ionicons.svg?v=2.0.1#Ionicons") format("svg"); 
    font-weight: normal; 
    font-style: normal;
}
.files input {
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    padding: 120px 0px 85px 25%;
    text-align: center !important;
    margin: 0;
    width: 100% !important;
}
.files input:focus{     outline: 2px dashed #92b0b3;  outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear; border:1px solid #92b0b3;
 }
 
.files{ position:relative;}
.files:after {  pointer-events: none;
    position: absolute;
    top: 60px;
    left: 0;
    width: 50px;
    right: 0;
    height: 56px;
   	font-family: "Ionicons";
   	speak:none;
   	text-rendering:auto;
   	line-height:1;
    content: "\f255";
    color: #92b0b3;
    display: block;
    margin: 0 auto;
    font-size: 64px;

}
.color input{ background-color:#f1f1f1;}
.files:before {
    position: absolute;
    bottom: 0px;
    left: 0;  pointer-events: none;
    width: 100%;
    right: 0;
    height: 57px;
    content: " or drag it here. ";
    display: block;
    margin: 0 auto;
    color: #2ea591;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
}

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.alert {
	text-align: center;
}
.field-description {
    font-size: 75%;
}
.required::after {
    content: "*";
    color: red;
}