@import "https://petsurfer.com/css/cropper.css";

#profile {
    padding: 50px 0
}

#profile .sidebar {
    width: 24%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

#profile .sidebar .at-share-tbx-element .at-share-btn {
    border: 1px solid #eee !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px !important;
    background: #f6f6f1 !important;
    overflow: hidden !important;
    display: block !important;
    float: left !important;
    width: 48% !important;
    margin: 0 !important;
    text-align: center;
    outline: none
}

#profile .sidebar .at-share-btn-elements .at-share-btn:last-child {
    float: right !important
}

#profile .sidebar .at-share-btn-elements .at-share-btn .at-icon-wrapper .at-icon {
    fill: #707070 !important
}

#profile .sidebar .at-share-btn-elements .at-share-btn .at-label {
    color: #707070 !important
}

#profile .sidebar .box {
    margin-bottom: 20px;
    border: 1px solid #eee;
    background: #f6f6f1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

#profile .sidebar .box h2 {
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px
}

#profile .sidebar .badge {
    position: relative;
    text-align: center
}

#profile .sidebar .badge .like, #profile .sidebar .badge .unlike {
    cursor: pointer;
    zoom: 0.6;
    text-indent: -9999px;
    position: absolute;
    display: table;
    text-decoration: none;
    color: white;
    left: 11px;
    top: 11px;
    font-weight: bold;
    font-size: 12px;
    line-height: 40px;
    padding-bottom: 4px;
    text-align: center;
    width: 44px;
    background: url(https://petsurfer.com/css/images/fav.png) no-repeat center center
}

#profile .sidebar .badge .like:hover, #profile .sidebar .badge .unlike:hover {
    text-indent: 0;
    zoom: 1;
    left: 0px;
    top: 0px
}

#profile .sidebar .badge .ban {
    cursor: pointer;
    zoom: 0.6;
    text-indent: -9999px;
    position: absolute;
    display: table;
    text-decoration: none;
    color: white;
    right: 11px;
    top: 11px;
    font-weight: bold;
    font-size: 12px;
    line-height: 40px;
    padding-bottom: 4px;
    text-align: center;
    width: 44px;
    background: url(https://petsurfer.com/css/images/ban.png) no-repeat center center
}

#profile .sidebar .badge .ban:hover {
    zoom: 0.7;
    right: 5px;
    top: 5px;
    background: url(https://petsurfer.com/css/images/ban-red.png) no-repeat center center
}

#profile .sidebar .badge .unlike {
    color: #f74e4e;
    font-weight: bold;
    background: url(https://petsurfer.com/css/images/unfav.png) no-repeat center center
}

#profile .sidebar .badge .avatar {
    cursor: pointer;
    position: relative;
    display: block;
    margin: 0 auto 15px;
    overflow: hidden;
    width: 60%;
    height: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #eee
}

#profile .sidebar .badge .avatar img {
    width: 150px;
    height: 150px;
    display: block
}

#profile .sidebar .badge .avatar .change-photo {
    padding: 7px 0;
    width: 70px;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -35px 0 0 -35px;
    text-decoration: none;
    color: #ccc;
    z-index: 1;
    line-height: 14px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 10px;
    display: none
}

#profile .sidebar .badge .avatar .change-photo .fa {
    font-size: 16px;
    line-height: 28px
}

#profile .sidebar .badge .avatar .change-photo:hover {
    color: white
}

#profile .sidebar .badge .avatar:hover .change-photo {
    display: block
}

#profile .sidebar .badge .hidden {
    display: none
}

#profile .sidebar .badge .job {
    color: #d3312d;
    font-size: 13px;
    line-height: 20px
}

#profile .sidebar .badge .name {
    font-size: 14px;
    line-height: 30px
}

#profile .sidebar .badge .name .fa {
    color: #aaa;
    cursor: help
}

#profile .sidebar .badge .name .bluecheck {
    color: #528fe9
}

#profile .sidebar .badge .name .fa-circle {
    color: #51c936;
    font-size: 10px;
    cursor: help
}

#profile .sidebar .badge .city {
    font-size: 12px;
    line-height: 20px
}

#profile .sidebar .badge .gender {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 2px
}

#profile .sidebar .badge .status {
    line-height: 30px;
    font-size: 15px;
    font-weight: bold
}

#profile .sidebar .badge .available {
    color: #51c936
}

#profile .sidebar .badge .unavailable {
    color: #d3312d
}

#profile .sidebar .badge .maybe {
    color: #dce459
}

#profile .sidebar .badge .stars {
    margin-bottom: 10px;
    color: gold;
    font-size: 16px
}

#profile .sidebar .badge .link {
    text-decoration: none;
    color: #707070;
    line-height: 20px;
    display: table;
    margin: 0 auto
}

#profile .sidebar .badge .badges {
    margin-top: 10px;
    padding: 8px 20px 6px
}

#profile .sidebar .badge .badges:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

#profile .sidebar .badge .badges p {
    text-align: center;
    display: block;
    float: left;
    height: 28px;
    line-height: 26px;
    margin-right: 3%;
    width: 22%
}

#profile .sidebar .badge .badges .badge {
    opacity: 0.7;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 2px;
    display: inline-block;
    width: 26px;
    height: 26px;
    background-image: url(https://petsurfer.com/css/badges/badge.png);
    background-repeat: no-repeat
}

#profile .sidebar .badge .badges .poop {
    background-position: 0 0;
    background-color: #eddb64
}

#profile .sidebar .badge .badges .quiky {
    background-position: 0 -26px;
    background-color: #dc2222
}

#profile .sidebar .badge .badges .off50 {
    background-position: 0 -52px;
    background-color: #64c2d5
}

#profile .sidebar .badge .badges .goldprize {
    background-position: 0 -78px;
    background-color: gold
}

#profile .sidebar .badge .badges .silverprize {
    background-position: 0 -104px;
    background-color: silver
}

#profile .sidebar .badge .badges .bronsprize {
    background-position: 0 -130px;
    background-color: #965a38
}

#profile .sidebar .badge .badges .garden {
    background-position: 0 -156px;
    background-color: #69d90f
}

#profile .sidebar .badge .badges .checked {
    background-position: 0 -182px;
    background-color: #018bda
}

#profile .sidebar .badge .badges .owner {
    background-position: 0 -208px;
    background-color: #eb256b
}

#profile .sidebar .badge .badges .nosmaking {
    background-position: 0 -234px;
    background-color: #19a124
}

#profile .sidebar .badge .badges .moving, #profile .sidebar .badge .badges .moving1, #profile .sidebar .badge .badges .moving2 {
    background-position: 0 -260px;
    background-color: #965a38
}

#profile .sidebar .badge .badges .moving1 {
    background-color: silver
}

#profile .sidebar .badge .badges .moving2 {
    background-color: gold
}

#profile .sidebar .badge .badges .food {
    background-position: 0 -286px;
    background-color: #ef801d
}

#profile .sidebar .badge .badges .cattoilet {
    background-position: 0 -312px;
    background-color: #eddb64
}

#profile .sidebar .badge .badges .instant {
    background-position: 0 -338px;
    background-color: #9126ab
}

#profile .sidebar .badge .lang {
    margin-top: 15px
}

#profile .sidebar .badge .lang p {
    font-size: 13px;
    line-height: 20px
}

#profile .sidebar .pet-card .coll {
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

#profile .sidebar .pet-card .coll:last-child {
    padding-left: 10px
}

#profile .sidebar .pet-card .coll:first-child {
    padding-right: 5px
}

#profile .sidebar .pet-card .coll .avatar {
    overflow: hidden;
    position: relative;
    display: block;
    margin: 0 auto 5px;
    width: 80%;
    height: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #eee
}

#profile .sidebar .pet-card .coll .avatar img {
    width: 100%;
    height: auto;
    display: block
}

#profile .sidebar .pet-card .coll .hidden {
    display: none
}

#profile .sidebar .pet-card .coll .name {
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    line-height: 30px
}

#profile .sidebar .pet-card .coll ul {
    margin-top: 13px;
    list-style: none
}

#profile .sidebar .pet-card .coll ul li {
    line-height: 20px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#profile .sidebar .pet-card:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

#profile .sidebar .edit-profile {
    background: #f97243;
    color: white;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    display: block;
    line-height: 40px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

#profile .sidebar .edit-profile:hover {
    background: #d3312d
}

#profile .sidebar .complaint {
    display: table;
    margin: 0 auto;
    text-decoration: none;
    color: #d3312d;
    line-height: 20px
}

#profile .sidebar .performace ul {
    list-style: none
}

#profile .sidebar .performace ul li {
    font-size: 13px;
    line-height: 25px
}

#profile .sidebar .performace ul li .fa {
    width: 18px;
    text-align: center;
    margin-right: 3px
}

#profile .sidebar .calender {
    border: 2px solid #ccc
}

#profile .sidebar .calender .datepicker .ui-datepicker {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: none
}

#profile .sidebar .calender .datepicker .ui-datepicker .ui-datepicker-header {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    position: relative;
    padding: 0;
    background: none
}

#profile .sidebar .calender .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    color: #707070;
    cursor: default
}

#profile .sidebar .calender .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    left: 0;
    top: 0;
    margin: 0
}

#profile .sidebar .calender .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
    background: none;
    text-indent: 0;
    color: #707070;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#profile .sidebar .calender .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon:before {
    content: "\f053";
    margin-right: 7px
}

#profile .sidebar .calender .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
    cursor: pointer;
    left: 0;
    top: 0;
    margin: 0;
    background: none;
    border: none
}

#profile .sidebar .calender .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover .ui-icon {
    color: #d3312d
}

#profile .sidebar .calender .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    right: 0;
    top: 0;
    margin: 0
}

#profile .sidebar .calender .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
    background: none;
    text-indent: 0;
    color: #707070;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#profile .sidebar .calender .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon:before {
    content: "\f054";
    margin-left: 7px
}

#profile .sidebar .calender .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover {
    cursor: pointer;
    right: 0;
    top: 0;
    margin: 0;
    background: none;
    border: none
}

#profile .sidebar .calender .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover .ui-icon {
    color: #d3312d
}

#profile .sidebar .calender .datepicker .ui-datepicker .ui-datepicker-calendar {
    font-size: 12px
}

#profile .sidebar .calender .datepicker .ui-datepicker .ui-datepicker-calendar tbody {
    border-top: 1px solid #eee;
    border-right: 1px solid #eee
}

#profile .sidebar .calender .datepicker .ui-datepicker .ui-datepicker-calendar tr td {
    background: white;
    padding: 0;
    line-height: 30px;
    width: 14.285714286%;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

#profile .sidebar .calender .datepicker .ui-datepicker .ui-datepicker-calendar tr td span {
    border: none;
    background: none;
    text-align: center;
    padding: 0;
    color: #707070
}

#profile .sidebar .calender .datepicker .ui-datepicker .ui-datepicker-calendar tr td a {
    cursor: default;
    background: none;
    color: #f97243;
    border: none;
    text-align: center;
    padding: 0
}

#profile .sidebar .calender .datepicker .ui-datepicker .ui-datepicker-calendar tr .ui-datepicker-today a {
    text-decoration: underline
}

#profile .sidebar .calender .datepicker .ui-datepicker .ui-datepicker-calendar tr .ui-datepicker-unavailable {
    background: rgba(0, 0, 0, 0.3)
}

#profile .sidebar .calender .datepicker .ui-datepicker .ui-datepicker-calendar tr .ui-datepicker-unavailable a {
    color: white
}

#profile .sidebar .calender .datepicker .ui-datepicker .ui-datepicker-calendar tr .ui-datepicker-unselectable {
    background: white
}

#profile .sidebar .calender .status {
    margin: 5px 0 0;
    line-height: 14px;
    text-align: center
}

#profile .sidebar .calender .status span {
    display: inline-block;
    line-height: 12px;
    width: 12px
}

#profile .sidebar .calender .status .red {
    background: #bbb;
    border: 1px solid #bbb;
    margin-left: 10px
}

#profile .sidebar .calender .status .white {
    background: white;
    border: 1px solid #f97243
}

#profile .sidebar .calender .offer-form {
    margin: 10px 0
}

#profile .sidebar .calender .offer-form .discount {
    background: white;
    border: 1px dashed #ccc;
    border-bottom: none;
    font-size: 12px;
    padding: 5px 10px;
    color: #51c936;
    margin: 20px 0 0
}

#profile .sidebar .calender .offer-form .payment {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 12px;
    border: 1px dashed #ccc;
    background: white;
    padding: 10px
}

#profile .sidebar .calender .offer-form .payment:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

#profile .sidebar .calender .offer-form .payment span {
    float: right
}

#profile .sidebar .calender .offer-form .payment span .fa {
    cursor: help
}

#profile .sidebar .calender .offer-form .payment .green {
    color: #51c936
}

#profile .sidebar .calender .offer-form .payment .yellow {
    color: #f0be28
}

#profile .sidebar .calender .offer-form .payment .red {
    color: #d3312d
}

#profile .sidebar .calender .offer-form .service-box {
    margin-bottom: 5px;
    position: relative;
    background: white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #eee
}

#profile .sidebar .calender .offer-form .service-box .selected-pets {
    display: none
}

#profile .sidebar .calender .offer-form .service-box .default-pets {
    padding: 5px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px
}

#profile .sidebar .calender .offer-form .service-box .selected {
    font-size: 12px;
    cursor: pointer;
    display: block;
    line-height: 34px;
    padding: 0 10px
}

#profile .sidebar .calender .offer-form .service-box .fa-chevron-down {
    display: block;
    width: 34px;
    line-height: 34px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

#profile .sidebar .calender .offer-form .service-box .radios {
    display: none;
    background: white;
    z-index: 1;
    position: absolute;
    left: -1px;
    right: 0;
    top: 35px;
    width: 100%;
    padding: 5px 0;
    border: 1px solid #eee;
    border-top: none
}

#profile .sidebar .calender .offer-form .service-box .radios .radio-row {
    padding: 5px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 10px;
    padding-right: 0;
    background: white
}

#profile .sidebar .calender .offer-form .service-box .radios .radio-row label {
    cursor: pointer
}

#profile .sidebar .calender .offer-form .service-box .radios .radio-row label input {
    display: none
}

#profile .sidebar .calender .offer-form .service-box .radios .radio-row label span {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 10px;
    float: left;
    height: 20px;
    width: 20px;
    border: 1px solid #eee;
    display: block;
    position: relative
}

#profile .sidebar .calender .offer-form .service-box .radios .radio-row label p {
    font-size: 12px;
    display: table;
    float: left;
    line-height: 22px
}

#profile .sidebar .calender .offer-form .service-box .radios .radio-row label .added {
    color: #55d32f
}

#profile .sidebar .calender .offer-form .service-box .radios .radio-row label .remove {
    color: #d3312d
}

#profile .sidebar .calender .offer-form .service-box .radios .radio-row label input[type=radio]:checked + span {
    background: url(https://petsurfer.com/css/images/squar.png) no-repeat center center
}

#profile .sidebar .calender .offer-form .service-box .radios .radio-row label .removee {
    background: url(https://petsurfer.com/css/images/add-service-remove.png) !important
}

#profile .sidebar .calender .offer-form .service-box .radios .radio-row label:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

#profile .sidebar .calender .offer-form .pets-box {
    margin-bottom: 5px;
    position: relative;
    background: white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #eee
}

#profile .sidebar .calender .offer-form .pets-box .count {
    font-size: 12px;
    cursor: pointer;
    display: block;
    line-height: 34px;
    padding: 0 10px
}

#profile .sidebar .calender .offer-form .pets-box .fa-chevron-down {
    display: block;
    width: 34px;
    line-height: 34px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

#profile .sidebar .calender .offer-form .pets-box .pets {
    display: none;
    background: white;
    z-index: 1;
    position: absolute;
    left: -1px;
    right: 0;
    top: 35px;
    width: 100%;
    padding: 5px 0;
    border: 1px solid #eee;
    border-top: none
}

#profile .sidebar .calender .offer-form .pets-box .pets .pet {
    display: block;
    text-decoration: none;
    color: #707070;
    padding: 5px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff url(https://petsurfer.com/css/images/add-pet.png) right center no-repeat;
    margin-right: 10px;
    padding-right: 0
}

#profile .sidebar .calender .offer-form .pets-box .pets .pet .icon {
    float: left;
    height: 35px;
    width: 35px;
    background-repeat: no-repeat;
    background-image: url(https://petsurfer.com/css/images/icons.png)
}

#profile .sidebar .calender .offer-form .pets-box .pets .pet .dog {
    background-position: 0 0
}

#profile .sidebar .calender .offer-form .pets-box .pets .pet .cat {
    background-position: 0 -35px
}

#profile .sidebar .calender .offer-form .pets-box .pets .pet .bird {
    background-position: 0 -70px
}

#profile .sidebar .calender .offer-form .pets-box .pets .pet .fish {
    background-position: 0 -105px
}

#profile .sidebar .calender .offer-form .pets-box .pets .pet .rodent {
    background-position: 0 -140px
}

#profile .sidebar .calender .offer-form .pets-box .pets .pet .turtle {
    background-position: 0 -175px
}

#profile .sidebar .calender .offer-form .pets-box .pets .pet .reptile {
    background-position: 0 -210px
}

#profile .sidebar .calender .offer-form .pets-box .pets .pet .plant {
    background-position: 0 -245px
}

#profile .sidebar .calender .offer-form .pets-box .pets .pet .other {
    background-position: 0 -280px
}

#profile .sidebar .calender .offer-form .pets-box .pets .pet p {
    line-height: 14px;
    font-size: 12px;
    margin-top: 4px
}

#profile .sidebar .calender .offer-form .pets-box .pets .pet span {
    line-height: 12px;
    font-size: 11px
}

#profile .sidebar .calender .offer-form .pets-box .pets .pet:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

#profile .sidebar .calender .offer-form .pets-box .pets .no-pet {
    font-size: 12px;
    color: #707070;
    padding: 5px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: white;
    margin-right: 10px;
    padding-right: 0
}

#profile .sidebar .calender .offer-form .row {
    margin-bottom: 5px;
    position: relative
}

#profile .sidebar .calender .offer-form .row .coll {
    position: relative;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%
}

#profile .sidebar .calender .offer-form .row .coll:first-child {
    padding-right: 2.5px
}

#profile .sidebar .calender .offer-form .row .coll:last-child {
    padding-left: 2.5px
}

#profile .sidebar .calender .offer-form .row .time {
    position: relative
}

#profile .sidebar .calender .offer-form .row .time select {
    background: white;
    color: #707070;
    font-family: 'Comfortaa', cursive;
    outline: none;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    height: 34px;
    padding: 0 10px;
    border: 1px solid #eee;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

#profile .sidebar .calender .offer-form .row .time .fa {
    position: absolute;
    right: 8px;
    top: 10px;
    font-size: 15px;
    color: #f97243
}

#profile .sidebar .calender .offer-form .row input[type="text"] {
    font-size: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #707070;
    font-family: 'Comfortaa', cursive;
    outline: none;
    width: 100%;
    height: 34px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: white;
    border: 1px solid #eee;
    padding: 0 10px
}

#profile .sidebar .calender .offer-form .row .ui-datepicker-trigger {
    background: transparent;
    color: #f97243;
    position: absolute;
    right: 0;
    top: 2px;
    display: block;
    line-height: 30px;
    height: 30px;
    cursor: pointer;
    text-align: center;
    width: 30px;
    border: none;
    outline: none;
    font: normal normal normal 14px/1 FontAwesome
}

#profile .sidebar .calender .offer-form .row .ui-datepicker-trigger:before {
    content: "\f073"
}

#profile .sidebar .calender .offer-form .row .submit {
    cursor: pointer;
    margin-top: 10px;
    font-family: 'Comfortaa', cursive;
    font-weight: bold;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    height: 44px;
    outline: none;
    background: #51c936;
    color: white
}

#profile .sidebar .calender .offer-form .row .submit:hover {
    background: #3db522
}

#profile .sidebar .calender .offer-form .row:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

#profile .sidebar .calender .offer-form .row:last-child {
    margin-bottom: 0
}

#profile .sidebar .calender .offer-form .row .list {
    font-size: 12px;
    padding: 5px 0 0;
    overflow: hidden;
    background: white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #eee;
    width: 100%
}

#profile .sidebar .calender .offer-form .row .list tr td {
    padding: 5px 10px
}

#profile .sidebar .calender .offer-form .row .list tr td span {
    font-size: 12px
}

#profile .sidebar .calender .offer-form .row .list tr td a {
    text-decoration: none;
    color: #d3312d;
    font-size: 11px
}

#profile .sidebar .calender .offer-form .row .list tr td:last-child {
    text-align: right
}

#profile .sidebar .calender .offer-form .row .list tr:last-child td {
    color: white;
    background: gray;
    padding: 10px
}

#profile .sidebar .calender .offer-form .row .list .totel td {
    border-top: 1px solid #eee;
    padding: 10px
}

#profile .sidebar .calender .offer-form .row .instant {
    background: white;
    padding: 7px 10px 8px;
    border: 1px solid #eee;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
    margin: 5px 0
}

#profile .sidebar .calender .offer-form .row .instant:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

#profile .sidebar .calender .offer-form .row .instant input {
    display: block;
    width: 16px;
    height: 16px;
    margin: 0;
    margin-right: 5px;
    float: left
}

#profile .sidebar .calender .offer-form .row .instant label {
    display: table;
    font-weight: bold;
    float: left;
    line-height: 16px;
    font-size: 12px;
    margin-top: 1px
}

#profile .sidebar .calender .offer-form .row .alt-btn {
    background: #d3312d;
    color: white;
    padding: 5px 15px;
    margin-top: 10px;
    line-height: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
    font-size: 12px;
    text-align: center
}

#profile .s-left {
    float: left
}

#profile .s-right {
    float: right
}

#profile .content {
    width: 48%;
    margin: 0 2%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

#profile .content .cover-box {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #eee;
    overflow: hidden
}

#profile .content .cover-box a {
    text-decoration: none
}

#profile .content .cover-box a img {
    width: 100%;
    height: auto;
    display: block
}

#profile .content .cover-box .hidden {
    display: none
}

#profile .content .cover-box .change-photo {
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 10px;
    right: 10px;
    text-decoration: none;
    color: #ccc;
    border: 1px solid #888;
    z-index: 1;
    padding: 0 10px;
    line-height: 24px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    display: none
}

#profile .content .cover-box .change-photo:hover {
    color: white
}

#profile .content .cover-box:hover .change-photo {
    display: table
}

#profile .content .box {
    margin-bottom: 20px;
    border: 1px solid #eee;
    background: #f6f6f1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow:hidden;
    padding: 15px
}

#profile .content .box h2 {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px
}

#profile .content .mini-box {
    width: 48%;
    margin-bottom: 20px;
    border: 1px solid #eee;
    background: #f6f6f1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

#profile .content .mini-box h3 {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px
}

#profile .content .mini-box ul {
    list-style: none
}

#profile .content .mini-box ul li {
    line-height: 22px;
    float: left;
    width: 50%
}

#profile .content .mini-box ul li .fa {
    color: #d3312d;
    width: 16px;
    text-align: center;
    margin-right: 2px
}

#profile .content .mini-box ul:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

#profile .content .mini-box .disable {
    color: #aaa
}

#profile .content .mini-box .disable .fa {
    color: #aaa
}

#profile .content .mini-box .coll {
    width: 33.333333333%;
    float: left;
    text-align: center
}

#profile .content .mini-box .coll img {
    width: 100%;
    margin: 0 auto 15px;
    height: auto;
    display: block
}

#profile .content .mini-box:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

#profile .content .left {
    margin-right: 4%
}

#profile .content .flex {
    display: -webkit-flex;
    -webkit-flex-flow: wrap;
    display: flex;
    flex-flow: wrap
}

#profile .content .about p {
    line-height: 24px
}

#profile .content .house p {
    line-height: 18px
}

#profile .content .house p span {
    display: inline-block;
    width: 80px
}

#profile .content .house .avatar {
    overflow: hidden;
    position: relative;
    display: block;
    margin: 0 auto 5px;
    width: 100%;
    height: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #eee
}

#profile .content .house .avatar img {
    width: 100%;
    height: auto;
    display: block
}

#profile .content .house .hidden {
    display: none
}

#profile .content .house table td {
    line-height: 24px;
    font-size: 13px
}

#profile .content .comments h2 .stars {
    display: table;
    float: right
}

#profile .content .comments h2 .stars .fa {
    color: gold
}

#profile .content .comments h2:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

#profile .content .comments .more {
    text-decoration: none;
    color: #d3312d;
    display: table;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold
}

#profile .content .comments .more:hover {
    color: #f97243
}

#profile .content .comments hr {
    border-bottom: 1px solid #ddd;
    display: block;
    margin: 10px 0
}

#profile .content .comments .item {
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 5px;
    background: white;
    position: relative
}

#profile .content .comments .item .avatar {
    position: absolute;
    top: 10px;
    left: 10px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    border: 1px solid #ddd;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 50px;
    margin-right: 10px
}

#profile .content .comments .item .title {
    padding-left: 60px
}

#profile .content .comments .item .title:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

#profile .content .comments .item .title .name {
    line-height: 20px;
    font-size: 16px;
    font-weight: bold;
    display: table;
    float: left
}

#profile .content .comments .item .title .name span {
    font-size: 14px;
    color: #d3312d;
    font-style: italic
}

#profile .content .comments .item .title .date {
    font-size: 11px;
    line-height: 10px;
    display: table;
    float: right;
    margin-left: 10px
}

#profile .content .comments .item .title .stars {
    font-size: 11px;
    line-height: 10px;
    float: right;
    display: table
}

#profile .content .comments .item .title .stars .fa {
    color: gold
}

#profile .content .comments .item .comment-content {
    font-size: 13px;
    padding-left: 60px;
    line-height: 20px
}

#profile .content .comments .item .read {
    overflow: hidden
}

#profile .content .comments .answer {
    padding: 0;
    padding-left: 60px;
    background: none
}

#profile .content .comments .answer .answer-content {
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 5px;
    background: white;
    position: relative
}

#profile .content .comments .answer .avatar {
    left: 10px;
    width: 40px
}

#profile .content .comments .answer .title {
    padding-left: 50px
}

#profile .content .comments .answer .comment-content {
    padding-left: 50px
}

#profile .content .services .service-tabs {
    background: none;
    border: none;
    padding: 0
}

#profile .content .services .service-tabs .ui-tabs-nav {
    background: none;
    border: none;
    padding: 0;
    list-style: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

#profile .content .services .service-tabs .ui-tabs-nav:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

#profile .content .services .service-tabs .ui-tabs-nav li {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: none;
    padding: 0 5px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    margin: 0
}

#profile .content .services .service-tabs .ui-tabs-nav li a {
    font-size: 13px;
    line-height: 26px;
    padding: 0;
    color: #707070;
    background: none;
    display: block;
    margin: 0;
    text-decoration: none;
    outline: none;
    width: 100%
}

#profile .content .services .service-tabs .ui-tabs-nav .ui-tabs-active {
    background: white;
    border: none;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

#profile .content .services .service-tabs .ui-tabs-nav .ui-tabs-active a {
    color: #f97243;
    cursor: default
}

#profile .content .services .service-tabs .ui-tabs-panel {
    background: white;
    padding: 10px 15px 5px;
    margin: 0;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px
}

#profile .content .services .service-tabs .ui-tabs-panel h3 {
    font-size: 12px;
    line-height: 24px;
    margin: 5px 0;
    cursor: pointer
}

#profile .content .services .service-tabs .ui-tabs-panel h3 .fa {
    float: right;
    margin-left: 10px;
    line-height: 18px
}

#profile .content .services .service-tabs .ui-tabs-panel h3 span {
    display: table;
    float: right
}

#profile .content .services .service-tabs .ui-tabs-panel h3 span em {
    color: #aaa;
    font-style: normal
}

#profile .content .services .service-tabs .ui-tabs-panel h3:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

#profile .content .services .service-tabs .ui-tabs-panel .tabby {
    border-bottom: 1px solid #eee
}

#profile .content .services .service-tabs .ui-tabs-panel .tabby:last-child {
    border-bottom: none
}

#profile .content .services .service-tabs .ui-tabs-panel table {
    display: none;
    width: 100%;
    font-size: 13px;
    margin-bottom: 10px
}

#profile .content .services .service-tabs .ui-tabs-panel table tr td {
    padding-left: 10px;
    line-height: 16px
}

#profile .content .services .service-tabs .ui-tabs-panel table tr td .fa {
    font-size: 7px;
    color: #f97243;
    line-height: 16px;
    float: left;
    margin-right: 5px
}

#profile .content .services .service-tabs .ui-tabs-panel table tr td:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

#profile .content .services .service-tabs .ui-tabs-panel table tr td:last-child {
    text-align: right
}

#profile .content .services .service-tabs .ui-tabs-panel table:last-child {
    padding-bottom: 0;
    border-bottom: none
}

section#edit-profile {
    padding: 30px 0
}

section#edit-profile .user-types {
    margin-bottom: 20px;
    list-style: none
}

section#edit-profile .user-types li {
    display: inline-table;
    float: left
}

section#edit-profile .user-types li a {
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
    padding: 0 20px;
    line-height: 36px;
    text-decoration: none;
    color: #707070
}

section#edit-profile .user-types li a:hover {
    color: #f97243
}

section#edit-profile .user-types li .active {
    color: white;
    background: #f97243
}

section#edit-profile .user-types li .active:hover {
    color: white
}

section#edit-profile .user-types li .deactive {
    opacity: 0.5;
    cursor: default
}

section#edit-profile .user-types li .deactive:hover {
    color: #707070
}

section#edit-profile .user-types:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

section#edit-profile .container {
    position: relative
}

section#edit-profile .puan-con {
    position: absolute;
    top: 3px;
    right: 0;
    width: 200px
}

section#edit-profile .puan-con .label {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 12px
}

section#edit-profile .puan-con .label:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

section#edit-profile .puan-con .label span {
    float: right;
    font-weight: bold
}

section#edit-profile .puan-con .puan {
    width: 100%;
    background: #f6f6f1;
    border: 1px solid #eee;
    cursor: help;
    text-align: right;
    padding-right: 10px;
    line-height: 16px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    position: absolute;
    height: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

section#edit-profile .puan-con .puan .bar {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    color: white;
    text-align: left;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0
}

section#edit-profile .puan-con .pred {
    color: #d3312d
}

section#edit-profile .puan-con .pred .bar {
    background: #d3312d
}

section#edit-profile .puan-con .porange {
    color: #f97243
}

section#edit-profile .puan-con .porange .bar {
    background: #f97243
}

section#edit-profile .puan-con .pgreen {
    color: #51c936
}

section#edit-profile .puan-con .pgreen .bar {
    background: #51c936
}

section#edit-profile .puan-con .pblue {
    background: #528fe9;
    color: #528fe9
}

section#edit-profile .puan-con .pblue .bar {
    background: #528fe9
}

section#edit-profile .error-notication {
    border: 1px solid #d3312d;
    color: #d3312d;
    padding: 5px 10px;
    line-height: 14px;
    margin-bottom: 20px;
    font-size: 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

section#edit-profile .content {
    width: 69%;
    float: left
}

section#edit-profile .content .tabs {
    list-style: none
}

section#edit-profile .content .tabs:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

section#edit-profile .content .tabs li {
    border-right: 1px solid #eee;
    background: #fafafa;
    margin-bottom: -1px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

section#edit-profile .content .tabs li a {
    text-decoration: none;
    color: #909090;
    display: block;
    padding: 0 15px;
    line-height: 36px;
    font-weight: bold
}

section#edit-profile .content .tabs li a:hover {
    color: #707070
}

section#edit-profile .content .tabs li:last-child {
    border-right: none;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0
}

section#edit-profile .content .tabs li:first-child {
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0
}

section#edit-profile .content .tabs .active {
    background: #f6f6f1;
    border: 1px solid #eee;
    border-bottom: none
}

section#edit-profile .content .tabs .active a {
    color: #d3312d
}

section#edit-profile .content .panel {
    -webkit-border-radius: 0 5px 5px 5px;
    -moz-border-radius: 0 5px 5px 5px;
    border-radius: 0 5px 5px 5px;
    border: 1px solid #eee;
    background: #f6f6f1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px
}

section#edit-profile .content .panel h2 {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dedecd;
    padding-bottom: 10px;
    margin-top: 10px
}

section#edit-profile .content .panel h2 .add-pet {
    text-decoration: none;
    color: #d3312d;
    font-weight: bold;
    font-size: 16px;
    display: table;
    float: right;
    line-height: 18px
}

section#edit-profile .content .panel h2:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

section#edit-profile .content .panel .info {
    border-bottom: 1px solid #dedecd;
    padding-bottom: 10px;
    line-height: 20px;
    margin-bottom: 10px
}

section#edit-profile .content .panel form {
    display: block;
    max-width: 550px;
    margin: 0 auto
}

section#edit-profile .content .panel .full-form {
    max-width: 610px
}

section#edit-profile .content .panel .pets {
    margin: 10px 0;
    padding: 7px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: white;
    border: 1px solid #eee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

section#edit-profile .content .panel .pets img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #eee;
    width: 50px;
    display: block;
    float: left;
    margin-right: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

section#edit-profile .content .panel .pets .index {
    padding: 5px 0;
    display: table;
    float: left
}

section#edit-profile .content .panel .pets .index h4 {
    font-size: 16px;
    margin-bottom: 3px
}

section#edit-profile .content .panel .pets .pet-btn {
    padding: 5px 0;
    float: right;
    display: table
}

section#edit-profile .content .panel .pets .pet-btn a {
    width: 18px;
    line-height: 18px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: white;
    text-decoration: none;
    display: block;
    font-size: 14px
}

section#edit-profile .content .panel .pets .pet-btn .delete {
    background: #d3312d
}

section#edit-profile .content .panel .pets .pet-btn .edit {
    background: #51c936;
    margin-bottom: 4px
}

section#edit-profile .content .panel .pets:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

section#edit-profile .content .panel .valli {
    position: relative
}

section#edit-profile .content .panel .valli label.error {
    position: absolute;
    bottom: -6px;
    width: 100%;
    color: #d3312d;
    font-size: 12px;
    font-style: italic;
    display: block
}

section#edit-profile .content .panel .valli input.error {
    margin-bottom: 20px !important
}

section#edit-profile .content .panel .coll {
    margin-bottom: 5px;
    width: 64%;
    float: left
}

section#edit-profile .content .panel .coll input[type="text"], section#edit-profile .content .panel .coll select, section#edit-profile .content .panel .coll textarea {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    outline: none;
    margin: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: white;
    font-family: 'Comfortaa', cursive;
    height: 30px;
    border: 1px solid #eee;
    padding: 0 10px
}

section#edit-profile .content .panel .coll select {
    padding: 0 5px;
    line-height: 30px
}

section#edit-profile .content .panel .coll input[type="text"] {
    line-height: 30px
}

section#edit-profile .content .panel .coll textarea {
    padding: 10px;
    height: 145px;
    resize: vertical;
    line-height: 18px;
    font-weight: 14px
}

section#edit-profile .content .panel .coll input[type="text"].error, section#edit-profile .content .panel .coll select.error, section#edit-profile .content .panel .coll textarea.error {
    border: 1px solid #d3312d
}

section#edit-profile .content .panel .coll .select-single {
    float: left;
    width: 32%
}

section#edit-profile .content .panel .coll .select-double {
    float: left;
    width: 32%;
    margin-left: 2%
}

section#edit-profile .content .panel .coll .checkbox-content {
    margin-bottom: 2px;
    position: relative
}

section#edit-profile .content .panel .coll .checkbox-content .checkbox, section#edit-profile .content .panel .coll .checkbox-content genderbox {
    padding: 8px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

section#edit-profile .content .panel .coll .checkbox-content .checkbox .size, section#edit-profile .content .panel .coll .checkbox-content genderbox .size {
    display: block;
    width: 65px;
    height: auto;
    margin-bottom: 3px
}

section#edit-profile .content .panel .coll .checkbox-content .checkbox input, section#edit-profile .content .panel .coll .checkbox-content genderbox input {
    outline: none;
    display: block;
    width: 14px;
    height: 14px;
    float: left;
    margin: 2px 10px 0 0
}

section#edit-profile .content .panel .coll .checkbox-content .checkbox label, section#edit-profile .content .panel .coll .checkbox-content genderbox label {
    display: table;
    line-height: 20px
}

section#edit-profile .content .panel .coll .checkbox-content .checkbox label.error, section#edit-profile .content .panel .coll .checkbox-content genderbox label.error {
    position: absolute;
    bottom: 5px;
    font-size: 13px;
    color: #d3312d
}

section#edit-profile .content .panel .coll .checkbox-content .checkbox .fa-question-circle, section#edit-profile .content .panel .coll .checkbox-content genderbox .fa-question-circle {
    color: #f97243;
    cursor: help
}

section#edit-profile .content .panel .coll .checkbox-content .checkbox:after, section#edit-profile .content .panel .coll .checkbox-content genderbox:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

section#edit-profile .content .panel .coll .checkbox-content .genderbox {
    padding-top: 6px
}

section#edit-profile .content .panel .coll .checkbox-content .genderbox input {
    float: left;
    display: table;
    margin: 3px 5px 3px 0;
    width: 16px;
    height: 16px
}

section#edit-profile .content .panel .coll .checkbox-content .genderbox label {
    float: left;
    display: table;
    line-height: 22px
}

section#edit-profile .content .panel .coll .checkbox-content .genderbox img {
    display: table;
    float: left;
    margin: 2px 2px 2px 0
}

section#edit-profile .content .panel .coll .checkbox-content .three {
    float: left;
    width: 33.333333333%
}

section#edit-profile .content .panel .coll .checkbox-content .five {
    float: left;
    width: 16.666666667%
}

section#edit-profile .content .panel .coll .checkbox-content:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

section#edit-profile .content .panel .coll .select2 .select2-selection {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    outline: none;
    margin: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: white;
    font-family: 'Comfortaa', cursive;
    height: 30px;
    border: 1px solid #eee;
    padding: 0 10px
}

section#edit-profile .content .panel .coll:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

section#edit-profile .content .panel .label {
    padding: 5px 0;
    width: 36%
}

section#edit-profile .content .panel .label p {
    line-height: 20px;
    font-weight: bold
}

section#edit-profile .content .panel .label span {
    color: #f97243;
    cursor: help;
    margin-left: 5px
}

section#edit-profile .content .panel .dw {
    display: block;
    border-bottom: 1px solid #dedecd;
    margin: 5px 0 10px
}

section#edit-profile .content .panel .full {
    width: 100%;
    margin-bottom: 0px
}

section#edit-profile .content .panel .full .select-time {
    padding: 8px 0
}

section#edit-profile .content .panel .full .select-time select {
    display: inline-block;
    width: 70px
}

section#edit-profile .content .panel .full .select-time p {
    display: inline-table;
    line-height: 30px
}

section#edit-profile .content .panel .label-title {
    margin: 5px 0
}

section#edit-profile .content .panel .home-at-pet {
    margin: 5px 0 10px
}

section#edit-profile .content .panel .home-at-pet:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

section#edit-profile .content .panel .home-at-pet .listed, section#edit-profile .content .panel .home-at-pet .added-item {
    height: 243px;
    float: left;
    width: 45%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: white
}

section#edit-profile .content .panel .home-at-pet .listed .list-item, section#edit-profile .content .panel .home-at-pet .added-item .list-item {
    font-size: 12px;
    line-height: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px;
    border-bottom: 1px solid #eee
}

section#edit-profile .content .panel .home-at-pet .listed .list-item:after, section#edit-profile .content .panel .home-at-pet .added-item .list-item:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

section#edit-profile .content .panel .home-at-pet .listed .list-item .fa, section#edit-profile .content .panel .home-at-pet .added-item .list-item .fa {
    color: #f97243;
    float: right;
    cursor: pointer
}

section#edit-profile .content .panel .home-at-pet .listed .list-item[data-status="0"], section#edit-profile .content .panel .home-at-pet .added-item .list-item[data-status="0"] {
    color: #ddd
}

section#edit-profile .content .panel .home-at-pet .listed .list-item[data-status="0"] .fa, section#edit-profile .content .panel .home-at-pet .added-item .list-item[data-status="0"] .fa {
    cursor: default;
    color: #eee
}

section#edit-profile .content .panel .home-at-pet .added-item {
    float: right
}

section#edit-profile .content .panel .cansel, section#edit-profile .content .panel button {
    font-weight: bold;
    margin: 10px 0 0;
    padding: 0 15px;
    float: right;
    cursor: pointer;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    height: 36px;
    font-family: 'Comfortaa', cursive;
    background: #f97243;
    color: white;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none
}

section#edit-profile .content .panel .cansel:hover, section#edit-profile .content .panel button:hover {
    background: #d3312d
}

section#edit-profile .content .panel .cansel {
    margin-right: 10px;
    background: #707070;
    text-decoration: none;
    line-height: 36px
}

section#edit-profile .content .panel .coll-check {
    margin-bottom: 5px
}

section#edit-profile .content .panel .coll-check input {
    outline: none;
    display: block;
    width: 14px;
    height: 14px;
    float: left;
    margin: 0 5px 0 0
}

section#edit-profile .content .panel .coll-check label {
    display: table;
    line-height: 14px;
    float: left;
    width: 880px
}

section#edit-profile .content .panel .coll-check .mini {
    width: 590px
}

section#edit-profile .content .panel .coll-check:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

section#edit-profile .content .panel .dwr {
    border-top: 1px solid #dedecd;
    margin: 20px 0
}

section#edit-profile .content .panel .price-list h3 {
    font-size: 14px;
    margin-bottom: 5px;
    padding-bottom: 7px;
    border-bottom: 1px solid #ddd
}

section#edit-profile .content .panel .price-list .sub {
    background: white;
    padding: 10px 15px 5px;
    margin: 10px 0 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

section#edit-profile .content .panel .price-list hr {
    display: block;
    margin: 10px 0;
    border-bottom: 1px solid #ddd
}

section#edit-profile .content .panel .price-list .coll-title {
    line-height: 30px;
    display: block;
    float: left;
    width: 31%
}

section#edit-profile .content .panel .price-list .coll-tit {
    display: block;
    float: left;
    width: 31%
}

section#edit-profile .content .panel .price-list .coll-amount {
    margin-bottom: 5px;
    text-align: right;
    display: block;
    float: left;
    width: 23%
}

section#edit-profile .content .panel .price-list .coll-amount:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

section#edit-profile .content .panel .price-list .coll-amount input {
    text-align: right;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    outline: none;
    margin: 0;
    width: 70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: white;
    font-family: 'Comfortaa', cursive;
    height: 30px;
    border: 1px solid #eee;
    padding: 0 10px
}

section#edit-profile .content .panel .price-list .coll-amount input.error {
    border: 1px solid #d3312d !important
}

section#edit-profile .content .panel .price-list .coll-amount p {
    display: inline-table;
    line-height: 30px;
    margin-left: 5px
}

section#edit-profile .content .panel .price-list .coll-label {
    margin-bottom: 5px;
    margin-top: 10px;
    text-align: right;
    display: block;
    float: left;
    width: 23%
}

section#edit-profile .content .panel .price-list .coll-label p {
    display: inline-table;
    width: 75px;
    margin-right: 20px;
    text-align: center
}

section#edit-profile .content .panel .price-list .coll-check {
    width: 100%
}

section#edit-profile .content .panel .price-list .coll-check label {
    font-size: 12px;
    width: 400px
}

section#edit-profile .content .panel .price-list .hidden input[disabled] {
    opacity: 0.4;
    background: #eee
}

section#edit-profile .content .panel .jtabs {
    background: none;
    border: none;
    padding: 0
}

section#edit-profile .content .panel .jtabs .ui-tabs-nav {
    background: none;
    border: none;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #dedecd;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

section#edit-profile .content .panel .jtabs .ui-tabs-nav:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

section#edit-profile .content .panel .jtabs .ui-tabs-nav li {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: none;
    padding: 0;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    margin: 0
}

section#edit-profile .content .panel .jtabs .ui-tabs-nav li a {
    line-height: 36px;
    padding: 0 7px;
    color: #707070;
    background: none;
    display: block;
    margin: 0;
    text-align: center;
    text-decoration: none;
    outline: none;
    width: 100%
}

section#edit-profile .content .panel .jtabs .ui-tabs-nav li:first-child a {
    padding: 0
}

section#edit-profile .content .panel .jtabs .ui-tabs-nav .ui-tabs-active {
    border: none;
    padding: 0
}

section#edit-profile .content .panel .jtabs .ui-tabs-nav .ui-tabs-active a {
    color: #d3312d;
    cursor: default;
    padding: 0 7px
}

section#edit-profile .content .panel .jtabs .ui-tabs-nav .ui-tabs-active:first-child a {
    padding: 0
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel {
    font-size: 14px;
    padding: 0;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .gallery {
    margin-top: 2%
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .gallery:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .gallery .image-box {
    margin: 0 2% 2% 0;
    position: relative;
    overflow: hidden;
    float: left;
    width: 23%
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .gallery .image-box .real-img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .gallery .image-box .box-img {
    display: block;
    width: 100%
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .gallery .image-box .hover {
    display: none;
    position: absolute;
    z-index: 5;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5)
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .gallery .image-box .hover .buttons {
    position: absolute;
    height: 26px;
    top: 50%;
    margin-top: -13px;
    left: 0;
    width: 100%;
    text-align: center
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .gallery .image-box .hover .buttons a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 3px;
    text-decoration: none;
    color: white;
    font-size: 17px;
    display: inline-block;
    width: 26px;
    line-height: 26px
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .gallery .image-box .hover .buttons .zoom {
    background: #51c936
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .gallery .image-box .hover .buttons .delete {
    background: #d3312d
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .gallery .image-box:hover .hover {
    display: block
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .gallery .albume {
    margin: 0 2% 2% 0;
    float: left;
    width: 23%;
    text-decoration: none
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .gallery .albume .box {
    margin-bottom: 5px;
    width: 100%;
    position: relative;
    overflow: hidden
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .gallery .albume .box .real-img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .gallery .albume .box .box-img {
    display: block;
    width: 100%
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .gallery .albume p {
    width: 100%;
    line-height: 24px;
    text-align: center;
    font-weight: bold
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .service-item {
    margin: 15px 0;
    background: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .service-item:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .service-item .select {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    padding: 10px 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-right: 10px;
    width: 57px;
    padding-right: 0;
    background: white
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .service-item .select label {
    cursor: pointer
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .service-item .select label input {
    display: none
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .service-item .select label span {
    height: 20px;
    width: 20px;
    display: block;
    margin: 1px auto 2px;
    position: relative;
    background: url(https://petsurfer.com/css/images/add-service.png)
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .service-item .select label p {
    text-align: center;
    font-size: 12px
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .service-item .select label .added {
    color: #55d32f
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .service-item .select label .remove {
    color: #d3312d
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .service-item .select label [type=checkbox]:checked + span {
    background: url(https://petsurfer.com/css/images/add-service-check.png)
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .service-item .select label .removee {
    background: url(https://petsurfer.com/css/images/add-service-remove.png) !important
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .service-item .index {
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 823px
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .service-item .index .icon {
    margin-right: 15px;
    width: 46px;
    float: left;
    display: block;
    height: auto;
    padding: 5px
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .service-item .index .text {
    padding: 3px 0;
    display: block;
    float: left;
    width: 740px
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .service-item .index .text h3 {
    margin-bottom: 2px;
    font-size: 17px
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .service-item .index .text h3 span {
    font-weight: normal;
    font-size: 14px
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .service-item .index .text .form-container {
    display: none;
    margin: 10px 0;
    padding: 5px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .service-item .index .text .form-container p {
    font-size: 13px;
    margin-top: 10px
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .service-item .index .text .form-container .checkbox-content {
    margin-bottom: 2px;
    position: relative
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .service-item .index .text .form-container .checkbox-content .checkbox {
    padding: 4px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .service-item .index .text .form-container .checkbox-content .checkbox .size {
    display: block;
    width: 65px;
    height: auto;
    margin-bottom: 3px
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .service-item .index .text .form-container .checkbox-content .checkbox input {
    outline: none;
    display: block;
    width: 13px;
    height: 13px;
    float: left;
    margin: 2px 5px 0 0
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .service-item .index .text .form-container .checkbox-content .checkbox label {
    display: table;
    line-height: 18px;
    font-size: 12px
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .service-item .index .text .form-container .checkbox-content .checkbox label.error {
    position: absolute;
    bottom: 5px;
    font-size: 13px;
    color: #d3312d
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .service-item .index .text .form-container .checkbox-content .checkbox:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .service-item .index .text .form-container .checkbox-content .two {
    float: left;
    width: 50%
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .service-item .index .text .form-container .checkbox-content .three {
    float: left;
    width: 33.333333333%
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .service-item .index .text .form-container .checkbox-content .five {
    float: left;
    width: 20%
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .service-item .index .text .form-container .checkbox-content:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .service-item .index:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .coll-title {
    line-height: 30px;
    display: block;
    float: left;
    width: 31%
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .coll-tit {
    display: block;
    float: left;
    width: 31%
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .coll-amount {
    margin-bottom: 5px;
    text-align: right;
    display: block;
    float: left;
    width: 23%
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .coll-amount:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .coll-amount input {
    text-align: right;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    outline: none;
    margin: 0;
    width: 70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: white;
    font-family: 'Comfortaa', cursive;
    height: 30px;
    border: 1px solid #eee;
    padding: 0 10px
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .coll-amount p {
    display: inline-table;
    line-height: 30px;
    margin-left: 5px
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .coll-label {
    margin-bottom: 5px;
    margin-top: 10px;
    text-align: right;
    display: block;
    float: left;
    width: 23%
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .coll-label p {
    display: inline-table;
    width: 75px;
    margin-right: 20px;
    text-align: center
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .hidden input[disabled] {
    opacity: 0.4
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .amount-item {
    margin: 0 0 10px
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .amount-item:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .amount-item label {
    line-height: 30px;
    display: block;
    float: left;
    width: 31%
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .amount-item .amount-box {
    text-align: right;
    display: block;
    float: left;
    width: 23%
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .amount-item .amount-box:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .amount-item .amount-box input {
    text-align: right;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    outline: none;
    margin: 0;
    width: 70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: white;
    font-family: 'Comfortaa', cursive;
    height: 30px;
    border: 1px solid #eee;
    padding: 0 10px
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .amount-item .amount-box p {
    display: inline-table;
    line-height: 30px;
    margin-left: 5px
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .amount-item .amount-box span {
    display: inline-table;
    width: 75px;
    margin-right: 20px;
    text-align: center
}

section#edit-profile .content .panel .jtabs .ui-tabs-panel .first {
    margin-bottom: 0px;
    margin-top: 10px
}

section#edit-profile .content .corner {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

section#edit-profile .full-content {
    width: 100%
}

section#edit-profile .full-content .panel .red-star {
    color: #d3312d;
    font-size: 14px;
    font-weight: bold
}

section#edit-profile .full-content .panel form {
    max-width: 900px
}

section#edit-profile .full-content .panel .star-des {
    font-style: italic;
    font-size: 13px;
    margin-top: 30px
}

section#edit-profile .full-content .panel button {
    margin-top: 0
}

section#edit-profile .sidebar {
    width: 29%;
    float: right;
    padding-top: 36px
}

section#edit-profile .sidebar #cordinates {
    height: 0;
    padding: 0;
    margin: 0;
    border: none;
    visibility: hidden
}

section#edit-profile .sidebar .images {
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #eee;
    background: #f6f6f1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
    margin-bottom: 20px
}

section#edit-profile .sidebar .images .coll {
    width: 50%;
    float: left
}

section#edit-profile .sidebar .images .coll .avatar {
    cursor: pointer;
    position: relative;
    display: block;
    margin: 0 auto 0;
    overflow: hidden;
    width: 100%;
    height: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #eee
}

section#edit-profile .sidebar .images .coll .avatar img {
    width: 100%;
    height: auto;
    display: block
}

section#edit-profile .sidebar .images .coll .avatar .change-photo {
    padding: 7px 0;
    width: 70px;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -35px 0 0 -35px;
    text-decoration: none;
    color: #ccc;
    z-index: 1;
    line-height: 14px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 10px;
    display: none
}

section#edit-profile .sidebar .images .coll .avatar .change-photo .fa {
    font-size: 16px;
    line-height: 28px
}

section#edit-profile .sidebar .images .coll .avatar .change-photo:hover {
    color: white
}

section#edit-profile .sidebar .images .coll .avatar:hover .change-photo {
    display: block
}

section#edit-profile .sidebar .images .coll .img-box {
    position: relative;
    overflow: hidden;
    width: 42%;
    margin: 4% 0 4% 8%;
    float: left;
    border: 1px solid #eee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: white;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

section#edit-profile .sidebar .images .coll .img-box img {
    width: 100%;
    height: auto;
    display: block
}

section#edit-profile .sidebar .images .coll .img-box a {
    position: absolute;
    display: block;
    width: 20px;
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    top: 50%;
    margin-top: -10px;
    margin-left: -10px;
    left: 50%;
    color: #ddd
}

section#edit-profile .sidebar .images .coll:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

section#edit-profile .sidebar .images .main-photo {
    cursor: pointer;
    position: relative;
    display: block;
    margin: 0 auto 10px;
    overflow: hidden;
    width: 100%;
    height: auto;
    border: 1px solid #eee
}

section#edit-profile .sidebar .images .main-photo img {
    width: 100%;
    height: auto;
    display: block
}

section#edit-profile .sidebar .images .main-photo .change-photo {
    padding: 7px 0;
    width: 70px;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -35px 0 0 -35px;
    text-decoration: none;
    color: #ccc;
    z-index: 1;
    line-height: 14px;
    font-size: 10px;
    display: none
}

section#edit-profile .sidebar .images .main-photo .change-photo .fa {
    font-size: 16px;
    line-height: 28px
}

section#edit-profile .sidebar .images .main-photo .change-photo:hover {
    color: white
}

section#edit-profile .sidebar .images .main-photo:hover .change-photo {
    display: block
}

section#edit-profile .sidebar .images .photos {
    position: relative;
    width: 16.666666667%;
    margin: 0;
    float: left;
    border: 1px solid #eee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: white
}

section#edit-profile .sidebar .images .photos img {
    width: 100%;
    height: auto;
    display: block
}

section#edit-profile .sidebar .images .photos a {
    position: absolute;
    display: block;
    width: 20px;
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    top: 50%;
    margin-top: -10px;
    margin-left: -10px;
    left: 50%;
    color: #ddd
}

section#edit-profile .sidebar .images:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

section#edit-profile .sidebar .info-box {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px dashed #f97243;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px
}

section#edit-profile .sidebar .info-box p {
    font-size: 13px;
    line-height: 20px;
    text-indent: 30px
}

section#edit-profile .sidebar .info-box ul {
    color: #f97243;
    padding-left: 15px;
    font-size: 13px;
    line-height: 20px
}

section#edit-profile .sidebar .info-box ul li span {
    color: #707070
}

section#edit-profile .sidebar .info-box .badge {
    zoom: 0.65;
    margin-top: 2px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    width: 26px;
    height: 26px;
    background-image: url(https://petsurfer.com/css/badges/badge.png);
    background-repeat: no-repeat
}

section#edit-profile .sidebar .info-box .poop {
    background-position: 0 0;
    background-color: #eddb64
}

section#edit-profile .sidebar .info-box .quiky {
    background-position: 0 -26px;
    background-color: #dc2222
}

section#edit-profile .sidebar .info-box .off50 {
    background-position: 0 -52px;
    background-color: #64c2d5
}

section#edit-profile .sidebar .info-box .goldprize {
    background-position: 0 -78px;
    background-color: gold
}

section#edit-profile .sidebar .info-box .silverprize {
    background-position: 0 -104px;
    background-color: silver
}

section#edit-profile .sidebar .info-box .bronsprize {
    background-position: 0 -130px;
    background-color: #965a38
}

section#edit-profile .sidebar .info-box .garden {
    background-position: 0 -156px;
    background-color: #69d90f
}

section#edit-profile .sidebar .info-box .checked {
    background-position: 0 -182px;
    background-color: #018bda
}

section#edit-profile .sidebar .info-box .owner {
    background-position: 0 -208px;
    background-color: #eb256b
}

section#edit-profile .sidebar .info-box .nosmaking {
    background-position: 0 -234px;
    background-color: #19a124
}

section#edit-profile .sidebar .info-box .moving, section#edit-profile .sidebar .info-box .moving1, section#edit-profile .sidebar .info-box .moving2 {
    background-position: 0 -260px;
    background-color: #965a38
}

section#edit-profile .sidebar .info-box .moving1 {
    background-color: silver
}

section#edit-profile .sidebar .info-box .moving2 {
    background-color: gold
}

section#edit-profile .sidebar .info-box .food {
    background-position: 0 -286px;
    background-color: #ef801d
}

section#edit-profile .sidebar .info-box .cattoilet {
    background-position: 0 -312px;
    background-color: #eddb64
}

section#edit-profile .sidebar .info-box .instant {
    background-position: 0 -338px;
    background-color: #9126ab
}

section#edit-profile .sidebar .map-content {
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #eee;
    background: #f6f6f1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px
}

section#edit-profile .sidebar .map-content .map {
    height: 250px;
    border: 1px solid #eee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px
}

section#edit-profile .sidebar .map-content p {
    font-weight: bold
}

section#edit-profile .margin-low {
    padding-top: 0
}

.select2-container {
    position: absolute;
    left: 0px
}

.select2-dropdown {
    border-color: #eee
}

.select2-search__field {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    outline: none;
    margin: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: white;
    font-family: 'Comfortaa', cursive;
    height: 30px;
    border: 1px solid #eee !important;
    padding: 0 10px !important
}

.select2-results__option {
    font-size: 12px;
    padding: 4px 6px 6px
}

.select2-title {
    font-weight: bold;
    font-size: 14px
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0
}

.select2-selection__arrow {
    display: none
}

section#cropper .cropper-contain {
    display: none;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 10000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

section#cropper .cropper {
    display: none;
    background: white;
    position: absolute;
    width: 800px;
    left: 50%;
    margin-left: -400px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    top: 20px;
    z-index: 10001;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

section#cropper .cropper .img-container {
    min-height: 500px;
    max-height: 450px;
    margin-bottom: 20px;
    overflow: hidden
}

section#cropper .cropper .cropper-container {
    width: 756px !important;
    height: 500px !important
}

section#cropper .cropper button {
    margin: 0 0 0 3px;
    padding: 0 10px;
    float: right;
    cursor: pointer;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    text-decoration: none;
    font-family: 'Comfortaa', cursive;
    background: #bbb;
    color: white;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none
}

section#cropper .cropper button:hover {
    background: #bbb
}

section#cropper .cropper .green {
    background: #51c936
}

section#cropper .cropper .green:hover {
    background: #51c936
}

section#cropper .cropper .red {
    background: #d3312d
}

section#cropper .cropper .red:hover {
    background: #d3312d
}

section#cropper .cropper .row {
    position: relative
}

section#cropper .cropper .custom-file-input {
    outline: none;
    width: 100px;
    color: transparent;
    height: 32px
}

section#cropper .cropper .custom-file-input::-webkit-file-upload-button {
    visibility: hidden
}

section#cropper .cropper .custom-file-input::before {
    color: #707070;
    font-size: 14px;
    content: 'Dosya seç';
    margin: 0;
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ddd;
    line-height: 30px;
    padding: 0 10px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer
}

section#cropper .cropper .custom-file-input:hover::before {
    border-color: #757575
}

section#cropper .cropper .custom-file-input:active::before {
    background: gray
}

section#cropper .cropper .loading {
    z-index: 2;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px
}

section#cropper .cropper .uploading {
    z-index: 2;
    position: absolute;
    top: 20px;
    left: 20px;
    right: 24px;
    bottom: 71px;
    background: rgba(0, 0, 0, 0.5) url("https://petsurfer.com/css/loading.gif") no-repeat center center
}

#pet-delete .pop-bg {
    display: block;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

#pet-delete .pop {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    display: block;
    -webkit-transform: translate3d(0, -30%, 0);
    -ms-transform: translate3d(0, -30%, 0);
    transform: translate3d(0, -30%, 0);
    top: 50%;
    margin-top: -70px;
    position: fixed;
    z-index: 1000;
    background: white;
    width: 390px;
    left: 50%;
    margin-left: -195px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 30px 20px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.7)
}

#pet-delete .pop h4 {
    color: #f97243;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px;
    font-weight: normal
}

#pet-delete .pop a {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-decoration: none;
    display: table;
    float: right;
    margin-left: 5px;
    line-height: 30px;
    color: white;
    padding: 0 10px;
    margin-top: 20px
}

#pet-delete .pop .cancel {
    background: #ccc
}

#pet-delete .pop .delete {
    background: #51c936
}

section#profile .container .content .box.comments .comment-item {
    position: relative;
    background: white;
    padding: 10px 13px;
    border: 1px solid #f97243;
    -webkit-border-radius: 5px 5px 0 5px;
    -moz-border-radius: 5px 5px 0 5px;
    border-radius: 5px 5px 0 5px;
    margin-bottom: 40px
}

section#profile .container .content .box.comments .comment-item a {
    display: table;
    bottom: -30px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    padding: 0 10px;
    right: -1px;
    position: absolute;
    line-height: 30px;
    text-decoration: none;
    font-weight: bold;
    background: #f97243;
    color: white
}

section#profile .container .content .box.comments .comments {
    margin-top: 10px
}

section#profile .container .content .box.comments .comments h2 .stars {
    display: table;
    float: right
}

section#profile .container .content .box.comments .comments h2 .stars .fa {
    color: gold
}

section#profile .container .content .box.comments .comments h2:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

section#profile .container .content .box.comments .comments .more {
    text-decoration: none;
    color: #d3312d;
    display: table;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold
}

section#profile .container .content .box.comments .comments .more:hover {
    color: #f97243
}

section#profile .container .content .box.comments .comments hr {
    border-bottom: 1px solid #ddd;
    display: block;
    margin: 10px 0
}

section#profile .container .content .box.comments .comments .item {
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 5px;
    background: white;
    position: relative
}

section#profile .container .content .box.comments .comments .item .avatar {
    position: absolute;
    top: 10px;
    left: 10px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    border: 1px solid #ddd;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 50px;
    margin-right: 10px
}

section#profile .container .content .box.comments .comments .item .title {
    padding-left: 60px
}

section#profile .container .content .box.comments .comments .item .title:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

section#profile .container .content .box.comments .comments .item .title .name {
    line-height: 20px;
    font-size: 16px;
    font-weight: bold;
    display: table;
    float: left
}

section#profile .container .content .box.comments .comments .item .title .name span {
    font-size: 14px;
    color: #d3312d;
    font-style: italic
}

section#profile .container .content .box.comments .comments .item .title .date {
    font-size: 11px;
    line-height: 10px;
    display: table;
    float: right;
    margin-left: 10px
}

section#profile .container .content .box.comments .comments .item .title .stars {
    font-size: 11px;
    line-height: 10px;
    float: right;
    display: table
}

section#profile .container .content .box.comments .comments .item .title .stars .fa {
    color: gold
}

section#profile .container .content .box.comments .comments .item .comment-content {
    font-size: 13px;
    padding-left: 60px;
    line-height: 20px
}

section#profile .container .content .box.comments .comments .item .comment-content textarea {
    display: block;
    border: 1px solid #eee;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    height: 80px;
    resize: none;
    outline: none;
    font-family: 'Comfortaa', cursive;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

section#profile .container .content .box.comments .comments .item .answer {
    overflow: hidden
}

section#profile .container .content .box.comments .comments .item.answer {
    padding: 0;
    padding-left: 60px;
    background: none
}

section#profile .container .content .box .comments .item.answer .answer-content {
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 5px;
    background: white;
    position: relative
}

section#profile .container .content .box .comments .item.answer .avatar {
    left: 10px;
    width: 40px
}

section#profile .container .content .box.comments .item.answer .title {
    padding-left: 50px
}

section#profile .item.answer .comment-content {
    padding-left: 50px
}

section#profile .content textarea {
    outline: none;
    width: 100%;
    margin-bottom: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    height: 30px;
    padding: 0 10px;
    border: 1px solid #eee
}

section#profile .comment-content textarea {
    display: block;
    border: 1px solid #eee;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    height: 80px;
    resize: none;
    outline: none;
    font-family: 'Comfortaa', cursive;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

section#profile .content button {
    font-weight: bold;
    margin: 10px 0 0;
    padding: 0 15px;
    float: right;
    cursor: pointer;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    height: 36px;
    font-family: 'Comfortaa', cursive;
    background: #f97243;
    color: white;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none
}
.coll-amount input::placeholder {
    color: #bbabab;
}
.responsive-services{
    display: none
}
.responsive-cover-box {
    display: none;
}
.responsive-home-image {
    display: none;
}
.responsive-host-button {
    display: none;
    z-index: 999;
}
.responsive-complaint{
    display: none;
}
.responsive-share{
    display: none
}
#price-tip {
    color: #f97243;
    font-size: 14px;
}
#price-details {
    font-size: 12px;
}