@font-face {
  font-family: Awesome;
  src: url("fonti/fontawesome-webfont.ttf");
}

@font-face {
  font-family: Fontspring;
  src: url("fonti/Fontspring-DEMO-larrikin-script.otf");
}

@font-face {
  font-family: KarlaBoldItalic;
  font-weight: bold;
  src: url("fonti/Karla-BoldItalic.ttf");
}

@font-face {
  font-family: KarlaBold;
  font-weight: bold;
  src: url("fonti/Karla-Bold.ttf");
}

@font-face {
  font-family: KarlaItalic;
  src: url("fonti/Karla-Italic.ttf");
}

@font-face {
  font-family: Karla;
  src: url("fonti/Karla-Regular.ttf");
}

@font-face {
  font-family: Rubik;
  font-weight: bold;
  src: url("fonti/Rubik-Bold.ttf");
}

:root {
	--zelena: #858c4f;
	--svetlozelena: #f9f9f3;
	--temnozelenaozadje: #f0efe1;
	--rdeca: #d95f43;
	--temna: #3b3b3b;
	--slider: #bfbb80;
	--oranzna: #f2a649;
}

	/* -webkit-transition: all 0.3s ease-in-out 0s; /* For Safari 3.1 to 6.0 */ */
    /* -ms-transition: all 0.3s ease-in-out 0s; */
    /* -o-transition: all 0.3s ease-in-out 0s; */
    /* transition: all 0.3s ease-in-out 0s; */

body {
	color: var(--temna);
	margin: 0;
}

.booking_tours_wrapper {
    width: 100%;
    position: relative;
    float: left;
}

.booking_tours_wrapper h2, .booking_tours_wrapper h2 {
    font-weight: 600;
    color: var(--zelena);
    text-transform: uppercase;
    font-family: 'Karla';
    letter-spacing: 1px;
    margin-top: 0;
    font-size: 22px;
}

.booking_tours_scheduled_wrapper {
    float: left;
}

.booking_wrapper {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.booking_tours_scheduled_wrapper label {
    display: block;
    font-size: 18px;
    color: var(--temna);
    margin-bottom: 5px;
}

.booking_wrapper > form > label {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    font-size: 22px;
}

.booking_price {
    display: inline-table;
    vertical-align: middle;
    font-weight: 600;
    font-size: 22px;
    width: 17%;
}

.booking_select_number {
    display: inline-table;
    vertical-align: middle;
    width: 20%;
    border: 2px solid var(--slider);
    border-radius: 22px;
    height: 45px;
    padding-left: 5%;
    padding-right: 5%;
}

.booking_options.show {
    max-height: 200px;
    margin-top: 10px;
}

.booking_options {
    margin-top: 0;
    float: right;
    width: 100%;
    position: relative;
    max-height: 0;
    overflow: hidden;
	-webkit-transition: all 0.3s ease-in-out 0s; /* For Safari 3.1 to 6.0 */
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.selectminus, .selectplus {
    float: left;
    width: 15%;
    font-family: 'Awesome';
    color: var(--slider);
    font-size: 18px;
    text-align: center;
    line-height: 45px;
    cursor: pointer;
}

.booking_select_number input {
    float: left;
    width: 45%;
    margin-left: 10%;
    margin-right: 10%;
    background-color: transparent;
    border: 0 !important;
    text-align: center;
    font-family: 'Karla';
    font-weight: 600;
    font-size: 20px;
    height: 45px;
    outline: none !important;
}

/* Chrome, Safari, Edge, Opera */
.booking_select_number input::-webkit-outer-spin-button, .booking_select_number input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.booking_select_number input {
  -moz-appearance: textfield;
}

/* .booking_tours_wrapper.payment { */
    /* position: absolute; */
    /* top: 0; */
    /* left: -100%; */
    /* z-index: -1; */
    /* opacity: 0; */
/* } */

.booking_opteions_item label {
    font-size: 18px;
    display: inline-block;
    width: 45%;
    padding-left: 5%;
}

.booking_opteions_item .booking_price {
    font-size: 18px;
}

.options_infants .booking_opteions_item:first-child {
    margin-bottom: 10px;
}

.back {
    color: var(--zelena);
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 45px;
    margin-left: 30px;
    display: inline-table;
    letter-spacing: 1px;
	cursor: pointer;
}

.back:before {
    content: "";
    font-family: 'Awesome';
    margin-right: 10px;
}

.booking_button {
    background-color: var(--rdeca);
    float: left;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 1px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 22px;
    cursor: pointer;
    border: 0;
}

.book_total {
    float: right;
    width: 50%;
    font-size: 22px;
    font-weight: 600;
    line-height: 45px;
}

.book_notice {
    float: left;
    width: 100%;
    margin-top: 20px;
    font-size: 18px;
    color: var(--zelena);
    font-weight: 600;
}

.book_notice span {
    font-family: 'Awesome';
    margin-right: 10px;
}

.booking_tours_private_wrapper {
    float: right;
}

.booking_tours_private_wrapper label {
    display: block;
    font-size: 18px;
    font-weight: 600;
}

select#tour_language {
    background-color: transparent;
    border: 0;
    width: 100%;
    margin-top: 5px;
    font-size: 18px;
    font-family: 'Karla' !important;
    font-weight: 400;
}

.booking_wrapper h3 {
    font-weight: 600;
    font-size: 22px;
    margin-top: 0;
}

.textbox {
    height: 45px;
    float: left;
    width: calc(39% - 4px);
    background-color: transparent;
    border: 2px solid var(--slider) !important;
    border-radius: 22px;
    margin-bottom: 10px;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 20px;
    color: var(--temna);
    font-family: 'Karla' !important;
    margin-right: 2%;
    opacity: 1;
    font-weight: 400;
    outline: none !important;
}

.textbox:nth-child(odd) {
	margin-right: 0;
}

.textbox::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: var(--temna) !important;
	opacity: 1 !important;
}

.textbox::-moz-placeholder { /* Firefox 19+ */
	color:var(--temna) !important;
	opacity: 1 !important;
}

.textbox:-ms-input-placeholder { /* IE 10+ */
	color: var(--temna) !important;
	opacity: 1 !important;
}

.textbox:-moz-placeholder { /* Firefox 18- */
	color: var(--temna) !important;
	opacity: 1 !important;
}

.textbox:placeholder { /* Firefox 18- */
	color: var(--temna) !important;
	opacity: 1 !important;
}

textarea {
    float: left;
    width: calc(90% - 4px);
    background-color: transparent;
    border: 2px solid var(--slider);
    border-radius: 22px;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 20px;
    color: var(--temna);
    font-family: 'Karla' !important;
    margin-right: 0;
    resize: none;
    height: 90px;
	padding-top: 2%;
	outline: none;
}

textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: var(--temna) !important;
	opacity: 1 !important;
}

textarea::-moz-placeholder { /* Firefox 19+ */
	color:var(--temna) !important;
	opacity: 1 !important;
}

textarea:-ms-input-placeholder { /* IE 10+ */
	color: var(--temna) !important;
	opacity: 1 !important;
}

textarea:-moz-placeholder { /* Firefox 18- */
	color: var(--temna) !important;
	opacity: 1 !important;
}

textarea:placeholder { /* Firefox 18- */
	color: var(--temna) !important;
	opacity: 1 !important;
}

textarea:nth-child(odd) {
    margin-right: 0;
}

.booking_summary h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--zelena);
    letter-spacing: 1px;
}

.booking_tour_name {
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 10px;
}

.booking_tour_description, .booking_tour_number, .booking_tour_coupon {
    font-size: 18px;
    margin-bottom: 10px;
}

.booking_tour_datetime {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 10px;
}

.booking_tour_total_price {
    font-weight: 600;
    font-size: 22px;
}

.booking_summary {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 40px;
}

.termsagree a {
    text-decoration: underline;
    color: var(--temna);
}

.termsagree {
	font-size: 16px;
}

.agree_terms_description {
    font-size: 16px;
    font-style: italic;
    margin-top: 20px;
}

.hidden {
	display: none;
}

form#paymentFrm {
    width: 90%;
    float: left;
}

.tour_data_select {
    border: 2px solid var(--slider);
    border-radius: 22px;
    display: inline-block;
    width: 98%;
    padding-bottom: 20px;
}

select#tour_data_id {
    background-color: transparent;
    border-radius: 22px;
    border: 0;
    height: 45px;
    line-height: 45px;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 600;
    font-size: 18px;
    outline: none !important;
    font-family: 'Karla';
}

input[type="radio"] {
    accent-color: var(--zelena);
}

.p-Input-input {
    background-color: transparent;
    box-shadow: none !important;
    border: 2px solid #858c4f;
    border-radius: 22px;
}

.zabuto-calendar.table thead td {
    background-color: transparent !important;
    border: 0 !important;
}

.zabuto-calendar.table thead th {
    background-color: transparent;
    border-bottom: 0 !important;
}

.zabuto-calendar.table>tbody>tr:last-child>td {
    border-bottom: 0 !important;
}

.zabuto-calendar.table.clickable>tbody td:hover {
    background-color: transparent !important;
    color: var(--rdeca) !important;
}

span.opomba {
    display: block;
    font-size: 12px;
}

span.dan {
    font-weight: bold;
}

td.zabuto-calendar__day.zabuto-calendar__event {
    color: var(--slider);
}

span#torudataid {
    display: none;
}

.add_koda {
    background-color: var(--rdeca);
    float: left;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 1px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 22px;
    cursor: pointer;
    border: 0;
	margin-left: 4%;
}

span.dateprivatetext {
    display: none;
}

.minprivatetekst {
    float: left;
    color: var(--rdeca);
    padding-left: 25px;
    width: calc(100% - 25px);
}

@media only screen and (max-width: 450px) {
	.booking_wrapper > form > label {
		width: 35%;
		font-size: 16px;
	}
	
	.booking_price {
		font-size: 16px;
		width: 18%;
		text-align: right;
		margin-right: 12%;
	}
	
	.booking_wrapper form {
		margin-bottom: 0;
	}
	
	.book_total {
		width: 100%;
		margin-top: 30px;
	}
	
	.booking_opteions_item label {
		width: 30%;
		font-size: 15px;
	}
	
	.booking_opteions_item .booking_price {
		font-size: 14px;
	}
	
	.booking_tours_wrapper h2, .booking_tours_wrapper h2, .booking_wrapper h3 {
		font-size: 18px;
	}
	
	.textbox {
		width: 100%;
		margin-right: 0;
		padding-left: 5%;
		padding-right: 5%;
		font-size: 16px;
	}
	
	textarea {
		font-size: 16px;
		padding-top: 3%;
		padding-left: 5%;
		padding-right: 5%;
	}
	
	.booking_wrapper > form > label strong {
		display: block;
	}
}