body {
background-color: #efefef; margin: 0;
}
.clearfix {
overflow: auto;
zoom: 1;
}
.hideThis {
display: none;
}
.hide680plus {
display: none;
}
.bookingCont {
background-color: #fff;
width: 1000px;
margin: 0 auto;
position: relative;
}
.equalHeight {
height: 600px;
max-height: 600px;
}
.columnOne {
background-color: #079db6;
width: 67%;
float: left;
}
.columnTwo {
background-color: #e8e8e8;
width: 33%;
float: left;
}
.columnThree {
background-color: #079db6;
width: 100%;
position: absolute;
left: 0px;
bottom: 0px;
z-index: 30;
}
.columnThree.hideCol {
max-height: 0;
}
.disabled-label:after { }
.disabled-label:hover {
cursor: pointer;
}
.guide-dog-section img {
width: 40px;
}
.guide-dog-section img {
width: 40px;
}
.guide-dog-section {
color: white !important;
text-decoration: none !important;
transition-duration: 0.1s;
}
.guide-dog-section:hover {
color: #e6e6e6 !important;
}
.guide-dog-section .inner {
background-color: #26adc3;
}
.guide-dog-section .faq-link {
background-color: #138294;
}
.columnThree {
overflow-y: hidden;
-webkit-transition: max-height 0.5s ease-in-out;
-moz-transition: max-height 0.5s ease-in-out;
-o-transition: max-height 0.5s ease-in-out;
transition: max-height 0.5s ease-in-out;
}
.columnTitle {
background-color: #05869c; color: #fff;
text-align: center;
font-size: 24px;
line-height: 42px;
position: relative;
z-index: 1;
margin-bottom: 35px;
}
.columnTwo .columnTitle {
background-color: #d0d0d0;
color: #047386;
}
.columnTitle:before {
content: " ";
background-color: inherit;
width: 50%;
height: 15px;
position: absolute;
bottom: -8px;
left: 0;
transform: skewY(2deg);
z-index: -1;
}
.columnTitle:after {
content: " ";
background-color: inherit;
width: 50%;
height: 15px;
position: absolute;
bottom: -8px;
right: 0;
transform: skewY(-2deg);
z-index: -1;
}
.columnTwo .columnTitle:before {
transform: skewY(3deg);
}
.columnTwo .columnTitle:after {
transform: skewY(-3deg);
}
.columnThree .columnTitle:before {
transform: skewY(1deg);
}
.columnThree .columnTitle:after {
transform: skewY(-1deg);
}
.subColumnOne {
width: 50%;
float: left;
}
.subColumnTwo {
width: 50%;
float: left;
}
.columnThree .subColumnOne {
width: 66%;
float: left;
}
.columnThree .subColumnTwo {
width: 33%;
float: left;
border-left: 1px solid #05869c;
}
.dateBox {
width: 260px;
min-height: 267px;
margin: 0 auto; }
.comingBox {
width: 260px;
min-height: 295px;
margin: 0 auto;
}
.summaryBox {
width: 330px;
min-height: 336px;
margin: 0 auto;
max-width: 100%;
}
.summaryBoxNone {
width: 260px;
min-height: 336px;
margin: 0 auto;
}
.summaryLoad {
width: 260px;
min-height: 75px;
margin: 0 auto;
}
.summaryHold {
width: 260px;
min-height: 336px;
margin: 0 auto;
color: #666666;
text-align: center;
}
.billingBox {
width: 580px;
min-height: 336px;
margin: 0 auto;
}
.checkoutBox {
width: 260px;
min-height: 336px;
margin: 0 auto;
}
.button {
width: 250px;
margin: 20px auto 0;
text-align: center;
cursor: pointer;
display: block;
}
.button.halfBtn {
width: 110px;
margin: 10px 7px 0;
float: none;
display: inline-block;
line-height: 20px;
font-size: 17px;
text-transform: uppercase;
padding: 8px 0;
}
.btnOrange {
color: #fff;
font-size: 1.5rem;
line-height: 40px;
border: 1px solid #fcb145;
font-weight: 400;
text-shadow: -1px -1px 1px rgba(173, 81, 4, 1);
background: #f19005; background: -moz-linear-gradient(top, #f19005 0%, #d8690d 100%); background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, #f19005),
color-stop(100%, #d8690d)
); background: -webkit-linear-gradient(
top,
#f19005 0%,
#d8690d 100%
); background: -o-linear-gradient(
top,
#f19005 0%,
#d8690d 100%
); background: -ms-linear-gradient(top, #f19005 0%, #d8690d 100%); background: linear-gradient(to bottom, #f19005 0%, #d8690d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f19005', endColorstr='#d8690d',GradientType=0 ); border: 0;
background: #ea8507;
text-shadow: 0 0 BLACK;
font-weight: 400;
width: 100%;
padding: 5px;
border-radius: 5px;
transition-duration: 0.1s;
}
.btnOrange:hover {
background: #d67f05;
}
.btnGrey {
color: #fff;
font-size: 18px;
line-height: 32px;
border: 1px solid #cfcfcf;
text-shadow: 1px 1px 1px rgba(98, 98, 98, 1);
background: #bfbfbf; background: -moz-linear-gradient(top, #bfbfbf 0%, #a1a1a1 100%); background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, #bfbfbf),
color-stop(100%, #a1a1a1)
); background: -webkit-linear-gradient(
top,
#bfbfbf 0%,
#a1a1a1 100%
); background: -o-linear-gradient(
top,
#bfbfbf 0%,
#a1a1a1 100%
); background: -ms-linear-gradient(top, #bfbfbf 0%, #a1a1a1 100%); background: linear-gradient(to bottom, #bfbfbf 0%, #a1a1a1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#a1a1a1',GradientType=0 ); width: 100%;
background: #a2a0a0;
text-shadow: 0 0 BLACK;
border: none;
border-radius: 7px;
padding: 3px 5px;
transition-duration: 0.1s;
}
.btnGrey:hover {
background: #8D8D8D; }
.button.hideTwoBtn {
display: none;
}
.button.halfBtn i {
font-size: 28px;
padding-bottom: 6px;
}
.dateChosen {
color: #fff;
font-weight: bold;
margin-bottom: 15px;
min-height: 52px;
display: flex;
justify-content: center;
}
.dateChosenLeft {
float: left;
text-align: right;
width: 65px;
padding-right: 15px;
font-size: 35px;
color: #047386;
}
.dateChosenRight {
float: left;
padding-right: 15px;
font-size: 19px;
width: 165px;
line-height: 25px;
text-shadow: 1px 1px 1px rgba(4, 115, 134, 1);
}
.blueDayAlert {
max-height: 0;
height: 46px;
margin-bottom: 10px;
background-color: #6ac4e8;
font-weight: bold;
font-size: 14px;
letter-spacing: -0.5px;
line-height: 18px;
text-align: center;
text-transform: uppercase;
text-shadow: -1px -1px 1px rgba(73, 166, 203, 1);
color: #fff;
overflow-y: hidden;
-webkit-transition: max-height 0.4s ease-in-out;
-moz-transition: max-height 0.4s ease-in-out;
-o-transition: max-height 0.4s ease-in-out;
transition: max-height 0.4s ease-in-out;
}
.blueDayAlert.showBlueDayAlert {
max-height: 46px;
}
.blueDayAlert p {
margin: 5px 0;
}
.blueDayAlert span {
color: #0188be;
text-shadow: none;
}
.inputBorder,
.input-group {
border: 3px solid #047386;
width: 96px;
}
.input-group input[type="text"] {
border: none;
padding: 0px;
width: 36px;
height: 28px;
text-align: center;
color: #047386;
font-weight: bold;
font-size: 16px;
}
.input-group-btn {
width: 28px;
height: 28px;
display: inline-block;
vertical-align: top;
}
.input-group-btn .btn {
width: 28px;
height: 28px;
color: #fff;
font-size: 16px;
border: none;
padding: 0;
cursor: pointer;
border-radius: 0 !important;
}
.input-group-btn .btn.btn-danger {
background-color: #df7b77;
}
.input-group-btn .btn.btn-danger:disabled {
background-color: #d0d0d0;
}
.input-group-btn .btn.btn-success {
background-color: #59ba5b;
}
.input-group-btn .btn.btn-success:disabled {
background-color: #d0d0d0;
}
.inputBorder select {
border: none;
height: 28px;
width: 90px;
text-align: center;
color: #047386;
font-size: 16px;
font-weight: bold;
line-height: 1 !important;
border-radius: 0;
}
select#avOTListbox option:disabled {
color: #d0d0d0;
text-decoration: line-through;
}
.detailsBorder.error {
border: 3px solid #fe5050;
}
.readInfo.error {
border: 3px solid #fe5050;
}
.inputRow {
margin-bottom: 12px;
}
.inputRowLeft {
float: left;
line-height: 34px;
color: #fff;
font-size: 18px;
font-weight: bold;
text-shadow: 1px 1px 1px rgba(4, 115, 134, 1);
width: 162px;
}
.inputRowRight {
float: left;
}
.childUnderPre { }
.childUnder {
text-align: center;
font-size: 11px;
line-height: 1.1;
color: #01505d;
padding: 0 10px;
}
.noTimeCoverBox {
position: relative;
}
#noTimeCover {
display: none;
}
#noTimeCover.noTimeCoverHidden {
display: block;
position: absolute;
top: 0;
left: 0;
height: 430px;
padding: 0 30px;
background-color: #079db6;
border-top: 2px solid #047386;
text-shadow: 1px 1px 1px #047386;
color: #fff;
font-weight: bold;
text-align: center;
width: 100%;
z-index: 5;
}
#noTimeCover.noTimeCoverHidden span { display: block;
font-size: 30px;
}
#cd-wrap {
border-bottom: 1px solid #d0d0d0;
height: 54px;
margin-bottom: 10px;
}
#cd-image {
float: left;
width: 60px;
padding-right: 14px;
text-align: right;
}
.ticketError #cd-image {
width: 40px;
padding-right: 10px;
}
#cd-image i {
font-size: 40px;
}
#cd-image i.fa-check {
color: #59ba5b;
}
#cd-image i.fa-times {
color: #df7b77;
}
#cd-txt1 {
color: #079db6;
text-transform: uppercase;
font-weight: bold;
line-height: 18px;
font-size: 19px;
}
.ticketError #cd-txt1 {
font-size: 18px;
padding-top: 3px;
color: #047386;
}
#cd-txt2 {
color: #047386;
font-weight: bold;
font-size: 19px;
}
.ticketError #cd-txt2 {
text-transform: uppercase;
font-weight: bold;
font-size: 18px;
line-height: 18px;
}
.fcphonen a {
text-decoration: none;
color: #047386;
display: inline-block;
padding-top: 5px;
}
.fcphonen a i {
vertical-align: text-bottom;
font-size: 20px;
padding-right: 4px;
}
#noTicksAv p {
font-weight: bold;
color: #079db6;
padding: 0px 5px;
line-height: 21px;
text-align: center;
}
.paymentIcons {
color: #c8c8c8;
font-size: 38px;
text-align: center;
margin-top: 10px;
}
#bd-middle {
font-weight: bold;
color: #079db6; line-height: 21px;
}
#bd-middle span {
color: #047386;
}
.summaryBoxNone #bd-middle {
font-weight: normal;
color: #666666;
padding: 0 5px;
line-height: 20px;
font-size: 15px;
}
.summaryBoxNone #bd-middle span {
color: #079db6;
font-weight: bold;
font-size: 22px;
line-height: 36px;
}
.summaryBoxNone #bd-middle span a {
color: #079db6;
text-decoration: none;
}
.nextButtons {
border-top: 1px solid #d0d0d0;
margin-top: 20px;
}
.nextButtonsTitle { color: #666;
text-align: center;
font-size: 22px;
line-height: 26px;
margin-top: 6px;
}
#bookingTotals {
color: #666666;
font-size: 15px;
}
#bookingTotals ul {
list-style: none;
padding: 0;
margin: 10px 0 0;
}
#bookingTotals li {
margin-bottom: 5px;
}
#bookingTotals li.bookFeTotal {
text-align: right;
font-weight: bold;
text-transform: uppercase;
color: #079db6;
font-size: 18px;
}
#bookingTotals li.bookFeTotal span {
float: none;
}
#bookingTotals span {
float: right;
}
#bookingTotals .blueDiscFig {
color: #32ab08;
}
#addressTotalTop {
font-weight: bold;
color: #fff; font-size: 1rem;
line-height: 21px;
text-shadow: 1px 1px 1px rgba(4, 115, 134, 1);
}
#addressTotalTop span {
color: #88eeff;
}
#addressTotal {
color: #fff;
font-size: 15px;
text-shadow: 1px 1px 1px rgba(4, 115, 134, 1);
}
#addressTotal ul {
list-style: none;
padding: 0;
margin: 10px 0 0;
background-color: white;
padding: 10px;
border-radius: 10px;
}
#addressTotal li {
margin-bottom: 5px;
}
#addressTotal li.bookFeTotal {
text-align: right;
font-weight: bold;
text-transform: uppercase;
color: #fff;
font-size: 18px;
}
#addressTotal li.bookFeTotal span {
float: none;
}
#addressTotal span {
float: right;
}
#addressTotal .blueDiscFig {
color: #60ff63;
}
.billingBoxTitle {
margin: 0px auto;
}
.billAdd {
color: #fff;
font-weight: bold;
margin-bottom: 15px;
min-height: 52px;
}
.billAddLeft {
float: left;
text-align: right;
width: 65px;
padding-right: 15px;
font-size: 35px;
color: #047386;
}
.billAddRight {
float: left;
padding-right: 15px;
font-size: 19px;
width: 165px;
line-height: 25px;
text-shadow: 1px 1px 1px rgba(4, 115, 134, 1);
}
.billSplitLeft {
float: left;
width: 260px;
}
.billSplitRight {
float: right;
width: 260px;
}
.detailsRow {
margin-bottom: 12px;
}
.detailsRowLeft {
float: left;
line-height: 34px;
color: #fff;
font-size: 16px;
font-weight: bold;
text-shadow: 1px 1px 1px rgba(4, 115, 134, 1);
width: 105px;
}
.detailsRowRight {
float: left;
}
.detailsBorder {
border: 3px solid #047386;
width: 147px;
border-radius: 5px;
}
.detailsBorder input[type="text"] {
border: none;
padding: 0 10px;
width: 141px;
height: 30px;
color: #047386;
font-weight: bold;
font-size: 16px;
}
.detailsBorder select {
border: none;
width: 141px;
height: 28px;
color: #047386;
font-weight: bold;
font-size: 16px;
border-radius: 0;
line-height: 1;
}
.readInfo {
width: 100%;
max-width: 260px;
margin: 20px 0 0 0;
border: 1px solid #078da3;
background-color: #08adc9;
font-size: 14px;
padding: 5px 10px;
color: white;
line-height: 16px;
}
.readInfoBox input[type="checkbox"] {
visibility: hidden;
}
.readInfoBox {
width: 28px;
margin: 2px 10px 0 2px;
position: relative;
float: left;
}
.readInfoBox label {
cursor: pointer;
position: absolute;
width: 24px;
height: 24px;
top: 0;
left: 0;
border: 2px solid #08adc9;
background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, #ffffff),
color-stop(100%, #f7f7f7)
); background: -webkit-linear-gradient(
top,
#ffffff 0%,
#f7f7f7 100%
); background: -o-linear-gradient(
top,
#ffffff 0%,
#f7f7f7 100%
); background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); }
.readInfoBox label:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
content: "\f00c"; font-family: "Font Awesome 5 Free";
font-size: 18px;
position: absolute;
top: 2px;
left: 1px;
color: #047386;
font-weight: 600;
}
.readInfoBox label:hover::after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
opacity: 0.3;
}
.readInfoBox input[type="checkbox"]:checked + label:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.bookToday {
background-color: #d0d0d0;
width: 1000px;
margin: 0 auto 20px;
position: relative;
}
.bookTodayMob {
display: none;
}
.bookTodayLeft {
float: left;
width: 33%;
}
.bookTodayRight {
float: right;
width: 67%;
}
.bookTodayTitle {
background-color: #05869c; color: #fff;
font-size: 24px;
line-height: 42px;
position: relative;
z-index: 1;
padding: 20px 8%;
text-align: center;
}
.bookTodayTitle:before {
content: " ";
background-color: inherit;
width: 15px;
height: 50%;
position: absolute;
right: -8px;
top: 0;
transform: skewX(10deg);
z-index: -1;
}
.bookTodayTitle:after {
content: " ";
background-color: inherit;
width: 15px;
height: 50%;
position: absolute;
right: -8px;
bottom: 0;
transform: skewX(-10deg);
z-index: -1;
}
.bookTodayColOne {
float: left;
width: 67%;
}
.bookTodayColOne p {
margin: 0px;
padding: 10px 0 10px 20px;
color: #505050;
font-size: 15px;
line-height: 20px;
}
.bookTodayColTwo {
float: right;
width: 33%;
text-align: center;
padding-top: 15px;
}
.bookTodayColTwo a {
text-transform: uppercase;
text-decoration: none;
font-weight: bold; color: #079db6;
font-size: 20px;
line-height: 24px;
}
.bookTodayColTwo a span {
display: block;
color: #05869c;
font-size: 26px;
}
.infoContent {
background-color: #e8e8e8;
width: 1000px;
margin: 40px auto;
}
.infoTitle {
background-color: #d0d0d0; color: #047386;
text-align: center;
font-size: 24px;
line-height: 54px;
position: relative;
z-index: 1;
margin-bottom: 35px;
}
.infoTitle:before {
content: " ";
background-color: inherit;
width: 50%;
height: 20px;
position: absolute;
bottom: -9px;
left: 0;
transform: skewY(2deg);
z-index: -1;
}
.infoTitle:after {
content: " ";
background-color: inherit;
width: 50%;
height: 20px;
position: absolute;
bottom: -9px;
right: 0;
transform: skewY(-2deg);
z-index: -1;
}
.infoText {
padding: 0 40px 40px;
font-size: 15px;
color: #666;
}
.infoText a {
color: #079db6;
} .loadingDots {
padding-top: 15px;
display: block;
}
.dotone {
padding-left: 2px;
opacity: 0;
-webkit-animation: dot 1.3s infinite;
-webkit-animation-delay: 0s;
animation: dot 1.3s infinite;
animation-delay: 0s;
}
.dottwo {
opacity: 0;
-webkit-animation: dot 1.3s infinite;
-webkit-animation-delay: 0.2s;
animation: dot 1.3s infinite;
animation-delay: 0.2s;
}
.dotthree {
opacity: 0;
-webkit-animation: dot 1.3s infinite;
-webkit-animation-delay: 0.3s;
animation: dot 1.3s infinite;
animation-delay: 0.3s;
}
@-webkit-keyframes dot {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes dot {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.summaryLoad {
color: #666;
text-align: center;
position: relative;
}
.summaryLoad .line {
position: absolute;
bottom: 0px;
}
.summaryLoad .line:nth-last-child(1) {
animation: loadingA 1.5s 1s infinite;
background-color: #079db6;
left: 55%;
}
.summaryLoad .line:nth-last-child(2) {
animation: loadingA 1.5s 0.5s infinite;
background-color: #047386;
left: 47%;
}
.summaryLoad .line:nth-last-child(3) {
animation: loadingA 1.5s 0s infinite;
background-color: #079db6;
left: 39%;
}
@keyframes loadingA {
0 {
height: 15px;
}
50% {
height: 35px;
}
100% {
height: 15px;
}
}
.summaryLoad .line {
display: inline-block;
width: 15px;
height: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
} @media only screen and (max-width: 1010px) {
.bookingCont {
width: 670px;
}
.equalHeight {
height: 750px;
max-height: 750px;
}
.columnOne {
width: 50%;
}
.columnTwo {
width: 50%;
}
.columnOne .subColumnOne {
width: 100%;
float: none;
}
.columnOne .subColumnTwo {
width: 100%;
float: none;
}
.columnThree .subColumnOne {
width: 49%;
}
.columnThree .subColumnTwo {
width: 50%;
}
.billingBox {
width: 260px;
}
.columnTitle:before {
transform: skewY(3deg);
width: 51%;
}
.columnTitle:after {
transform: skewY(-3deg);
}
.billSplitLeft {
float: none;
}
.billSplitRight {
float: none;
}
.bookToday {
width: 670px;
margin: 0 auto 20px;
height: 156px;
}
.bookTodayLeft {
width: 50%;
}
.bookTodayRight {
width: 50%;
}
.bookTodayColOne {
float: none;
width: 100%;
}
.bookTodayColTwo {
float: none;
width: 90%;
padding: 5px 0 0 28px;
text-align: left;
}
.bookTodayTitle {
width: 334px;
height: 156px;
line-height: 156px;
padding: 0;
}
.bookTodayColOne p {
padding: 15px 22px 0 35px;
}
.bookTodayColTwo a {
font-size: 20px;
}
.bookTodayColTwo a span {
display: inherit;
color: #05869c;
font-size: inherit;
}
.infoContent {
width: 100%;
}
}
@media only screen and (max-width: 679px) {
.hide679 { }
.hide680plus {
display: inherit;
}
.bookingCont {
width: 100%;
min-width: 300px;
max-width: 450px;
margin-bottom: 20px;
}
.equalHeight {
height: 1035px;
max-height: 1035px;
}
.columnOne {
width: 100%;
}
.columnTwo {
width: 100%;
position: absolute;
left: 0px;
bottom: 0px;
z-index: 20;
}
.columnTwo.hideCol {
max-height: 0;
}
.columnTwo {
overflow-y: hidden;
-webkit-transition: max-height 0.5s ease-in-out;
-moz-transition: max-height 0.5s ease-in-out;
-o-transition: max-height 0.5s ease-in-out;
transition: max-height 0.5s ease-in-out;
}
.columnThree .subColumnOne {
width: 100%;
float: none;
}
.columnThree .subColumnTwo {
width: 100%;
float: none;
border-left: none;
}
.checkoutBox {
border-top: 1px solid #05869c;
padding-top: 10px;
}
.button.hideTwoBtn {
display: block;
}
.readInfoMob {
width: 230px;
margin: 10px auto 0;
border: 1px solid #078da3;
border-bottom: none;
background-color: #08adc9;
font-size: 14px;
padding: 7px 10px 2px;
color: #02444f;
line-height: 16px;
}
.readInfo {
border-top: none;
margin-top: 0px;
}
.importantBtn {
text-align: center;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
padding: 4px 0;
cursor: pointer;
color: #fff;
border: 1px solid #3eb3c7;
background: #03606f;
background: -moz-linear-gradient(top, #03606f 0%, #02444f 100%);
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, #03606f),
color-stop(100%, #02444f)
);
background: -webkit-linear-gradient(top, #03606f 0%, #02444f 100%);
background: -o-linear-gradient(top, #03606f 0%, #02444f 100%);
background: -ms-linear-gradient(top, #03606f 0%, #02444f 100%);
background: linear-gradient(to bottom, #03606f 0%, #02444f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03606f', endColorstr='#02444f',GradientType=0 );
}
.infoTitle {
line-height: 28px;
padding: 10px 4%;
margin-bottom: 20px;
}
.infoText {
height: auto;
display: block;
overflow-y: scroll;
padding: 0 4% 20px;
}
.notAvDateShow {
color: #047386;
padding-bottom: 10px;
}
.notAvDateShow .fa {
float: left;
font-size: 34px;
padding-right: 15px;
padding-top: 3px;
}
.bookToday {
display: none;
}
.bookTodayMob {
display: block;
width: 246px;
margin: 50px auto 0px;
border: 2px solid #05869c;
text-align: center;
}
.bookTodayMobTitle {
background-color: #05869c; color: #fff;
font-size: 21px;
line-height: 40px;
position: relative;
z-index: 1;
margin-bottom: 12px;
}
.bookTodayMobTitle:before {
content: " ";
background-color: inherit;
width: 50%;
height: 15px;
position: absolute;
bottom: -8px;
left: 0;
transform: skewY(5deg);
z-index: -1;
}
.bookTodayMobTitle:after {
content: " ";
background-color: inherit;
width: 50%;
height: 15px;
position: absolute;
bottom: -8px;
right: 0;
transform: skewY(-5deg);
z-index: -1;
}
.bookTodayMob p {
margin: 0;
padding: 10px;
color: #fff;
font-size: 15px;
}
.bookTodayMobCall {
padding-bottom: 16px;
}
.bookTodayMobCall a {
text-transform: uppercase;
text-decoration: none;
font-weight: bold; color: #047386;
font-size: 24px;
line-height: 26px;
}
.bookTodayMobCall a span {
display: block;
color: #fff;
font-size: 26px;
}
}