/** * MAIN CSS FILE FOR EASY!APPOINTMENTS */ root { display: block; } body { background-color: #fff; font-family: 'Open Sans',arial; font-weight: 300; letter-spacing: 0; line-height: 1.8; color:#585858; font-size:17px; margin:0 !important; } body a {color:#f9a633;} body a:hover, body a:active {color:#000;} /* BOOK APPOINTMENT WIZARD ------------------------------------------------------------------------------ */ #main.container {width:100%;position:relative;} #book-appointment-wizard {min-height: 480px;width:100%;top:0 !important;position:relative !important;left:0 !important;} #book-appointment-wizard #header {padding:15px 0 20px 0;width:100%;position:fixed;background:#fff;z-index:9999;min-height:60px;border-bottom:1px solid #e5e5e5} #book-appointment-wizard .header_wrp {padding:0 55px;position:relative;margin:0 auto;} #book-appointment-wizard #header .logo {float:left;width:auto;height:56px;padding-right:20px} #book-appointment-wizard #header .logo img {height:36px;padding-top:20px;} #book-appointment-wizard #header #steps {float:right;width:590px;} #book-appointment-wizard .book-step {float:right;padding:0;margin-left:30px;text-align:right;font-size:14px;line-height:30px;color:#909090;text-transform:uppercase;font-weight:600;margin-top:16px;} #book-appointment-wizard .book-step span {display:block;} #book-appointment-wizard .active-step span {color:#2b303e;border-bottom:2px solid #f9a633} #book-appointment-wizard .book-step#step-1 {margin-left:0;} #book-appointment-wizard .head_spacer {height:95px;display:block;width:100%;position:relative;} span.bts {position:absolute;top:140px;left:0;z-index:9999;width:50%;text-align:center;margin-left:-50%;} span.bts a {color:#fff;font-size:12px;text-decoration:none;} #book-appointment-wizard .wizard-frame {padding:0;} #book-appointment-wizard .wizard-frame .frame-container {padding:60px 0;width:100%;position:relative;} #book-appointment-wizard .wizard-frame .frame-container .frame-content {width:100%;max-width:1000px;margin:0 auto;position:relative;} #book-appointment-wizard #wizard-frame-0 .frame-container.container1 {padding:0;position:relative;background:url("/images/bvo_fmw_wizard-frame-0_bg.jpg") no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bvo_fmw_wizard-frame-0_bg.jpg', sizingMethod='scale');-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bvo_fmw_wizard-frame-0_bg.jpg', sizingMethod='scale')";} #book-appointment-wizard #wizard-frame-0 .frame-container.container1 .content1 {padding:50px 0 70px 0;background:url("/images/bvo_fmw_container-arrow_w.png") no-repeat center bottom;} #book-appointment-wizard #wizard-frame-0 .frame-container.container1 .btn {font-size:18px;margin:0 auto;display:block;} #book-appointment-wizard .wizard-frame .frame-container.container1 .frame-content .frame-benefits {margin-bottom:60px;} #book-appointment-wizard .wizard-frame .frame-container.container1 .frame-content .frame-benefits .benefit img {margin-bottom:30px;width:40%;} #book-appointment-wizard .wizard-frame .frame-container.container1 .frame-content .frame-benefits .benefit-desc {color:#fff;} #book-appointment-wizard #wizard-frame-0 .frame-container.container2 {padding:80px 0;} #book-appointment-wizard .wizard-frame .frame-container .frame-content .frame-benefits {position:relative;} #book-appointment-wizard .wizard-frame .frame-container .frame-content .frame-benefits .benefit {position:relative;width:25%;float:left;text-align:center;} #book-appointment-wizard .wizard-frame .frame-container .frame-content .frame-benefits .benefit img {margin-bottom:65px;} #book-appointment-wizard .wizard-frame .frame-container .frame-content .frame-benefits .benefit-desc {font-size:18px;line-height:22px;} #book-appointment-wizard .wizard-frame .frame-container.container2 .btn{display:none;} #success-frame h1{font-size:38px;line-height:48px;font-weight:300;margin-bottom:40px;text-transform:none;text-align:center;} #book-appointment-wizard .frame-container h2.frame-title {text-align:center;color:#636363;font-size:38px;line-height:48px;font-weight:300;} #book-appointment-wizard #wizard-frame-0 .frame-container h2.frame-title {color:#fff;font-size:38px;margin-bottom:80px;} #book-appointment-wizard #wizard-frame-1 .frame-container {background:url("/images/bvo_fmw_container-arrow_g.png") no-repeat center bottom} #book-appointment-wizard #wizard-frame-2 .frame-container {background:#f5f5f5 url("/images/bvo_fmw_container-arrow_w.png") no-repeat center bottom;padding-bottom:200px} #book-appointment-wizard #wizard-frame-2 .button_wrap {} #book-appointment-wizard #wizard-frame-2 span.available-hour.dn15, #book-appointment-wizard #wizard-frame-2 span.available-hour.dn45 {display:none;} .select-date-service-inner {margin-top:20px;padding:40px 40px 20px 40px;background:#fff;border:1px solid #cecece;} .select-date-service-inner img {border-radius:120px;margin-bottom:20px;} .select-date-service-inner h3 {color:#000;font-size:17px;line-height:27px;margin: 0 0 0px 0;font-weight:600;text-transform:uppercase;} .select-date-service-inner h4 {color:#5f6567;font-size:17px;line-height:27px;margin: 0 0 20px 0;} #book-appointment-wizard #wizard-frame-3 .frame-container {background:url("/images/bvo_fmw_container-arrow_g.png") no-repeat center bottom;} #book-appointment-wizard #wizard-frame-3 .frame-title {margin-bottom:30px;} #book-appointment-wizard #wizard-frame-3 .button_wrap {} #book-appointment-wizard select, #book-appointment-wizard textarea, #book-appointment-wizard input[type="text"], #book-appointment-wizard input[type="password"], #book-appointment-wizard input[type="datetime"], #book-appointment-wizard input[type="datetime-local"], #book-appointment-wizard input[type="date"], #book-appointment-wizard input[type="month"], #book-appointment-wizard input[type="time"], #book-appointment-wizard input[type="week"], #book-appointment-wizard input[type="number"], #book-appointment-wizard input[type="email"], #book-appointment-wizard input[type="url"], #book-appointment-wizard input[type="search"], #book-appointment-wizard input[type="tel"], #book-appointment-wizard input[type="color"], #book-appointment-wizard .uneditable-input {padding:8px 12px;border:1px solid #cecece;width:100%;line-height:50px;height:50px} #book-appointment-wizard select, #book-appointment-wizard input[type="file"] {line-height:50px;width:100%;} #book-appointment-wizard textarea#address {height:150px;line-height:1.6;} label{margin-top:20px;margin-bottom:10px} select,input,textarea{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} #book-appointment-wizard #wizard-frame-4 .frame-container {background:#f5f5f5 url("/images/bvo_fmw_container-arrow_w.png") no-repeat center bottom;} #book-appointment-wizard .frame-title {margin-bottom:60px;} #book-appointment-wizard .appointment-details_wrap {float:left;width:30%;margin-right:3%;} #book-appointment-wizard .customer-details_wrap {float:left;width:67%;} #book-appointment-wizard #appointment-details, #book-appointment-wizard #customer-details {background:#fff;padding:40px 40px 20px 40px;border:1px solid #cecece;min-height:360px;} #book-appointment-wizard #appointment-details img {margin-bottom:30px;border-radius:120px;} #book-appointment-wizard #customer-details .left {float:left;width:40%;margin-right:5%;} #book-appointment-wizard #customer-details .right {float:left;width:50%;} #book-appointment-wizard #appointment-details h3, #book-appointment-wizard #customer-details h3 {color:#000;font-size:15px;line-height:26px;margin:0 0 0px 0;text-transform:uppercase;font-weight:400;} #book-appointment-wizard #appointment-details h4, #book-appointment-wizard #customer-details h4 {color:#5f6567;font-size:14px;line-height:26px;margin:0 0 20px 0;font-weight:300;} #book-appointment-wizard #wizard-frame-4 #book-appointment-form {position:relative;margin:0 auto;display:block !important;margin-top:50px;} .service-wrapper .service-container {width:33.3%;float:left;} .service-wrapper .service-container.service-1 {width:100%;} .service-inner {margin:0 10px;padding:30px 20px 40px 20px;border:1px solid #fff;text-align:center} .service-inner h2 {color:#676767;font-size:26px;text-transform:uppercase;font-weight:300;margin-bottom:20px;line-height:40px;} .service-inner h2 span {font-size:14px;text-transform:none;font-style:italic;display:block;line-height:20px;} .service-inner img {margin-bottom:20px;border-radius:120px;} .service-wrapper .service-container:hover > .service-inner, .service-wrapper .service-container.active-service .service-inner {border:1px solid #ccc;} .service-inner .duration {color:#f9a633;padding:20px 0 40px 0;font-weight:17px;font-weight:600;} #hidden_post_data {display:none;} #book-appointment-wizard .button_wrap {display:block;margin:50px auto 0 auto;text-align:center;clear:both;} #book-appointment-wizard button.btn {font-size:15px;padding:16px 36px;text-transform:uppercase;display:inline;margin-bottom:10px} .bvo_calendar ul.slots {list-style:none;margin:0 0 30px 0;padding:0;} .bvo_calendar ul.slots li {float:left;margin:0 0 20px 0;padding:0;width:25%;background:#eee url("../images/bvo_arrow1.png") no-repeat right top;} .bvo_calendar ul.slots li.slot4 {background:#eee url("../images/bvo_arrow1l.png") no-repeat right top;} .bvo_calendar ul.slots li.active {background:#F8A52D url("../images/bvo_arrow2.png") no-repeat right top;} .bvo_calendar ul.slots li.active.slot4 {background:#F8A52D url("../images/bvo_arrow2l.png") no-repeat right top;} .bvo_calendar ul.slots li span {padding:5px 20px;display:block;background:url("../images/bvo_arrow11.png") no-repeat left top;} .bvo_calendar ul.slots li.active span {color:#fff;background:url("../images/bvo_arrow21.png") no-repeat left top;margin-left:-20px;padding-left:40px;} .bvo_calendar ul.slots li.active.slot1 span {color:#fff;background:none;margin-left:0px;padding-left:20px;} .bvo_calendar ul.slots li.slot4 span {padding-right:0px;} #book-appointment-wizard #frame-footer {padding: 10px 0;text-align: center;border-top: 0px solid #EEE;clear:both;margin:10px 30px 0 30px;} #book-appointment-wizard #steps .custom-qtip {border-width: 2px;} #book-appointment-wizard #available-hours{position:relative;margin:0 auto;text-align:center} #book-appointment-wizard #available-hours .available-hour {font-size: 14px;padding:10px 5px;display: block;border:1px solid #E2E2E2;background:#f1f1f1;margin:0 0 4px 4px;text-align:center;} #book-appointment-wizard #available-hours .available-hour:hover {font-weight: normal;background: #f9a633;cursor: pointer;color: #fff;border:1px solid #f9a633;} #book-appointment-wizard #available-hours .selected-hour {color:#fff;font-weight:normal;background:#f9a633;border:1px solid #f9a633;} #book-appointment-wizard #available-hours .blocked-hour {font-size:14px;padding:10px 5px;display: block;border:1px solid #E2E2E2;background:#f1f1f1;margin:0 0 4px 4px;text-align:center;color:#c1c1c1;cursor:default;} .available-hours-inner {} #book-appointment-wizard #select-date {border:0;background:#fff;padding:8px 10px;} #book-appointment-wizard .ui-datepicker td a {padding:10px;font-weight:300} .ui-datepicker .ui-datepicker-title{font-size:20px;font-weight:300;color:#585858;} .ui-datepicker th{font-weight:500} .ui-datepicker table{font-size:14px;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{font-weight:300;padding:10px;} #book-appointment-wizard .ui-widget-content {border:none;background:none;padding:0;width:100%;} #book-appointment-wizard table.ui-datepicker-calendar, #book-appointment-wizard .ui-datepicker-header {background:#fff;border:none !important;} #book-appointment-wizard .ui-datepicker-header {padding-top:10px;} #book-appointment-wizard .ui-datepicker .ui-datepicker-prev {cursor:pointer;height:26px;width:26px;background:url("/images/bvo_fmw_cal-prev.png") no-repeat left top;top:16px;} #book-appointment-wizard .ui-datepicker .ui-datepicker-next {cursor:pointer;height:26px;width:26px;background:url("/images/bvo_fmw_cal-next.png") no-repeat left top;top:16px;} #book-appointment-wizard .ui-datepicker .ui-datepicker-prev:hover {background:url("/images/bvo_fmw_cal-prev.png") no-repeat left top;border:none !important;} #book-appointment-wizard .ui-datepicker .ui-datepicker-next:hover {background:url("/images/bvo_fmw_cal-next.png") no-repeat left top;border:none !important;} #book-appointment-wizard .ui-datepicker .ui-datepicker-prev span, #book-appointment-wizard .ui-datepicker .ui-datepicker-next span {display:none!important;} #book-appointment-wizard .ui-state-default, #book-appointment-wizard .ui-widget-content .ui-state-default, #book-appointment-wizard .ui-widget-header .ui-state-default {background:none;} #book-appointment-wizard .ui-state-highlight, #book-appointment-wizard .ui-widget-content .ui-state-highlight, #book-appointment-wizard .ui-widget-header .ui-state-highlight {background:#ddd;} #book-appointment-wizard .ui-state-hover, #book-appointment-wizard .ui-widget-content .ui-state-hover, #book-appointment-wizard .ui-widget-header .ui-state-hover, #book-appointment-wizard .ui-state-focus, #book-appointment-wizard .ui-widget-content .ui-state-focus, #book-appointment-wizard .ui-widget-header .ui-state-focus {background:#f9a633;} #book-appointment-wizard .ui-state-active, #book-appointment-wizard .ui-widget-content .ui-state-active, #book-appointment-wizard .ui-widget-header .ui-state-active {background:#f9a633;border:1px solid #f9a633;color:#fff;font-weight:500} #ui-datepicker-div{min-width:288px} body #success-frame, body #message-frame {width:100%;margin:0 auto;} #book-appointment-wizard #success-frame.wizard-frame .frame-container {background-image:none;} #success-frame {background:#f5f5f5;} #success-frame .success-control-wrap {margin-bottom:20px;} #success-frame .success-control-wrap .left {float:left;width:60%;font-size:20px;line-height:50px;font-weight:300;color:#000;} #success-frame .success-control-wrap .right {float:right;width:40%;line-height:50px;text-align:right;} /*#success-frame .success-control-wrap .right a {padding:0 16px;text-align:center;background:#efefef;border-radius:4px;color:#000;} #success-frame .success-control-wrap .right a:hover, #success-frame .success-control-wrap .right a:active {color:#f9a633;}*/ #success-frame .success-info-wrap {margin-top:3%;width:100%;} #success-frame .success-info-inner {background:#fff;border:1px solid #cecece;padding:40px 40px 20px;font-size:14px;line-height:24px;} #success-frame .success-info-inner .p1, #success-frame .success-info-inner .p2, #success-frame .success-info-inner .p3 {margin-bottom:16px;} #success-frame .success-info-inner .p1 {color:#222;} #success-frame .success-info-inner .p2 {} #success-frame .success-info-inner .p3 {margin-bottom:0;color:#5f6567;} #book-appointment-wizard .wd05 {width:05%;float:left;display:block;min-height:1px} #book-appointment-wizard .wd10 {width:10%;float:left;display:block;min-height:1px} #book-appointment-wizard .wd20 {width:20%;float:left;display:block;min-height:1px} #book-appointment-wizard .wd30 {width:30%;float:left;display:block;min-height:1px} #book-appointment-wizard .wd35 {width:35%;float:left;display:block;min-height:1px} #book-appointment-wizard .wd40 {width:40%;float:left;display:block;min-height:1px} #book-appointment-wizard .wd45 {width:45%;float:left;display:block;min-height:1px} #book-appointment-wizard .wd50 {width:50%;float:left;display:block;min-height:1px} #book-appointment-wizard .wd55 {width:55%;float:left;display:block;min-height:1px} #book-appointment-wizard .wd70 {width:70%;float:left;display:block;min-height:1px} .cancel-appointment_wrap {text-align:center;margin:0 auto;position:relative;background:#cb2c40;} #cancel-appointment-frame {color:#fff;font-size:16px;padding:40px 0;text-align:center;max-width:1000px;margin:0 auto;position:relative;} #cancel-appointment-frame p{margin-bottom:0} form#cancel-appointment-form {background:#fff;text-align:center;margin:0 auto 10px auto;position:relative;} form#cancel-appointment-form button {display:block;margin:0 auto;position:relative;margin-top:20px !important;} #book-appointment-wizard .span3 {min-width: 50%;} .clear {display:block;height:0;clear:both;} .colored {color:#cb2c40 !important;} .bold {font-weight:600 !important;} .btn{border-radius: 30px; font-size: 15px; font-weight: 600; letter-spacing: 0.5px; padding: 16px 36px; text-transform: uppercase;} .btn.btn-primary{} .btn.btn-default{background:#f1f1f1;border-color:#e2e2e2;color:#444} .btn.btn-default:hover{background:#e2e2e2} .mb-0{margin-bottom:0px!important} .mr-10{margin-right:10px} .mr-10-xl{margin-right:10px} @media (max-width: 1000px) { #book-appointment-wizard .header_wrp, #book-appointment-wizard .wizard-frame .frame-container .frame-content {padding-left:20px !important;padding-right:20px !important;width:auto;} #book-appointment-wizard .book-step {margin-left:30px;} #book-appointment-wizard #header #steps {width:500px;} } @media (max-width: 840px) { #book-appointment-wizard #header .logo {padding-right:0;width:100%;float:none;text-align:center;padding-bottom:15px;} #book-appointment-wizard .head_spacer {height:135px;} body.succ #book-appointment-wizard .head_spacer {height:96px;} #book-appointment-wizard #header #steps {float:none;width:100%;} #book-appointment-wizard .book-step {margin-left:0;text-align:center;width:23%;margin:0 1%;} body .service-wrapper .service-container {width:100% !important;} body .service-inner {margin-bottom:30px;} #select-date-service {display:none;} #book-appointment-wizard .wd50 {width:100%;float:none;} #book-appointment-wizard .appointment-details_wrap, #book-appointment-wizard .customer-details_wrap {width:100%;float:none;margin:0 0 30px 0;} #book-appointment-wizard #appointment-details {text-align:center;} #book-appointment-wizard #appointment-details, #book-appointment-wizard #customer-details{min-height:auto} #success-frame .success-control-wrap .left, #success-frame .success-control-wrap .right {width:100%;float:none;text-align:center;} #book-appointment-wizard .active-step span{border-bottom:0} #book-appointment-wizard #wizard-frame-2 .frame-container{padding:80px 0;} #success-frame h1{font-size:26px;margin-bottom:20px} #book-appointment-wizard #wizard-frame-0 .frame-container h2.frame-title{font-size:26px;margin-bottom:40px} .dn840{display:none!important} #book-appointment-wizard .wd05 , #book-appointment-wizard .wd10 , #book-appointment-wizard .wd20 , #book-appointment-wizard .wd30 , #book-appointment-wizard .wd35 , #book-appointment-wizard .wd40 , #book-appointment-wizard .wd45 , #book-appointment-wizard .wd50 , #book-appointment-wizard .wd55 , #book-appointment-wizard .wd70 {width:100%;float:none;margin-bottom:30px} .mr-10-xl{margin-right:0px!important} .frame-content.content1 .frame-benefits .benefit .benefit-desc{display:none!important} #book-appointment-wizard .wizard-frame .frame-container.container1 .frame-content .frame-benefits {margin-bottom:30px;} #book-appointment-wizard .wizard-frame .frame-container.container1 .frame-content .frame-benefits .benefit img{width:60%} } @media (max-width: 767px) { body {padding:0 !important;} } @media (max-width: 620px) { #book-appointment-wizard #header{} #book-appointment-wizard #header .logo {padding-bottom:0px;} #book-appointment-wizard .head_spacer {height:95px;} #book-appointment-wizard #header #steps {display:none;} #book-appointment-wizard .wizard-frame .frame-container.container2 .frame-content .frame-benefits .benefit {float:none;width:100%;margin-bottom:30px;} #book-appointment-wizard .wizard-frame .frame-container.container2 .frame-content .frame-benefits .benefit img {margin-bottom:20px;} #book-appointment-wizard .wizard-frame .frame-container.container2 .btn{display:inline-block;} } @media (max-width: 450px) { #book-appointment-wizard #available-hours .available-hour, #book-appointment-wizard #available-hours .blocked-hour{margin:0 0 2px 2px;font-size:12px;padding:5px} #book-appointment-wizard .wizard-frame .frame-container.container1 .frame-content .frame-benefits .benefit img{width:80%} } @media print { .right .btn.btn-primary {display:none;} body.body_appoint.succ {min-width:1100px;} #book-appointment-wizard #header {position:relative;} #book-appointment-wizard .head_spacer {display:none;} .success-info-inner .p2 {display:none;} }