body {
    background: #f5f5f5;
}
.control-panel .page-content {
    padding-right: 32px;
}
.with-side-menu .page-content {
    padding-left: 275px;
}
.side-menu-list .active > a {
    background-color: #ffffff3b;
    border-left: 4px solid #f85260 !important;
}
.side-menu-list a:hover .lbl, .side-menu-list li > span:hover .lbl {
    color: #fff;
}
.side-menu-list img {
    padding-right: 10px;
}
.site-header {
    background-color: #000000;
}
.site-header .site-header-content {
    margin-left: -280px;
}
.site-header .site-logo {
    padding-right: 30px;
}
.side-menu-list a, .side-menu-list li > span {
    padding: 20px 10px 20px 25px;
}
.show-hide-sidebar:hover span, .show-hide-sidebar:hover span:after, .show-hide-sidebar:hover span:before {
    background-color: #337ab7;
}
.appointment {
    padding-left: 70px;
}
.appointment i {
    color: #ffffff;
    font-size: 18px;
}
.appointment span {
    font-size: 22px;
    padding-left: 5px;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
}
.show-hide-sidebar {
    width: 35px;
}
.show-hide-sidebar span, .show-hide-sidebar span:after, .show-hide-sidebar span:before {
    height: 2px;
}
.show-hide-sidebar span:before {
    top: -8px;
}
.show-hide-sidebar span:after {
    bottom: -8px;
}
.tech-wraper {
    margin-bottom: 35px;
}
.tech-wraper h3 {
    font-family: 'Roboto';
}
.tech-slider {
    background-color: #fff;
    padding: 40px 30px;
    border-radius: 5px;
    border: solid 1px #d8e2e7;
}
.single-item img {
    width: auto !important;
    margin: 0 auto;
    padding-bottom: 15px;
}
.single-item {
    text-align: center;
}
.single-item h4 {
    text-align: center;
    font-size: 18px;
    font-family: 'Roboto';
    margin-bottom: 0;
}
.owl-dots {
    display: none;
}
.tech-slider .owl-nav .owl-prev {
    position: absolute;
    left: 2px;
    top: 40%;
    background: url(../img/prev.png);
    height: 35px;
    width: 20px;
    background-repeat: no-repeat;
    color: #0000;
}
.tech-slider .owl-nav .owl-prev, .tech-slider .owl-nav .owl-next {
    opacity: 1;
}
.tech-slider .owl-nav .owl-next {
    position: absolute;
    right: 25px;
    top: 40%;
    background: url(../img/next.png);
    height: 35px;
    width: 20px;
    background-repeat: no-repeat;
    color: #0000;
}
.tech-slider .owl-next.disabled, .tech-slider .owl-prev.disabled {
    opacity: 0.5;
}
.tech-slider .single-item img{
    opacity: 0.6;
}
.tech-slider .single-item h4 {
    display: none;
}
.tech-slider .single-item.selected img{
    opacity: 1;
}
.tech-slider .single-item.selected h4 {
    display: block;
    color: #312e2e;
}
.site-header .header-alarm {
    color: #ffffff;
}
.site-header .header-alarm:hover {
    color: #ff0000;
}
.site-header #cart-label{
    position: absolute;
    font-size: .55rem;
    top: -3px;
}

.p-40 {
    padding-top: 0px;
}
.form-wraper .container-fluid{
    background-color: #fff;
    padding: 20px 0;
    border-radius: 5px;
    border: solid 1px #d8e2e7;
}
.user-listing .container-fluid {
	padding: 50px 0;
}
.inner-hd {
    margin-bottom: 20px;
    border-bottom: 1px solid #d8e2e7;
    padding: 0 30px 25px 20px;
    font-weight: 600;
    display: flex;
    align-items: center
}
.form-wraper .col-lg-6 {
    padding: 0 40px;
}
.form-wraper .form-group {
    margin-top: 15px;
}
.upload-btn {
    border: 2px dashed #d8e2e7;
    border-radius: 7px;
    padding: 8px 20px;
    cursor: pointer;
}
.upload-btn i {
    color: #337ab7;
}
.upload-btn label {
    display: inline-block;
    cursor: pointer;
    padding-left: 10px;
}
.day-links a {
    font-weight: 600;
    text-transform: uppercase;
    padding-right: 45px;
    color: #333;
    font-size: 16px;
}
.day-links a:hover {
    color: #337ab7;
}
.day-links .active-link {
    color: #337ab7;
}
.site-header .dropdown-menu-notif .dropdown-menu-notif-item .dot {
    background: #337ab7;
}
.site-header .dropdown.dropdown-notification .dropdown-menu-notif-more a {
    color: #337ab7;
}
.save-btn {
    background-color: #e42e36 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-color: #e42e36 !important;
    padding: 10px 30px;
    margin-right: 0 !important;
}
.form-control-label {
    font-weight: 600;
}
.site-header .user-menu.dropdown .dropdown-toggle:hover, .site-header .user-menu.dropdown.open .dropdown-toggle {
    color: #337ab7;
}
.dropdown-item.current, .dropdown-item:hover {
    background: 0 0;
    color: #337ab7;
}
.dropdown-item.current .font-icon, .dropdown-item:hover .font-icon {
    color: #337ab7;
}
.site-header .dropdown-menu-notif a {
    text-decoration: none;
    color: #e42e36;
    border-bottom: solid 1px transparent;
}
.site-header .site-logo img {
    height: auto;
}
.side-menu-list a {
    display: flex;
    align-items: center;
}
.table-wrap {
    padding: 0 30px;
}
.table-wrap .table.table-sm td {
    padding: 15px 20px;
}
.table-wrap .table th {
    padding: 15px 20px;
}
.button-wrap {
    margin-top: 15px;
    padding-right: 0;
}
.button-wrap .btn {
    margin-bottom: 0;
}
.table-wrap .table th a{
    color: #343434;
    text-decoration: none;
    border-bottom: transparent;
}
.table-wrap .table th a:hover{
    color: #337ab7;
}
.section-hd {
    margin-bottom: 6px;
}
.checkbox input + label:hover:before, .radio input + label:hover:before {
    background-color: #ff7c833b;
    border-color: #e42e36;
}
.checkbox input:checked + label:before, .radio input:checked + label:before {
    border-color: #e42e36;
}
.checkbox-toggle {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 30px;
}
.checkbox-toggle input:checked + label:before {
    background-color: #e42e36;
}
.checkbox-toggle input:checked + label:after, .checkbox-toggle input + label:hover:after {
    border-color: #e42e36;
}
.flatpickr-day.selected, .flatpickr-day:hover {
    color: #fff;
    background-color: #e8646f;
}
.flatpickr-day.selected, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover {
    background: #e8646f;
    color: #fff;
    border-color: #e8646f;
}
.flatpickr-day.selected:hover, .flatpickr-day:hover:hover {
    color: #fff;
    background-color: #ff8b96;
}
.flatpickr-day.today:hover {
    border-color: #ff8b96;
}
.flatpickr-day.today {
    background-color: #ff8b96;
}
.radio-btn .radio {
    display: inline-block;
    vertical-align: top;
    padding-right: 20px;
}
.cancel-btn {
    background-color: #9e9c9c !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-color: #9e9c9c !important;
    padding: 10px 17px;
}
.select2-arrow {
    border: solid 1px #d8e2e7;
    -webkit-border-radius: .25rem;
    border-radius: .25rem;
    font-size: 1.33rem;
    line-height: 1.5;
    color: #343434;
    padding: .375rem 25px .375rem 1rem;
    min-height: 38px;
    background: #fff;
}
.edit-link {
    text-align: right;
    margin-left: auto;
}
.form-wraper .col-lg-4, .form-wraper .col-lg-12 {
    padding: 0 40px;
}
.title-wrap span{
    color: #9e9c9c;
    font-weight: 600;
}
.title-wrap span:nth-child(1) {
    padding-right: 10px;
    color: #555555;
    font-weight: bold;
}
.hd-wraper h2 {
    color: #555555;
    font-weight: 600;
    margin: 10px 0 30px 0;
    font-size: 1.6rem;
}
.title-wrap {
    margin-bottom: 20px;
    margin-top: 15px;
}
.txt-area {
    width: 655px;
    font-weight: 600;
}
.appoint-wraper {
    background-color: #fff;
    padding: 10px 30px;
    border-radius: 5px;
    border: solid 1px #d8e2e7;
    height: 480.5px;
    overflow-x: hidden;
    overflow-y: auto;
}

.appointment-wraper .schedule-wrap, .appointment-wraper .approx-time-wrap {
    padding: 0 20px;
}
.single-appointment {
    display: flex;
    align-items: center;
    margin: 30px 0;
    position: relative;
}
.single-appointment a{
    position: absolute;
    color: #fff;
    background-color: #337ab7;
    width: 60px;
    height: 60px;
    justify-content: center;
    text-align: center;
    border-radius: 3px;
    font-size: 22px;
    display: flex;
    align-items: center;
    top: 30%;
    z-index: 9;
}
.single-appointment .colide {
    left: 15%;
}
.single-appointment .done-appointment {
    background-color: #c7bbbc;
}
.single-appointment .colide2 {
    left: 35%;
}
.single-appointment .colide3 {
    left: 50%;
}
.single-appointment span:nth-child(2) {
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #e3e1e1;
    margin-left: 20px;
}
.pd-0 h3 {
    margin-bottom: 35px;
}
.pd-0 {
    padding-top: 0;
    padding-bottom: 30px;
}
.current-info {
    display: flex;
    align-items: center;
}
.current-wraper {
    background-color: #fff;
    padding: 20px 20px;
    border-radius: 5px;
    border: solid 1px #d8e2e7;
}
.current-info img {
    margin-right: 15px;
}
.current-user h5 {
    margin-bottom: 10px;
}
.current-user span {
    background-color: #337ab7;
    color: #fff;
    padding: 2px 7px;
    border-radius: 3px;
}
.detail-wraper p {
    display: flex;
    align-items: center;
}
.detail-wraper p span:nth-child(2) {
    text-align: right;
    margin-left: auto;
}
.detail-wraper {
    margin: 30px 0;
}
.detail-wraper p a {
    color: #858585;
    background-color: #ebebeb;
    padding: 5px 7px;
    border-radius: 4px;
    font-size: 13px;
}
.prev-wraper {
    background-color: #f3f3f3;
    padding: 15px 15px;
}
.prev-user {
    display: flex;
    align-items: center;
}
.prev-user img {
    width: 50px;
    margin-right: 15px;
}
.prev-detail p {
    margin-bottom: 0;
}
.prev-detail p, .prev-detail h6 {
    font-size: 15px;
}
.prev-detail h6 {
    color: #e42e36;
}
.prev-wraper p:last-child {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 14px;
}
.btm-btns {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}
.btm-btns button {
    width: 110px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: normal;
}
.btm-btns button:nth-child(1) {
    background-color: #39b54b;
    border-color: #39b54b;
}
.btm-btns button:hover:nth-child(1) {
    background-color: #1cb521;
    border-color: #1cb521;
}
.btm-btns button:nth-child(2) {
    background-color: #e42e36;
    border-color: #e42e36;
}
.btm-btns button:hover:nth-child(2) {
    background-color: #fd6572;
    border-color: #fd6572;
}
.hamburger span {
    height: 2px;
}
.hamburger span:after, .hamburger span:before {
    height: 2px;
}
.hamburger:hover span, .hamburger:hover span:after, .hamburger:hover span:before {
    background-color: #337ab7;
}
.site-header .burger-right:hover {
    color: #337ab7;
}
.login-bg {
    background-color: #f9f5f5;
}
.lft-logo-wraper {
    background: url(../img/login-bg.png);
    background-size: cover;
    height: 360px;
    width: 100%;
    max-width: 385px;
    margin-left: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sign-note{
    font-size: .875rem;
    text-align: center;
}
.logo-inner {
    text-align: center;
}
.logo-inner p {
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px;
    margin-top: 10px;
    margin-bottom: 0;
}
.sign-box {
    height:360px;
    max-width: 385px;
    margin: 0 0 0 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.sign-box .sign-title {
    font-size: 2.20rem;
    margin: 10px 0 10px;
    text-transform: uppercase;
    color: #e42e36;
    font-weight: 600;
}
.sign-box .small {
    font-size: 1.6rem;
    margin: 20px 0 50px;
    font-weight: bold;
}
.sign-box .normal {
    font-weight: normal !important;
    font-size: .875rem !important;
}
.sign-box p {
    font-size: 1rem;
    text-align: center;
    font-weight: bold;

}
.sign-box input {
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    margin-bottom: 2px;
}
.sign-box a {
    color: #e42e36;
}
.sign-box a:hover {
    border-bottom-color: #f9f5f5;
}
.sign-box .btn {
    display: block;
    min-width: 100%;
    margin: 20px auto 20px;
    border-radius: 3px !important;
    background-color: #e42e36;
    border: 1px solid #e42e36;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 1px;
}
.sign-box .display {
    border: solid 2px rgba(197, 214, 222, .7);
    display:inline; 
    width:80px;
    text-align: center;
    font-size: 1.5em;
}
.sign-box .btn-small {
    min-width: 80%;
}


form-control {
    padding: .44rem .75rem !important;
}
.pr-0 {
    padding-right: 0;
}
.pl-0 {
    padding-left: 0;
}
.signup-wraper .lft-logo-wraper {
    height: 588px;
}
.reset-wraper .lft-logo-wraper {
    height: 328px;
}
.date-carsoul .owl-nav .owl-prev {
    position: absolute;
    left: -20px;
    top: 10%;
    background: url(../img/prev.png);
    height: 25px;
    width: 20px;
    background-repeat: no-repeat;
    color: #0000;
    background-size: contain;
}
.date-carsoul .owl-nav .owl-next {
    position: absolute;
    right: -25px;
    top: 10%;
    background: url(../img/next.png);
    height: 25px;
    width: 20px;
    background-repeat: no-repeat;
    color: #0000;
    background-size: contain;
}
.date-wraper {
    border-bottom: 1px solid #337ab7;
}
.date-wraper h4 {
    text-align: center;
    margin-bottom: 30px;
    color: #337ab7;
    text-transform: uppercase;
    margin-top: 30px;
    letter-spacing: 1px;
}
.single-date {
    text-align: center;
}
.single-date a {
    background-color: #eee;
    color: #333;
    padding: 8px 0px 8px 0px;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 7px;
    border-radius: 3px;
    width: 45px;
}
.single-date.active-date a{
    background-color: #337ab7;
    color: #fff;
}
.alert-msg {
    color: #fff;
    margin: 0 20px 10px 20px;
    background-color: #eb94a2 !important;
    padding-left: 15px !important;
}
.alert.alert-danger.alert-msg .close {
    color: #ff000b;
}
.found_customer {
    padding: 6px 0 7px 0;
}
.found_customer table tr td img {
    width: 96px;
    height: 96px;
    border-radius: 50%;
}
.choose_tech {
    margin-bottom: 0;
}
.choose_tech .tech-slider {
    background-color: #fff;
    padding: 30px 30px;
    border-radius: 0;
    border: none;
}
.choose_tech .single-item h4 {
    display: block;
}
.choose_tech .single-item img {
    opacity: 1;
    position: relative;
}
.choose_tech .single-item h4 {
    color: #333;
    font-size: 22px;
}
.choose_tech .single-item p {
    color: #636363;
    padding-top: 5px;
}
.choose_tech .single-item.active-tech:before {
    color: #fff;
    font-size: 44px;
    position: absolute;
    left: 0;
    right: 0;
    top: 18%;
    margin: 0 auto;
    border-radius: 50%;
    z-index: 999;
    font-family: 'FontAwesome';
    content: '\f00c';
}
.choose_tech .single-item.active-tech:after {
    content: '';
    /*background: #ff5f6dd4;*/
    position: absolute;
    width: 150px;
    height: 150px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0 auto;
    opacity: 0.6;
    border-radius: 50%;
    cursor: pointer;
}
.choose_tech button {
    margin-right: 15px !important;
    display: block;
    margin-left: auto;
    margin-bottom: 0 !important;
}
.choose_tech .owl-nav .owl-next {
    right: 0;
}
.choose_tech .owl-nav .owl-prev {
    left: 0;
}
.choose_tech .owl-nav .owl-next, .choose_tech .owl-nav .owl-prev {
    top: 35%;
}
.market-wrap{
    background-color: #fff;
    border: solid 1px #d8e2e7;
    border-radius: 10px;
    position: relative;
    margin-bottom: 10px;
    padding: 4px !important;
    text-align: center;
    border:solid 1px #d8e2e7;
}
.market-wrap img{
    border-radius: 10px;
    height: 4rem;
    width: 6rem;
}
.category-wrap{
    background-color: #fff;
    border: solid 1px #d8e2e7;
    border-radius: 0px;
    position: relative;
    margin-bottom: 25px;
    padding: 16px 10px 29px !important;
    border:solid 1px #d8e2e7;
    min-height:150px !important;
}
.category-wrap:hover{
    box-shadow: 2px 5px 6px 2px rgba(0, 0, 0, 0.22);
}
.category-wrap img{
    width:96px;
    height: 96px;
    border-radius: 15px;
    border: solid 1px #d8e2e7;
    float:left;
    margin-left: -5px;
    margin-top: -12px;
}
.category-wrap .cat-subimage{
    width:86px;
    height: 90px;
    border-radius: 5px;
    border: solid 1px #d8e2e7;
    float:left;  
    margin-left:5px;
    margin-top:5px;
}
.category-wrap h4{
    /*display:inline;*/
    margin-top:-3px;
    font-weight: 500;
}
.category-wrap h6{
    /*display:inline;*/
    margin-top:-14px;
    font-size: 0.875rem;
    font-weight: 400;
}
.product-wrap{
    background-color: #fff;
    border: solid 1px #d8e2e7;
    border-radius: 5px;
    position: relative;
    margin-bottom: 25px;
}
.product-wrap:hover{
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.22);
}
.product-wrap .img-wrap{
    text-align:center;
    width:100%;
}
.product-wrap .img-wrap img{
    text-align:center;
    width:50%;
}
.product-wrap .txt-wrap p{
    text-align:center;
    color:#e42e36;
    font-weight: 600;
    margin-bottom:.05rem;
}
.product-wrap .txt-wrap .heart{
    color:#ff3232;
    position:absolute;
    top:0px;
    right:-10px;
    font-size:1em;
}
.product-wrap .txt-wrap h4{
    text-align:center;
    font-size: 1rem;
    font-weight:bold;
    margin-bottom:.05rem;
}
.product-wrap .txt-wrap h6{
    text-align:center;
    font-size: 0.876rem;
    font-weight:bold;
    margin-bottom:.05rem;
}
.product-wrap .txt-wrap h6 a{
    color:blue;
}
.product-wrap .txt-wrap .btn{
    border-radius: 0px;
    background-color: #e42e36;
    border: 1px solid #e42e36;
}
.product-wrap .txt-wrap table{
    font-size: 0.8rem !important;
}
.service-wraper ul li span {
    display: inline-block;
    margin-right: 90px;
}
.service-wraper ul li {
    margin-bottom: 10px;
}
.service-wraper ul li span:last-child {
    margin-right: 5px;
    font-size: 22px;
    float: right;
}
.service-wraper ul li span:nth-child(2) {
    color: #969696;
    font-size: 14px;
}
.service-wraper ul li span:first-child {
    width: 110px;
}
.checkbox-bird.red input:checked + label:before {
    color: #e42e36;
}
.checkbox-bird input:checked + label:before {
    color: #e42e36;
}
.card {
    border: none;
}
.wizard>.content {
    border: 1px solid #dbe4eb;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.card-block .number {
    display: none;
}
.wizard>.actions li a {
    background-color: #e42e36;
    -webkit-border-radius: 0.2rem;
    border-radius: 0.2rem;
    text-transform: uppercase;
    font-size: 18px;
}
.wizard .steps li.current {
    background: #e42e36;
}
.date-slider .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    top: 40%;
    background: url(../img/prev.png);
    height: 35px;
    width: 20px;
    background-repeat: no-repeat;
    color: #0000;
}
.date-slider .owl-nav .owl-next {
    position: absolute;
    right: 0;
    top: 40%;
    background: url(../img/next.png);
    height: 35px;
    width: 20px;
    background-repeat: no-repeat;
    color: #0000;
}
.single-date-item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 193px;
    text-align: center;
}
.single-date-item p:first-child, .single-date-item p:last-child {
    display: none;
}
.single-date-item p:nth-child(2) {
    color: #e42e36;
    font-size: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #e42e36;
    margin: 0 auto;
    padding-top: 12px;
}
.active-date p:first-child, .active-date p:last-child {
    display: block;
    color: #e42e36;
    text-transform: uppercase;
}
.active-date p:first-child {
    margin-bottom: 0;
}
.active-date p:nth-child(2) {
    font-size: 66px;
    width: auto;
    height: auto;
    border: none;
    padding-top: 0;
    font-weight: 600;
}
.available-slots {
    margin-top: 15px;
}
.available-slots ul li {
    display: inline-block;
    margin-bottom: 35px;
    text-align: center;
    margin-right: 15px;
}
.available-slots ul li a{
    color: #999999;
     border: 1px solid #999999;
     padding: 8px 25px;
     border-radius: 20px;
}
.available-slots .active-slot a{
    background-color: #e42e36;
    color: #fff;
    border: 1px solid #e42e36;
}
.available-slots .no-active a{
    color: #e0e0e0;
    border: 1px solid #e0e0e0;
}
.appointment-wraper .white-wraper {
    background-color: #fff;
    padding: 30px 0px;
    border-radius: 5px;
    border: solid 1px #d8e2e7;
}
.schedule-list ul li, .time-list ul li {
    display: inline-block;
    margin-right: 50px;
}

.schedule-list ul li:last-child, .time-list ul li:last-child {
    margin-right: 0;
}
.schedule-list ul li p:first-child, .time-list ul li p:first-child {
    font-size: 17px;
    font-weight: 600;
}
.schedule-list ul li p:last-child, .time-list ul li p:last-child {
    color: #999999;
    font-weight: 600;
    margin-bottom: 0;
}
.white-wraper .inner-hd span {
    font-weight: normal;
    padding-left: 5px;
}
.appointment-wraper .col-lg-6 {
    padding: 0;
}
.appointment-wraper .white-wraper:first-child {
    margin: 0 10px 0 0;
}
.appointment-wraper .col-lg-6:first-child .white-wraper {
    margin: 0 10px 0 0;
}
.appointment-wraper .col-lg-6:nth-child(2) .white-wraper {
    margin: 0 0 0 10px;
}
.booked-service ul li{
    display: inline-block;
    font-weight: 600;
    margin-right: 65px;
    vertical-align: top;
}
.booked-service ul li:last-child {
    margin-right: 0;
}
.booked-service ul li i {
    color: #fff;
    margin-right: 5px;
    background-color: #e42e36;
    height: 20px;
    width: 20px;
    text-align: center;
    border-radius: 50%;
    padding-top: 4px;
    font-size: 12px;
}
.thankyou-content h1 {
    color: #e42e36;
    font-size: 60px;
}
.thankyou-content p {
    font-size: 18px;
    margin-bottom: 45px;
}
.thankyou-content p a {
    color: #e42e36;
}
.thankyou-content {
    text-align: center;
}
.single-tech-wrap {
    background-color: #fff;
    border: solid 1px #d8e2e7;
    border-radius: 5px;
    position: relative;
}
.single-tech-wrap:before {
    content: '';
    position: absolute;
    background: url(../img/curve.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 66px;
    top: 151px;
    z-index: 99;
}
.single-tech-wrap .blk-layer {
    background: url("../img/styler.jpg");
    position: relative;
    background-size: cover;
    height: 217px;
    background-repeat: no-repeat;
}
.single-tech-wrap .blk-layer:after {
    background-color: #00000073;
    position: absolute;
    z-index: 9;
    top: 0;
    width: 100%;
    height: 217px;
    content: '';
}
.single-tech-wrap .main-img {
    -webkit-filter: blur(1.2px);
    filter: blur(1.2px);
    position: relative;
}
.single-tech-wrap .styler-detail {
    position: absolute;
    padding: 0 15px;
    top: 50px;
    z-index: 99;
}
.styler-detail h4 {
    color: #fff;
}
.styler-detail a {
    background-color: #ffffff7d;
    padding: 5px 10px;
    border-radius: 35px;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
}
.styler-detail ul li {
    display: inline-block;
    vertical-align: top;
    color: #fac917;
}
.styler-detail ul li:last-child {
    color: #dedede;
}
.styler-detail ul{
    margin-top: 15px;
    display: inline-block;
    margin-right: 8px;
}
.styler-detail span {
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
}
.styler-info .small-img {
    height: 80px;
    width: 80px;
    border-radius: 50%;
}
.styler-info {
    transform: translateY(-50%);
    z-index: 99;
    position: relative;
    padding: 0 15px;
}
.styler-info .btn-edit {
    float: right;
    margin-top: -35px;
    position: static;
}
.styler-info a {
    position: absolute;
    right: 20px;
    top: 30px;
    color: #e42e36;
}
.single-tech-wrap p {
    padding: 0 20px;
    transform: translateY(-15%);
}
.single-tech-wrap p a{
    color: #e42e36;
}
.site-header {
    z-index: 9999;
}
.appoint-wraper .active-date p:last-child {
    display: block;
    font-size: 16px;
    font-weight: normal;
    color: #343434;
    text-transform: none;
}
.wizard .steps li a {
    font-size: 16px;
}
.wizard .steps li.done {
    background: #e42e3680;
}
.wizard>.content>.body {
    position: static;
}
.pd-20 .col-lg-12{
    padding: 0 20px;
}
.pd-20 .content .inner-hd {
    padding: 0 0px 25px 0px;
}
.pd-20 .col-lg-6 {
    padding: 0 20px;
}
.review-wraper {
    background-color: #f5f5f5;
    padding: 15px;
    margin-bottom: 25px;
    border-radius: 5px;
    height: 175px;
}
.review-wraper img {
    width: 80px;
}
.info-rth {
    vertical-align: top;
    padding-left: 110px;
    padding-top: 0px;
}
.info-rth h4 {
    margin-bottom: 2px;
}
.filled_form .form-control {
    color: #9e9c9c !important;
    font-weight: 600;
}
.filled_form textarea {
    width: 96%;
    margin-left: 35px;
}
.week-toggle {
    font-weight: 600;
    right: 30px;
    position: absolute;
    top: 0;
}
.week-toggle .checkbox-toggle {
    margin-left: 10px;
}
.appoint-toggle {
    margin-bottom: 30px;
}
.bootstrap-touchspin .input-group-btn-vertical {
    width: 7%;
}
.btn-save {
    margin-bottom: 0;
    margin-top: 32px !important;
}
.add-edit-links a{
    color: #e42e36;
}
.add-edit-links {
    margin-bottom: 33px;
}
.more-btn button {
    width: 150px;
    padding: 10px 0;
}
.more-btn:first-child button {
    margin-right: 10px !important;
}
.service-wrap {
    background-color: #fff;
    border: solid 1px #d8e2e7;
    border-radius: 5px;
    position: relative;
    margin-bottom: 25px;
}
.toggle-wrap span:last-child {
    float: right;
}
.toggle-wrap .checkbox-toggle {
    margin-left: 10px;
    vertical-align: top;
}
.toggle-wrap .checkbox-toggle input + label {
    padding: 0 0 0 42px;
}
.toggle-wrap {
    padding: 13px 10px;
    border-bottom: 1px solid #d8e2e7;
}
.service-name-wrap {
    padding: 25px 5px 10px 5px;
}
.service-name-wrap h4 {
    font-weight: 600;
    text-align: center;
}
.service-name-wrap p {
    font-weight: 600;
    padding: 0 40px;
}
.service-name-wrap span {
    color: #999999;
    float: right;
}
.tech-select {
    width: auto !important;
    margin-left: 25px;
    font-size: 1em;
}
.single-review {
    display: flex;
    border-bottom: 1px solid #d8e2e7;
    padding-bottom: 25px;
    padding-top: 30px;
}
.single-review:first-child {
    padding-top: 0;
}
.single-review:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.upper-info {
    display: flex;
    align-items: flex-start;
}
.name-info {
    padding-left: 15px;
}
.rating-info {
    padding-left: 110px;
}
.name-info h5 {
    margin-bottom: 5px;
    font-weight: 600;
}
.name-info ul li{
    display: inline-block;
    font-size: 18px;
    color: #ffd203;
    margin-bottom: 10px;
}
.rating-info .mb-0 {
    font-style: italic;
}
.rating-info .mb-2 {
    color: #999;
}
.client-name {
    text-align: right;
}
.client-name h5 {
    margin-bottom: 5px;
    font-weight: 600;
}
.client-name p {
    color: #999;
}
.hiddenlg-logogif{
    visibility: hidden;
}
.main-review{
    margin-bottom: 1rem;
}
.bg-blue{
    background-color: #e42e36;
    color:white !important;
    padding-bottom: 8px !important;
    padding-top: 8px !important;    
}
.bg-blue table{
    background-color: #e42e36;
    color:white !important; 
}
.bg-blue p{
    margin-bottom: 0.2rem;
}
.bg-blue .btn{
    background-color: #ffffff !important;
    font-weight: bold !important;
    color:#e42e36 !important;
    margin-left: -20px;
}
.bg-blue .price{
    font-size: 1.2rem !important;
}
.bg-blue .form-control{
    padding: 0.3rem 0.3rem !important;
}
.cart-review  {
    color:#828282;
    font-size: .876rem;
    display: flex;
    padding-bottom: 5px;
    padding-top: 5px;
    border:1px solid rgba(0, 0, 0, 0.22);
    border-radius:10px;
}
.success-cart p:first-child{
    font-size: 1.2rem !important;
    margin-bottom: 0.2rem !important;
}
.success-cart p::nth-child(1){
    font-size: 1rem !important;
    margin-bottom: 0.2rem !important;
}
.cart-review .product-info p{
    margin-bottom: 0.1rem !important;
    margin-top: 0.1rem !important;  
}
.cart-review .product-info h5{
    margin-bottom: 0.1rem;
    margin-top: 0.1rem;  
    font-size:1rem;
}
.cart-review div{
    padding:8px;
}
.cart-review .delete{
    position: absolute; top:50px; right:100px;
}
.cart-review .edit{
    position: absolute; top:50px; right:120px;
}
.product-info h5{
    margin-bottom: 0.2rem;
    margin-top: 1rem;
}
.product-info h4{
    margin-bottom: 0.2rem;
    margin-top:-10px;
}
.product-info table{
    width:60%;
}
.product-review {
    color:#828282;
    font-size: 1rem;
    display: flex;
    padding-bottom: 25px;
    padding-top: 30px;
    border:1px solid rgba(0, 0, 0, 0.22);
    border-radius:10px;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.22);
}
.delivery{
    position: relative;
    border:2px dashed #e42e36;
    padding: 10px;
    margin-bottom: 1rem;
}
.delivery p{
    margin-bottom: 0.2rem;
}
.delivery p:nth-child(2){
    color:#f85260;
}
.delivery span{
    position:absolute;
    top:1.4rem;
    right:1rem;
    font-size:1.2rem;
    color:#f85260;
    font-weight: bold;
}
.delivery .fas{
    color:#f85260;
}

.carousel-control.right, .carousel-control.left {
  background-image: none !important;
  color: #f4511e;
}
.carousel-control.right{
    margin-right: -20px !important;
}
.carousel-control.left{
    margin-left: -20px !important;
}
.carousel-indicators li {
  border-color: #f4511e !important;
}

.carousel-indicators li.active {
  background-color: #f4511e;
}
.carousel-indicators {
    bottom: -30px !important;
}

@media (max-width: 1280px) {
    .product-wrap .txt-wrap .heart{
        color:#ff3232;
        position:absolute;
        top:0px;
        right:-10px;
        font-size:1em;
    }    
    .hiddenlg-logogif{
        visibility: hidden;
    }
    .schedule-list ul li, .time-list ul li {
        margin-right: 25px;
    }
    .styler-info .btn-edit {
        margin-top: -20px;
    }
    .service-name-wrap p {
        padding: 0 5px;
    }
    .cart-review .delete{
         position: absolute; top:50px; right:80px;
    }    
    .product-wrap .txt-wrap .heart{
        color:#ff3232;
        position:absolute;
        top:0px;
        right:-10px;
        font-size:1em;
    }

}
@media (max-width: 1150px) {
    .hiddenlg-logogif {
        visibility: hidden;
    }
    .toggle-wrap .checkbox-toggle {
        margin-left: 0;
    }
    .cart-review .delete{
         position: absolute; top:20px; right:50px;
    }
    .product-wrap .txt-wrap .heart{
        color:#ff3232;
        position:absolute;
        top:0px;
        right:-10px;
        font-size:1em;
    }    
}
@media (max-width: 1056px) {
    .form-wraper .col-lg-4, .form-wraper .col-lg-12 {
        padding: 0 30px !important;
    }      
    .hiddenlg-logogif{
        visibility: hidden;
    }
    .with-side-menu .page-content {
        padding-left: 1px;
        padding-right: 1px;
    }
    .site-
     .site-logo img {
        height: 50px;
    }
    .site-header .burger-right {
        display: none;
    }
    .txt-area {
        width: 100%;
    }
    .show-burger {
        display: block !important;
    }
    .appointment {
        padding-left: 10px;
    }
    .service-name-wrap p {
        padding: 0 40px;
    }
}
@media (max-width: 992px) {
    .product-wrap .txt-wrap .heart{
        color:#ff3232;
        position:absolute;
        top:0px;
        right:-10px;
        font-size:1.2em;
    }    
    .form-wraper .col-lg-4, .form-wraper .col-lg-12 {
        padding: 0 25px !important;
    }      
    .sign-box .display {
        width:156px;
    }
    .hiddenlg-logogif{
        visibility: visible;
    }    
    .hidden-logogif{
        display:none !important;
    }
    .lft-logo-wraper, .signup-wraper .lft-logo-wraper, .reset-wraper .lft-logo-wraper,.lft-logo-wraper-add {
        height: 120px;
        max-width: 100%;
    }
    .sign-box {
        max-width: 100%;
    }
    .pr-0 {
        padding-right: 15px !important;
    }
    .pl-0 {
        padding-left: 15px !important;
    }
    .appointment-wraper .col-lg-6:first-child .white-wraper {
        margin: 0 0 20px 0;
    }
    .appointment-wraper .col-lg-6:nth-child(2) .white-wraper {
        margin: 0 0 0 0;
    }
    .single-tech-wrap {
        margin-bottom: 30px;
    }
    .single-tech-wrap:before {
        background-size: 100% 100%;
        top: 151px;
    }
    .styler-info .btn-edit {
        margin-top: -40px;
    }
    .product-info table{
        width:98%;
    }    
}
@media (max-width: 767px) {
    .tech-select {
        margin-left: 10px;
    }       
    .inner-hd {
        margin-bottom: 5px;
        border-bottom: 1px solid #d8e2e7;
        padding: 0 10px 0px 5px;
        padding-right:0px;
    }    
    .product-wrap .txt-wrap .heart{
        color:#ff3232;
        position:absolute;
        top:0px;
        right:-10px;
        font-size:1.5em;
    }    
    .site-header .site-logo{
        display:none;
    }
    .form-wraper .col-lg-4, .form-wraper .col-lg-12 {
        padding: 0 16px !important;
    }    
    .main-review{
        margin-bottom: 0rem;
    }
    .form-wraper .container-fluid{
        padding: 0px 0;
    }
    .form-wraper .col-lg-4, .form-wraper .col-lg-12 {
        padding: 0 1rem;
    }
    .hiddenlg-logogif{
        visibility: visible;
    }    
    .hidden-logogif{
        display:none !important;
    }
    .control-panel .page-content {
        padding-right: 15px;
    }
    .with-side-menu .page-content {
        padding-left: 1px;
        padding-right: 1px;
    }
    .site-header .burger-right {
        display: none;
    }
    .site-header .site-logo img {
        height: auto;
    }
    .single-appointment .colide {
        left: 40%;
    }
    .single-appointment .colide2 {
        left: 70%;
    }
    .single-appointment a {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
    .single-appointment {
        margin: 10px 0;
    }
	.upload-btn {
		margin-top: 10px;
		display: inline-block;
	}
	.day-links a {
		padding-right: 16px;
		font-size: 12px;
	}
    .expandcol{
        padding-right: 0.79rem;
        padding-left: 0.79rem;
    }
    .expandcol1{
        padding-right: 0rem !important;
        padding-left: 0rem !important;
    }
	.table-wrap .table th {
		padding: 15px 10px;
		font-size: 12px;
	}
	.table-wrap {
		padding: 0 0px;
	}
	.table-wrap .table.table-sm td {
		padding: 15px 10px;
		font-size: 11px;
	}
	.user-listing .col-lg-12 {
		padding: 0 15px;
	}
	.user-listing .container-fluid {
		background-color:transparent;
		padding: 0;
		border-radius: 0;
		border: none;
	}
    .pr-0 {
        padding-right: 15px !important;
    }
    .pl-0 {
        padding-left: 15px !important;
    }
    .lft-logo-wraper, .signup-wraper .lft-logo-wraper, .reset-wraper .lft-logo-wraper,.lft-logo-wraper-add  {
        height: 90px;
        max-width: 100%;
    }
    .sign-box {
        max-width: 100%;
    }
    .logo-inner p {
        margin-bottom: 0;
    }
    .sign-box .sign-title {
        margin: 10px 0 10px;
        font-size: 1.2rem;
    }
    .sign-box .display {
        margin:auto;
        width:50px;
    }
    .sign-box p {
        font-size:.8rem;
    }
    .found_customer table tr td img {
        width: 50px;
        height: 50px;
    }
    .service-wraper ul li span {
        margin-right: 0px;
    }
    .service-wraper ul li span:first-child {
        width: 130px;
    }

    .booked-service ul li {
        margin-right: 0;
        margin-bottom: 15px;
        display: block;
    }
    .schedule-list ul li, .time-list ul li {
        margin-right: 0;
        display: block;
        margin-bottom: 15px;
    }
    .schedule-list ul li p:first-child, .time-list ul li p:first-child {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .schedule-wrap, .approx-time-wrap {
        padding: 0 0px;
    }
    .schedule-list ul li p:last-child, .time-list ul li p:last-child {
        font-size: 12px;
    }
    .styler-info .btn-edit {
        margin-top: -30px;
    }
    .wizard .steps li {
        margin-right: 5px;
        margin-bottom: 10px;
    }
    .wizard .steps li a {
        font-size: 12px;
        padding: 8px 14px;
    }
    .pd-20 .col-lg-6 {
        padding: 0 15px;
    }
    .pd-20 .col-lg-12 {
        padding: 0 15px;
    }
    .alert-msg {
        margin: 0 0 10px 0;
    }
    .available-slots ul li a {
        font-size: 12px;
    }
    .white-wraper {
        margin-bottom: 20px;
        border-bottom: 1px solid #dbe4eb;
        padding-bottom: 10px;
    }
    .review-wraper {
       height: 100%;
        margin-bottom: 0;
    }
    .day-links {
        margin-top: 25px;
    }
    .review-wraper img {
        margin: 0 auto;
        display: block;
    }
    .info-rth {
        display: block;
        text-align: center;
        padding-left: 0;
    }
    .pd-20 .content .col-lg-6:nth-child(2) .white-wraper {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .filled_form textarea {
        width: 100%;
        margin-left: 0;
    }
    .week-toggle {
        right: 20px;
    }
    .more-btn button {
        width: 100%;
        padding: 10px 0;
    }
    .single-review {
        display: block;
    }  
    .product-review {
        display: block;
    }
    .product-info h4{
        margin-top:1rem;
    }
    .product-info table{
        width:98%;
    }
    .btn-cart{
        width:100%;
    }
    .product-image img{
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .client-name {
        text-align: left;
    }
    .rating-info {
        padding-left: 0;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .cart-review .delete{
         position: absolute; top:50px; right:30px;
    }
    .cart-review img  {
        display:block;
`   }

}