:root {
--e-global-color-brand: #ffaa00 !important;
--e-global-color-border: #cdcdcd;
}
.preloader {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
transition: opacity 0.3s ease-out;
}
.elementor-editor-active .preloader,
.elementor-editor-preview .preloader,
.elementor-preview-mode .preloader {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
.preloader.hidden {
opacity: 0;
pointer-events: none;
}
.preloader-spinner {
width: 50px;
height: 50px;
border: 3px solid var(--e-global-color-border);
border-top-color: var(--e-global-color-brand);
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
.lokma-hesaplayici {
position: relative;
}
.block .icon {
width: 40px;
height: 40px;
margin-bottom: 0;
flex-shrink: 0;
}
* {
box-sizing: border-box;
}
*:focus {
outline: none !important;
-webkit-tap-highlight-color: transparent !important;
}
button:focus,
.option-card:focus,
a:focus,
select:focus,
input:focus {
outline: none !important;
-webkit-tap-highlight-color: transparent !important;
}
button::-moz-focus-inner,
.option-card::-moz-focus-inner,
a::-moz-focus-inner,
select::-moz-focus-inner,
input::-moz-focus-inner {
border: 0 !important;
}
button:-webkit-focus-ring-color,
.option-card:-webkit-focus-ring-color,
a:-webkit-focus-ring-color,
select:-webkit-focus-ring-color,
input:-webkit-focus-ring-color {
outline: none !important;
}
.calculator {
width: 100%;
margin: auto;
}
.title {
text-align: center;
font-size: 2em;
font-weight: bold;
margin-bottom: 24px;
}
.option-cards {
display: flex;
gap: 20px;
justify-content: center;
margin-bottom: 24px;
}
.option-card {
flex: 1;
width: 50%;
display: flex;
align-items: flex-start;
gap: 12px;
border: 2px solid var(--e-global-color-border);
border-radius: 8px;
padding: 15px 15px;
padding-bottom: 14px !important;
cursor: pointer;
transition: border-color 0.15s ease, background 0.15s ease;
-webkit-tap-highlight-color: transparent !important;
-webkit-touch-callout: none !important;
-webkit-user-select: none !important;
user-select: none !important;
outline: none !important;
}
.option-card.active {
border-color: var(--e-global-color-brand);
}
.option-card:focus,
.option-card:focus-visible,
.option-card:focus-within {
outline: none !important;
box-shadow: none !important;
-webkit-tap-highlight-color: transparent !important;
}
.option-card:active {
-webkit-tap-highlight-color: transparent !important;
}
.radio-circle {
width: 20px;
height: 20px;
border: 2px solid #333;
border-radius: 50%;
position: relative;
margin-top: 4px;
flex-shrink: 0;
transition: border-color 0.15s ease;
}
.option-card.active .radio-circle {
border-color: var(--e-global-color-brand);
}
.radio-circle::after {
content: '';
width: 10px;
height: 10px;
border-radius: 50%;
background: transparent;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: background 0.15s ease;
}
.option-card.active .radio-circle::after {
background: var(--e-global-color-brand);
}
.option-text {
flex: 1;
}
.option-title {
font-size: 1.1em;
font-weight: bold;
color: #000;
display: flex;
align-items: center;
gap: 8px;
height: 26px;
}
.badge {
background: var(--e-global-color-brand);
color: #fff;
font-size: 0.75em;
font-weight: bold;
padding: 0 6px;
border-radius: 4px;
}
.option-desc {
margin-top: 4px;
color: #666;
font-size: 0.9em;
line-height: 1.3;
}
.sabit-blocks {
display: flex;
flex-direction: column;
gap: 24px;
justify-content: center;
flex-wrap: wrap;
align-items: flex-start;
}
.block {
flex: 1;
width: 100%;
border-radius: 6px;
padding: 15px 20px;
display: flex;
align-items: center;
gap: 15px;
text-align: left;
background: #ffffff;
-webkit-box-shadow: 0px 0px 35px -25px rgba(0, 0, 0, 0.7);
box-shadow: 0px 0px 35px -25px rgba(0, 0, 0, 0.7);
}
.block-text {
font-size: .9em;
color: #000;
line-height: 1.3;
font-weight: 600;
}
.important {
text-decoration: underline;
color: #c62828;
}
.content-ozel,
.content-sabit {
margin: 20px 0;
}
.content-ozel {
display: none;
}
.content-ozel.active {
display: block;
}
.dropdown-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
margin: 60px auto;
}
.dropdowns-row {
display: flex;
gap: 20px;
width: 100%;
justify-content: center;
}
.dropdown-group {
display: flex;
flex-direction: column;
gap: 12px;
width: 50%
}
.dropdown-label {
font-size: 1.1em;
font-weight: bold;
color: #000;
margin-bottom: 10px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.section-icon {
width: 24px;
height: 24px;
}
.section-icon,
.section-icon svg,
.section-icon svg path {
fill: var(--e-global-color-brand) !important;
}
.button-icon {
width: 20px !important;
height: 20px !important;
margin-right: 8px;
}
.button-icon,
.button-icon svg,
.button-icon svg path {
fill: #ffffff !important;
}
.slider-label .section-icon {
width: 28px;
height: 28px;
margin-right: 8px;
}
.slider-label .section-icon svg path {
fill: var(--e-global-color-brand) !important;
}
.district-select {
width: 100%;
}
.date-time-select {
width: 100%;
height: 55px !important;
padding: 10px 14px;
border: 1px solid var(--e-global-color-border) !important;
border-radius: 4px;
font-size: 1.1em;
font-weight: 500;
color: #333;
background: #fff;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
padding-right: 40px;
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2210%22%20height%3D%227%22%20viewBox%3D%220%200%2010%207%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0%200l5%207%205-7z%22%20fill%3D%22%23888%22/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 10px 7px;
}
.date-time-select:hover {
border-color: var(--e-global-color-brand);
box-shadow: 0 0 0 3px rgba(255, 170, 0, 0.1);
}
.date-time-select:focus {
border-color: var(--e-global-color-brand);
box-shadow: 0 0 0 3px rgba(255, 170, 0, 0.2);
outline: none;
}
.slider-label {
text-align: center;
margin-bottom: 30px;
padding-top: 30px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.slider-label .text {
font-size: 1.1em;
font-weight: bold;
margin: 0;
}
.slider-container {
position: relative;
width: 100%;
padding: 0 12px;
margin-top: 30px;
;
margin-bottom: 40px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
}
.dots-row {
position: absolute;
top: 0;
left: 0;
right: 0;
display: flex;
justify-content: space-between;
align-items: center;
height: 26.5px;
pointer-events: none;
}
.dot {
width: 18px;
height: 18px;
background: #f2f2f2;
border-radius: 50%;
transition: all 0.15s ease;
}
.dot.active {
background: var(--e-global-color-brand);
}
.dot:first-child,
.dot:last-child {
visibility: hidden;
}
input[type="range"] {
-webkit-appearance: none;
width: 100%;
height: 10px;
background: #f2f2f2;
border-radius: 99px;
outline: none;
position: absolute;
top: 6px;
transition: opacity 0.3s ease;
}
input[type="range"]::-webkit-slider-runnable-track {
height: 10px;
background: transparent;
border-radius: 99px;
}
input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 35px;
height: 35px;
border-radius: 50%;
background: var(--e-global-color-brand);
border: 4px solid white;
cursor: pointer;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
transition: transform 0.1s ease;
position: relative;
top: -14px;
}
input[type="range"]::-webkit-slider-thumb::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 8px;
height: 8px;
background: white;
border-radius: 50%;
}
input[type="range"]:active::-webkit-slider-thumb {
transform: scale(150%);
}
input[type="range"]::-moz-range-track {
height: 4px;
background: transparent;
border-radius: 2px;
}
input[type="range"]::-moz-range-thumb {
width: 24px;
height: 24px;
border-radius: 50%;
background: var(--e-global-color-brand);
border: 4px solid white;
cursor: pointer;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
transition: transform 0.1s ease;
position: relative;
}
input[type="range"]:active::-moz-range-thumb {
transform: scale(1.1);
}
.labels-row {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: space-between;
align-items: center;
color: #8e8e8e;
font-size: 1em;
height: 14px;
}
.label-item {
width: fit-content;
text-align: center;
padding-left: 10px;
transition: all 0.3s ease-in-out !important;
}
.label-item.active {
color: #333;
font-weight: bold;
transform: scale(1.2);
}
.price-section {
text-align: center;
margin-top: 16px;
}
.price-row {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 12px;
margin-bottom: 16px;
}
.left-block {
text-align: center;
}
.left-block .location {
font-size: 1em;
font-weight: bold;
color: #333;
margin-bottom: 4px;
}
.left-block .people-strong {
font-size: 2em;
font-weight: bold;
color: var(--e-global-color-brand);
margin-bottom: 4px;
}
.left-block .desc {
font-size: 16px;
color: #8e8e8e;
}
.arrow {
font-size: 28px;
color: var(--e-global-color-brand);
margin: 0 8px;
}
.price-block {
text-align: center;
min-width: 100px;
}
.price-block .label {
font-size: 1em;
font-weight: bold;
color: #333;
margin-bottom: 5px;
}
.price-block .value {
font-size: 2em;
font-weight: bold;
color: var(--e-global-color-brand);
margin-bottom: 4px;
}
.price-block .old-price {
font-size: 2em;
font-weight: 600;
text-decoration: line-through;
color: #909090;
margin-bottom: 4px;
}
.price-block .old-per {
font-size: 1em;
text-decoration: line-through;
color: #8e8e8e;
margin-bottom: 4px;
}
.price-block .discount-badge {
background: #c62828;
color: white;
font-size: 1em;
padding: 3px 6px;
border-radius: 4px;
font-weight: bold;
display: inline-block;
margin-bottom: 4px;
}
.price-block .new-per {
font-size: 1em;
color: #8e8e8e;
margin-top: 2px;
}
.select2-container {
width: 100% !important;
}
.select2-container--default .select2-selection--single {
height: 55px !important;
border: 1px solid var(--e-global-color-border) !important;
border-radius: 4px !important;
background-color: #fff;
transition: all 0.3s ease;
}
.select2-container--default .select2-selection--single:hover {
border-color: var(--e-global-color-brand);
box-shadow: 0 0 0 3px rgba(255, 170, 0, 0.1);
}
.select2-container--default.select2-container--open .select2-selection--single {
border-color: var(--e-global-color-brand);
box-shadow: 0 0 0 3px rgba(255, 170, 0, 0.2);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 55px !important;
padding-left: 16px !important;
color: #333 !important;
font-size: 1.1em !important;
font-weight: 500 !important;
height: 55px !important;
display: flex;
align-items: center;
}
.select2-container--default .select2-selection--single {
height: 55px !important;
padding-left: 6px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #8e8e8e;
font-size: 1em;
line-height: 55px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 52px !important;
right: 12px;
width: 40px !important;
display: flex;
align-items: center;
justify-content: center;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-width: 7px 5px 0 5px !important;
transition: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent !important;
border-width: 7px 5px 0 5px !important;
}
.select2-dropdown {
border: 2px solid var(--e-global-color-brand);
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
min-height: 60px;
max-height: 300px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
position: absolute !important;
}
.admin-bar .select2-dropdown {
margin-top: 32px !important;
}
@media (max-width: 768px) {
.select2-dropdown {
top: 0 !important;
z-index: 5 !important;
}
.left-block .people-strong {
font-size: 1.9em !important;
}
}
.select2-container--default .select2-search--dropdown {
padding: 12px !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 2px solid var(--e-global-color-border);
border-radius: 6px;
padding: 16px;
font-size: 1.1em;
height: 46px;
transition: all 0.3s ease;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
border-color: var(--e-global-color-brand);
outline: none;
}
.select2-container--default .select2-results__option {
padding: 16px 20px;
font-size: 1em;
transition: all 0.2s ease;
min-height: 55px;
display: flex;
align-items: center;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: rgba(255, 170, 0, 0.1);
color: #333;
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: var(--e-global-color-brand) !important;
color: white;
font-weight: 500;
}
.select2-container--default .select2-results__option:hover {
background-color: rgba(255, 170, 0, 0.1);
}
.select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
background-color: rgba(255, 170, 0, 0.2);
}
.select2-container--default .select2-results__option[aria-selected=true]:hover {
background-color: var(--e-global-color-brand);
}
.select2-container--default .select2-results {
max-height: none;
overflow-y: visible;
}
.select2-container--open .select2-dropdown--below {
overflow-y: auto;
max-height: 300px;
}
.flatpickr-calendar {
border: 2px solid var(--e-global-color-brand);
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
margin-top: 4px;
width: 100% !important;
}
.flatpickr-day:focus,
.flatpickr-day:hover,
.flatpickr-day:active,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.selected:active,
.flatpickr-time input:focus,
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-ok-button:focus,
.flatpickr-ok-button:hover {
outline: none !important;
box-shadow: none !important;
}
.flatpickr-day:focus-visible,
.flatpickr-day:focus-within,
.flatpickr-day:focus,
.flatpickr-day:active,
.flatpickr-time input:focus-visible,
.flatpickr-time input:focus-within,
.flatpickr-time input:focus,
.flatpickr-time input:active,
.flatpickr-time .flatpickr-am-pm:focus-visible,
.flatpickr-time .flatpickr-am-pm:focus-within,
.flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-time .flatpickr-am-pm:active {
outline: none !important;
box-shadow: none !important;
-webkit-tap-highlight-color: transparent !important;
-webkit-focus-ring-color: transparent !important;
background: rgba(255, 170, 0, 0.1) !important;
}
.flatpickr-calendar * {
-webkit-tap-highlight-color: transparent !important;
}
.flatpickr-day.selected,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.selected:active,
.flatpickr-day.selected:focus-visible,
.flatpickr-day.selected:focus-within {
background: var(--e-global-color-brand) !important;
border-color: var(--e-global-color-brand) !important;
color: white !important;
}
.flatpickr-calendar *:focus {
outline: none !important;
box-shadow: none !important;
-webkit-tap-highlight-color: transparent !important;
-webkit-focus-ring-color: transparent !important;
}
.flatpickr-time input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none !important;
box-shadow: none !important;
-webkit-tap-highlight-color: transparent !important;
-webkit-focus-ring-color: transparent !important;
}
.flatpickr-time input:focus,
.flatpickr-time input:active {
background: rgba(255, 170, 0, 0.1) !important;
border: none !important;
outline: none !important;
box-shadow: none !important;
}
.flatpickr-time input::-webkit-outer-spin-button,
.flatpickr-time input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.flatpickr-time input[type=number] {
-moz-appearance: textfield;
}
.flatpickr-calendar .flatpickr-months {
width: 100% !important;
height: 55px !important;
line-height: 45px;
}
.flatpickr-current-month {
padding-top: 20px !important;
}
.flatpickr-calendar .flatpickr-month {
width: 100% !important;
height: 55px !important;
line-height: 55px;
}
.flatpickr-calendar .flatpickr-weekdays {
width: 100% !important;
}
.flatpickr-calendar .flatpickr-days {
width: 100% !important;
}
.flatpickr-calendar .dayContainer {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
}
.flatpickr-day:hover {
background: rgba(255, 170, 0, 0.1) !important;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
background: rgba(255, 170, 0, 0.1) !important;
}
.flatpickr-input {
height: 55px !important;
font-size: 1.1em !important;
font-weight: 500 !important;
color: #333 !important;
padding: 10px 14px !important;
padding-right: 40px !important;
border: 1px solid var(--e-global-color-border) !important;
border-radius: 4px !important;
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2210%22%20height%3D%227%22%20viewBox%3D%220%200%2010%207%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0%200l5%207%205-7z%22%20fill%3D%22%23888%22/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 12px center !important;
background-size: 10px 7px !important;
}
.flatpickr-input:hover {
border-color: var(--e-global-color-brand) !important;
box-shadow: 0 0 0 3px rgba(255, 170, 0, 0.1) !important;
}
.flatpickr-input:focus {
border-color: var(--e-global-color-brand) !important;
box-shadow: 0 0 0 3px rgba(255, 170, 0, 0.2) !important;
outline: none !important;
}
.flatpickr-input::placeholder {
color: #8e8e8e !important;
font-size: 1em !important;
line-height: 55px !important;
font-weight: normal !important;
}
.flatpickr-ok-button {
font-family: "Gabartito", sans-serif;
width: 100%;
padding: 17px;
background: #303030;
color: white;
border: none;
border-radius: 0 0 8px 8px;
font-size: 1em;
font-weight: 600;
cursor: pointer;
transition: background-color 0.2s ease;
}
.flatpickr-time {
height: 55px !important;
line-height: 55px !important;
max-height: 55px !important;
}
.flatpickr-time input {
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
border-radius: 0;
text-align: center;
margin: 0;
padding: 0;
height: 55px !important;
line-height: 55px !important;
color: #393939;
font-size: 1.3em !important;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
.flatpickr-time .numInputWrapper {
height: 55px !important;
}
.content-sabit img,
.content-ozel img {
width: 100%;
height: auto;
border-radius: 8px;
margin-bottom: 20px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
.block {
max-width: 100% !important;
}
.content-ozel:empty {
display: none !important;
margin: 0;
padding: 0;
}
.option-cards {
flex-direction: column;
gap: 16px;
}
.option-card {
width: 100% !important;
max-width: 100% !important;
}
.sabit-blocks {
flex-direction: column;
gap: 24px;
}
.dropdown-label {
}
.dropdown-container {
width: 100%;
padding: 0 12px;
margin: 30px auto !important;
}
.dropdowns-row {
flex-direction: column;
gap: 25px;
}
.dropdown-group.location {
margin-top: 15px;
}
.dropdown-group {
width: 100% !important;
max-width: 100% !important;
}
.dropdown-group.datetime {
padding-top: 20px;
padding-bottom: 20px;
}
.district-select,
.date-time-select,
.flatpickr-input {
max-width: 100%;
height: 55px !important;
font-size: 1.1em !important;
}
.price-row {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
}
.left-block {
text-align: center;
min-width: 120px;
}
.price-block {
min-width: 100px;
}
.arrow {
font-size: 24px;
}
.price-row:has(.discount-badge) .left-block,
.price-row:has(.discount-badge) .arrow:first-of-type {
display: none;
}
.head-img {
height: 165px !important;
object-fit: cover !important;
object-position: center right !important;
border-radius: 12px !important;
overflow: hidden !important;
margin: 0 !important;
}
.whatsapp-section {
flex-direction: row;
gap: 8px;
padding: 0;
}
}
.whatsapp-section {
text-align: center;
margin-top: 40px;
padding: 0 12px;
display: flex;
gap: 12px;
justify-content: center;
width: 100%;
}
.whatsapp-button,
.call-button {
font-family: "Gabarito", sans-serif;
background-color: transparent;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
color: white;
border-radius: 12px;
padding: 16px 24px;
font-size: 1.2em;
font-weight: 600;
cursor: pointer;
transition: all 0.2s ease;
text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
color: #FFFFFF;
}
.whatsapp-button {
width: 65%;
background-image: linear-gradient(164deg, #25D366 0%, #168C12 100%);
min-height: 60px;
border: 2px solid #25D366;
}
.call-button {
width: 35%;
background-image: linear-gradient(164deg, var(--e-global-color-primary) 0%, #FF9C00 100%);
min-height: 60px;
border: 2px solid #E37F00;
}
@media (max-width: 768px) {
.whatsapp-section {
flex-direction: row;
gap: 8px;
padding: 0;
}
}