/* Style for the container div */
.title-container {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 0px;
}
.title-container a {
text-decoration:solid;
color: #ffffff;
background-color: #994806;
border: 1px solid #000;
border-radius: 5px;
margin: 5px;
}
@media screen and (max-width: 600px) {
.title-container {
flex-direction: column;
}
}
.hotel {
position: relative;
display: inline-flex;
justify-content: center; /* Center flex items horizontally */
}
.hotel img {
max-width: 45%; /* Adjust the width of each image */
height: auto;
border-radius: 10px;
}
.image-container {
position: relative;
margin: 10px;
max-width: 350px; /* Adjust as needed */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.616); /* Add box shadow */
display: flex; /* Ensure image-container uses flexbox */
}
.image-container img {
max-width: 100%;
height: auto;
}
.text-overlay {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.7); /* semi-transparent black background */
color: white;
font-weight: 1000;
padding: 10px;
box-sizing: border-box;
opacity: 0; /* Hide by default */
transition: opacity 0.2s ease; /* Add smooth transition */
}
.image-container:hover .text-overlay {
opacity: 1; /* Show text overlay on hover */
}
/* Media query for mobile devices */
@media (max-width: 768px) {
.text-overlay {
bottom: auto;
top: 0;
padding: 5px;
font-size: 14px;
}
.hotel img {
max-width: 100%; /* Adjust image width for mobile */
}
/* Change display to row direction for small screens */
.hotel {
flex-direction: column;
}
}
:root {
--primary-color: #147DFE;
--primary-color-rgb: 20, 125, 254;
--black-color: #000000;
--black-color-rgb: 0, 0, 0;
/*--primary-font: 'Poppins', sans-serif;*/
}
.wpte-bf-outer *,
.wpte-bf-outer *:before,
.wpte-bf-outer *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wpte-bf-outer,
.wpte-bf-outer input,
.wpte-bf-outer textarea,
.wpte-bf-outer select,
.wpte-bf-outer button {
/*font-family: var(--primary-font);*/
font-weight: 400;
}
.wpte-bf-outer img {
vertical-align: top;
max-width: 100%;
}
.wpte-bf-outer input[type="text"],
.wpte-bf-outer input[type="email"],
.wpte-bf-outer input[type="url"],
.wpte-bf-outer input[type="password"],
.wpte-bf-outer input[type="search"],
.wpte-bf-outer input[type="number"],
.wpte-bf-outer input[type="tel"],
.wpte-bf-outer input[type="range"],
.wpte-bf-outer input[type="date"],
.wpte-bf-outer input[type="month"],
.wpte-bf-outer input[type="week"],
.wpte-bf-outer input[type="time"],
.wpte-bf-outer input[type="datetime"],
.wpte-bf-outer input[type="datetime-local"],
.wpte-bf-outer input[type="color"],
.wpte-bf-outer textarea,
.wpte-bf-outer select {
height: 60px;
width: 100%;
border-radius: 4px;
border: 1px solid rgba(var(--black-color-rgb), 0.1);
background: rgba(var(--black-color-rgb), 0.01);
padding: 10px 15px;
font-size: 16px;
text-shadow: none;
box-shadow: none;
}
.wpte-bf-outer input[type="text"]:focus,
.wpte-bf-outer input[type="email"]:focus,
.wpte-bf-outer input[type="url"]:focus,
.wpte-bf-outer input[type="password"]:focus,
.wpte-bf-outer input[type="search"]:focus,
.wpte-bf-outer input[type="number"]:focus,
.wpte-bf-outer input[type="tel"]:focus,
.wpte-bf-outer input[type="range"]:focus,
.wpte-bf-outer input[type="date"]:focus,
.wpte-bf-outer input[type="month"]:focus,
.wpte-bf-outer input[type="week"]:focus,
.wpte-bf-outer input[type="time"]:focus,
.wpte-bf-outer input[type="datetime"]:focus,
.wpte-bf-outer input[type="datetime-local"]:focus,
.wpte-bf-outer input[type="color"]:focus,
.wpte-bf-outer textarea:focus,
.wpte-bf-outer select:focus {
outline: none;
}
.wpte-bf-outer select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url('data:image/svg+xml; utf-8, ');
background-repeat: no-repeat;
background-position: calc(100% - 15px) 50%;
background-size: 14px;
padding-right: 40px;
}
.wpte-bf-outer input[type="number"] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
.wpte-bf-checkbox .wpte-bf-checkbox-wrap {
font-size: 14px;
color: rgba(var(--black-color-rgb), 0.6);
position: relative;
}
.wpte-bf-checkbox .wpte-bf-checkbox-wrap a {
color: var(--primary-color);
text-decoration: underline;
}
.wpte-bf-checkbox .wpte-bf-checkbox-wrap a:hover {
text-decoration: none;
}
.wpte-bf-checkbox .wpte-bf-checkbox-wrap input[type="checkbox"] {
position: absolute;
top: 5px;
left: 0;
margin: 0;
opacity: 0;
}
.wpte-bf-checkbox .wpte-bf-checkbox-wrap label {
display: inline-block;
position: relative;
padding-left: 30px;
}
.wpte-bf-checkbox .wpte-bf-checkbox-wrap label::before {
content: "";
width: 20px;
height: 20px;
border-radius: 3px;
border: 2px solid rgba(var(--black-color-rgb), 0.4);
position: absolute;
top: 1px;
left: 0;
background-color: rgb(163, 142, 142);
background-image: url('data:image/svg+xml; utf-8, ');
background-size: 0;
background-repeat: no-repeat;
background-position: center;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.wpte-bf-checkbox .wpte-bf-checkbox-wrap input[type="checkbox"]:checked + label::before {
border-color: var(--primary-color);
background-color: var(--primary-color);
background-size: 13px;
}
.parsley-errors-list {
margin: 0;
list-style: none;
padding: 0;
}
.parsley-errors-list li {
font-size: 14px;
margin-top: 5px;
color: #cc444d;
}
.wpte-bf-outer .wpte-bf-field {
margin-bottom: 30px;
}
.wpte-bf-outer .wpte-bf-label {
display: block;
font-size: 16px;
font-weight: 500;
margin-bottom: 10px;
letter-spacing: 0.5px;
color: rgba(var(--black-color-rgb), 0.6);
}
.required {
color: #FF8B3D;
}
.wpte-bf-price-wrap {
border: 1px solid rgba(var(--black-color-rgb), 0.06);
background: rgba(var(--black-color-rgb), 0.01);
padding: 8%;
}
.wpte-bf-price-wrap .wpte-bf-ptitle {
font-size: 15px;
line-height: 1.53;
margin-bottom: 10px;
}
.wpte-bf-price-wrap .wpte-bf-price {
border-bottom: 1px solid rgba(var(--black-color-rgb), 0.07);
padding-bottom: 10px;
margin-bottom: 10px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.wpte-bf-price-wrap .wpte-bf-price:last-child {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.wpte-bf-price-wrap .wpte-bf-price del {
color: rgba(var(--black-color-rgb), 0.4);
font-size: 17px;
display: inline-block;
padding-right: 10px;
}
.wpte-bf-price-wrap .wpte-bf-price ins {
background: none;
display: inline-block;
font-size: 20px;
text-decoration: none;
letter-spacing: 0.5px;
font-weight: 300;
}
.wpte-bf-price-wrap .wpte-bf-price ins b {
font-weight: 600;
}
.wpte-bf-price-wrap .wpte-bf-price .wpte-bf-pqty {
display: inline-block;
padding-left: 10px;
font-size: 15px;
}
.wpte-bf-toggle-wrap .wpte-bf-toggle-title {
border-radius: 0;
width: 100%;
background: rgba(var(--primary-color-rgb), 0.15);
border: none;
min-height: 35px;
padding: 5px 20px;
cursor: pointer;
text-shadow: none;
color: var(--primary-color);
font-size: 15px;
letter-spacing: 0.5px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.wpte-bf-toggle-wrap .wpte-bf-toggle-title:hover {
background: rgba(var(--primary-color-rgb), 0.2);
}
.wpte-bf-toggle-wrap .wpte-bf-toggle-title .fa-users {
margin-right: 10px;
}
.wpte-bf-toggle-wrap .wpte-bf-toggle-title .fa-chevron-down {
margin-left: 15px;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.wpte-bf-toggle-wrap.active .wpte-bf-toggle-title .fa-chevron-down {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.wpte-bf-toggle-wrap .wpte-bf-toggle-content {
display: none;
}
.wpte-bf-toggle-content table {
width: 100%;
margin: 10px 0 0 0;
border-collapse: collapse;
}
.wpte-bf-toggle-content table thead tr {
border-bottom: 1px solid rgba(var(--black-color-rgb), 0.35);
}
.wpte-bf-toggle-content table thead tr th {
border: none;
text-align: left;
padding: 10px 0;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.5px;
}
.wpte-bf-toggle-content table thead tr th:last-child {
text-align: right;
}
.wpte-bf-toggle-content table tr td {
border: none;
padding: 12px 0;
font-size: 14px;
letter-spacing: 0.5px;
text-align: left;
position: relative;
}
.wpte-bf-toggle-content table tr td:first-child {
padding-right: 47px;
}
.wpte-bf-toggle-content table tr td:last-child {
text-align: right;
font-weight: 500;
padding-left: 47px;
}
.wpte-bf-toggle-content table tr td:first-child::before {
content: "";
border-top: 1px dashed rgba(var(--black-color-rgb), 0.5);
height: 1px;
width: 94px;
position: absolute;
top: 0;
left: calc(100% - 47px);
bottom: 0;
margin: auto;
z-index: 9;
}
.wpte-bf-booking-steps {
margin-top: 45px;
box-shadow: 0 -1px 45px rgba(var(--black-color-rgb), 0.07);
}
.wpte-bf-booking-steps .wpte-bf-step-wrap {
background: rgba(var(--black-color-rgb), 0.05);
padding: 15px;
font-size: 15px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step {
background: none;
border: none;
padding: 0;
text-shadow: none;
color: #333;
font-size: 14px;
vertical-align: middle;
display: inline-block;
}
.wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step.active {
font-size: 16px;
font-weight: 500;
color: var(--primary-color);
}
.wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step-arrow {
padding: 0 5px;
position: relative;
top: 2px;
}
.wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step-arrow:last-child {
display: none;
}
.wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step-arrow svg {
width: 10px;
height: 13px;
}
.wpte-bf-step-content:first-child {
padding-bottom: 30px;
}
.wpte-bf-step-content:not(.active) {
display: none;
}
.wpte-bf-datepicker {
padding: 25px;
}
.wpte-bf-datepicker .ui-datepicker-inline {
width: 100%;
border: none;
border-bottom: 1px solid rgba(var(--primary-color-rgb), 0.07);
padding: 0;
background: #fff;
border-radius: 0;
}
.wpte-bf-datepicker .ui-widget {
/*font-family: var(--primary-font);*/
max-width: 100%;
}
.wpte-bf-datepicker .ui-datepicker-inline .ui-widget-header {
background: none;
border: none;
border-bottom: 1px solid rgba(var(--primary-color-rgb), 0.07);
border-radius: 0;
font-weight: 400;
font-size: 17px;
padding-top: 0;
padding-bottom: 10px;
}
.wpte-bf-datepicker .ui-datepicker-inline .ui-datepicker-title {
line-height: 1.18;
font-size: 17px !important;
}
.wpte-bf-datepicker .ui-datepicker-inline .ui-widget-header a[class*="ui-datepicker-"] {
top: auto;
bottom: 5px;
border: none;
background-color: transparent;
background-image: url('data:image/svg+xml; utf-8, ');
background-repeat: no-repeat;
background-position: center;
background-size: 16px;
opacity: 0.3;
filter: alpha(opacity=30);
cursor: pointer;
height: 1.8em !important;
}
.wpte-bf-datepicker .ui-datepicker-inline .ui-widget-header a.ui-datepicker-prev-hover,
.wpte-bf-datepicker .ui-datepicker-inline .ui-widget-header a.ui-datepicker-next-hover {
top: auto;
bottom: 5px;
opacity: 1;
filter: alpha(opacity=100);
}
.wpte-bf-datepicker .ui-datepicker .ui-datepicker-prev-hover {
left: 2px;
}
.wpte-bf-datepicker .ui-datepicker-inline .ui-widget-header a.ui-datepicker-next {
background-image: url('data:image/svg+xml; utf-8, ');
}
.wpte-bf-datepicker .ui-datepicker .ui-datepicker-next-hover {
right: 2px;
}
.wpte-bf-datepicker .ui-datepicker-inline .ui-widget-header a[class*="ui-datepicker-"] span {
display: none;
}
.wpte-bf-step-content .ui-datepicker table {
font-size: 16px !important;
}
.wpte-bf-datepicker .ui-datepicker th {
padding: 10px 0;
border-bottom: 1px solid rgba(var(--primary-color-rgb), 0.07);
font-size: 15px;
font-weight: 500;
color: var(--black-color);
}
.wpte-bf-step-content .ui-datepicker td span,
.wpte-bf-step-content .ui-datepicker td a {
padding: 10px 0;
text-align: center;
border-radius: 4px;
}
.wpte-bf-datepicker .ui-datepicker td a.ui-state-default {
background: none;
border: none;
text-align: center;
font-size: 15px;
color: var(--black-color);
font-weight: 400;
padding: 7px 0;
}
.wpte-bf-datepicker .ui-datepicker td a.ui-state-default:hover {
background: var(--black-color);
color: #fff;
}
.wpte-bf-step-content .ui-state-default,
.wpte-bf-step-content .ui-widget-content .ui-state-default,
.wpte-bf-step-content .ui-widget-header .ui-state-default,
.wpte-bf-step-content .ui-button,
html .wpte-bf-step-content .ui-button.ui-state-disabled:hover,
html .wpte-bf-step-content .ui-button.ui-state-disabled:active {
border: none;
text-align: center;
background: none;
}
.wpte-bf-step-content .wpte-bf-block-title {
padding: 30px 25px;
font-size: 20px;
font-weight: 500;
line-height: 1.5;
color: rgba(var(--black-color-rgb), 0.8);
}
.wpte-bf-step-content .wpte-bf-traveler-member {
padding: 0 25px;
}
.wpte-bf-step-content .wpte-bf-traveler-member .wpte-bf-traveler-block,
.wpte-bf-step-content .wpte-bf-traveler-member .wpte-bf-es-block {
border-bottom: 1px solid rgba(var(--black-color-rgb), 0.05);
margin-bottom: 25px;
padding-bottom: 25px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.wpte-bf-step-content .wpte-bf-traveler-block .wpte-bf-traveler,
.wpte-bf-step-content .wpte-bf-es-block .wpte-bf-traveler {
display: flex;
flex: initial;
align-items: center;
position: relative;
padding-right: 20px;
}
.wpte-bf-step-content .wpte-bf-number-field {
width: 82px;
height: 35px;
border-radius: 50px;
border: 1px solid rgba(var(--black-color-rgb), 0.3);
overflow: hidden;
display: flex;
flex: initial;
}
.wpte-bf-step-content .wpte-bf-number-field input[type="text"] {
width: calc(100% - 54px);
padding: 0;
border: none;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
text-align: center;
font-weight: 500;
color: var(--black-color);
font-size: 18px;
height: auto;
border-radius: 0;
background: #fff;
}
.wpte-bf-step-content .wpte-bf-number-field button {
color: #333;
width: 27px;
height: 100%;
background: rgba(var(--black-color-rgb), 0.1);
border: none;
box-shadow: none;
border-radius: 0;
padding: 0;
cursor: pointer;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.wpte-bf-step-content .wpte-bf-number-field button.wpte-bf-minus {
order: -1;
}
.wpte-bf-step-content .wpte-bf-number-field button:hover {
color: var(--primary-color);
}
.wpte-bf-step-content .wpte-bf-number-field button svg {
width: 12px;
height: 16px;
}
.wpte-bf-step-content .wpte-bf-number-field + span {
display: inline-block;
padding-left: 10px;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.5px;
width: calc(100% - 82px);
}
.wpte-bf-step-content .wpte-bf-price {
font-size: 18px;
letter-spacing: 0.5px;
}
.wpte-bf-step-content .wpte-bf-traveler-block .wpte-bf-price,
.wpte-bf-step-content .wpte-bf-es-block .wpte-bf-price {
display: flex;
flex-direction: column;
flex: 1;
align-items: flex-end;
}
.wpte-bf-step-content .wpte-bf-price ins {
background: none;
text-decoration: none;
font-weight: 300;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.wpte-bf-step-content .wpte-bf-price ins b {
font-weight: 600;
padding-left: 5px;
}
.wpte-bf-step-content .wpte-bf-price .wpte-bf-pqty {
display: block;
font-size: 13px;
text-align: right;
color: rgba(var(--black-color-rgb), 0.5);
letter-spacing: 0;
}
.wpte-bf-step-content-wrap .wpte-bf-total-price {
margin-bottom: 30px;
text-align: center;
font-size: 30px;
}
.wpte-bf-step-content-wrap .wpte-bf-total-price > span {
display: inline-block;
vertical-align: middle;
letter-spacing: 0.5px;
}
.wpte-bf-step-content-wrap .wpte-bf-total-price .wpte-bf-total-txt {
margin-right: 5px;
font-weight: 200;
}
.wpte-bf-step-content-wrap .wpte-bf-total-price .wpte-bf-currency {
font-weight: 300;
}
.wpte-bf-step-content-wrap .wpte-bf-total-price .wpte-bf-price-amt {
font-weight: 600;
}
.wpte-bf-step-content-wrap .wpte-bf-toggle-wrap .wpte-bf-toggle-content {
margin-top: 30px;
padding-left: 25px;
padding-right: 25px;
}
.wpte-bf-step-content-wrap .wpte-bf-toggle-wrap .wpte-bf-toggle-content table {
margin-top: 0;
}
.wpte-bf-step-content-wrap .wpte-bf-toggle-wrap .wpte-bf-toggle-content table + table {
margin-top: 15px;
}
.wpte-bf-step-content-wrap .wpte-bf-toggle-wrap table caption {
text-align: left;
font-size: 15px;
font-weight: 600;
margin-bottom: 5px;
}
.wpte-bf-step-content-wrap .wpte-bf-toggle-content table tr td {
padding-right: 0;
padding-left: 0;
}
.wpte-bf-step-content-wrap .wpte-bf-toggle-content table tr td:first-child::before {
display: none;
}
.wpte-bf-step-content-wrap .wpte-bf-toggle-content table tr td .wpte-bf-info {
font-size: 12px;
color: rgba(var(--black-color-rgb), 0.6);
}
.wpte-bf-step-content-wrap .wpte-bf-toggle-content .wpte-bf-total {
border-top: 1px solid rgba(var(--black-color-rgb), 0.1);
font-weight: 400;
text-align: right;
padding-top: 10px;
}
.wpte-bf-step-content-wrap .wpte-bf-toggle-content .wpte-bf-total b {
font-weight: 600;
font-size: 16px;
margin-left: 10px;
}
.wpte-bf-step-content-wrap .wpte-bf-btn-wrap {
padding: 25px 25px 30px 25px;
}
.wpte-bf-step-content-wrap .wpte-bf-btn-wrap input.wpte-bf-btn,
.wpte-bf-submit input[type="submit"] {
background: var(--primary-color);
border: 1px solid var(--primary-color);
color: #fff;
padding: 10px 20px;
width: 100%;
border-radius: 3px;
font-size: 18px;
cursor: pointer;
}
.wpte-bf-submit input[type="submit"] {
font-size: 20px;
}
.wpte-bf-step-content-wrap .wpte-bf-btn-wrap input.wpte-bf-btn:hover,
.wpte-bf-submit input[type="submit"]:hover {
background: none;
color: var(--primary-color);
}
.wpte-bf-info-wrap {
position: absolute;
top: 0;
padding-left: 8px;
right: 5px;
}
.wpte-bf-info-wrap .wpte-bf-info-icon {
color: var(--black-color);
background: rgba(var(--black-color-rgb), 0.07);
width: 18px;
height: 18px;
display: flex;
border-radius: 100%;
flex-wrap: wrap;
align-items: center;
justify-content: center;
flex-direction: column;
cursor: help;
}
.wpte-bf-info-wrap .wpte-bf-info-icon svg {
width: 10px;
height: 10px;
}
.wpte-bf-info-wrap .wpte-bf-info-txt {
position: absolute;
bottom: calc(100% + 15px);
right: 0;
background: var(--black-color);
color: #fff;
font-size: 12px;
padding: 10px;
line-height: 1.5;
width: 180px;
border-radius: 3px;
opacity: 0;
visibility: hidden;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
-webkit-transform: translateX(50%);
-moz-transform: translateX(50%);
transform: translateX(50%);
}
.wpte-bf-info-wrap .wpte-bf-info-icon:hover + .wpte-bf-info-txt {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.wpte-bf-info-wrap .wpte-bf-info-txt::after {
content: "";
border-top: 4px solid var(--black-color);
border-left: 4px solid transparent;
border-right: 4px solid transparent;
position: absolute;
top: 100%;
right: 0;
left: 0;
width: 0;
height: 0;
margin: auto;
transform: translateX(-100%);
}
.wpte-bf-help-block {
background: rgba(var(--black-color-rgb), 0.05);
padding: 7px 12px;
font-size: 14px;
text-align: center;
}
.wpte-bf-help-block a {
color: var(--primary-color);
text-decoration: underline;
}
.wpte-bf-help-block a:hover {
text-decoration: none;
}
/*==========================
CHECKOUT PAGE
==========================*/
.wpte-bf-checkout .wpte-bf-title {
margin-bottom: 30px;
font-size: 24px;
font-weight: 600;
line-height: 1.5;
}
.wpte-bf-checkout .wpte-bf-booking-steps {
margin-top: 0;
box-shadow: none;
}
.wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-step-wrap {
background: none;
padding: 0;
text-align: left;
font-size: 17px;
margin-bottom: 60px;
counter-reset: wpte-bf-count;
}
.wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step {
position: relative;
counter-increment: wpte-bf-count;
color: rgba(var(--black-color-rgb), 0.3);
padding-left: 40px;
min-height: 30px;
display: flex;
flex-direction: column;
justify-content: center;
cursor: default;
margin-left: 80px;
padding-right: 20px;
}
.wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step:first-child {
margin-left: 0;
}
.wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step:last-child {
padding-right: 0;
}
.wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step.active {
font-weight: 500;
color: var(--black-color);
}
.wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step::before {
content: counter(wpte-bf-count);
background: none;
border: 3px solid rgba(var(--primary-color-rgb), 0.1);
width: 30px;
height: 30px;
line-height: 23px;
color: var(--primary-color);
position: absolute;
top: 0;
left: 0;
text-align: center;
border-radius: 100%;
font-weight: 400;
}
.wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step.completed::before {
content: "";
background-color: rgba(var(--primary-color-rgb), 0.1);
background-image: url('data:image/svg+xml; utf-8, ');
background-repeat: no-repeat;
background-position: center;
background-size: 13px;
border-color: transparent;
}
.wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step.active::before {
background: var(--primary-color);
color: #fff;
}
.wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step::after {
content: "";
background: rgba(var(--primary-color-rgb), 0.3);
width: 60px;
height: 3px;
border-radius: 50px;
position: absolute;
top: 50%;
right: calc(100% + 20px);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step:first-child::after {
display: none;
}
.wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step.active::after {
background: var(--primary-color);
}
.wpte-bf-checkout .wpte-bf-step-content-wrap {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.wpte-bf-checkout .wpte-bf-checkout-form {
width: 65%;
padding-right: 5%;
}
.wpte-bf-checkout .wpte-bf-field.wpte-bf-radio {
border-top: 1px solid rgba(var(--black-color-rgb), 0.05);
padding-top: 30px;
margin-top: 60px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.wpte-bf-checkout .wpte-bf-field.wpte-bf-radio .wpte-bf-label {
color: rgba(var(--black-color-rgb), 0.8);
font-size: 19px;
width: 100%;
margin-bottom: 25px;
}
.wpte-bf-checkout .wpte-bf-radio .wpte-bf-radio-wrap {
display: inline-block;
margin-right: 3%;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.5px;
color: rgba(var(--black-color-rgb), 0.75);
position: relative;
}
.wpte-bf-checkout .wpte-bf-radio .wpte-bf-radio-wrap:last-child {
margin-right: 0;
}
.wpte-bf-checkout .wpte-bf-radio .wpte-bf-radio-wrap input[type="radio"] {
position: absolute;
top: 5px;
left: 0;
margin: 0;
opacity: 0;
}
.wpte-bf-checkout .wpte-bf-radio .wpte-bf-radio-wrap label {
position: relative;
display: inline-block;
padding-left: 30px;
}
.wpte-bf-checkout .wpte-bf-radio .wpte-bf-radio-wrap label::before {
content: "";
width: 22px;
height: 22px;
border: 2px solid rgba(var(--black-color-rgb), 0.4);
position: absolute;
top: 50%;
left: 0;
border-radius: 100%;
box-shadow: 0 0 0 20px #fff inset;
background: transparent;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.wpte-bf-checkout .wpte-bf-radio .wpte-bf-radio-wrap input[type="radio"]:checked + label::before {
background: var(--primary-color);
border-color: var(--primary-color);
box-shadow: 0 0 0 4px #fff inset;
}
.wpte-bf-checkout .wpte-bf-card-number {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
border-radius: 4px;
border: 1px solid rgba(var(--black-color-rgb), 0.1);
background: rgba(var(--black-color-rgb), 0.01);
padding: 10px 15px;
font-size: 16px;
text-shadow: none;
box-shadow: none;
height: auto;
min-height: 60px;
}
.wpte-bf-checkout .wpte-bf-card-number input[type="number"] {
border: none;
background: none;
padding: 0 15px 0 0;
width: auto;
max-width: calc(100% - 140px);
display: flex;
flex: 1;
height: auto;
flex-direction: column;
}
.wpte-bf-checkout .wpte-bf-card-number input[type="number"] + img {
max-width: 140px;
}
.wpte-bf-checkout .wpte-bf-half {
display: flex;
flex-wrap: wrap;
margin-left: -1%;
margin-right: -1%;
overflow: hidden;
}
.wpte-bf-checkout .wpte-bf-half .wpte-bf-label {
width: 100%;
margin-bottom: 0;
margin-left: 1%;
margin-right: 1%;
}
.wpte-bf-checkout .wpte-bf-half select {
margin-top: 10px;
margin-right: 1%;
margin-left: 1%;
width: 48%;
}
.wpte-bf-checkout .wpte-bf-password {
max-width: 49%;
}
.wpte-bf-checkout .wpte-bf-password-wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
border-radius: 4px;
border: 1px solid rgba(var(--black-color-rgb), 0.1);
background: rgba(var(--black-color-rgb), 0.01);
padding: 10px 15px;
font-size: 16px;
text-shadow: none;
box-shadow: none;
height: auto;
min-height: 60px;
}
.wpte-bf-checkout .wpte-bf-password-wrap input[type="password"],
.wpte-bf-checkout .wpte-bf-password-wrap input[type="text"] {
border: none;
background: none;
padding: 0 15px 0 0;
width: calc(100% - 25px);
height: auto;
}
.wpte-bf-checkout .wpte-bf-password-wrap .wpte-bf-vp {
padding: 0;
background: none;
border: none;
width: 25px;
height: 25px;
overflow: hidden;
line-height: 25px;
color: rgba(var(--black-color-rgb), 0.35);
cursor: pointer;
position: relative;
}
.wpte-bf-checkout .wpte-bf-password-wrap .wpte-bf-vp svg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.wpte-bf-checkout .wpte-bf-password-wrap .wpte-bf-vp svg:last-child {
display: none;
}
.wpte-bf-checkout .wpte-bf-password-wrap.type-changed .wpte-bf-vp svg:first-child {
display: none;
}
.wpte-bf-checkout .wpte-bf-password-wrap.type-changed .wpte-bf-vp svg:last-child {
display: block;
color: rgba(var(--black-color-rgb), 0.7);
}
.wpte-bf-checkout .wpte-bf-book-summary {
width: 35%;
position: sticky;
top: 50px;
}
.wpte-bf-checkout .wpte-bf-summary-wrap {
padding: 10% 10% 0 10%;
background: rgba(var(--black-color-rgb), 0.01);
border: 1px solid rgba(var(--black-color-rgb), 0.05);
}
.wpte-bf-checkout .wpte-bf-summary-wrap .wpte-bf-title {
font-size: 28px;
font-weight: 300;
color: rgba(var(--black-color-rgb), 0.8);
margin-bottom: 20px;
}
.wpte-bf-checkout .wpte-bf-summary-wrap .wpte-bf-trip-name-wrap {
border-bottom: 1px solid rgba(var(--black-color-rgb), 0.05);
margin-bottom: 30px;
padding-bottom: 20px;
}
.wpte-bf-checkout .wpte-bf-summary-wrap .wpte-bf-trip-name {
font-size: 22px;
font-weight: 500;
color: rgba(var(--black-color-rgb), 0.9);
line-height: 1.3;
margin-bottom: 0;
}
.wpte-bf-checkout .wpte-bf-summary-wrap .wpte-bf-trip-date {
font-size: 16px;
letter-spacing: 0.5px;
}
.wpte-bf-checkout .wpte-bf-summary-wrap table {
width: 100%;
margin: 0;
border-collapse: collapse;
}
.wpte-bf-checkout .wpte-bf-summary-wrap table.wpte-bf-extra-info-table {
margin-top: 20px;
}
.wpte-bf-checkout .wpte-bf-summary-wrap table tr td {
font-size: 18px;
padding: 10px 0;
}
.wpte-bf-checkout .wpte-bf-summary-wrap table tr td {
border: none;
font-size: 18px;
padding: 10px 0;
}
.wpte-bf-checkout .wpte-bf-summary-wrap table tr td:last-child {
text-align: right;
}
.wpte-bf-checkout .wpte-bf-summary-wrap table tr td b {
font-weight: 500;
}
.wpte-bf-checkout .wpte-bf-summary-wrap table tbody tr:last-child td {
padding-bottom: 20px;
}
.wpte-bf-checkout .wpte-bf-summary-wrap table tfoot {
border-top: 1px solid rgba(var(--black-color-rgb), 0.05);
text-align: right;
}
.wpte-bf-checkout .wpte-bf-summary-wrap table tfoot tr td {
padding-top: 20px;
}
.wpte-bf-checkout .wpte-bf-summary-wrap table tfoot tr td .wpte-bf-total-txt {
font-weight: 500;
font-size: 17px;
display: inline-block;
padding-right: 10px;
}
.wpte-bf-checkout .wpte-bf-summary-wrap table tfoot tr td .wpte-bf-currency {
display: inline-block;
font-size: 23px;
letter-spacing: 0.5px;
}
.wpte-bf-checkout .wpte-bf-summary-wrap table tfoot tr td .wpte-bf-price-amt {
font-weight: 500;
font-size: 23px;
letter-spacing: 0.5px;
}
.wpte-bf-checkout .wpte-bf-summary-total {
text-align: right;
background: rgba(var(--black-color-rgb), 0.75);
color: #fff;
padding: 2% 10%;
}
.wpte-bf-checkout .wpte-bf-step-content-wrap .wpte-bf-total-price {
margin-bottom: 0;
line-height: 1.3;
}
.wpte-bf-checkout .wpte-bf-summary-total .wpte-bf-total-txt {
display: inline-block;
padding-right: 20px;
font-size: 17px;
vertical-align: middle;
}
.wpte-bf-checkout .wpte-bf-summary-total .wpte-bf-currency {
font-weight: 300;
letter-spacing: 0.5px;
font-size: 26px;
display: inline-block;
vertical-align: middle;
}
.wpte-bf-checkout .wpte-bf-summary-total .wpte-bf-price-amt {
font-size: 26px;
font-weight: 600;
letter-spacing: 0.5px;
display: inline-block;
vertical-align: middle;
}
.relation-options-title, .personal-options-title {
width: 100%;
display: table;
clear: both;
}
.wp-travel-engine-personal-details:nth-child(2n),
.wp-travel-engine-relation-details:nth-child(2n) {
clear: both;
}
.wp-travel-engine-relation-details select,
.wp-travel-engine-personal-details select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
background-image: url('data:image/svg+xml; utf-8, ');
background-repeat: no-repeat;
background-position: calc(100% - 10px) 50%;
background-size: 12px;
padding-right: 30px;
}
#wp-travel-engine-order-form input[type="submit"] {
display: table;
clear: both;
margin-left: 15px;
}
/*============================
RESPONSIVE STYLESHEET
============================*/
@media screen and (min-width: 1025px) and (max-width: 1366px) {
.wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step {
margin-left: 60px;
}
.wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step::after {
width: 40px;
}
.wpte-bf-checkout .wpte-bf-summary-wrap {
padding: 40px 20px 0 20px;
}
.wpte-bf-checkout .wpte-bf-summary-total {
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (max-width: 1024px) {
.wpte-bf-checkout .wpte-bf-step-content-wrap {
flex-direction: column;
}
.wpte-bf-checkout .wpte-bf-checkout-form {
width: 100%;
padding-right: 0;
}
.wpte-bf-checkout .wpte-bf-book-summary {
position: static;
width: 100%;
}
.wpte-bf-checkout .wpte-bf-summary-wrap {
padding: 50px 60px 0 60px;
}
.wpte-bf-checkout .wpte-bf-summary-total {
padding-left: 60px;
padding-right: 60px;
}
.wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step {
font-size: 14px;
padding-left: 0;
padding-right: 5px;
padding-top: 30px;
margin-left: 30px;
min-height: 25px;
}
.wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step::before {
right: 0;
margin: 0 auto;
}
.wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step::after {
width: 20px;
right: calc(100% + 7px);
top: 15px;
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
}
@media screen and (max-width: 640px) {
.wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-step-wrap {
margin-bottom: 40px;
font-size: 14px;
align-items: flex-start;
}
.wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step {
font-size: 0;
padding-left: 0;
padding-right: 5px;
padding-top: 35px;
margin-left: 35px;
min-height: 22px;
width: 27px;
}
.wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step.active {
font-size: 14px;
font-weight: 400;
}
.wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step::before {
right: auto;
margin: 0;
font-size: 14px;
font-weight: 500;
}
.wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step .wpte-bf-step-inner {
width: 150px;
text-align: center;
-webkit-transform: translateX(-40%);
-moz-transform: translateX(-40%);
transform: translateX(-40%);
}
.wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step:first-child .wpte-bf-step-inner {
text-align: left;
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
.wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step:last-child .wpte-bf-step-inner {
text-align: right;
-webkit-transform: translateX(calc((-100%) + 25px));
-moz-transform: translateX(calc((-100%) + 25px));
transform: translateX(calc((-100%) + 25px));
}
.wpte-bf-checkout .wpte-bf-password {
max-width: 100%;
}
}
@media screen and (max-width: 480px) {
.wpte-bf-booking-steps .wpte-bf-step-wrap {
padding-left: 10px;
padding-right: 10px;
}
.wpte-bf-step-content .wpte-bf-traveler-member .wpte-bf-traveler-block,
.wpte-bf-step-content .wpte-bf-traveler-member .wpte-bf-es-block {
flex-direction: column;
}
.wpte-bf-step-content .wpte-bf-traveler-block .wpte-bf-traveler,
.wpte-bf-step-content .wpte-bf-es-block .wpte-bf-traveler {
margin-bottom: 20px;
}
.wpte-bf-step-content .wpte-bf-traveler-block .wpte-bf-price,
.wpte-bf-step-content .wpte-bf-es-block .wpte-bf-price {
align-items: center;
}
.wpte-bf-info-wrap .wpte-bf-info-txt {
right: -10px;
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
.wpte-bf-info-wrap .wpte-bf-info-txt::after {
left: auto;
right: 8px;
}
.wpte-bf-step-content .wpte-bf-price,
.wpte-bf-step-content .wpte-bf-price .wpte-bf-pqty {
text-align: center;
}
.wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step {
padding-top: 30px;
margin-left: 30px;
}
.wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step::before {
width: 22px;
height: 22px;
border-width: 2px;
font-size: 13px;
font-weight: 600;
line-height: 18px;
top: 5px;
}
.wpte-bf-checkout .wpte-bf-radio .wpte-bf-radio-wrap {
margin-right: 20px;
}
.wpte-bf-checkout .wpte-bf-card-number {
flex-direction: column;
align-items: flex-start;
}
.wpte-bf-checkout .wpte-bf-card-number input[type="number"] {
display: block;
width: 100%;
max-width: 100%;
flex: initial;
padding-right: 0;
}
.wpte-bf-checkout .wpte-bf-card-number img {
margin-top: 15px;
}
.wpte-bf-checkout .wpte-bf-card-number input[type="number"] + img {
max-width: 100%;
}
.wpte-bf-checkout .wpte-bf-half {
margin-left: 0;
margin-right: 0;
flex-direction: column;
}
.wpte-bf-checkout .wpte-bf-half .wpte-bf-label {
margin-left: 0;
margin-right: 0;
}
.wpte-bf-checkout .wpte-bf-half select {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.wpte-bf-checkout .wpte-bf-summary-wrap {
padding: 40px 20px 0 20px;
}
.wpte-bf-checkout .wpte-bf-summary-total {
padding-left: 25px;
padding-right: 25px;
}
}
/**
* All of the CSS for your public-facing functionality should be
* included in this file.
*/
.wpte-trip-feat-img-gallery{
position: relative;
}
.wpte-trip-feat-img-gallery .owl-prev{
position: absolute;
top: 50%;
left: 40px;
width: 60px;
height: 60px;
background: rgba(0, 0, 0, 0.5);
border-radius: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
font-size: 0;
}
.wpte-trip-feat-img-gallery .owl-prev:before{
content: '';
opacity: 1;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 15px;
height: 20px;
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 192 512'%3E%3Cpath d='M192 127.338v257.324c0 17.818-21.543 26.741-34.142 14.142L29.196 270.142c-7.81-7.81-7.81-20.474 0-28.284l128.662-128.662c12.599-12.6 34.142-3.676 34.142 14.142z'/%3E%3C/svg%3E") center center no-repeat;
}
.wpte-trip-feat-img-gallery .owl-next{
position: absolute;
top: 50%;
right: 40px;
width: 60px;
height: 60px;
background: rgba(0, 0, 0, 0.5);
border-radius: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
font-size: 0;
}
.wpte-trip-feat-img-gallery .owl-next:after{
content: '';
opacity: 1;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 15px;
height: 20px;
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 192 512'%3E%3Cpath d='M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z'/%3E%3C/svg%3E") center center no-repeat;
}
@media only screen and (max-width: 767px){
.wpte-trip-feat-img-gallery .owl-prev{
width: 40px;
height: 40px;
left: 10px;
}
.wpte-trip-feat-img-gallery .owl-next{
width: 40px;
height: 40px;
right: 10px;
}
}
/**
* All of the CSS for your public-facing functionality should be
* included in this file.
*/
/*
/*-----------------------------
custom css
-----------------------------*/
*{
box-sizing: border-box;
}
.place-order-form-primary-wrapper {
margin-bottom: 15px;
}
/*============================
trip detail tab style
=============================*/
#tabs-container {
margin-top: 30px;
}
#tabs-container .tab-inner-wrapper:after {
content: '';
display: block;
clear: both;
}
#tabs-container .tab-inner-wrapper .tab-anchor-wrapper {
float: left;
border: 1px solid #ccc;
background: #e5e5e5;
border-bottom: 1px solid #e5e5e5;
margin-right: 6px;
margin-bottom: 6px;
}
#tabs-container .tab-inner-wrapper .tab-anchor-wrapper .wte-tab-title{
font-size: 1em;
font-weight: normal;
margin: 0;
}
#tabs-container .tab-inner-wrapper .tab-anchor-wrapper .wte-tab-title:before,
#tabs-container .tab-inner-wrapper .tab-anchor-wrapper .wte-tab-title:after{
display: none;
}
#tabs-container .tab-inner-wrapper .tab-anchor-wrapper a {
display: block;
padding: 5px 10px;
color: #636363;
text-decoration: none;
}
#tabs-container .tab-inner-wrapper .tab-anchor-wrapper a:focus,
#tabs-container .tab-inner-wrapper .tab-anchor-wrapper a:hover {
outline: none;
text-decoration: none;
}
#tabs-container .tab-inner-wrapper .nav-tab-active {
background: #fff;
border-bottom: 1px solid #fff;
position: relative;
z-index: 5;
}
#tabs-container .tab-content {
background: #fff;
padding: 20px;
border: 1px solid #ccc;
margin-top: -7px;
position: relative;
z-index: 1;
}
/*=================================
secondary style
================================*/
.trip-content-area .widget-area .secondary-trip-info {
margin: 0 0 30px;
}
.trip-content-area .widget-area .trip-price .price-holder {
padding: 0;
/*text-align: center;*/
/*background: #e5e5e5;*/
position: relative;
border: 1px solid #e1e2e3;
border-radius: 5px;
}
.trip-content-area .widget-area .trip-price .price-holder .top-price-holder {
/*margin: 0 0 20px;*/
padding: 30px 20px 20px;
border-bottom: 1px solid #e1e2e3;
}
.trip-content-area .widget-area .trip-price .price-holder .top-price-holder .group-discount-notice{
position: absolute;
top: 0;
right: 0;
font-size: 70%;
padding: 10px 10px 10px 45px;
text-align: center;
line-height: 1.250em;
background: #000;
color: #fff;
box-shadow: 0 0px 15px rgba(0, 0, 0, 0.5);
/*border-radius: 0 5px 0 0;*/
}
.trip-content-area .widget-area .trip-price .price-holder .top-price-holder .group-discount-notice:before{
position: absolute;
top: 7px;
left: 12px;
width: 25px;
height: 25px;
content: '';
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 640 512'%3E%3Cpath d='M544 224c44.2 0 80-35.8 80-80s-35.8-80-80-80-80 35.8-80 80 35.8 80 80 80zm0-128c26.5 0 48 21.5 48 48s-21.5 48-48 48-48-21.5-48-48 21.5-48 48-48zM320 256c61.9 0 112-50.1 112-112S381.9 32 320 32 208 82.1 208 144s50.1 112 112 112zm0-192c44.1 0 80 35.9 80 80s-35.9 80-80 80-80-35.9-80-80 35.9-80 80-80zm244 192h-40c-15.2 0-29.3 4.8-41.1 12.9 9.4 6.4 17.9 13.9 25.4 22.4 4.9-2.1 10.2-3.3 15.7-3.3h40c24.2 0 44 21.5 44 48 0 8.8 7.2 16 16 16s16-7.2 16-16c0-44.1-34.1-80-76-80zM96 224c44.2 0 80-35.8 80-80s-35.8-80-80-80-80 35.8-80 80 35.8 80 80 80zm0-128c26.5 0 48 21.5 48 48s-21.5 48-48 48-48-21.5-48-48 21.5-48 48-48zm304.1 180c-33.4 0-41.7 12-80.1 12-38.4 0-46.7-12-80.1-12-36.3 0-71.6 16.2-92.3 46.9-12.4 18.4-19.6 40.5-19.6 64.3V432c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48v-44.8c0-23.8-7.2-45.9-19.6-64.3-20.7-30.7-56-46.9-92.3-46.9zM480 432c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16v-44.8c0-16.6 4.9-32.7 14.1-46.4 13.8-20.5 38.4-32.8 65.7-32.8 27.4 0 37.2 12 80.2 12s52.8-12 80.1-12c27.3 0 51.9 12.3 65.7 32.8 9.2 13.7 14.1 29.8 14.1 46.4V432zM157.1 268.9c-11.9-8.1-26-12.9-41.1-12.9H76c-41.9 0-76 35.9-76 80 0 8.8 7.2 16 16 16s16-7.2 16-16c0-26.5 19.8-48 44-48h40c5.5 0 10.8 1.2 15.7 3.3 7.5-8.5 16.1-16 25.4-22.4z'/%3E%3C/svg%3E") center center no-repeat;
}
.trip-content-area .widget-area .trip-price .price-holder .top-price-holder .price-from{
font-size: 16px;
}
.trip-content-area .widget-area .trip-price .price-holder .prev-price strike{
font-size: 18px;
}
.trip-content-area .widget-area .trip-price .price-holder .prev-price,
.trip-content-area .widget-area .trip-price .price-holder .price {
display: block;
margin: 0 0 3px;
}
.trip-content-area .widget-area .trip-price .price-holder .group-discount-check{
padding: 10px 20px;
border-bottom: 1px solid #e1e2e3;
font-size: 16px;
}
.trip-content-area .widget-area .trip-price .price-holder .group-discount-check svg{
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
.trip-content-area .widget-area .trip-price .price-holder form input[type="number"],
.trip-content-area .widget-area .trip-price .price-holder form .total-amt {
margin: 0 0 20px;
}
.trip-content-area .widget-area .trip-price .price-holder form input[type="number"] {
width: 100%;
}
.trip-content-area .widget-area .trip-price .price-holder form .check-availability,
.trip-content-area .widget-area .trip-price .price-holder form .book-submit {
margin: 0;
padding: 10px;
font-size: 16px;
line-height: 20px;
border: 1px solid #000;
background: #000;
color: #fff;
border-radius: 0 0 5px 5px;
width: 100%;
-webkit-transition: linear 0.2s;
-moz-transition: linear 0.2s;
transition: linear 0.2s;
}
.trip-content-area .widget-area .trip-price .price-holder form .check-availability:hover,
.trip-content-area .widget-area .trip-price .price-holder form .check-availability:focus,
.trip-content-area .widget-area .trip-price .price-holder form .book-submit:hover,
.trip-content-area .widget-area .trip-price .price-holder form .book-submit:focus {
background: #3BAF84;
border-color: #3BAF84;
}
.trip-content-area .widget-area .trip-price .price-holder form .date-time-wrapper {
margin: 0;
padding: 10px 20px;
border-bottom: 1px solid #e1e2e3;
border-radius: 0;
}
.trip-content-area .widget-area .trip-price .price-holder form .date-time-wrapper input[type="text"] {
border: 0;
padding: 5px 10px;
width: 100%;
}
.trip-content-area .widget-area .trip-price .price-holder form .travelers-number-input{
padding: 10px 20px;
border-bottom: 1px solid #e1e2e3;
}
.trip-content-area .widget-area .trip-price .price-holder form .travelers-number-input label{
font-size: 16px;
}
.wpte-expand-extra-service{
padding: 10px 20px;
border-bottom: 1px solid #e1e2e3;
}
.trip-content-area .widget-area .trip-price .price-holder .wpte-expand-extra-service:after{
top: 12px;
right: 20px;
}
.wpte-expand-extra-service .scroll-down h5{
margin: 0;
}
.wpte-expand-extra-service .extra-service-wrap{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin: 20px 0 0;
}
.wpte-expand-extra-service .extra-service-wrap .extra-service-info-holder{
flex-basis: 0;
flex-grow: 1;
padding-right: 10px;
font-size: 16px;
}
.wpte-expand-extra-service .extra-service-wrap .input-holder{
width: 100px;
display: flex;
flex-wrap: wrap;
border: 1px solid #e1e2e3;
}
.wpte-expand-extra-service .extra-service-wrap .input-holder .less-no,
.wpte-expand-extra-service .extra-service-wrap .input-holder .more-no{
width: 30px;
/*height: 30px;*/
background: #f2f2f2;
display: flex;
align-items: center;
justify-content: center;
}
.wpte-expand-extra-service .extra-service-wrap .input-holder input[type="text"]{
width: 38px;
border: 1px solid #e1e2e3;
text-align: center;
padding: 0;
}
.trip-content-area .widget-area .trip-price form .discount-price-per-traveler,
.trip-content-area .widget-area .trip-price form .discount-price-per-child-traveler{
padding: 10px 20px;
font-size: 16px;
border-bottom: 1px solid #e1e2e3;
}
.trip-content-area .widget-area .trip-price .price-holder form .total-amt{
text-align: center;
margin: 0;
padding: 10px 20px;
}
.wp-travel-engine-billing-details,
.wp-travel-engine-relation-details-wrapper {
margin-bottom: 30px;
}
.wp-travel-engine-billing-details-wrapper,
.wp-travel-engine-personal-details-inner-wrapper,
.wp-travel-engine-relation-details-inner-wrapper {
margin: 0 -10px;
overflow: hidden;
}
.wp-travel-engine-billing-details-field-wrap,
.wp-travel-engine-personal-details,
.wp-travel-engine-relation-details {
width: 50%;
float: left;
padding: 0 10px;
margin-bottom: 18px;
min-height: 74px;
}
.relation-options-title,
.personal-options-title,
.personal-options-title {
font-weight: bold;
font-size: 18px;
line-height: 22px;
margin-bottom: 17px;
background: #EEEEEE;
padding: 10px 14px;
border-radius: 2px;
}
.place-order-form-primary-wrapper input,
.place-order-form-primary-wrapper select {
width: 100%;
min-height: 34px;
padding: 4px 10px !important;
border: 1px solid #ccc;
border-radius: 2px;
}
/*===============================
billing details css
==============================*/
.place-order-form-secondary-wrapper {
margin-bottom: 30px;
}
.place-order-form-secondary-wrapper .wp-travel-engine-order-left-column {
float: left;
margin-right: 15px;
width: 25%;
}
.place-order-form-secondary-wrapper .wp-travel-engine-order-right-column,
.wp-travel-engine-order-form-wrapper {
overflow: hidden;
}
.place-order-form-secondary-wrapper .trip-title {
margin-bottom: 8px;
font-size: 17px;
line-height: 20px;
}
.place-order-form-secondary-wrapper .trip-property {
margin: 0;
padding: 0;
}
.place-order-form-secondary-wrapper .trip-property li {
list-style: none;
font-size: 14px;
line-height: 22px;
}
.place-order-form-secondary-wrapper .trip-property li span {
display: inline-block;
width: 30%;
margin-right: 5px;
}
.wp-travel-engine-order-form-wrapper {
overflow: hidden;
background: none;
padding: 30px 30px 15px;
border: 1px solid #ccc;
border-radius: 5px 5px 0 0;
}
.wp-travel-engine-order-form-wrapper .trip-title {
margin-bottom: 12px !important;
}
.secondary-inner-wrapper {
overflow: hidden;
margin-bottom: 30px;
background: #ccc;
padding: 10px 0;
}
#primary .page .entry-content .secondary-inner-wrapper table,
#primary .page .entry-content .secondary-inner-wrapper table td {
border: 0;
}
#primary .page .entry-content .secondary-inner-wrapper table th {
background: none;
}
.secondary-inner-wrapper table {
margin-bottom: 0;
}
.secondary-inner-wrapper .person-price-table {
text-align: center;
}
.hidden-price {
display: none;
}
.date-time-wrapper {
position: relative;
background: #fff;
display: none;
border-radius: 5px;
margin-top: 10px;
}
.date-time-wrapper:after {
position: absolute;
top: 30px;
right: 17px;
content: '';
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238d8d8d' viewBox='0 0 448 512'%3E%3Cpath d='M400 64h-48V8c0-4.4-3.6-8-8-8h-16c-4.4 0-8 3.6-8 8v56H128V8c0-4.4-3.6-8-8-8h-16c-4.4 0-8 3.6-8 8v56H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM138.7 480H48c-8.8 0-16-7.2-16-16v-58.7h106.7V480zm0-106.7H32v-74.7h106.7v74.7zM32 266.7V192h106.7v74.7H32zM277.3 480H170.7v-74.7h106.7V480zm0-106.7H170.7v-74.7h106.7v74.7zM170.7 266.7V192h106.7v74.7H170.7zM416 464c0 8.8-7.2 16-16 16h-90.7v-74.7H416V464zm0-90.7H309.3v-74.7H416v74.7zm0-106.6H309.3V192H416v74.7zm0-106.7H32v-48c0-8.8 7.2-16 16-16h352c8.8 0 16 7.2 16 16v48z'/%3E%3C/svg%3E") center center no-repeat;
width: 15px;
height: 20px;
}
.price-fixed {
top: 0;
position: fixed;
z-index: 50;
display: block;
width: 328px !important;
}
.open.side-btn,
.close.side-btn {
position: fixed;
top: 74%;
display: block;
background: red;
left: 70%;
}
#open-example1,
#close-example1 {
display: none;
}
.trip-content-area .secondary-trip-info.side-trip-price {
margin-top: 0;
}
.disabled {
cursor: not-allowed;
pointer-events: none;
}
.disabled:hover {
cursor: not-allowed;
}
/*==============================================
Datepicker css
==============================================*/
.ui-datepicker {
max-width: 244px;
}
.ui-datepicker table {
font-size: 12px !important;
line-height: 15px;
text-align: center;
}
.ui-datepicker .ui-datepicker-title {
font-size: 12px !important;
line-height: 15px;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
height: 24px !important;
}
.wp-travel-engine-archive-outer-wrap:after {
display: block;
content: '';
clear: both;
}
.archive .wp-travel-engine-archive-wrap {
margin-bottom: 40px;
}
.wp-travel-engine-archive-outer-wrap .child-title {
font-weight: 400;
font-size: 1em;
}
.wp-travel-engine-archive-outer-wrap .child-title a {
color: #212121;
}
.wp-travel-engine-archive-outer-wrap .child-title a:hover {
text-decoration: none;
}
.wp-travel-engine-archive-outer-wrap .wp-travel-engine-archive-wrap {
width: 33.3333%;
padding: 0 15px;
}
.wp-travel-engine-archive-outer-wrap .wp-travel-engine-archive-wrap .img-holder{
margin: 0 0 20px;
position: relative;
}
.wp-travel-engine-archive-outer-wrap .wp-travel-engine-archive-wrap .img-holder img{
vertical-align: top;
}
.wp-travel-engine-archive-outer-wrap .wp-travel-engine-archive-wrap .trip-post-thumbnail {
display: block;
}
.wp-travel-engine-archive-outer-wrap .wp-travel-engine-archive-wrap .img-holder .price-holder{
position: absolute;
left: 0;
bottom: 20px;
background: #fff;
padding: 5px 10px;
}
.wp-travel-engine-archive-outer-wrap .wp-travel-engine-archive-wrap .img-holder .group-discount{
position: absolute;
right: 0;
top: 20px;
background: #fff;
padding: 5px 10px 5px 30px;
cursor: pointer;
}
.wp-travel-engine-archive-outer-wrap .wp-travel-engine-archive-wrap .img-holder .group-discount:before{
position: absolute;
width: 15px;
height: 20px;
content: '';
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 512 512'%3E%3Cpath d='M256 40c118.621 0 216 96.075 216 216 0 119.291-96.61 216-216 216-119.244 0-216-96.562-216-216 0-119.203 96.602-216 216-216m0-32C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm-36 344h12V232h-12c-6.627 0-12-5.373-12-12v-8c0-6.627 5.373-12 12-12h48c6.627 0 12 5.373 12 12v140h12c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12h-72c-6.627 0-12-5.373-12-12v-8c0-6.627 5.373-12 12-12zm36-240c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32z'/%3E%3C/svg%3E") center center no-repeat;
top: 50%;
left: 6px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.wp-travel-engine-archive-outer-wrap .wp-travel-engine-archive-wrap .img-holder .group-discount .tooltip{
position: absolute;
top: 50%;
left: -210px;
width: 200px;
background: #000;
color: #fff;
border-radius: 5px;
padding: 5px 10px;
font-size: 65%;
opacity: 0;
visibility: hidden;
-webkit-transform: translate(-10px, -50%);
-moz-transform: translate(-10px, -50%);
transform: translate(-10px, -50%);
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.wp-travel-engine-archive-outer-wrap .wp-travel-engine-archive-wrap .img-holder .group-discount:hover .tooltip{
opacity: 1;
visibility: visible;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.wp-travel-engine-archive-outer-wrap .wp-travel-engine-archive-wrap .img-holder .group-discount .tooltip:after{
position: absolute;
top: 50%;
right: -5px;
content: '';
width: 0;
height: 0;
border-top: 5px solid transparent;
border-left: 5px solid #000;
border-bottom: 5px solid transparent;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.wp-travel-engine-archive-wrap .title {
font-size: 20px;
line-height: 1.650em;
font-weight: 700;
margin: 0 0 1.650em;
}
.wp-travel-engine-archive-wrap .title a {
color: #212121;
}
.wp-travel-engine-archive-wrap .title a:hover,
.wp-travel-engine-archive-wrap .title a:focus{
text-decoration: underline;
}
.wp-travel-engine-archive-outer-wrap .wp-travel-engine-archive-wrap .text-holder .meta-info{
margin: 0 0 10px;
}
.wp-travel-engine-archive-outer-wrap .wp-travel-engine-archive-wrap .text-holder .next-trip-info .fsd-title{
margin: 0 0 10px;
}
.wp-travel-engine-archive-outer-wrap .wp-travel-engine-archive-wrap .text-holder .next-trip-info .next-departure-list{
margin: 0;
padding: 0;
list-style: none;
}
.wp-travel-engine-archive-outer-wrap .wp-travel-engine-archive-wrap .text-holder .next-trip-info .next-departure-list li{
margin: 0 0 10px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.wp-travel-engine-archive-outer-wrap .wp-travel-engine-archive-wrap .text-holder .next-trip-info .next-departure-list li svg{
margin-right: 5px;
}
.wp-travel-engine-archive-wrap .trip_price,
.wp-travel-engine-archive-wrap .trip_duration {
display: block;
margin-bottom: 10px;
color: #0d0d0d;
}
.wp-travel-engine-archive-wrap .trip_price strike span {
color: #0d0d0d !important;
font-size: 15px;
line-height: 18px;
}
#wp-travel-engine-order-form input {
padding: 12px 20px;
}
.place-order-form-primary-wrapper input,
.place-order-form-primary-wrapper select {
padding: 12px 10px !important;
border-radius: 3px;
height: 50px;
}
.trip-content .related-posts {
margin-top: 40px;
}
.trip-content .related-posts .post .entry-title {
text-align: center;
margin-top: -8px;
}
.trip-content .related-posts .post {
margin-bottom: 30px;
}
.trip-content .related-posts .post .entry-meta {
position: relative;
top: -31px;
color: #fff;
display: inline-block;
font-size: 15px;
line-height: 18px;
}
.trip-content .related-posts .post .entry-meta span {
background: #0C83B8;
padding: 7px 14px;
}
.wp-travel-engine-relation-details input,
.wp-travel-engine-personal-details input {
padding: 12px 10px;
width: 100%;
height: 53px;
}
.wp-travel-engine-relation-details select,
.wp-travel-engine-personal-details select {
width: 100%;
padding: 12px 10px;
}
.relation-options-title,
.personal-options-title,
.personal-options-title {
padding: 20px 14px;
}
#wp-travel-engine-order-form input[type="submit"] {
margin-top: 20px;
}
#wp-travel-engine-order-form label {
display: inline-block;
margin-bottom: 6px;
margin-right: 5px;
}
#primary #wp-travel-engine-order-form {
margin-bottom: 30px;
font-size: 16px;
line-height: 20px;
width: 100%;
height: auto;
border: 0;
}
#primary #wp-travel-engine-order-form table tr {
background: none;
}
/*====================================
Booking details table
====================================*/
.entry-content .thank-you-container {
margin-top: 30px;
}
#primary .entry-content .thank-you-container h3 {
margin-bottom: 12px !important;
}
.entry-content .thank-you-container table tr:nth-child(2n+1) {
background: #f9f9f9;
}
.entry-content .thank-you-container table tr:first-child {
border-bottom: 0;
}
.entry-content .thank-you-container table th {
padding: 16px 30px;
background: #f3f3f3;
color: #212121;
font-size: 16px;
line-height: 26px;
font-weight: 500;
}
.entry-content .thank-you-container table td {
padding: 16px 30px;
text-align: center;
font-size: 15px;
line-height: 26px;
color: #212121;
}
.trip-entry-content ul {
margin: 0;
padding: 0;
}
.trip-entry-content ul li {
list-style: none;
}
#CDSWIDSSP {
width: 100% !important;
}
.wp-travel-engine-archive-outer-wrap .child-title a:hover {
color: #F7921F;
}
.payment-gateway-options {
display: none;
}
.tab_container {
display: none;
}
#price-loading {
position: absolute;
text-align: center;
font-size: 50px;
color: #000;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.8);
}
#price-loading-outer {
display: table-row;
}
#price-loading-inner {
display: table-cell;
vertical-align: middle;
}
#price-loading-wrap {
display: table;
width: 100%;
height: 100%;
}
#price-loader {
font-size: 100px;
vertical-align: middle;
text-align: center;
position: absolute;
top: 39%;
background: #fff;
opacity: 0.8;
width: 100%;
height: 100%;
}
.itinerary-row {
list-style: none;
border: 1px solid #ccc;
background: #fff;
margin: 5px;
position: relative;
}
span.day-count {
display: inline-block;
position: absolute;
left: 9%;
top: 7px;
color: #555;
}
.itinerary-content label {
width: 115px;
float: left;
font-weight: 500;
padding: 5px 0;
}
.faq-row {
list-style: none;
border: 1px solid #ccc;
background: #fff;
margin: 5px;
position: relative;
}
span.faq-count {
display: inline-block;
position: absolute;
left: 9%;
top: 7px;
color: #555;
}
.faq-content label {
width: 115px;
float: left;
font-weight: 500;
padding: 5px 0;
}
.faq-content {
padding: 5px 5px 5px 15px;
}
.faq-title {
width: 200px;
}
span.dashicons.custom-toggle-tabs.rotator {
-webkit-transform: rotateX( 180deg);
-moz-transform: rotateX( 180deg);
-o-transform: rotateX( 180deg);
transform: rotateX( 180deg);
}
/*==============================
Trips fact style
===============================*/
.trip-facts-value {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 0 -15px;
}
.trip-facts-value li {
display: flex;
flex-direction: row;
flex-basis: 0;
flex-grow: 1;
padding: 0 15px;
margin: 0 0 20px;
max-width: 100%;
min-width: 230px;
}
.trip-facts-value li:after {
content: '';
display: block;
clear: both;
}
.trip-facts-value li svg {
align-items: flex-start;
margin-right: 15px;
font-size: 30px;
}
.trip-facts-value li .trip-facts-text {
align-items: flex-start;
flex: 1 0 0;
}
/*=======================================
Itinerary style
========================================*/
.itinerary .title{
float: left;
margin-right: 15px;
}
.itinerary .itinerary-content{
overflow: hidden;
}
.itinerary .itinerary-content .title{
float: none;
display: block;
font-weight: 700;
margin: 0 0 10px;
}
/*==================================
Cost detail style
==================================*/
#include-result{
margin: 0 0 30px;
padding: 0;
list-style: none;
}
#include-result li{
margin: 0 0 10px;
padding-left: 20px;
position: relative;
}
#include-result li:before{
position: absolute;
top: 0;
left: 0;
content: '';
width: 15px;
height: 20px;
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2343a32d' viewBox='0 0 448 512'%3E%3Cpath d='M413.505 91.951L133.49 371.966l-98.995-98.995c-4.686-4.686-12.284-4.686-16.971 0L6.211 284.284c-4.686 4.686-4.686 12.284 0 16.971l118.794 118.794c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-11.314-11.314c-4.686-4.686-12.284-4.686-16.97 0z'/%3E%3C/svg%3E") center center no-repeat;
}
#exclude-result{
margin: 0 0 30px;
padding: 0;
list-style: none;
}
#exclude-result li{
margin: 0 0 10px;
padding-left: 20px;
position: relative;
}
#exclude-result li:before{
position: absolute;
top: 0;
left: 0;
content: '';
width: 15px;
height: 20px;
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d80808' viewBox='0 0 320 512'%3E%3Cpath d='M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z'/%3E%3C/svg%3E") center center no-repeat;
}
/*==============================
Faq style
=============================*/
.faq .faq-row .accordion-tabs-toggle{
display: block;
border: 1px solid #ccc;
position: relative;
padding: 5px 30px;
text-decoration: none;
}
.faq .faq-row .accordion-tabs-toggle .custom-toggle-tabs{
position: absolute;
top: 5px;
left: 5px;
width: 20px;
height: 20px;
font-size: 0;
}
.faq .faq-row .accordion-tabs-toggle .custom-toggle-tabs:before{
position: absolute;
top: 3px;
left: 11px;
width: 2px;
height: 12px;
background: #000;
content: '';
}
.faq .faq-row .accordion-tabs-toggle .custom-toggle-tabs.open:before{
display: none;
}
.faq .faq-row .accordion-tabs-toggle .custom-toggle-tabs:after{
position: absolute;
top: 8px;
left: 6px;
height: 2px;
width: 12px;
background: #000;
content: '';
}
.faq .faq-row .faq-content{
padding: 5px 30px;
}
.faq .expand-all-faq{
display: inline-block;
margin: 0 0 15px;
text-decoration: none;
}
.faq .expand-all-faq svg{
font-size: 20px;
margin-right: 10px;
}
/*================================
Destination Page style
===============================*/
.page-template-template-destination .destination-holder {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 40px;
margin-left: -15px;
margin-right: -15px;
}
.page-template-template-destination .destination-holder .item{
width: 25%;
padding: 0 15px;
margin: 0 0 30px;
}
.archive .trip-content-area .grid {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
margin-bottom: 50px;
}
.archive .trip-content-area .grid .col{
width: 33.333%;
padding: 0 15px;
margin: 0 0 30px;
}
.archive .trip-content-area .grid .col .img-holder a{
display: block;
}
.archive .trip-content-area .grid .col .group-discount{
display: block;
}
.archive .trip-content-area .grid .col .review-wrap{
background: none;
padding: 0;
}
.archive .trip-content-area .grid .col .review-wrap .average-rating{
border: 0;
}
.archive .trip-content-area .grid .col .next-trip-info .next-departure-list{
margin: 0;
padding: 0;
list-style: none;
}
.review-wrap .average-rating .aggregate-rating .rating-star {
display: none;
}
/*==================================================
Activities and trip type page style
==================================================*/
.page-template-template-activities .activities-holder,
.page-template-template-trip_types .trip_types-holder {
margin-top: 40px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.page-template-template-activities .activities-holder .item,
.page-template-template-trip_types .trip_types-holder .item{
width: 25%;
padding: 0 15px;
margin: 0 0 30px;
}
.page-template-template-activities .activities-holder .item .img-holder,
.page-template-template-trip_types .trip_types-holder .item .img-holder{
position: relative;
overflow: hidden;
}
.page-template-template-activities .activities-holder .item .img-holder img,
.page-template-template-trip_types .trip_types-holder .item .img-holder img{
vertical-align: top;
}
.page-template-template-activities .activities-holder .item .img-holder .title-holder,
.page-template-template-trip_types .trip_types-holder .item .img-holder .title-holder{
font-size: 1.250em;
position: absolute;
width: 100%;
left: 0;
bottom: 0;
padding: 50px 10px 10px 10px;
margin: 0;
color: #fff;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+50,000000+100&0+0,0.1+50,0.4+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 50%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 50%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */
}
.page-template-template-activities .activities-holder .item .img-holder:hover .title-holder,
.page-template-template-trip_types .trip_types-holder .item .img-holder:hover .title-holder,
.page-template-template-activities .activities-holder .item .img-holder:focus .title-holder,
.page-template-template-trip_types .trip_types-holder .item .img-holder:focus .title-holder,
.page-template-template-activities .activities-holder .item .img-holder:focus-within .title-holder,
.page-template-template-trip_types .trip_types-holder .item .img-holder:focus-within .title-holder{
opacity: 0;
}
.page-template-template-activities .activities-holder .item .img-holder .text-holder,
.page-template-template-trip_types .trip_types-holder .item .img-holder .text-holder{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
color: #fff;
padding: 10px;
opacity: 0;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.page-template-template-activities .activities-holder .item .img-holder .text-holder .title,
.page-template-template-trip_types .trip_types-holder .item .img-holder .text-holder .title{
font-size: 1.250em;
}
.page-template-template-activities .activities-holder .item .img-holder:hover .text-holder,
.page-template-template-trip_types .trip_types-holder .item .img-holder:hover .text-holder,
.page-template-template-activities .activities-holder .item .img-holder:focus .text-holder,
.page-template-template-trip_types .trip_types-holder .item .img-holder:focus .text-holder,
.page-template-template-activities .activities-holder .item .img-holder:focus-within .text-holder,
.page-template-template-trip_types .trip_types-holder .item .img-holder:focus-within .text-holder{
opacity: 1;
}
.archive .trip-content-area .grid .btn-loadmore,
.archive .trip-content-area .grid .load-destination{
text-align: center;
width: 100%;
}
.archive .trip-content-area .grid .btn-loadmore span,
.archive .trip-content-area .grid .load-destination span {
display: inline-block;
font-size: 13px;
line-height: 2em;
font-weight: 600;
text-transform: uppercase;
color: #fff;
letter-spacing: 1px;
font-weight: 600;
font-family: 'Montserrat', sans-serif;
background: #ffaf46;
border: 2px solid #ffaf46;
padding: 10px 40px;
border-radius: 5px;
cursor: pointer;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.archive .trip-content-area .grid .btn-loadmore span:hover,
.archive .trip-content-area .grid .load-destination span:hover,
.archive .trip-content-area .grid .btn-loadmore span:focus,
.archive .trip-content-area .grid .load-destination span:focus {
background: none;
color: #ffaf46;
}
.payment-options-holder {
margin-bottom: 20px;
}
select#wte_payment_options {
margin-bottom: 30px;
}
#wp-travel-engine-order-form + .error {
display: none;
background-color: #f2dede;
border: 1px solid #a94442;
padding: 5px 10px;
color: #a94442;
border-radius: 5px;
}
.successful {
display: none;
color: #32B67A;
background: #dcf5de;
padding: 5px 10px;
border-radius: 5px;
border: 1px solid #32B67A;
}
.place-order-form-primary-wrapper{
position: relative;
}
#primary #wp-travel-engine-order-form{position: relative;}
#price-loader{
font-size: 100px;
vertical-align: middle;
text-align: center;
position: absolute;
top: 0;
background: #fff;
opacity: 0.8;
width: 100%;
height: 100%;
z-index: 1;
}
#price-loader table,
#price-loader table-row,
#price-loader table-cell{
width: 100%;
height: 100%;
vertical-align: middle;
}
#price-loader .fa{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/*============================
Single Trip
============================*/
.trip-content-area{
max-width: 1320px;
width: 100%;
padding: 0 15px;
margin: 0 auto;
}
.row{
margin: 0 -15px;
}
.row:after{
display: block;
clear: both;
content: '';
}
.single-trip #primary{
float: left;
width: 72%;
padding-left: 15px;
padding-right: 65px;
margin: 0;
}
.single-trip #secondary{
float: left;
width: 28%;
padding: 0 15px;
}
/*==================================
Single trip enquiry form
====================================*/
.single-trip #wte_enquiry_contact_form{
background: #f6f6f6;
border-radius: 5px;
padding: 30px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 50px;
margin-left: -10px;
margin-right: -10px;
}
.single-trip #wte_enquiry_contact_form .row-repeater{
width: 50%;
padding: 0 10px;
margin: 0 0 20px;
}
.single-trip #wte_enquiry_contact_form h2,
.single-trip #wte_enquiry_contact_form .package-name-holder,
.single-trip #wte_enquiry_contact_form .msg-holder,
.single-trip #wte_enquiry_contact_form .confirm-holder,
.single-trip #wte_enquiry_contact_form .submit,
.single-trip #wte_enquiry_contact_form .confirm-msg{
width: 100%;
padding: 0 10px;
}
.single-trip #wte_enquiry_contact_form h2{
font-size: 22px;
line-height: 1.272em;
font-weight: 500;
color: #111;
margin: 0 0 0;
}
.single-trip #wte_enquiry_contact_form label{display: none;}
.single-trip #wte_enquiry_contact_form input[type="text"],
.single-trip #wte_enquiry_contact_form input[type="email"],
.single-trip #wte_enquiry_contact_form input[type="url"],
.single-trip #wte_enquiry_contact_form input[type="password"],
.single-trip #wte_enquiry_contact_form input[type="search"],
.single-trip #wte_enquiry_contact_form input[type="number"],
.single-trip #wte_enquiry_contact_form input[type="tel"],
.single-trip #wte_enquiry_contact_form input[type="range"],
.single-trip #wte_enquiry_contact_form input[type="date"],
.single-trip #wte_enquiry_contact_form input[type="month"],
.single-trip #wte_enquiry_contact_form input[type="week"],
.single-trip #wte_enquiry_contact_form input[type="time"],
.single-trip #wte_enquiry_contact_form input[type="datetime"],
.single-trip #wte_enquiry_contact_form input[type="datetime-local"],
.single-trip #wte_enquiry_contact_form input[type="color"],
.single-trip #wte_enquiry_contact_form textarea,
.single-trip #wte_enquiry_contact_form select{
width: 100%;
border: 1px solid #eee;
}
.single-trip #wte_enquiry_contact_form select{height: 100%;}
.single-trip #wte_enquiry_contact_form .package-name-holder label,
.single-trip #wte_enquiry_contact_form .confirm-holder label{
display: inline-block;
}
.single-trip #wte_enquiry_contact_form .confirm-holder label input{margin-right: 5px;}
.single-trip #wte_enquiry_contact_form .package-name-holder .input{
font-weight: 600;
width: 70%;
display: inline-block;
vertical-align: middle;
background: none;
border: 0;
pointer-events: none;
}
.single-trip #wte_enquiry_contact_form .success-msg{color: green;}
.single-trip #wte_enquiry_contact_form .failed-msg{color: red;}
/*===================================
Checkout Page style
===================================*/
.place-order-form-secondary-wrapper{margin: 0 0 60px;}
.place-order-form-secondary-wrapper .wp-travel-engine-order-form-wrapper{
padding: 108px 40px 40px 40px;
border: 1px solid #e5e5e5;
position: relative;
border-radius: 5px 5px 0 0;
}
.place-order-form-secondary-wrapper .wp-travel-engine-order-left-column{
width: 350px;
margin-right: 40px;
}
.place-order-form-secondary-wrapper .wp-travel-engine-order-left-column img{vertical-align: top;}
.wp-travel-engine-order-form-wrapper .trip-title{
position: absolute;
top: 0;
left: 0;
width: 100%;
font-size: 20px !important;
line-height: 1.3em !important;
font-weight: 600;
margin: 0;
padding: 20px 40px;
}
.place-order-form-secondary-wrapper .trip-property li{
font-size: 15px;
margin: 0 0 15px;
}
.place-order-form-secondary-wrapper .trip-property .cart-trip-total-price .cart-trip-total-price-holder{
width: auto;
font-size: 22px;
line-height: 1.181em;
font-weight: 600;
color: #111;
}
.place-order-form-secondary-wrapper .trip-property li span{width: 35%;}
.place-order-form-secondary-wrapper .trip-property .cart-trip-total-price{
border-top: 1px solid #e5e5e5;
margin-top: 25px;
padding-top: 20px;
font-size: 22px;
line-height: 1.181em;
font-weight: 600;
color: #111;
}
.place-order-form-secondary-wrapper .trip-property .cart-trip-total-price span{
font-size: 18px;
line-height: 1.444em;
font-weight: 500;
color: #666;
}
.relation-options-title,
.personal-options-title,
#primary .page .entry-content .payment-method h3{
font-size: 22px;
line-height: 1.272em;
font-weight: 500;
color: #111;
margin: 0 0 35px;
background: #f6f6f6;
border-radius: 5px;
padding: 20px 14px;
}
.relation-options-title:after,
.personal-options-title:after{display: none;}
.wp-travel-engine-billing-details-wrapper,
.wp-travel-engine-personal-details-inner-wrapper,
.wp-travel-engine-relation-details-inner-wrapper{
margin: 0 -15px;
}
.wp-travel-engine-billing-details-field-wrap,
.wp-travel-engine-personal-details,
.wp-travel-engine-relation-details{
padding: 0 15px;
margin-bottom: 30px;
}
.wp-travel-engine-billing-details-field-wrap:last-child{margin-bottom: 0;}
#wp-travel-engine-order-form label{
font-size: 14px;
line-height: 1.714em;
}
#wp-travel-engine-order-form input[type="submit"]{
font-size: 13px;
line-height: 15px;
}
.wp-travel-engine-relation-details select,
.wp-travel-engine-personal-details select{padding: 15px 10px;}
.secondary-inner-wrapper{
padding: 0;
background: none;
border: 1px solid #e5e5e5;
border-radius: 0 0 5px 5px;
margin-top: -1px;
}
.secondary-inner-wrapper table thead{
background: none !important;
}
.trip-content-area .wp-travel-engine-archive-repeater-wrap{
margin: 0 -15px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.single-trip .trip-content-area .widget-area .trip-price .price-holder form .book-submit{
display: none;
}
.trip-content-area .grid .col .img-holder{
position: relative;
margin: 0 0 20px;
}
.trip-content-area .grid .col .img-holder .price-holder{
position: absolute;
left: 0;
bottom: 20px;
background: #fff;
padding: 5px 10px;
}
.trip-content-area .grid .col .img-holder .group-discount{
position: absolute;
right: 0;
top: 20px;
background: #fff;
padding: 5px 10px 5px 30px;
cursor: pointer;
}
.trip-content-area .grid .col .img-holder .group-discount:before{
position: absolute;
width: 15px;
height: 20px;
content: '';
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 512 512'%3E%3Cpath d='M256 40c118.621 0 216 96.075 216 216 0 119.291-96.61 216-216 216-119.244 0-216-96.562-216-216 0-119.203 96.602-216 216-216m0-32C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm-36 344h12V232h-12c-6.627 0-12-5.373-12-12v-8c0-6.627 5.373-12 12-12h48c6.627 0 12 5.373 12 12v140h12c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12h-72c-6.627 0-12-5.373-12-12v-8c0-6.627 5.373-12 12-12zm36-240c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32z'/%3E%3C/svg%3E") center center no-repeat;
top: 50%;
left: 6px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.trip-content-area .grid .col .img-holder .group-discount .tooltip{
position: absolute;
top: 50%;
left: -210px;
width: 200px;
background: #000;
color: #fff;
border-radius: 5px;
padding: 5px 10px;
font-size: 65%;
opacity: 0;
visibility: hidden;
-webkit-transform: translate(-10px, -50%);
-moz-transform: translate(-10px, -50%);
transform: translate(-10px, -50%);
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.trip-content-area .grid .col .img-holder .group-discount:hover .tooltip,
.trip-content-area .grid .col .img-holder .group-discount:focus .tooltip{
opacity: 1;
visibility: visible;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.trip-content-area .grid .col .img-holder .group-discount .tooltip:after{
position: absolute;
top: 50%;
right: -5px;
content: '';
width: 0;
height: 0;
border-top: 5px solid transparent;
border-left: 5px solid #000;
border-bottom: 5px solid transparent;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.trip-content-area .grid .col .img-holder img{
vertical-align: top;
}
.trip-content-area .grid .col .text-holder .title{
font-size: 20px;
line-height: 1.650em;
font-weight: 700;
margin: 0 0 1.650em;
}
.trip-content-area .grid .col .text-holder .title a{
color: #121212;
}
.trip-content-area .grid .col .text-holder .title a:hover,
.trip-content-area .grid .col .text-holder .title a:focus{
text-decoration: underline;
}
.trip-content-area .grid .col .text-holder .meta-info{
margin: 0 0 10px;
}
.trip-content-area .grid .col .text-holder .next-trip-info .fsd-title{
margin: 0 0 10px;
}
.trip-content-area .grid .col .text-holder .next-trip-info .next-departure-list{
margin: 0;
padding: 0;
list-style: none;
}
.trip-content-area .grid .col .text-holder .next-trip-info .next-departure-list li{
margin: 0 0 10px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.trip-content-area .grid .col .text-holder .next-trip-info .next-departure-list li svg{
margin-right: 5px;
}
.detail-container{
max-width: 550px;
border-top: 1px solid #000;
border-bottom: 1px solid rgba(0, 0, 0, 0.4);
padding: 20px 0;
}
.detail-item{
padding: 20px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
display: flex;
flex-wrap: wrap;
}
.detail-item:last-child{
border-bottom: 0;
padding-bottom: 0;
}
.detail-item .item-label{
width: 50%;
}
.detail-item .value{
width: 50%;
}
.detail-item .value strong,
.detail-item .value span{
display: block;
margin: 0 0 5px;
}
input[type="text"].error, input[type="email"].error, input[type="url"].error, input[type="password"].error, input[type="search"].error, input[type="number"].error, input[type="tel"].error, input[type="range"].error, input[type="date"].error, input[type="month"].error, input[type="week"].error, input[type="time"].error, input[type="datetime"].error, input[type="datetime-local"].error, input[type="color"].error, textarea.error {
border: 1px solid #e82a2a;
}
input.error + .error, select.error + .error, textarea.error + .error {
color: #ec0e0e;
}
/*================================
responsive
===============================*/
@media only screen and (max-width: 1199px) {
#tabs-container .tab-inner-wrapper .tab-anchor-wrapper a {
font-size: 16px;
}
}
@media only screen and (max-width: 1024px){
.trip-content-area{
max-width: 720px;
}
.single-trip #primary{
width: 100%;
padding: 0 15px;
margin: 0 0 60px;
float: none;
}
.single-trip #secondary{
width: 100%;
}
.page-template-template-destination .destination-holder .item{
width: 33.3333%;
}
.archive .trip-content-area .grid .col{
width: 50%;
}
.wp-travel-engine-archive-outer-wrap .wp-travel-engine-archive-wrap{
width: 50%;
}
.page-template-template-activities .activities-holder .item,
.page-template-template-trip_types .trip_types-holder .item{
width: 50%;
}
}
@media only screen and (max-width:767px) {
.wp-travel-engine-billing-details-field-wrap,
.wp-travel-engine-personal-details,
.wp-travel-engine-relation-details {
width: 100%;
}
#tabs-container .tab-inner-wrapper .tab-anchor-wrapper {
width: 100%;
margin-right: 0;
}
#tabs-container .tab-inner-wrapper .tab-anchor-wrapper a {
position: relative;
}
#tabs-container .tab-inner-wrapper .tab-anchor-wrapper a:after {
position: absolute;
top: 7px;
right: 10px;
content: '';
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238d8d8d' viewBox='0 0 320 512'%3E%3Cpath d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E") center center no-repeat;
width: 15px;
height: 20px;
-webkit-transition: linear 0.2s;
-moz-transition: linear 0.2s;
transition: linear 0.2s;
}
#tabs-container .tab-inner-wrapper .nav-tab-active a:after {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.wp-travel-engine-archive-outer-wrap .wp-travel-engine-archive-wrap{
width: 100%;
margin: 0 0 50px;
}
.page-template-template-destination .destination-holder .item{
width: 50%;
}
.archive .trip-content-area .grid .col{
width: 100%;
}
.archive .trip-content-area .wp-travel-inner-wrapper .grid .col .img-holder img{width: 100%;}
.page-template-template-activities .activities-holder .item,
.page-template-template-trip_types .trip_types-holder .item{
width: 100%;
}
.single-trip #wte_enquiry_contact_form .row-repeater{
width: 100%;
}
}
@media only screen and (max-width: 600px){
.page-template-template-destination .destination-holder .item{
width: 100%;
}
.page-template-template-destination .destination-holder .item img{
width: 100%;
}
}
.trip-content-area .widget-area .trip-price .price-holder form .travelers-number-input{
display: none;
}
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.html) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0); /* support: IE8 */
}
.ui-front {
z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
pointer-events: none;
}
/* Icons
----------------------------------*/
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
font-size: 100%;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: 0;
}
.ui-menu .ui-menu {
position: absolute;
}
.ui-menu .ui-menu-item {
margin: 0;
cursor: pointer;
/* support: IE10, see #8844 */
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: -1px;
}
/* icon support */
.ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
.ui-button {
padding: .4em 1em;
display: inline-block;
position: relative;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/* Support: IE <= 11 */
overflow: visible;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
width: 2em;
box-sizing: border-box;
text-indent: -9999px;
white-space: nowrap;
}
/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
text-indent: 0;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
}
.ui-button.ui-icon-notext .ui-icon {
padding: 0;
width: 2.1em;
height: 2.1em;
text-indent: -9999px;
white-space: nowrap;
}
input.ui-button.ui-icon-notext .ui-icon {
width: auto;
height: auto;
text-indent: 0;
white-space: normal;
padding: .4em 1em;
}
/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-controlgroup {
vertical-align: middle;
display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
float: left;
margin-left: 0;
margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
display: block;
float: none;
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
border-bottom: none;
}
/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
/* Support: IE8 only, Android < 4.4 only */
width: 75%;
width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
border-top-style: solid;
}
.ui-checkboxradio-label .ui-icon-background {
box-shadow: inset 1px 1px 1px #ccc;
border-radius: .12em;
border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
width: 16px;
height: 16px;
border-radius: 1em;
overflow: visible;
border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
background-image: none;
width: 8px;
height: 8px;
border-width: 4px;
border-style: solid;
}
.ui-checkboxradio-disabled {
pointer-events: none;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
/* Icons */
.ui-datepicker .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
left: .5em;
top: .3em;
}
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-n {
height: 2px;
top: 0;
}
.ui-dialog .ui-resizable-e {
width: 2px;
right: 0;
}
.ui-dialog .ui-resizable-s {
height: 2px;
bottom: 0;
}
.ui-dialog .ui-resizable-w {
width: 2px;
left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
width: 7px;
height: 7px;
}
.ui-dialog .ui-resizable-se {
right: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-sw {
left: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-ne {
right: 0;
top: 0;
}
.ui-dialog .ui-resizable-nw {
left: 0;
top: 0;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
height: 100%;
filter: alpha(opacity=25); /* support: IE8 */
opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-selectable {
-ms-touch-action: none;
touch-action: none;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none;
}
.ui-selectmenu-menu .ui-menu {
overflow: auto;
overflow-x: hidden;
padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0 0;
height: auto;
border: 0;
}
.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-text {
display: block;
margin-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
text-align: left;
white-space: nowrap;
width: 14em;
}
.ui-selectmenu-icon.ui-icon {
float: right;
margin-top: 0;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: .222em 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 2em;
}
.ui-spinner-button {
width: 1.6em;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
border-top-style: none;
border-bottom-style: none;
border-right-style: none;
}
.ui-spinner-up {
top: 0;
}
.ui-spinner-down {
bottom: 0;
}
.ui-tabs {
position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
padding: .2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
}
body .ui-tooltip {
border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5;
}
.ui-widget-content {
border: 1px solid #dddddd;
background: #ffffff;
color: #333333;
}
.ui-widget-content a {
color: #333333;
}
.ui-widget-header {
border: 1px solid #dddddd;
background: #e9e9e9;
color: #333333;
font-weight: bold;
}
.ui-widget-header a {
color: #333333;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: normal;
color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
color: #454545;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
border: 1px solid #cccccc;
background: #ededed;
font-weight: normal;
color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
color: #2b2b2b;
text-decoration: none;
}
.ui-visual-focus {
box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border: 1px solid #003eff;
background: #007fff;
font-weight: normal;
color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
border: #003eff;
background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #ffffff;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620;
}
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter:Alpha(Opacity=70); /* support: IE8 */
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35); /* support: IE8 */
background-image: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
background-image: url("images/ui-icons_777777_256x240.png");
}
/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 3px;
}
/* Overlays */
.ui-widget-overlay {
background: #aaaaaa;
opacity: .003;
filter: Alpha(Opacity=.3); /* support: IE8 */
}
.ui-widget-shadow {
-webkit-box-shadow: 0px 0px 5px #666666;
box-shadow: 0px 0px 5px #666666;
}
#wrapper {
display: none;
z-index: 10000;
}
#wrapper-php{
width:576px;
border-radius: 30px;
margin: 5px auto;
position:absolute;
display: none;
background-image: url("EDITED/Kitano%20Tours%20And%20Safarispng.png");
overflow: hidden;
}
.NFC-popup{
width:576px;
border-radius: 15px;
margin: 100px auto;
position:absolute;
display: none;
-webkit-box-shadow: inset -1px 3px 8px 5px #c48900, 2px 5px 16px 0px #c48900, 5px 5px 15px 5px rgba(156, 156, 156, 0.965);
box-shadow: inset -1px 3px 8px 5px #a85807b7, 2px 5px 16px 0px #162838, 5px 5px 15px 5px rgba(0,0,0,0);
background: rgb(29, 12, 1);;
overflow: hidden;
}
#wrapper-php .thanks{
text-align: center;
}
#wrapper-php .thanks h1{
font-family: 'Pacifico', cursive;
font-weight: 400;
}
#wrapper-php .thanks p{
font-family: 'Concert', cursive;
}
.modal {
display: none;
position: fixed;
z-index: 21;
left: 0;
top: 0;
width: 100%;
height:100%;
overflow: auto;
background: rgba(0, 0, 0, 0.45);
}
.animate {
animation: zoom 0.6s
}
@keyframes zoom {
from {transform: scale(0)}
to {transform: scale(1)}
}
.is-showing{
display: block;
left: 50%;
transform: translateX(-50%);
}
.imgcontainer {
text-align: center;
margin: 24px 0 12px 0;
position: relative;
color-interpolation-filters: sRGB;
}
.close {
position: absolute;
right: 10px;
top: 0px;
color: #fff;
font-size: 35px;
font-family: Arial Black;
grid-area: close;
justify-self: end;
align-self: start;
}
.close:hover,.close:focus {
color: red;
cursor: pointer;
}
.is-showing{
display: block;
left: 50%;
transform: translateX(-50%);
}
#booking-form{
width: 100%;
height: 100%;
margin: 40 auto;
border-radius: 30px;
}
/*HANDWRITTING*/
pp {
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
Slides {
font-family: 'Satisfy', cursive;
}
.xop-boxes {
font-family: 'Pacifico', cursive;
}
/* marekebisho ya pili*/
h22 {
font-family: 'Concert One', cursive;
}
h33 {
font-family: 'Poiret One', cursive;
}
h11 {
font-family: 'Concert One', cursive;
}
.form-head {
height: 20px;
display: flex;
justify-content: center;
align-items: center;
}
/* marekebisho ya kwanza*/
spanK {
display: block;
height: 12px;
width: 12px;
margin: 5px;
border-radius: 50%;
background: rgba(192,192,192,0.45);
}
.is-active {
background: rgba(0,0,0,0.4);
background: rgb(82, 228, 15);
}
.form-heading{
text-align: center;
color: rgb(233, 136, 8);
}
.form-heading-words{
padding: 0 20px;
text-align: justify;
font-size: 20px;
color: #aaa;
}
.bookingprocess{
font-weight: bold;
font-size: 20px;
}
#icons img{
height: 40px;
margin-bottom: 10px;
}
#icons .container{
width: 245px;
margin: 0 auto;
display: flex;
flex-direction: row;
}
.containerr p{
font-weight: bold;
text-align: right;
margin-top: 5px;
}
.start-booking-btn{
background: rgb(24, 11, 1);
border: 2px solid rgb(110, 60, 2);
border-radius:10px;
width: 230px;
height: 40px;
color: #f5f0f0;
font-weight: bold;
font-family: calibri;
font-weight: bold;
text-transform: uppercase;
position: static;
margin-bottom: 20px;
}
.start-booking-btn:hover{
background: rgb(110, 60, 2);
border: 1px solid rgb(80, 228, 12);
color: rgb(244, 245, 244);
cursor: pointer;
}
.div-for-btn{
margin: 15px auto 0 ;
text-align: center;
}
#phaseplus{
display: none;
text-align: center;
position: relative;
}
#phaseplus h2{
color: #555;
}
#phaseplus p{
color: #aaa;
padding: 0 20px;
}
.pack-dates{
display: flex;
flex-direction: row;
justify-content: center;
position: relative;
}
.pack-dates *{
margin: 0 20px;
}
.datess {
position: relative;
}
.radio {
cursor: pointer;
}
#phase-plus a{
color: rgb(91, 247, 19);
text-decoration: underline;
}
#phase1 h2{
text-align: center;
color: rgb(4, 68, 31);
letter-spacing: 1px;
}
#phase1 p{
text-align: center;
color:rgb(247, 246, 244);
font-size: 20px;
margin-top: -20px;
}
/*PHASE INPUTS*/
#booking-form .inputBox {
position: relative;
text-align: center;
}
#booking-form .inputBox input {
width: 100%;
padding: 10px 0;
font-size: 16px;
color:rgb(247, 242, 242);
margin-bottom: 20px;
border:none;
border-bottom: 1px solid rgb(81,122,62);
outline: none;
background: transparent;
}
#booking-form .inputBox label {
position: absolute;
top:0;
left:0;
padding: 10px 0;
font-size:16px;
color: rgb(12, 0, 0);
pointer-events: none;
font-family: 'Concert One', cursive;
letter-spacing: 1px;
transition: 1s;
}
#booking-form .inputBox input:focus ~ label,
#booking-form .inputBox input:valid ~ label {
top: -18px;
left: 0;
color: rgb(93, 235, 27);
font-size: 12px;
}
.input{
padding: 0 10%;
}
#label-selector{
font-family: 'Concert One', cursive;
color: rgb(87, 240, 16);
font-size: 12px;
letter-spacing: 1px;
}
select {
background: transparent;
border-radius: 10px;
height: 30px;
min-width: 150px;
color: #aaa;
font-family: 'Concert one', cursive;
outline: none;
margin-top: 5px;
}
.other-socialmedia{
display: flex;
flex-direction: row;
}
input{
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
font-size: 20px;
}
/*other social media*/
.other-socialmedia .inputBox {
position: relative;
text-align: center;
}
.other-socialmedia .inputBox input {
width: 50%;
padding: 10px 0;
font-size: 16px;
color:#aaa;
margin-bottom: 30px;
border:none;
border-bottom: 1px solid rgb(81,122,62);
outline: none;
background: transparent;
}
.other-socialmedia .inputBox label {
position: absolute;
top:0;
left:0;
padding: 10px 0;
font-size:16px;
color: #555;
pointer-events: none;
font-family: 'Concert One', cursive;
letter-spacing: 1px;
transition: 1s;
}
.other-socialmedia .inputBox input:focus ~ label,
.other-socialmedia .inputBox input:valid ~ label {
top: -18px;
left: 0;
color: rgb(89, 240, 18);
font-size: 12px;
}
#othersm1{
margin-right: 10px;
}
#othersm3{
margin-right: 10px;
}
#othersm2{
margin-right: 10px;
}
#othersm4{
margin-right: 10px;
}
#label-selector{
margin-top: 20px;
}
#secondp {
font-size:16px;
color: #1c1c2c;
}
#phase2{
display: none;
}
#phase22{
display: none;
}
#phase2{
display: none;
}
#phase2{
display: none;
}
#phase3{
display: none;
}
#phase3{
display: none;
}
#phase3{
display: none;
}
#phase3{
display: none;
}
#phase4{
display:none;
}
#phase4{
display:none;
}
#phase4{
display:none;
}
#phase4{
display:none;
}
select{
margin-bottom: 5px;
}
#phase4 h2{
text-align: center;
color: rgb(85, 85, 85);
}
#phase4 p{
margin-top: -20px;
text-align: center;
color: rgb(170, 170, 170);
}
.icon {
font-size: 16px;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
color: #aaa;
font-weight: bold;
}
@media (max-width: 1024px) {
.NFC-popup{
margin: 20px auto;
}
}
@media (max-width:576px){
.NFC-popup{
width: 99%;
}
#wrapper-php{
width: 99%;
}
.NFC-popup {
margin: 5px auto;
}
}
@media (max-width: 520px){
.pack-dates *{
margin: 0 10px;
}
}
@media (max-width: 400px){
.pack-dates *{
margin: 0;
}
}
#phase2 h2{
text-align: center;
color: #555;
}
#phase2 p{
text-align: center;
margin-top: -20px;
font-size: 20px;
color: #aaa;
}
#phase2 h2{
text-align: center;
color: #555;
}
#phase2 p{
text-align: center;
margin-top: -20px;
font-size: 20px;
color: #aaa;
}
#phase2 h2{
text-align: center;
color: #555;
}
#phase2 p{
text-align: center;
margin-top: -20px;
font-size: 20px;
color: #aaa;
}
#phase2 h2{
text-align: center;
color: rgb(233, 136, 8);
}
#phase2 p{
text-align: center;
margin-top: -20px;
font-size: 20px;
color: rgb(27, 8, 1);
}
#phase3 h2{
text-align: center;
color: rgb(85, 85, 85);
}
#phase3 p{
text-align: center;
margin-top: -20px;
font-size: 20px;
color: #aaa;
}
#phase3 h2{
text-align: center;
color: #555;
}
#phase3 p{
text-align: center;
margin-top: -20px;
font-size: 20px;
color: #aaa;
}
#phase3 h2{
text-align: center;
color: #555;
}
#phase3 p{
text-align: center;
margin-top: -20px;
font-size: 20px;
color: #aaa;
}
#phase3 h2{
text-align: center;
color: #555;
}
#phase3 p{
text-align: center;
margin-top: -20px;
font-size: 20px;
color: #aaa;
}
#phase4 h2{
text-align: center;
color: #555;
}
#phase4 p{
text-align: center;
margin-top: -20px;
font-size: 20px;
color: #aaa;
}
#phase4 h2{
text-align: center;
color: rgb(233, 136, 8);
}
#phase4 p{
text-align: center;
margin-top: -20px;
font-size: 20px;
color: #aaa;
}
#phase4 h2{
text-align: center;
color: #555;
}
#phase4 p{
text-align: center;
margin-top: -20px;
font-size: 20px;
color: #aaa;
}
#phase4 h2{
text-align: center;
color: rgb(233, 136, 8);
}
#phase4 p{
text-align: center;
margin-top: -20px;
font-size: 20px;
color: #aaa;
}
#producer-pispite {
-webkit-box-shadow: inset -1px 3px 8px 5px #c48900, 2px 5px 16px 0px #c48900, 5px 5px 15px 5px rgba(0,0,0,0);
box-shadow: inset -1px 3px 8px 5px #140b0a, 2px 5px 16px 0px #755815, 5px 5px 15px 5px rgba(0,0,0,0);
background: #946e36;
}
body#tinymce {
background: #FFFFFF
}
/*----product holder package Title----*/
#producer-pispite-2 {
-webkit-box-shadow: inset -1px 3px 8px 5px #c48900, 2px 5px 16px 0px #c48900, 5px 5px 15px 5px rgba(0,0,0,0);
box-shadow: inset -1px 3px 8px 5px #140b0a, 2px 5px 16px 0px #755815, 5px 5px 15px 5px rgba(0,0,0,0);
background: #6463627a;
}
body#tinymce {
background: #FFFFFF
}
/*----product holder package Title end----*/
#producer-pispite-about {
-webkit-box-shadow: inset -1px 3px 8px 5px #00c400, 2px 5px 16px 0px #00c400, 5px 5px 15px 5px rgba(0,0,0,0);
box-shadow: inset -1px 3px 8px 5px #140b0a, 2px 5px 16px 0px #755815, 5px 5px 15px 5px rgba(0,0,0,0);
background: #4e0202;
}
body#tinymce {
background: #FFFFFF
}
/*----product holder Image package----*/
#producer-pispite-holder {
-webkit-box-shadow: inset -1px 3px 8px 5px #77392d, 2px 5px 16px 0px #c48900, 5px 5px 15px 5px rgba(0,0,0,0);
box-shadow: inset -1px 3px 8px 5px #140b0a, 2px 5px 16px 0px #755815, 5px 5px 15px 5px rgba(0,0,0,0);
background: #ffffff1a;
}
body#tinymce {
background: #FFFFFF
}
/*----product holder package end----*/
/*---------------------------------------------------------Articals 5 days-------------------------------------------------------------------------*/
/*----product holder package details----*/
#producer-pispite-holder-details {
-webkit-box-shadow: inset -1px 3px 8px 5px #c48900, 2px 5px 16px 0px #c48900, 5px 5px 15px 5px rgba(156, 156, 156, 0.965);
box-shadow: inset -1px 3px 8px 5px rgb(144, 144, 143), 2px 5px 16px 0px #5c4613, 5px 5px 15px 5px rgba(0,0,0,0);
background: #a85807b7;
}
body#tinymce {
background: #FFFFFF
}
/*----product holder package details inquiry end----*/
/*----product holder package details----*/
#producer-pispite-holder-details-inquiry {
-webkit-box-shadow: inset -1px 3px 8px 5px #c44e00, 2px 5px 16px 0px #c48900, 5px 5px 15px 5px rgba(156, 156, 156, 0.965);
box-shadow: inset -1px 3px 8px 5px #a85807b7, 2px 5px 16px 0px #695015, 5px 5px 15px 5px rgba(0,0,0,0);
background: #a8a8a705;
}
body#tinymce {
background: #FFFFFF
}
/*----product holder package details end----*/
/*----product holder artical Title Five Days Marangu----*/
#producer-materu-artical {
-webkit-box-shadow: inset -1px 3px 8px 5px #c3b9a2, 2px 5px 16px 0px #cc9d30, 5px 5px 15px 5px rgba(0,0,0,0);
box-shadow: inset -1px 3px 8px 5px #141414b7, 2px 5px 16px 0px #36342b, 5px 5px 15px 5px rgba(0,0,0,0);
background:
linear-gradient(180deg, rgba(8,8,8,1) 4%, rgba(44, 3, 34, 0.247) 23%, rgba(148,148,190,0) 100%, rgba(47,47,131,0.76234243697479) 100%, rgba(249,249,249,0.04245448179271705) 100%),
url("https://kitanotours.com:2083/cpsess4614928836/frontend/paper_lantern/filemanager/showfile.html?file=3-day-fyl-in.jpg&fileop=&dir=%2Fhome%2Fkitanotours%2Fpublic_html%2Fwp-content%2Fuploads%2Fsites%2F24%2F2018%2F05&dirop=&charset=&file_charset=&baseurl=&basedir=")
}
#producer-materu1-artical {
-webkit-box-shadow: inset -1px 3px 8px 5px #c3b9a2, 2px 5px 16px 0px #cc9d30, 5px 5px 15px 5px rgba(0,0,0,0);
box-shadow: inset -1px 3px 8px 5px #141414b7, 2px 5px 16px 0px #36342b, 5px 5px 15px 5px rgba(0,0,0,0);
background-image:
linear-gradient(180deg, rgba(8,8,8,1) 4%, rgba(27, 2, 27, 0.363) 23%, rgba(148,148,190,0) 100%, rgba(47,47,131,0.76234243697479) 100%, rgba(249,249,249,0.04245448179271705) 100%),
url('https://kitanotours.com:2083/cpsess4614928836/frontend/paper_lantern/filemanager/showfile.html?file=3-days-fly-out.jpg&fileop=&dir=%2Fhome%2Fkitanotours%2Fpublic_html%2Fwp-content%2Fuploads%2Fsites%2F24%2F2018%2F05&dirop=&charset=&file_charset=&baseurl=&basedir=');
}
#producer-materu2-artical {
-webkit-box-shadow: inset -1px 3px 8px 5px #c3b9a2, 2px 5px 16px 0px #cc9d30, 5px 5px 15px 5px rgba(0,0,0,0);
box-shadow: inset -1px 3px 8px 5px #141414b7, 2px 5px 16px 0px #36342b, 5px 5px 15px 5px rgba(0,0,0,0);
background-image:
linear-gradient(180deg, rgba(8,8,8,1) 4%, rgba(27, 2, 27, 0.363) 23%, rgba(148,148,190,0) 100%, rgba(47,47,131,0.76234243697479) 100%, rgba(249,249,249,0.04245448179271705) 100%),
url('https://kitanotours.com:2083/cpsess4614928836/frontend/paper_lantern/filemanager/showfile.html?file=4-days-fly-in.jpg&fileop=&dir=%2Fhome%2Fkitanotours%2Fpublic_html%2Fwp-content%2Fuploads%2Fsites%2F24%2F2018%2F05&dirop=&charset=&file_charset=&baseurl=&basedir=');
}#producer-materu3-artical {
-webkit-box-shadow: inset -1px 3px 8px 5px #c3b9a2, 2px 5px 16px 0px #cc9d30, 5px 5px 15px 5px rgba(0,0,0,0);
box-shadow: inset -1px 3px 8px 5px #141414b7, 2px 5px 16px 0px #36342b, 5px 5px 15px 5px rgba(0,0,0,0);
background-image:
linear-gradient(180deg, rgba(8,8,8,1) 4%, rgba(27, 2, 27, 0.363) 23%, rgba(148,148,190,0) 100%, rgba(47,47,131,0.76234243697479) 100%, rgba(249,249,249,0.04245448179271705) 100%),
url('https://kitanotours.com:2083/cpsess4614928836/frontend/paper_lantern/filemanager/showfile.html?file=drive.jpg&fileop=&dir=%2Fhome%2Fkitanotours%2Fpublic_html%2Fwp-content%2Fuploads%2Fsites%2F24%2F2018%2F05&dirop=&charset=&file_charset=&baseurl=&basedir=');
}#producer-materu4-artical {
-webkit-box-shadow: inset -1px 3px 8px 5px #c3b9a2, 2px 5px 16px 0px #cc9d30, 5px 5px 15px 5px rgba(0,0,0,0);
box-shadow: inset -1px 3px 8px 5px #141414b7, 2px 5px 16px 0px #36342b, 5px 5px 15px 5px rgba(0,0,0,0);
background-image:
linear-gradient(180deg, rgba(8,8,8,1) 4%, rgba(27, 2, 27, 0.363) 23%, rgba(148,148,190,0) 100%, rgba(47,47,131,0.76234243697479) 100%, rgba(249,249,249,0.04245448179271705) 100%),
url('https://kitanotours.com:2083/cpsess4614928836/frontend/paper_lantern/filemanager/showfile.html?file=fly.jpg&fileop=&dir=%2Fhome%2Fkitanotours%2Fpublic_html%2Fwp-content%2Fuploads%2Fsites%2F24%2F2018%2F05&dirop=&charset=&file_charset=&baseurl=&basedir=');
}
#producer-pispite-artical {
-webkit-box-shadow: inset -1px 3px 8px 5px #c3b9a2, 2px 5px 16px 0px #cc9d30, 5px 5px 15px 5px rgba(0,0,0,0);
box-shadow: inset -1px 3px 8px 5px #140b0a, 2px 5px 16px 0px #161616, 5px 5px 15px 5px rgba(0,0,0,0);
background: #a85807b7;
}
body#tinymce {
background: #FFFFFF
}
/*----product holder package Title Five Days Marangu end----*/
#producer-pispite-materu {
-webkit-box-shadow: inset -1px 3px 8px 5px #c3b9a2, 2px 5px 16px 0px #cc9d30, 5px 5px 15px 5px rgba(0,0,0,0);
box-shadow: inset -1px 3px 8px 5px #140b0a, 2px 5px 16px 0px #36342b, 5px 5px 15px 5px rgba(0,0,0,0);
background: #e7d0b9b7;
}
body#tinymce {
background: #FFFFFF
}
/*----product holder package Title Five Days Marangu end----*/
/*----product holder package Price From background----*/
#producer-pispite-holder-Price-background {
-webkit-box-shadow: inset -1px 3px 8px 5px rgb(73, 11, 11), 2px 5px 16px 0px #3ec400, 5px 5px 15px 5px rgba(156, 156, 156, 0.965);
box-shadow: inset -1px 3px 8px 5px rgb(73, 11, 11), 2px 5px 16px 0px #272112, 5px 5px 15px 5px rgba(0,0,0,0);
background: #a85807af;
}
body#tinymce {
background: #FFFFFF
}
/*----product holder package Price From background end----*/
/*----product holder package Price From----*/
#producer-pispite-holder-Price {
-webkit-box-shadow: inset -1px 3px 8px 5px #817966, 2px 5px 16px 0px #c48900, 5px 5px 15px 5px rgba(156, 156, 156, 0.965);
box-shadow: inset -1px 3px 8px 5px rgb(73, 11, 11), 2px 5px 16px 0px #162838, 5px 5px 15px 5px rgba(0,0,0,0);
background: #a8580755;
}
body#tinymce {
background: #FFFFFF
}
/*----product holder package Price From end----*/
/*----product holder package Price Select Date From---
#producer-pispite-holder-Price-Select {
-webkit-box-shadow: inset -1px 3px 8px 5px #c48900, 2px 5px 16px 0px #c48900, 5px 5px 15px 5px rgba(156, 156, 156, 0.965);
box-shadow: inset -1px 3px 8px 5px rgb(146, 8, 139), 2px 5px 16px 0px #162838, 5px 5px 15px 5px rgba(0,0,0,0);
background: #fbfafa7c;
}
body#tinymce {
background: #ffffff47
}
---product holder package Price From end----*/
/*----product holder package Price Calenda From----*/
#producer-pispite-holder-Select-Calenda-From {
-webkit-box-shadow: inset -1px 3px 8px 5px #c48900, 2px 5px 16px 0px #c48900, 5px 5px 15px 5px rgba(156, 156, 156, 0.965);
box-shadow: inset -1px 3px 8px 5px rgb(30, 34, 31), 2px 5px 16px 0px #162838, 5px 5px 15px 5px rgba(0,0,0,0);
background: #a85807b7;
}
body#tinymce {
background: #ffffff77
}
/*----product holder package Price Select Calenda From end----*/
/*----product holder package Price Add-Travelers----*/
#producer-pispite-holder-Add-Travelers {
-webkit-box-shadow: inset -1px 3px 8px 5px #c48900, 2px 5px 16px 0px #c48900, 5px 5px 15px 5px rgba(156, 156, 156, 0.965);
box-shadow: inset -1px 3px 8px 5px #4e0202, 2px 5px 16px 0px #162838, 5px 5px 15px 5px rgba(0,0,0,0);
background: #a85807b7;
}
body#tinymce {
background: #ffffff77
}
/*----product holder package Add-Travelers end----*/
/*----product holder package Price View-Cost-Detail----*/
#producer-pispite-holder-View-Cost-Detail {
-webkit-box-shadow: inset -1px 3px 8px 5px #c48900, 2px 5px 16px 0px #c48900, 5px 5px 15px 5px rgba(156, 156, 156, 0.965);
box-shadow: inset -1px 3px 8px 5px rgb(119, 44, 9), 2px 5px 16px 0px #162838, 5px 5px 15px 5px rgba(0,0,0,0);
background: #a85807b7;
}
body#tinymce {
background: #ffffff77
}
/*----product holder package View-Cost-Detail end----*/
#wrapper {
display: none;
z-index: 10000;
}
#wrapper-php{
width:576px;
border-radius: 30px;
margin: 5px auto;
position:absolute;
display: none;
background-image: url("EDITED/Kitano%20Tours%20And%20Safarispng.png");
overflow: hidden;
}
.NFC-popup{
width:576px;
border-radius: 15px;
margin: 100px auto;
position:absolute;
display: none;
-webkit-box-shadow: inset -1px 3px 8px 5px #c48900, 2px 5px 16px 0px #c48900, 5px 5px 15px 5px rgba(156, 156, 156, 0.965);
box-shadow: inset -1px 3px 8px 5px #a85807b7, 2px 5px 16px 0px #162838, 5px 5px 15px 5px rgba(0,0,0,0);
background: rgb(29, 12, 1);;
overflow: hidden;
}
#wrapper-php .thanks{
text-align: center;
}
#wrapper-php .thanks h1{
font-family: 'Pacifico', cursive;
font-weight: 400;
}
#wrapper-php .thanks p{
font-family: 'Concert', cursive;
}
.modal {
display: none;
position: fixed;
z-index: 21;
left: 0;
top: 0;
width: 100%;
height:100%;
overflow: auto;
background: rgba(0, 0, 0, 0.45);
}
.animate {
animation: zoom 0.6s
}
@keyframes zoom {
from {transform: scale(0)}
to {transform: scale(1)}
}
.is-showing{
display: block;
left: 50%;
transform: translateX(-50%);
}
.imgcontainer {
text-align: center;
margin: 24px 0 12px 0;
position: relative;
color-interpolation-filters: sRGB;
}
.close {
position: absolute;
right: 10px;
top: 0px;
color: #fff;
font-size: 35px;
font-family: Arial Black;
grid-area: close;
justify-self: end;
align-self: start;
}
.close:hover,.close:focus {
color: red;
cursor: pointer;
}
.is-showing{
display: block;
left: 50%;
transform: translateX(-50%);
}
#booking-form{
width: 100%;
height: 100%;
margin: 40 auto;
border-radius: 30px;
}
/*HANDWRITTING*/
pp {
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
Slides {
font-family: 'Satisfy', cursive;
}
.xop-boxes {
font-family: 'Pacifico', cursive;
}
/* marekebisho ya pili*/
h22 {
font-family: 'Concert One', cursive;
}
h33 {
font-family: 'Poiret One', cursive;
}
h11 {
font-family: 'Concert One', cursive;
}
.form-head {
height: 20px;
display: flex;
justify-content: center;
align-items: center;
}
/* marekebisho ya kwanza*/
spanK {
display: block;
height: 12px;
width: 12px;
margin: 5px;
border-radius: 50%;
background: rgba(192,192,192,0.45);
}
.is-active {
background: rgba(0,0,0,0.4);
background: rgb(82, 228, 15);
}
.form-heading{
text-align: center;
color: rgb(233, 136, 8);
}
.form-heading-words{
padding: 0 20px;
text-align: justify;
font-size: 20px;
color: #aaa;
}
.bookingprocess{
font-weight: bold;
font-size: 20px;
}
#icons img{
height: 40px;
margin-bottom: 10px;
}
#icons .container{
width: 245px;
margin: 0 auto;
display: flex;
flex-direction: row;
}
.containerr p{
font-weight: bold;
text-align: right;
margin-top: 5px;
}
.start-booking-btn{
background: rgb(24, 11, 1);
border: 2px solid rgb(110, 60, 2);
border-radius:10px;
width: 230px;
height: 40px;
color: #f5f0f0;
font-weight: bold;
font-family: calibri;
font-weight: bold;
text-transform: uppercase;
position: static;
margin-bottom: 20px;
}
.start-booking-btn:hover{
background: rgb(110, 60, 2);
border: 1px solid rgb(80, 228, 12);
color: rgb(244, 245, 244);
cursor: pointer;
}
.div-for-btn{
margin: 15px auto 0 ;
text-align: center;
}
#phaseplus{
display: none;
text-align: center;
position: relative;
}
#phaseplus h2{
color: #555;
}
#phaseplus p{
color: #aaa;
padding: 0 20px;
}
.pack-dates{
display: flex;
flex-direction: row;
justify-content: center;
position: relative;
}
.pack-dates *{
margin: 0 20px;
}
.datess {
position: relative;
}
.radio {
cursor: pointer;
}
#phase-plus a{
color: rgb(91, 247, 19);
text-decoration: underline;
}
#phase1 h2{
text-align: center;
color: rgb(4, 68, 31);
letter-spacing: 1px;
}
#phase1 p{
text-align: center;
color:rgb(247, 246, 244);
font-size: 20px;
margin-top: -20px;
}
/*PHASE INPUTS*/
#booking-form .inputBox {
position: relative;
text-align: center;
}
#booking-form .inputBox input {
width: 100%;
padding: 10px 0;
font-size: 16px;
color:rgb(247, 242, 242);
margin-bottom: 20px;
border:none;
border-bottom: 1px solid rgb(81,122,62);
outline: none;
background: transparent;
}
#booking-form .inputBox label {
position: absolute;
top:0;
left:0;
padding: 10px 0;
font-size:16px;
color: rgb(12, 0, 0);
pointer-events: none;
font-family: 'Concert One', cursive;
letter-spacing: 1px;
transition: 1s;
}
#booking-form .inputBox input:focus ~ label,
#booking-form .inputBox input:valid ~ label {
top: -18px;
left: 0;
color: rgb(93, 235, 27);
font-size: 12px;
}
.input{
padding: 0 10%;
}
#label-selector{
font-family: 'Concert One', cursive;
color: rgb(87, 240, 16);
font-size: 12px;
letter-spacing: 1px;
}
select {
background: transparent;
border-radius: 10px;
height: 30px;
min-width: 150px;
color: #aaa;
font-family: 'Concert one', cursive;
outline: none;
margin-top: 5px;
}
.other-socialmedia{
display: flex;
flex-direction: row;
}
input{
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
font-size: 20px;
}
/*other social media*/
.other-socialmedia .inputBox {
position: relative;
text-align: center;
}
.other-socialmedia .inputBox input {
width: 50%;
padding: 10px 0;
font-size: 16px;
color:#aaa;
margin-bottom: 30px;
border:none;
border-bottom: 1px solid rgb(81,122,62);
outline: none;
background: transparent;
}
.other-socialmedia .inputBox label {
position: absolute;
top:0;
left:0;
padding: 10px 0;
font-size:16px;
color: #555;
pointer-events: none;
font-family: 'Concert One', cursive;
letter-spacing: 1px;
transition: 1s;
}
.other-socialmedia .inputBox input:focus ~ label,
.other-socialmedia .inputBox input:valid ~ label {
top: -18px;
left: 0;
color: rgb(89, 240, 18);
font-size: 12px;
}
#othersm1{
margin-right: 10px;
}
#othersm3{
margin-right: 10px;
}
#othersm2{
margin-right: 10px;
}
#othersm4{
margin-right: 10px;
}
#label-selector{
margin-top: 20px;
}
#secondp {
font-size:16px;
color: #1c1c2c;
}
#phase2{
display: none;
}
#phase22{
display: none;
}
#phase2{
display: none;
}
#phase2{
display: none;
}
#phase3{
display: none;
}
#phase3{
display: none;
}
#phase3{
display: none;
}
#phase3{
display: none;
}
#phase4{
display:none;
}
#phase4{
display:none;
}
#phase4{
display:none;
}
#phase4{
display:none;
}
select{
margin-bottom: 5px;
}
#phase4 h2{
text-align: center;
color: rgb(85, 85, 85);
}
#phase4 p{
margin-top: -20px;
text-align: center;
color: rgb(170, 170, 170);
}
.icon {
font-size: 16px;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
color: #aaa;
font-weight: bold;
}
@media (max-width: 1024px) {
.NFC-popup{
margin: 20px auto;
}
}
@media (max-width:576px){
.NFC-popup{
width: 99%;
}
#wrapper-php{
width: 99%;
}
.NFC-popup {
margin: 5px auto;
}
}
@media (max-width: 520px){
.pack-dates *{
margin: 0 10px;
}
}
@media (max-width: 400px){
.pack-dates *{
margin: 0;
}
}
#phase2 h2{
text-align: center;
color: #555;
}
#phase2 p{
text-align: center;
margin-top: -20px;
font-size: 20px;
color: #aaa;
}
#phase2 h2{
text-align: center;
color: #555;
}
#phase2 p{
text-align: center;
margin-top: -20px;
font-size: 20px;
color: #aaa;
}
#phase2 h2{
text-align: center;
color: #555;
}
#phase2 p{
text-align: center;
margin-top: -20px;
font-size: 20px;
color: #aaa;
}
#phase2 h2{
text-align: center;
color: rgb(233, 136, 8);
}
#phase2 p{
text-align: center;
margin-top: -20px;
font-size: 20px;
color: rgb(27, 8, 1);
}
#phase3 h2{
text-align: center;
color: rgb(85, 85, 85);
}
#phase3 p{
text-align: center;
margin-top: -20px;
font-size: 20px;
color: #aaa;
}
#phase3 h2{
text-align: center;
color: #555;
}
#phase3 p{
text-align: center;
margin-top: -20px;
font-size: 20px;
color: #aaa;
}
#phase3 h2{
text-align: center;
color: #555;
}
#phase3 p{
text-align: center;
margin-top: -20px;
font-size: 20px;
color: #aaa;
}
#phase3 h2{
text-align: center;
color: #555;
}
#phase3 p{
text-align: center;
margin-top: -20px;
font-size: 20px;
color: #aaa;
}
#phase4 h2{
text-align: center;
color: #555;
}
#phase4 p{
text-align: center;
margin-top: -20px;
font-size: 20px;
color: #aaa;
}
#phase4 h2{
text-align: center;
color: rgb(233, 136, 8);
}
#phase4 p{
text-align: center;
margin-top: -20px;
font-size: 20px;
color: #aaa;
}
#phase4 h2{
text-align: center;
color: #555;
}
#phase4 p{
text-align: center;
margin-top: -20px;
font-size: 20px;
color: #aaa;
}
#phase4 h2{
text-align: center;
color: rgb(233, 136, 8);
}
#phase4 p{
text-align: center;
margin-top: -20px;
font-size: 20px;
color: #aaa;
}
.about-us {
position: relative;
margin-bottom: 127px;
margin-top: -130px;
z-index: 11; }
.about-us-inner {
position: relative;
padding-right: 15px; }
.about-us-inner::after {
position: absolute;
content: '';
top: -50px;
left: -80px;
width: calc(100% + 132px);
height: calc(100% + 100px);
background: #fff;
z-index: -1;
-webkit-box-shadow: 0px 5px 37px 0px rgba(16, 145, 255, 0.15);
-moz-box-shadow: 0px 5px 37px 0px rgba(16, 145, 255, 0.15);
box-shadow: 0px 5px 37px 0px rgba(16, 145, 255, 0.15);
border-top-left-radius: 61px;
border-bottom-right-radius: 61px; }
.about-us-tab ul.nav {
display: block; }
.about-us-tab ul.nav-tabs {
border-bottom: none; }
.about-us-tab ul li a.nav-link {
font-size: 18px;
color: #252e45;
border: none;
padding: 0;
padding-bottom: 20px;
margin-bottom: 20px;
text-transform: uppercase;
font-family: "Poppins", sans-serif;
font-weight: 600;
border-bottom: 1px solid #dddddd; }
.about-us-tab ul li:last-child a.nav-link {
border-bottom: none; }
.about-us-tab ul li a i {
font-size: 22px;
margin-right: 15px;
width: 40px;
height: 40px;
line-height: 40px;
color: #b0b0b0;
text-align: center; }
.about-us-tab ul li a.nav-link.active {
border-bottom: 1px solid #dddddd;
color: #ff6600;
text-decoration: line-through; }
.about-us-tab ul li:last-child a.nav-link.active {
border-bottom: none; }
.about-us-tab ul li a.nav-link.active i {
color: #b0b0b0; }
.u-image,
.u-background-effect-image,
.u-video-poster {
object-fit: cover;
display: block;
vertical-align: middle;
background-size: cover;
background-position: 50% 50%;
background-repeat: repeat;
border-radius: 5px;
border-image: 4px;
}
h4 {
font-size: 1.25rem;}
.u-hover-palette-2-light-1:hover,
.u-hover-palette-2-light-1[class*="u-border-"]:hover,
.u-hover-palette-2-light-1:focus,
.u-hover-palette-2-light-1[class*="u-border-"]:focus,
.u-active-palette-2-light-1.u-active.u-active,
.u-active-palette-2-light-1[class*="u-border-"].u-active.u-active,
a.u-button-style.u-hover-palette-2-light-1:hover,
a.u-button-style.u-hover-palette-2-light-1[class*="u-border-"]:hover,
a.u-button-style:hover > .u-hover-palette-2-light-1,
a.u-button-style:hover > .u-hover-palette-2-light-1[class*="u-border-"],
a.u-button-style.u-hover-palette-2-light-1:focus,
a.u-button-style.u-hover-palette-2-light-1[class*="u-border-"]:focus,
a.u-button-style.u-button-style.u-active-palette-2-light-1:active,
a.u-button-style.u-button-style.u-active-palette-2-light-1[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-active-palette-2-light-1.active,
a.u-button-style.u-button-style.u-active-palette-2-light-1[class*="u-border-"].active,
a.u-button-style.u-button-style.active > .u-active-palette-2-light-1,
a.u-button-style.u-button-style.active > .u-active-palette-2-light-1[class*="u-border-"],
li.active > a.u-button-style.u-button-style.u-active-palette-2-light-1,
li.active > a.u-button-style.u-button-style.u-active-palette-2-light-1[class*="u-border-"] {
color: #ffffff !important;
background-color: #e68387 !important;
}
a.u-link.u-hover-palette-2-light-1:hover {
color: #e68387 !important;
}
.u-palette-2-light-2,
.u-body.u-palette-2-light-2,
.u-container-style.u-palette-2-light-2:before,
.u-container-layout.u-palette-2-light-2:before,
.u-table-alt-palette-2-light-2 tr:nth-child(even) {
color: #111111;
background-color: #ebafb1;
border-radius: 20px;
box-shadow: rgba(160, 18, 18, 0.25);
overflow: hidden;
}
.u-button-style.u-palette-2-light-2,
.u-button-style.u-palette-2-light-2[class*="u-border-"] {
color: #111111 !important;
background-color: #f1b5b8 !important;
}
.text-center {
text-align: center;
}
.button {
display: inline-block;
padding: 12px 30px;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 14px;
text-transform: capitalize;
letter-spacing: 0.7px;
font-weight: 600;
border: 0;
border-radius: 35px;
background: #cfc421;
transition: all 500ms ease;
cursor: pointer;
color: #000;
position: relative;
margin-top: 25px;
overflow: hidden;
-webkit-box-shadow: 0 5px 30px rgba(20, 20, 20, 0.7);
box-shadow: 0 4px 20px rgba(50, 51, 51, 0.85);
text-decoration: none;
}
.slub1-safari{
width: 100%;
height: 449px;
display: inline-block;
border-radius: 3px;
box-shadow: 5px 10px 18px #949292;
cursor: pointer;
background: linear-gradient(rgba(0,0,0,.45), rgba(0,0,0,.55));
display: inline-block;
margin: right 20px;;
position: relative;
vertical-align: middle;
overflow: hidden;
}
.slub2-safari{
height: 349px;
display: inline-block;
border-radius: 3px;
box-shadow: 5px 10px 18px #949292;
cursor: pointer;
background: linear-gradient(#d58e9093, #ebafb1a1);
display: inline-block;
margin: 0px;
position: relative;
vertical-align: middle;
overflow: hidden;
}
.slub3-safari{
height: 395px;
display: inline-block;
border-radius: 3px;
box-shadow: 5px #241f1fe0;
cursor: pointer;
background: linear-gradient(#0a0a0a93, hsla(348, 20%, 95%, 0.631));
display: inline-block;
margin: 0px;
position: relative;
vertical-align: middle;
overflow: hidden;
}
.button:hover {
color: rgb(180, 152, 29);
background: #6e602a;
transform: translateY(-28px);
}
.num-1{
width: 100px;
height: 50px; /* as the half of the width */
background-color: transparent;
border-top-left-radius: 55px; /* 100px of height + 10px of border */
border-top-right-radius: 55px; /* 100px of height + 10px of border */
border: 1px solid rgb(188, 132, 13);
border-bottom: 0;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: -36px;
box-shadow: 5px 5px 8px #000;
}
dl, ol, ul {
padding: 0;
margin: 0;
list-style: none;
}
.bg-fixed {
background-attachment: fixed;
}
.bg-img {
background-size: cover;
background-repeat: no-repeat;
}
.section-padding {
padding: 100px 0;
}
.section-title {
text-align: center;
margin-bottom: 75px;
}
.section-title h2 {
font-weight: 900;
text-transform: capitalize;
font-size: 33px;
line-height: 1.3;
color: rgb(59, 50, 26);
}
.small-title {
color: #2c2929;
margin-bottom: 10px;
font-size: 12px;
text-transform: uppercase;
font-weight: 800;
letter-spacing: 2px;
background: rgba(114, 146, 230, 0.15);
padding: 5px 20px;
border-radius: 30px;
display: inline-block;
}
.display-table {
width: 100%;
height: 100%;
display: table;
}
.table-cell {
display: table-cell;
vertical-align: middle;
}
.mr-top-50 {
margin-top: 50px;
}
.back-to-top {
position: fixed;
display: none;
color: #fff;
width: 40px;
height: 42px;
line-height: 40px;
border-radius: 5px;
right: 25px;
bottom: 20px;
text-align: center;
background: #5c531e;
transition: background 0.5s;
z-index: 11;
}
.back-to-top i {
color: #fff;
font-size: 20px;
}
.v-middle {
position: absolute;
width: 100%;
top: 50%;
left: 0;
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.valign {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.animation-bounce {
-webkit-animation: bounce 3s infinite ease-in-out;
-o-animation: bounce 3s infinite ease-in-out;
-ms-animation: bounce 3s infinite ease-in-out;
-moz-animation: bounce 3s infinite ease-in-out;
animation: bounce 3s infinite ease-in-out;
}
@-webkit-keyframes bounce {
0% {
transform: translateY(-5px);
}
50% {
transform: translateY(10px);
}
100% {
transform: translateY(-5px);
}
}
@keyframes bounce {
0% {
transform: translateY(-5px);
}
50% {
transform: translateY(10px);
}
100% {
transform: translateY(-5px);
}
}
ontact-area .form-message.success {
background: #03b103;
color: #fff;
padding: 10px 15px;
border-radius: 3px;
}
contact-area .form-message.error {
background: #ff4d15;
color: #fff;
padding: 10px 15px;
border-radius: 3px;
}
/*---text blow---*/
.neonText {
color: rgb(209, 188, 188);
text-shadow:
0 0 7px #fff,
0 0 10px #fff,
0 0 21px #fff,
0 0 42px #5271ff,
0 0 82px #5271ff,
0 0 92px #5271ff,
0 0 102px #5271ff,
0 0 151px #5271ff;
}
body {
font-size: 10px;
font-family: "Yellowtail", sans-serif;
background-color: #f9fdf9;
}
h6 {
text-align: center;
font-weight: 400;
}
h6 {
font-size: 3.2rem;
animation: pulsate 0.11s ease-in-out infinite alternate;
}
h6 {
font-size: 1.8rem;
}
@keyframes pulsate {
0% {
text-shadow:
0 0 4px #fff,
0 0 11px #fff,
0 0 19px #fff,
0 0 40px #5271ff,
0 0 80px #5271ff,
0 0 90px #5271ff,
0 0 100px #5271ff,
0 0 150px #5271ff;
}
0% {
text-shadow:
0 0 4px #fff,
0 0 10px #fff,
0 0 18px #fff,
0 0 38px #5271ff,
0 0 73px #5271ff,
0 0 80px #5271ff,
0 0 94px #5271ff,
0 0 140px #5271ff;
}
}.neonText {
animation: flicker 1.5s infinite alternate;
color: rgb(56, 17, 5);
}
/* Flickering animation */
@keyframes flicker {
0%, 18%, 22%, 25%, 53%, 57%, 100% {
text-shadow:
0 0 4px #fff,
0 0 11px #fff,
0 0 19px #fff,
0 0 40px #0fa,
0 0 80px #0fa,
0 0 90px #0fa,
0 0 100px #0fa,
0 0 150px #0fa;
}
20%, 24%, 55% {
text-shadow: none;
}
}
/* Additional styling */
body {
font-size: 18px;
background-color: #010a01;
}
h6 {
text-align: center;
text-transform: uppercase;
font-weight: 400;
}
/* booking now */