/* Index  Personal Page */

.theme-personal {
   font-family: 'Open Sans', sans-serif;
   color: #747474;
   letter-spacing: 1px;
}

.theme-personal h2 {
   text-transform: uppercase;
   color: #181818;
   font-weight: 600;
   font-size: 24px;
}

.theme-personal p {
   font-size: 12px;
   line-height: 20px;
}

.theme-personal .box-info {
   padding: 10px 45px;
   display: inline-block;
}

.theme-personal .number {
   color: #000;
   font-size: 12px;
   line-height: 12px;
   padding: 20px;
   font-weight: 800;
   display: table-cell;
   margin-bottom: 0;
   margin-top: 0;
   border: 5px solid #f1f1f1;
}

.theme-personal .title,
.theme-personal .title-sub {
   display: block;
   padding-left: 15px;
   line-height: 11px;
   text-align: left;
}

.theme-personal .title {
   font-size: 11px;
   font-weight: 600;
   text-transform: uppercase;
   color: #181818;
}

.theme-personal .title-sub {
   font-size: 10px;
   font-weight: 400;
   text-transform: uppercase;
   margin-top: 10px;
}

.theme-personal .skill-1 .skill-title {
   font-size: 10px;
}

.theme-personal .info-address {
   margin-top: 30px;
}

.theme-personal .info-address p {
   margin-top: 5px;
   margin-bottom: 5px;
}

.theme-personal .info-address p span {
   color: #181818;
   text-transform: uppercase;
   font-size: 11px;
}

.theme-personal .author {
   color: #181818;
   font-size: 10px;
   text-align: center;
   margin-top: 50px;
   text-transform: uppercase;
   font-weight: 600;
}

.theme-personal .box-info-2 {
   width: 100%;
   height: auto;
   border: 1px solid #EBEBEB;
   border-radius: 2px;
   margin: 15px 5px;
   padding: 10px;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
}

.theme-personal .box-info-2:hover {
   background-color: #fff;
   border: 1px solid #181818;
}

.theme-personal .box-info-2 > span {
   font-size: 11px;
   width: 50px;
   background-color: #fff;
   position: absolute;
   top: 30px;
   left: 0;
   padding: 10px;
   text-align: center;
   border: 5px solid #f1f1f1;
   font-weight: 600;
   color: #a8a8a8;
}

.theme-personal .box-info-2 > .info {
   position: absolute;
   top: 35px;
   left: 60px;
   font-size: 11px;
   text-transform: uppercase;
}

.theme-personal .box-info-2 > .info:first-line {
   font-size: 10px;
   font-weight: 400;
   text-transform: uppercase;
   color: #a8a8a8;
}

.theme-personal .box-info-2 > .numbers {
   font-size: 11px;
   color: #181818;
   text-align: center;
   font-weight: 600;
   position: absolute;
   top: 45px;
   right: 35px;
}

.theme-personal .box-info-2 > .txt-des {
   padding-right: 30px;
   padding-left: 30px;
   font-size: 12px;
   margin-top: 70px;
   color: #A8A8A8;
}

.theme-personal .contact-form-4 .form-control {
   letter-spacing: 1px;
   font-size: 12px;
}