.dash-constr{
    padding-top: 51px;
}
.header-bckgrnd{
    background: url(http://rdbuploads.s3.amazonaws.com/backgrounds/bg-handyman1.png) no-repeat scroll;
    background-size: cover;
    min-height: 410px;
    padding-top: 260px;
   
    background-position: bottom center;
}
.wrap-sub-bckgrnd{
    background-color: rgba(0,0,0,0.25);
    min-height: 150px;
    padding:15px;
}
.wrap-sub-bckgrnd .img-circle{
    background: #fff;
    padding: 2px;
    width: 60px;
    height: 60px;
}
span.name{
    color: #fff;
    font-size: 25px;
    line-height: normal;
    text-align: left;
    text-shadow: 0 3px 5px rgba(0, 0, 0, 0.35);
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
}
.ul-profile{
    margin-bottom: 10px;
    color: #fff;
}
.ul-profile li{
    background: rgba(0,0,0,0.35);
    border-right: 1px solid #777;
    padding: 10px 5px;
    margin-right: -5px;
}
.ul-profile li:last-child{
    border-right: none;
}
.ul-profile li i{
    color: #999;
}
/* Profile Overlay */
.top-overlay{
    background: #f5f5f5;
    border-radius: 3px;
    padding: 22px 22px 13px;
    border: 1px solid #E0E0E0;
}
.meta-hndymn{
    font-size: 24px;
    display: block;
    text-align: center;
}
.meta-handyman,.meta-points{
    display: block;
    text-align: center;
    font-size: 26px;
    line-height: normal;
}
 .wrap-number-rank {
	background: #ffffff none repeat scroll 0 0;
	border-radius: 500px;
	display: block;
	overflow: hidden;
	padding: 4px;
}
.number-rank{
	background: #a90329; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-radius: 500px;
	color: #FFFFFF;
	display: block;
	font-size: 42px;
	line-height: 1.7em;
	text-align: center;
}
.back-1{
    background: #F8F3E7;
}
.hnd-ranking-star li i{
    color: #ffff32;
    text-shadow: 0 0 1px #000;
}
.wrap-profile-info{
    padding-top: 30px;
    background: #FAF6F6;
}
.panel-style1{
    box-shadow: 0 0 5px rgba(99, 99, 99, 0.2);
}
.panel-style1 > .panel-heading,.li-heading,.panel-style2 > .panel-heading,.li-heading{
    background: none;
    text-transform: uppercase;
    font-weight: bold;
    color: #555;
}
.panel-style2{
    box-shadow: 0 0 5px rgba(99, 99, 99, 0.2);
    border:1px solid #ccc;
}
.panel-style2 > .panel-heading{
    background: #3F3F3F;
    font-weight: normal;
    color: #fff;
}
.panel-style2 .panel-body{
    border-top: 1px solid #666;
    background: #282828;
}
.ul-under-panel li a{
    font-size: 11px;
    color: #428BCE;
    display: block;
    border: 1px solid #428BCE;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 2px;
    text-transform: capitalize;
}
.ul-under-panel li a:hover{
    background:#428bce;
    box-shadow:  0 0 3px rgba(0,0,0,0.3);
    color: #fff;
}
.ul-under-panel li a,.ul-under-panel li a:hover,.ul-under-panel li a:focus{
    outline: none;
    text-decoration: none;
}
.ratings{
    font-weight: normal;
    text-transform: lowercase;
}
.location{
    font-size: 12px;
}
.panel-under-style2{
    background-color: #EEEEEE;
}
.panel-under-style2 > .panel-heading{
    border-bottom: 1px dotted #ccc;
}
/* Gallery Image */
.gallery-img{
    height: 131px;
    display: inline-block;
}
.marg-btm{
    margin-bottom: 10px;
}
/* Team */
.description {
    margin-top: 10px;
}
.team-member{
    margin-bottom: 10px;
}
/* Key Business Information */
.ul-info li{
    font-size: 12px;
}
/* Button file upload custom */
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 999px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
/* Key Business Information */
@media (min-width: 1200px) {
    .profile-overlay {
        margin-top: -70px;
    }
    .user-rvws{
        text-align: center;
    }
    .user-rvws .img-circle{
        width: 83px;
        height: 83px;
    }
    .team-img .img-circle{
        width: 60px;
        height: 60px;
    }
}
@media (max-width: 480px) {
    .user-rvws .img-circle{
        width: 50px;
        height: 50px;
    }
    .team-member{
        text-align: center;
    }
    #credentials{
        text-align: center;
    }
}

.navbar{
   margin-bottom:0;
}

.ch-1.checkbox input[type="checkbox"]{
	float: none;
}
.v-all h3 a {
color:#333;
background:#fafafa;
padding:6px 10px;
border-radius:4px;
font-size:15px;
text-decoration:none;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
color: #fff;
background-color: #f0ad4e;
border-color: #eea236;
}
.v-all h3 a:hover {
color: #fff;
background-color: #ed9c28;
border-color: #d58512;
}
.panel-style2 .checkbox div {
background:#ffffff;
padding:20px 0;
border-radius:4px;
}
.panel-style2 .checkbox div img {
border:1px solid #ccc;
padding:5px;
box-shadow: 0px 0px 5px rgba(99, 99, 99, 0.2);
}


/* version 2 */

        <style type="text/css">
            body{
                background-color: #e9ebee;
            }
            /* COntainer */
            .wrap-coverPhoto-container,
            .wrap-cpc-top{
                position: relative;
            }
            .wrap-coverPhoto-container{
                height: 356px;
                margin-bottom: -3px;
            }
            /* Top */
            .wrap-cpc-top{
                height: 315px;
                position: relative;                
                overflow: hidden;                
            }
            /* Image and Btn */
            .wrap-cpc-top img{
                width: 100%;
            }
            .ci-btn-container{
                position: absolute;
                top: 20px;
                left: 20px;
            }

            .camera-icon-a{
                position: relative;
                height: 35px;
                display: block;
            }
            .camera-icon-a img{
                position: absolute;
                height: 28px;
                width: 28px;
                max-width: 100%;
                opacity: .7;
                transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
                z-index: 2;
                left: 5px;
                top: 5px;
            }
            .wrap-cpc-top:hover .camera-icon-a img{
                opacity: .9;
                transform: scale(.75)
            }
            .ci-text-container{
                background-clip: padding-box;
                background-color: #000;
                border: 1px solid #fff;
                border-color: rgba(255, 255, 255, .8);
                border-radius: 2px;
                box-shadow: 0 0 6px rgba(0, 0, 0, .6);
                box-sizing: border-box;
                color: #fff;
                display: inline-block;
                opacity: 0;
                overflow: hidden;
                padding: 6px 12px;
                position: relative;
                top: 3px;
                transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), width .3s step-end;
                white-space: nowrap;
                word-wrap: normal
            }
            .camera-icon-a:hover .ci-text-container,
            .camera-icon-a:hover .ci-text-container{
                transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), width .3s step-start;
            }
            .wrap-cpc-top:hover .ci-text-container{
                opacity: .8;
                width: 100%;
            }
            .ci-text-meta{
                padding-left: 26px;
            }

            .dropdown.open .ci-text-container{
                opacity: .8;
                width: 100%;
            }
            .dropdown.open .camera-icon-a img{
                opacity: .9;
                transform: scale(.75)
            }

            /* Bottom */
            .wrap-cpc-btm{
                position: relative;
                min-height: 30px;
                background-color: #fff;
            }
            .ul-wcb{                
                margin: 0;
		    margin-left: -16px;
            }
            .ul-wcb .li-ul-wcb{
                border-right: none;
                padding:0;
            }
            .ul-wcb .li-ul-wcb:first-child{
                padding: 10px 200px 10px 0px;
                border-right: none;
            }
            .ul-wcb .li-ul-wcb:nth-of-type(2){
                border-left: none;
            }
            .wcb-a-link{
                display: inline-block;
                font-weight: bold;
                padding: 9px;
                color: #999;
            }
            .wcb-a-link:hover{
                text-decoration: none;
            }
            /* User Image */
            .wrap-user-image-container{
                position: relative;
            }
            .wuic-a{
                position: absolute;
                border-radius: 3px;
                /*background-color: rgba(0, 0, 0, 0.3);*/
                display: block;
                padding: 1px;
                left: 15px;
                top: -138px;
            }
            .wuic-a-img{
                display: block;
                height: 160px;
                width: 160px;
                background-color: #fff;
                border: 4px solid #fff;
                border-radius: 2px;
            }
            .wcb-a-link.active{
                color: #666;
            }

            /*Update Profile*/
            .update-profile{
                position: absolute;
                text-align: center;
                top: auto;
                bottom: -15px;
                left: 20px;
                overflow: hidden;
                width: 152px;
                z-index: 5;
            }
            .up-container-item{
                display: block;
                overflow: hidden;
                position: relative;
                text-align: left
            }
            .up-container-item:before,
            .up-container-item:after{
                background: rgba(0, 0, 0, .3);
                background: linear-gradient(transparent, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .3) 100%);
                content: '';
                height: 200%;
                left: 0;
                position: absolute;
                right: 0;
                top: 100%;
                transition: top .13s ease-out;
                z-index: -1
            }

            .wrap-user-image-container:hover .up-container-item:hover:before,
            .wrap-user-image-container:hover .up-container-item:hover:after{
                background: rgba(0, 0, 0, .9);
            }
            .wrap-user-image-container:hover .up-container-item:before,
            .wrap-user-image-container:hover .up-container-item:after{
                top: -100%;
            }
            .up-c-i-alink{
                color: #fff;
                display: block;
                font-weight: 700;
                width: 100%;
                padding: 10px 12px 10px 35px;
                opacity: 0;
                transition: opacity 0.13s ease-out 0s;
                font-size: 11px;
            }
            .wrap-user-image-container:hover .up-c-i-alink,
            .up-container-item:hover .up-c-i-alink{
                opacity: 1;
                color: #fff;
                text-decoration: none;
            }

            .up-c-i-img{
                bottom: 17px;
                height: 22px;
                left: 6px;
                position: absolute;
                transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
                width: 22px;
            }
            .up-container-item:hover .up-c-i-img{
                transform: scale(.75)
            }

            /* User Display Name */
            .ci-username-container{
                bottom: 12px;
                left: 188px;
                position: absolute;
            }
            .ciuc-ttle-name{
                color: #fff;
                text-rendering: optimizelegibility;
                /*text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);*/
                font-weight: 800;
                font-size: 30px;
                line-height: 40px;
            }
            .ciuc-ttle-name:hover{
                text-decoration: none;
                color: #fff;
            }
            .coverBorder{
                background: rgba(0, 0, 0, 0) url("https://s3.amazonaws.com/assets.zipsite.net/images/jayson/handyman/asset/coverPhotoBg.png") repeat-x scroll left bottom;
                border: 1px solid #000;
                border-color: rgba(0, 0, 0, .25);
                border-top-color: rgba(0, 0, 0, .1);
                border-bottom-color: rgba(0, 0, 0, 0.4);
                bottom: 0;
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
            }
            /* Bg White */
            .bg-white-handyman{
                background-color: #fff;
                border-radius: 2px;
                margin-bottom: 15px;
                padding: 15px;
                border-color: #eaeaea;
                border-image: none;
                border-radius: 3px;
                border-style: solid;
                border-width: 1px;
                font-size: 15px;
                line-height: 24px;
                position: relative;
                color: #333;
                display: block;
            }
            .bg-white-handyman:before,
            .bg-white-handyman:after{
                display: table;
                content: "";
            }
            .bg-white-handyman:after{
                clear: both;
            }
            .bg-white-handyman.bgwh-style2{
                border-color: #eaeaea;
                border-left: 5px solid #d05454;
            }

            /* Overview Info */
            .ul-overview-info{
                margin-bottom: 0;
                color: #666;
            }
            .ul-overview-info li{
                margin-bottom: 5px;
                border-bottom: 1px solid #e9ebee;
                padding-top: 5px;
                padding-bottom: 10px;
                word-wrap: break-word;
            }
            .ul-overview-info li:last-child{
                border-bottom: 1px solid transparent;
                padding-bottom: 5px;
            }
            .edit-info{
                font-size: 12px;
                margin: 0;
                padding-bottom: 0;
                padding-top: 0;
                text-transform: uppercase;
                padding-left: 9px;
            }
            .edit-info-link {
                color: #aaa;
            }
            .edit-info-link:hover{
                color: #333;
                text-decoration: none;
            }
            .ul-overview-info li i.fa{
                width: 30px;
                text-align: center;
            }
            .edit-info i.fa-pencil{
                padding-right: 10px;
                font-size: 14px;
                width: auto;
            }
            .text-muted-meta{
                color: #90949c;
            }
           
            .meta-handyman, .meta-points {
                display: block;
                font-size: 26px;
                line-height: normal;
                text-align: center;
                font-weight: 700;
            }
            .meta-handyman{
                margin-top: 8px;
            }

            /* Button CUstom */
            .btn-lg-cust{
                padding-top: 15px;
                padding-bottom: 15px;
            }
            .ci-button-container{
                position: absolute;
                right: 0px;
                bottom: 12px;
            }
            .ciuc-ttle-name{
                position: relative;
            }
            .ciuc-ttle-name .meta-pencil-link{
                opacity: 0;
            }

            .ciuc-ttle-name:hover .meta-pencil-link{
                color: #efefef;
                font-size: 24px;
                opacity: 0.8;
                position: absolute;
                right: -30px;
            }
            .bg-ttle-header-ov{
                border-bottom: 1px solid #e9ebee;
                color: #333;
                margin: 0 0 10px;
                padding-bottom: 10px;
            }
            
            /* Header Bg */
            .bg-header{
                border-bottom: 1px solid #e9ebee;
                padding-bottom: 10px;
                position: relative;
            }
            /* Homeowner */
            .homeowner-name{
                color: #365899;
                font-size: 17px;
                font-weight: 700;
            }
            .homeowner-name:hover,
            .homeowner-name:focus,
            .homeowner-name:active{
                text-decoration: none;
            }
            .meta-postdate-homeowner{
                font-size: 12px;
                display: block;
                color: #888;
                margin-top: 10px;
            }
            /* Body Bg */
            .bg-body{
                padding-top: 10px;
                word-wrap: break-word;
            }
            .no-feedback{
                min-height: 50px;
                text-align: center;
            }
        </style>