.tb_single_tour .images_single_left {
width: 65%;
float: left;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
.tour_code {
margin-bottom: 15px;
}
.wrap:after,
ul.tours-default:after,
.content-area-tours .site-main:after {
content: "";
clear: both;
display: table;
}
.content-area-tours {
padding-right: 15px;
padding-left: 15px;
max-width: 1200px;
margin: 0 auto;
}
.content-area-tours.twentyseventeen {
max-width: 950px;
}
.content-area-tours .site-main {
margin-left: -15px;
margin-right: -15px;
}
.content-area-tours .wrapper-tour-left {
width: 75%;
float: left;
padding-left: 15px;
padding-right: 15px;
}
.content-area-tours .sidebar-area {
width: 25%;
float: right;
padding-left: 15px;
padding-right: 15px;
} .tours-breadcrumb {
padding-bottom: 1em;
margin-bottom: 1em;
border-bottom: 1px solid #eee;
font-size: 13px;
font-size: .8125rem;
}
.tour-result-count {
float: left;
padding: 20px 0;
}
.tour-ordering {
float: right;
} ul.tours-default {
list-style: none;
margin: 0;
clear: both;
}
ul.tours-default li {
float: left;
margin: 0 3.8% 2.992em 0;
padding: 0;
position: relative;
width: 30.75%;
}
ul.tours-default li:nth-child(3n) {
margin-right: 0;
}
ul.tours-default li:nth-child(3n+1) {
clear: both;
}
ul.tours-default .woocommerce-loop-product__title {
font-size: 1em;
font-weight: normal;
text-transform: none;
}
ul.tours-default .star-rating {
margin-bottom: 20px;
}
ul.tours-default .price {
display: block;
margin-bottom: 20px;
}
.woocommerce-pagination.paging-navigation {
margin-top: 0;
} .spinner {
height: 25px;
text-align: center;
font-size: 5px;
display: none;
}
.spinner>div {
background-color: #333;
height: 100%;
width: 6px;
display: inline-block;
-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.spinner .rect3 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.spinner .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.spinner .rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
0%,
40%,
100% {
-webkit-transform: scaleY(0.4)
}
20% {
-webkit-transform: scaleY(1.0)
}
}
@keyframes sk-stretchdelay {
0%,
40%,
100% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
}
20% {
transform: scaleY(1.0);
-webkit-transform: scaleY(1.0);
}
}
.wrapper-gmap {
position: relative;
padding-bottom: 56.25%; padding-top: 25px;
height: 0;
}
.wrapper-gmap .google-map {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.single-woo-tour .total_price_arrow .st_adults_children:before,
.single-woo-tour .total_price_arrow .st_adults_children:after {
content: "";
clear: both;
display: table;
}
.single-woo-tour .total_price_arrow .st_adults_children {
margin-bottom: 10px;
}
.single-woo-tour .total_price_arrow .st_adults_children .input-number-ticket {
float: none !important;
display: inline-block;
vertical-align: middle;
}
.booking .form-field,
.booking .item-field-tour-booking {
margin-bottom: 20px;
}
.booking .tour-variation-item {
margin-bottom: 20px;
}
.booking .form-field input {
width: 100%;
padding: 9px 15px;
}
.booking .form-group input[type="number"] { display: inline-block;
}
.booking input[type="checkbox"],
.booking input[type="radio"] {
margin-bottom: 0 !important;
}
.booking .tour-variations select {
height: 40px;
width: 100%;
}
.booking .form-group input[type="number"]:focus {
outline: none;
}
.text-discount {
font-size: 13px;
color: red;
font-style: italic;
margin-bottom: 0;
}
.booking .item-field-tour-booking .label {
color: #555;
font-size: 14px;
font-weight: 400;
padding: 0;
line-height: 34px;
text-align: left;
}
#tourBookingForm .error.placeholder {
color: #ff0000;
}
#tourBookingForm .error:-moz-placeholder {
color: #ff0000;
}
#tourBookingForm .error::-webkit-input-placeholder {
color: #ff0000;
}
#tourBookingForm .error:-ms-input-placeholder {
color: #ff0000;
}
#tourBookingForm .errors {
color: #ff0000;
}
.booking .tour-variations p {
margin-bottom: 10px;
}    .wrapper-personal-information {
margin-bottom: 20px;
}
.wrapper-personal-information h3 {
margin: 0 0 20px;
}
.wrapper-personal-information .personal-infomation-item {}
.wrapper-personal-information .personal-infomation-item .label {
color: #555;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-size: 14px;
min-width: 100px;
display: inline-block;
text-align: left;
}
.wrapper-personal-information p:before,
.wrapper-personal-information p:after {
clear: both;
content: "";
display: block;
} .tour-price-item-cart {
padding: 0;
margin: 5px 0;
}
.tour-price-item-cart input {
width: 3.631em;
text-align: center;
} #tour-price-range {
margin-bottom: 10px;
}
#tour-price-range.noUi-horizontal {
height: 10px;
border: none;
width: 100%;
}
#tour-price-range.noUi-horizontal .noUi-connects {
cursor: pointer;
}
#tour-price-range.noUi-horizontal .noUi-handle {
height: 17px;
width: 17px;
border-radius: 20px;
top: -4px;
cursor: e-resize;
}
#tour-price-range.noUi-horizontal .noUi-handle.noUi-handle-upper {
right: -1px;
}
#tour-price-range.noUi-horizontal .noUi-handle.noUi-handle-lower {
right: -15px;
}
#tour-price-range.noUi-horizontal .noUi-handle::before,
#tour-price-range.noUi-horizontal .noUi-handle::after {
content: none;
} .search_tour .tour-rating {
line-height: 41px;
margin-bottom: 15px;
}
.search_tour .form-field-input,
.search_tour .form-block__description,
.search_tour .form-field-select {
margin-bottom: 20px;
}
.search_tour .form-field-select select {
width: 100%;
}
.search_tour .tour-rating::after {
content: '';
display: block;
clear: both;
}
.search_tour .tour-rating span {
float: left;
margin-right: 10px;
}
.woocommerce .woocommerce-tabs ul.wc-tabs {
width: 100%;
border-right: none;
background: transparent;
float: none;
line-height: inherit;
}
.woocommerce .woocommerce-tabs ul.wc-tabs li a:before {
display: none;
}
.google-map-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
}
.google-map-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
} .ui-datepicker table {
border: none !important;
}
.ui-datepicker td {
padding: 0;
border: 1px solid #ededed;
}
.ui-datepicker td.date-available a {
background: white;
}
.ui-datepicker .ui-datepicker-other-month {
border: none;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: center;
text-decoration: none;
font-weight: bold !important;
}
.ui-state-default {
border: none !important;
background: white;
font-weight: normal;
color: #454545;
}
.ui-datepicker .ui-datepicker-current-day {
background: #f0f0f0 !important;
}
.ui-datepicker .ui-datepicker-current-day a {
color: #ffb300 !important;
background: #f0f0f0 !important;
}
.ui-datepicker table td.date-picked>a,
.ui-datepicker table td.date-picked>span {
background: #ffb300 !important;
color: white !important;
}
.ui-datepicker table td .ui-state-default:hover {
background: #ffcf5d !important;
color: white !important;
}
#ui-datepicker-div {
border-radius: 0;
border: 1px solid #eee;
padding: 5px !important;
}
#ui-datepicker-div .ui-state-default,
#ui-datepicker-div.ui-widget-content .ui-state-default,
#ui-datepicker-div .ui-widget-header .ui-state-default {
background: #f7f7f7;
border-color: #f2f2f2;
}
#ui-datepicker-div .ui-datepicker-title {
font-size: 14px;
}
.ui-widget-header .ui-corner-all .ui-icon,
.ui-widget-header .ui-state-hover .ui-icon,
.ui-widget-header .ui-state-focus .ui-icon {
background: transparent;
text-indent: 1px;
font-size: 0;
text-align: center;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
margin-left: -8px !important;
margin-top: -12px !important;
}
.ui-widget-header .ui-state-hover {
background: transparent;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 2px !important;
right: 2px !important;
border-color: #ccc9c9 !important;
cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 2px !important;
}
.ui-datepicker .ui-datepicker-prev span:hover,
.ui-datepicker .ui-datepicker-next span:hover {
background: transparent;
}
.ui-widget-header .ui-datepicker-prev .ui-icon:before,
.ui-widget-header .ui-datepicker-next .ui-icon:before {
content: "";
width: 0;
height: 0;
border-top: 5px solid transparent;
border-right: 6px solid #5a5959;
border-bottom: 5px solid transparent;
}
.ui-widget-header .ui-datepicker-next .ui-icon:before {
border-left: 6px solid #5a5959;
border-right: none;
}
#ui-datepicker-div .ui-datepicker-header {
border: 0 !important;
background: 0 0;
}
#ui-datepicker-div .ui-datepicker-buttonpane button {
font-size: 13px;
color: #fff;
padding: 0 20px;
border: none !important;
}
.interary-item {
position: relative;
margin-bottom: 30px;
min-height: 60px;
}
.interary-item .item_content {
padding-left: 85px;
overflow: hidden;
}
.interary-item .icon-left {
position: absolute;
width: 60px;
height: 60px;
line-height: 56px;
text-align: center;
border-radius: 50%;
font-size: 24px;
border: 2px dashed #26bdf7;
color: #fff;
background: #26bdf7;
}
.interary-item:hover .icon-left {
background: 0 0;
color: #26bdf7;
}
.tour-widget-wrapper__restapi .tour-skeleton-animation {
min-width: 250px;
}
.tour-widget-wrapper__restapi ul {
padding: 0;
}
.tour-skeleton-animation {
margin: 0;
padding: 0;
list-style: none;
}
.tour-skeleton-animation>li {
width: 100%;
height: 16px;
margin-top: 15px;
border-radius: 2px;
background: linear-gradient(90deg, hsla(0, 0%, 74.5%, 0.2) 25%, hsla(0, 0%, 50.6%, 0.24) 37%, hsla(0, 0%, 74.5%, 0.2) 63%);
background-size: 400% 100%;
list-style: none;
animation: tour-skeleton-loading 1.4s ease infinite;
}
@keyframes tour-skeleton-loading {
0% {
background-position: 100% 50%;
}
to {
background-position: 0 50%;
}
}   .tour-booking-calendar .flatpickr-day.date-picked {
background: #E8F5E9 !important;
color: #2E7D32 !important;
border-color: #A5D6A7 !important;
} .tour-booking-calendar .flatpickr-day.start-date,
.tour-booking-calendar .flatpickr-day.end-date {
background: #4CAF50 !important;
color: white !important;
font-weight: 700 !important;
border-radius: 50% 0 0 50% !important;
border-color: #4CAF50 !important;
} .tour-booking-calendar .flatpickr-day.end-date {
border-radius: 0 50% 50% 0 !important;
} .tour-booking-calendar .flatpickr-day.start-date.end-date {
border-radius: 50% !important;
background: #4CAF50 !important;
} .tour-booking-calendar .flatpickr-day.date-picked:not(.start-date):not(.end-date) {
background: #E8F5E9 !important;
color: #2E7D32 !important;
border-radius: 0 !important;
} .tour-booking-calendar .flatpickr-day.date-picked:hover {
background: #C8E6C9 !important;
color: #1B5E20 !important;
} .tour-booking-calendar .flatpickr-day.date-picked.flatpickr-disabled {
background: #FFCDD2 !important;
color: #C62828 !important;
text-decoration: line-through;
}