/* begin ---------------------- booknow styles */
#booknow {background:#f4f5f7}
#booknow .breadcrumb {margin:0 0 -48px;padding:15px 10px;background:none;border:0;border-radius:0;box-shadow:0 1px 0 rgba(255,255,255,.15);color:#fff}
#booknow .breadcrumb [data-icon] {position:relative;padding-left:25px}
#booknow .breadcrumb [data-icon]:before {display:block;font-size:16px;position:absolute;top:1px;left:1px}
#booknow .breadcrumb a {color:#fff}
#booknow .breadcrumb > .active {color:rgba(255,255,255,.75)}
#booknow .breadcrumb > li + li:before {color:#fff}
.booknow-header, .booknow-footer {
    position: relative;
    background: rgb(28, 120, 180);
    background: -moz-radial-gradient(center, ellipse cover, rgba(28, 120, 180, 1) 0%, rgba(0, 92, 150, 1) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(28, 120, 180, 1) 0%, rgba(0, 92, 150, 1) 100%);
    background: radial-gradient(ellipse at center, rgba(28, 120, 180, 1) 0%, rgba(0, 92, 150, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c78b4', endColorstr='#005c96', GradientType=1)
}
.booknow-header:after {content:" ";display:block;width:100%;height:100%;position:absolute;top:0;left:0;opacity:.15;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;background:url(../img/yp-groups/yp-group-1188-big.jpg) no-repeat 50% 50%;background-size:cover}
.booknow-header > * {position:relative;z-index:105}
.page-title {width:100%;max-width:500px;height:140px;margin:50px auto 0;background:url(../img/logo-booknow-inverse.svg) no-repeat 50% 50%;background-size:100%;font-size:0}
.booknow-content {min-height:375px;padding:15px 0;position:relative}
.booknow-content .company {display:flex;min-height:150px;margin:15px 0;text-decoration:none !important;background:#fff;color:#4d6880;box-shadow:0 1px 1px rgba(77,104,128,.1);transition:box-shadow .25s;position:relative}
.booknow-content .company .logo {display:block;width:150px;min-width:150px;line-height:150px;font-size:0;text-align:center;background:#fff}
.booknow-content .company .logo.placeholder:before {font-size:64px;line-height:150px;color:#cfdae5}
.booknow-content .company .logo img {display:inline-block;max-width:100px;max-height:100px;margin:0 auto}
.booknow-content .company-info-container {display:flex;flex-direction:column;flex-grow:2;padding-left:25px}
.booknow-content .company .company-title {margin:18px 15px 10px 0;font:400 18px/22px Ubuntu,Arial}
.booknow-content .company .company-title a {color:#000;text-decoration:none !important}
.booknow-content .company .company-title .name {margin-right:3px}
.booknow-content .company .rating {width:auto}
.booknow-content .company .rating .comments {position:relative;margin-left:110px;padding-left:5px;padding-right:20px;font:18px/22px Ubuntu,Arial;color:#f70}
.booknow-content .company .rating .empty-comments {color:#8fa1b3}
.booknow-content .company .rating .comments:before {position:absolute;top:50%;right:0;margin-top:-7px;font-size:15px}
.booknow-content .company .address {display:block;float:left;margin:8px 0 15px;padding-left:24px;color:#34495e;position:relative;text-decoration:none !important}
.booknow-content .company .address:before {width:20px;font-size:20px;position:absolute;top:-2px;left:0;text-align:center;color:#8fa1b3}
.booknow-content .company .address:hover {color:#000}
.booknow-content .company .address:hover:before {color:#34495e}
.booknow-content .company .address .area {display:none}
.booknow-content .company .contacts {display:none}
.booknow-content .company .snippet {display:none}
.booknow-content .company .branch {clear:left;margin-left:-20px;padding:20px 25px;line-height:20px;background:#fafafa}
.booknow-content .details .gallery-preview-thumbs .thumbs {display:inline-flex;margin:0}
.booknow-content .details .btn.booknow {position:absolute;bottom:10px;right:-10px;height:40px;line-height:40px;padding-right:20px;border:0;border-radius:0 0 2px;font-size:16px;color:#fff;z-index:1;box-shadow:1px 1px 1px rgba(77,104,128,.2);transition:all .25s linear;
    background: rgb(255,119,0);
    background: -moz-linear-gradient(left,  rgba(255,119,0,1) 0%, rgba(255,149,0,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(255,119,0,1) 0%,rgba(255,149,0,1) 100%);
    background: linear-gradient(to right,  rgba(255,119,0,1) 0%,rgba(255,149,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7700', endColorstr='#ff9500',GradientType=1 );
}
.booknow-content .details .btn.booknow:before {content:" ";display:block;width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:10px solid #f70;position:absolute;top:0;left:-10px}
.booknow-content .details .btn.booknow:after {content:" ";display:block;width:0;height:0;border-top:10px solid transparent;border-left:10px solid #f70;position:absolute;top:-10px;right:0}
.booknow-content .company:hover {box-shadow:0 2px 25px rgba(77,104,128,.5)}
.booknow-content .pagination {display:block;margin:15px 0}
.booknow-content .pagination.prev {margin-bottom:30px}
.booknow-content .pagination.next {margin-top:30px}
.booknow-content .pagination .btn {display:block;height:40px;line-height:40px;border:0;background:#4d6880;color:#fff}
.booknow-content .pagination .btn:hover {background:#34495e;box-shadow:0 2px 15px rgba(77,104,128,.25)}
.booknow-content .pagination.loading:before {background-color:rgba(244,245,247,.9)}
.booknow-content .pagination.loading .btn {box-shadow:none !important}
.booknow-footer {padding:15px 0 45px;text-align:center}
.booknow-footer .booknow-logo {margin-bottom:-10px}
.booknow-footer .booknow-logo img {display:block;width:100%;max-width:500px;margin:0 auto}
.booknow-footer .btn {margin:0 10px 15px}
.booknow-footer .btn-default {border-color:rgba(77,104,128,.1)}
.booknow-footer .btn-lg[data-icon="next"] {padding-right:40px;padding-left:20px;position:relative}
.booknow-footer .btn-lg[data-icon="next"]:before {display:block;font-size:20px;position:absolute;top:50%;right:10px;margin-top:-10px}
#booknow.loading-sort .booknow-content:before {content:" ";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:#fff;background:rgba(244,245,247,.9);z-index:100}
#booknow.loading-sort .booknow-content:after {content:" ";display:block;width:38px;height:38px;position:absolute;top:86px;left:50%;margin-left:-19px;background:url(../img/loading.svg) no-repeat 50% 50%;animation:rotation 1s infinite linear;-webkit-animation:rotation 1s infinite linear;z-index:101}
/* end ---------------------- booknow styles */

/* begin ---------------------- booknow join page styles */
#booknow-join #landing {
    width:100%;max-width:100%;padding:75px 0;position:relative;overflow:hidden;text-align:center;color:#fff;
    background: rgb(28,120,180);
    background: -moz-radial-gradient(center, ellipse cover,  rgba(28,120,180,1) 0%, rgba(0,92,150,1) 100%);
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(28,120,180,1) 0%,rgba(0,92,150,1) 100%);
    background: radial-gradient(ellipse at center,  rgba(28,120,180,1) 0%,rgba(0,92,150,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c78b4', endColorstr='#005c96',GradientType=1 );
}
#booknow-join #landing:after {content:" ";display:block;width:100%;height:100%;position:absolute;top:0;left:0;opacity:.1;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;z-index:10}
#booknow-join #landing.bg-1:after {background-image:url(../img/yp-groups/yp-group-eat-cover.jpg)}
#booknow-join #landing.bg-2:after {background-image:url(../img/yp-groups/yp-group-services-cover.jpg)}
#booknow-join #landing.bg-3:after {background-image:url(../img/yp-groups/yp-group-med-cover.jpg)}
#booknow-join #landing.bg-4:after {background-image:url(../img/yp-groups/yp-group-beauty-cover.jpg)}
#booknow-join #landing.bg-5:after {background-image:url(../img/yp-groups/yp-group-1188-cover.jpg)}
#booknow .wrap {display:table;width:100%;max-width:820px;min-height:calc(100vh - 60px);margin:0 auto;text-align:center;color:#fff;position:relative;z-index:11}
#booknow-join #landing > .container-fluid {width:820px;padding-right:20px;padding-left:20px;position:relative;z-index:11}
#booknow-join #landing h2 {margin:0 0 30px;font:400 42px/50px Ubuntu,Arial}
#booknow-join #landing h3 {margin:30px 0 0;font:400 24px/30px Ubuntu,Arial}
#booknow-join #landing strong {font-weight:500}
#booknow-join #landing .logo {display:block;width:100%;max-width:600px;margin:-15px auto 0}
#booknow-join #landing [class^=video] {display:inline-block;margin:0 auto 25px;background:#fff}
#booknow-join #landing [class^=video] iframe {display:block;border:5px solid #fff;border-radius:3px;max-width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;z-index:10}
#booknow-join #landing .video-1 {margin:0 auto 25px}
#booknow-join #landing .video-2 {margin:25px auto 0}
#booknow-join #landing .btn {margin:10px 0 20px;font-size:24px;line-height:60px;height:60px;border-radius:30px;padding:0 50px;text-transform:uppercase;position:relative}
#booknow-join #landing .btn:before {content:" ";display:block;width:2000px;height:1px;background:rgba(255,255,255,.15);position:absolute;bottom:30px;right:-2030px}
#booknow-join #landing .btn:after {content:" ";display:block;width:2000px;height:1px;background:rgba(255,255,255,.15);position:absolute;bottom:30px;left:-2030px}
#booknow-join #landing p {margin:15px 0;font-size:16px;line-height:24px}
#booknow-join #landing h4 {margin:25px auto 10px;font:400 24px/30px Ubuntu,Arial}
#booknow-join #prices {padding-bottom:100px;position:relative;z-index:60;background:#dde6ed;text-align:center}
#booknow-join #prices table {width:100%;margin-top:-56px;margin-bottom:20px}
#booknow-join #prices th {width:25%;padding:0 10px;text-align:center}
#booknow-join #prices td {border-right:20px solid #dde6ed;border-left:20px solid #dde6ed;border-bottom:1px solid #dde6ed;padding:5px 10px;background:#fff;font-size:15px;transition:all .2s ease-out}
#booknow-join #prices .col-title {height:56px;font:400 22px/54px Ubuntu,Arial;text-transform:uppercase;color:#fff;border-radius:5px 5px 0 0;position:relative;background:#f70}
#booknow-join #prices .col-title:after {display:block;content:" ";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #f70;position:absolute;bottom:-10px;left:50%;margin-left:-10px}
#booknow-join #prices .level-1 .col-title, #booknow-join #prices .price .level-1 {background:#ffc200 !important}
#booknow-join #prices .level-1 .col-title:after {border-top-color:#ffc200 !important}
#booknow-join #prices .level-3 .col-title, #booknow-join #prices .price .level-3 {background:#e03b00 !important}
#booknow-join #prices .level-3 .col-title:after {border-top-color:#e03b00}
#booknow-join #prices .row-title {border-left:0;padding-left:20px;background:none;text-align:left;font-size:13px}
#booknow-join #prices span {display:block;margin:12px auto;line-height:16px;color:#4d6880}
#booknow-join #prices .yes {margin:12px auto;width:16px;height:16px;border-radius:50%;background:#68b81b;transition:all .2s ease-out}
#booknow-join #prices .no {margin:12px auto;width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 1px #ddd;background:#fff;transition:all .2s ease-out}
#booknow-join #prices tr:hover td {background-color:#f4f5f7;border-right-color:#f4f5f7;border-left-color:#f4f5f7}
#booknow-join #prices tr:hover td:last-child {border-right-color:transparent}
#booknow-join #prices tr:hover .yes {box-shadow:0 0 0 2px #68b81b}
#booknow-join #prices tr:hover .no {margin:11px auto;width:18px;height:18px}
#booknow-join #prices tr:hover td.row-title {background:#fff;border-color:#fff}
#booknow-join #prices tr.price td {padding-top:15px;padding-bottom:15px;border-bottom:0;background:#f70 !important;color:#fff;font-family:Ubuntu;font-size:20px}
#booknow-join #prices tr.price .row-title {border:0 !important;background:none !important;font-size:15px;font-weight:500;color:#34495e}
#booknow-join #prices tr.price:nth-last-child(2) .level-1 {background:rgba(255,194,0,.7) !important}
#booknow-join #prices tr.price:nth-last-child(2) .level-2 {background:rgba(255,119,0,.8) !important}
#booknow-join #prices tr.price:nth-last-child(2) .level-3 {background:rgba(224,59,0,.8) !important}
#booknow-join #prices tr.price:hover td {border-color:#dde6ed}
#booknow-join #prices tr:nth-last-child(3) td {border-bottom:0}
/* end ---------------------- booknow join page styles */


/* begin -------------- responsive styles */
/********** wallpaper class & bigger than 1100px */
@media (min-width:1101px) {
    body.wallpaper .booknow-content {padding:15px}
}
/********** bigger than 991px */
@media (min-width:992px) {
    .booknow-content .details .booknow-logo {display:block}
    #booknow-join #prices th {width:22%}
    #booknow-join #prices .row-title {width:34%}
}
/********** smaller than 992px */
@media (max-width:991px) {
    #booknow .breadcrumb {margin-right:10px;margin-left:10px}
    .booknow-content > .container-fluid {padding-right:20px;padding-left:20px}
}
/********** smaller than 768px */
@media (max-width:767px) {
    .booknow-content .item .logo {display:none}
    .booknow-content .item-header {padding-left:20px}
    #booknow-join #prices {padding-bottom:30px}
    #booknow-join #prices table {display:block;width:auto;margin:-56px 20px 0;background:#fff}
    #booknow-join #prices tr {display:block}
    #booknow-join #prices th.row-title {display:none}
    #booknow-join #prices tr:after {content:" ";display:block;clear:left}
    #booknow-join #prices th {display:block;float:left;width:33.33%;padding:0}
    #booknow-join #prices .col-title {border-radius:0}
    #booknow-join #prices th.row-title {display:none}
    #booknow-join #prices th.level-1 {padding-left:0}
    #booknow-join #prices th.level-3 {padding-right:0}
    #booknow-join #prices td {display:block;float:left;width:33.33%;border:0;background:none !important;box-sizing:border-box;-webkit-box-sizing:border-box}
    #booknow-join #prices tr:not(.price) td:nth-child(3) {box-shadow:1px 0 0 #ddd,inset 1px 0 0 #ddd}
    #booknow-join #prices td.row-title {display:block;width:100%;padding:15px;background:#4d6880 !important;font-size:15px;text-align:center;color:#fff}
    #booknow-join #prices td.row-title .small {font-size:13px}
    #booknow-join #prices tr.price .row-title {background:#4d6880 !important;color:#fff}
    #booknow-join #prices tr.price td {font-size:18px}
}
/********** smaller than 601px */
@media (max-width:600px) {
    #booknow-join #prices table {margin-right:10px;margin-left:10px}
    .booknow-content .company .logo {display:none}
    .booknow-content .company .company-title {margin-right:0;margin-bottom:15px;text-align:center}
    .booknow-content .company .address {margin-bottom:10px}
    .booknow-content .company-info-container {padding:0 15px}
    .booknow-content .details {display:flex;flex-direction:column;margin:0 -15px}
    .booknow-content .gallery-preview-thumbs {padding:15px 15px 0;background:#fafafa;text-align:center}
    .booknow-content .details .btn.booknow {flex-basis:100%;position:static;border-radius:3px;margin:0 15px 15px;padding:0 15px}
    .booknow-content .details .btn.booknow:before {display:none}
    .booknow-content .details .btn.booknow:after {display:none}
    .booknow-content .main-info {margin:0 -15px;padding:10px 15px 20px;background:#fafafa}
    .booknow-content .company .branch {margin:0 0 0 5px;padding:0;background:none}
}
/********** smaller than 541px */
@media (max-width:540px) {
    #booknow .breadcrumb {margin:0;padding:15px 20px}
    .booknow-header > .container-fluid {padding:0}
    .page-title {height:120px;margin-top:0;margin-bottom:-10px;background-size:105%}
    .booknow-footer .booknow-logo {margin-bottom:0}
    .booknow-footer .btn {display:block}
    #booknow-join #landing {padding-top:50px}
    #booknow-join #landing h2 {font-size:36px;line-height:42px}
    #booknow-join #landing h3 {margin-bottom:30px}
    #booknow-join #landing .logo {margin-top:0}
    #booknow-join #landing [class^=video] iframe {height:284px !important}
    #booknow-join #landing .btn {width:100%;max-width:200px;height:50px;line-height:50px;padding:0}
    #booknow-join #landing .btn:before {bottom:25px}
    #booknow-join #landing .btn:after {bottom:25px}
    #booknow-join #prices .col-title {font-size:16px}
    #booknow-join #prices tr.price td {padding-right:5px;padding-left:5px;font-size:16px}
}
/********** smaller than 421px */
@media all and (max-width:420px) {
    #booknow .breadcrumb {margin-bottom:0}
    .page-title {height:100px}
    .booknow-content .details .btn.booknow {margin:0;border-radius:0}
    #booknow-join #landing [class^=video] iframe {height:220px !important}
    #booknow-join #landing h2 {margin-bottom:20px;font-size:26px;line-height:32px}
    #booknow-join #landing h3 {margin-bottom:0;font-size:18px;line-height:24px}
    #booknow-join #landing h4 {font-size:28px;line-height:24px}
    #booknow-join #landing p {font-size:15px;line-height:20px}
    #booknow-join #prices tr.price td {font-size:15px}
}
/* end -------------- responsive styles */