/*@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700');*/

/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600&display=swap');*/

/* @import url(https://fonts.bunny.net/css?family=manrope:400,500,700,800|merienda-one:400); */


":root {--color:#d40303;--color2:#000;--blue:#374883;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#d40303;--grey:#454545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#2d9ed5;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:var(--color);--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm: 576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont," Segoe UI",Roboto," Helvetica Neue",Arial,sans-serif," Apple Color Emoji"," Segoe UI Emoji"," Segoe UI Symbol";  --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas," Liberation Mono"," Courier New",monospace; }
 *,
::after,
::before {
  box-sizing: border-box;
}

html {
  font-family: "Manrope", -apple-system, BlinkMacSystemFont, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}

@-ms-viewport {
  width: device-width;
}

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

body {
  margin: 0;
  font-family: "Manrope", -apple-system, BlinkMacSystemFont, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  font-size: 1rem;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: var(--color2);
  text-align: left;
  background-color: #fff;
  -webkit-font-smoothing: antialiased !important;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

.clearfix {
  clear: both;
}

.background-grey {
  background: #f9f9f9;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

.red-font {
  color: var(--color);
}

.dblock {
  display: block
}

.bg-ea {
  background: #eaeaea;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: .5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 14px;
}

.font-size-16 {
  font-size: 16px;
  font-weight: 600;
}

dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 1rem;
}

b,
strong {
  font-weight: bolder;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

a {
  color: #2d9ed5;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

img {
  vertical-align: middle;
  border-style: none;
}

table {
  border-collapse: collapse;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: .5rem;
}

button {
  border-radius: 0;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[type=reset],
[type=submit],
button,
html [type=button] {
  -webkit-appearance: button;
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: .5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}

.wauto {
  width: auto !important;
}

.h1,
h1 {
  font-size: 2.5rem;
}

.h2,
h2 {
  font-size: 2rem;
}

.h3,
h3 {
  font-size: 1.75rem;
}

.h4,
h4 {
  font-size: 1.5rem;
}

.h5,
h5 {
  font-size: 1.25rem;
}

.h6,
h6 {
  font-size: 1rem;
}

.prelative {
  position: relative;
}

.tarih {
  font-weight: 600 !important;
  font-size: 13px;
  color: #000 !important;
}

.pt-30 {
  padding-top: 30px;
}

.pb-30 {
  padding-bottom: 30px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-70 {
  margin-top: 50px;
}

.mb-30 {
  margin-bottom: 30px !important;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, .1);
}

.padding-0 {
  padding: 0 !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

code,
kbd,
pre,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}

[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

[type="checkbox"]:checked+label,
[type="checkbox"]:not(:checked)+label {
  position: relative;
  padding-left: 13px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: var(--color2);
  right: -14px;
}

[type="checkbox"]:checked+label:before,
[type="checkbox"]:not(:checked)+label:before {
  content: '';
  position: absolute;
  left: -9px;
  top: 2px;
  border-radius: 4px;
  border: solid 2px #d2dbe2;
  background: #fff;
  width: 14px;
  height: 15px;
}

[type="checkbox"]:checked+label:after,
[type="checkbox"]:not(:checked)+label:after {
  color: var(--color);
  position: absolute;
  top: -1px;
  left: -7px;
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 14px;
}

[type="checkbox"]:not(:checked)+label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

[type="checkbox"]:checked+label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

[type="checkbox"]:disabled:checked+label:before,
[type="checkbox"]:disabled:not(:checked)+label:before {
  border-color: #ccc;
  background-color: #eee;
}

[type="checkbox"]:disabled:checked+label:after {
  background: #aaa;
}

.icheckbox_square-grey {
  background-position: 0 0;
}

.icheckbox_square-grey.checked {
  background-position: -48px 0;
}

.icheckbox_square-grey,
.iradio_square-grey {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
  padding: 0;
  width: 22px;
  height: 22px;
  background: url(img/green.png) no-repeat;
  border: none;
  cursor: pointer;
}

.frm-err-msg {
  font-size: 10px;
  line-height: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  color: var(--danger);
}

.single-act-code {
  padding: 0px !important;
  text-align: center !important;
  font-size: 28px !important;
  font-weight: 900 !important;
}

.abcRioButton.abcRioButtonLightBlue {
  position: absolute;
  height: 100% !important;
  width: 100% !important;
  left: 0px;
  top: 0px;
  opacity: 0;
}

.btn-google {
  position: relative;
}

.text-warning-member {
  font-weight: 900 !important;
  font-size: 16px !important;
}


.d-flex {
  display: flex !important;
}

img {
  max-width: 100%;
}

.logo-motto {
  position: relative;
  width: 200px;
  font-size: 14px;
  font-weight: 600;
  color: var(--color);
  text-align: center;
  padding: 0px;
  margin: 0px;
}

.logo-motto span {
  color: #066bb7;
}

.opagizle {
  opacity: 0;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.social_top_gizle {
  display: block;
}

@media (min-width:576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width:768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width:992px) {
  .container {
    max-width: 1140px;
  }
}

@media (min-width:1200px) {
  .container {
    max-width: 1140px;
  }
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width:576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width:768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width:992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width:1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

@media screen and (prefers-reduced-motion:reduce) {
  .form-control {
    transition: none;
  }
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}

.form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

select.form-control:not([size]):not([multiple]) {
  height: calc(2.25rem + 2px);
}

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

@media screen and (prefers-reduced-motion:reduce) {
  .btn {
    transition: none;
  }
}

.btn:focus,
.btn:hover {
  text-decoration: none;
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.fade {
  transition: opacity .15s linear;
}

@media screen and (prefers-reduced-motion:reduce) {
  .fade {
    transition: none;
  }
}

.fade:not(.show) {
  opacity: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: .5rem 0;
  margin: .125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: .25rem;
}

.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: .25rem;
}

.card-header {
  padding: .75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, .03);
  border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.card-header:first-child {
  border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
  cursor: pointer;
}

.alert {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 600;
}

.alert-dismissible {
  padding-right: 4rem;
}

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: .75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.alert-primary hr {
  border-top-color: #9fcdff;
}

.alert-primary .alert-link {
  color: #002752;
}

.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

.alert-secondary hr {
  border-top-color: #c8cbcf;
}

.alert-secondary .alert-link {
  color: #202326;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-success hr {
  border-top-color: #b1dfbb;
}

.alert-success .alert-link {
  color: #0b2e13;
}

.alert-info {
  color: #0c5460;
  background: rgba(77, 115, 252, 0.2) !important;
  border-color: rgba(77, 115, 252, 0.2) !important;
}

.alert-info hr {
  border-top-color: #abdde5;
}

.alert-info .alert-link {
  color: #062c33;
}

.alert {
  font-size: 13px !important;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
  font-size: 14px;
}

.alert-warning hr {
  border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
  color: #533f03;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-danger hr {
  border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
  color: #491217;
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.alert-light hr {
  border-top-color: #ececf6;
}

.alert-light .alert-link {
  color: #686868;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.alert-dark hr {
  border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
  color: #040505;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }

  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }

  to {
    background-position: 0 0;
  }
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

.pr-1,
.px-1 {
  padding-right: .25rem !important;
}

.pl-1,
.px-1 {
  padding-left: .25rem !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 600 !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-font-smoothing: antialiased;
  color: var(--color2);
}

h3 {
  font-size: 22px;
}

h4 {
  font-size: 18px;
}

h1,
h2,
h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

.main_title {
  text-align: center;
  font-size: 16px;
}

.main_title h2 {
  font-weight: 600;
  font-size: 28px;
  margin-bottom: 30px;
  margin-top: 0;
  border-bottom: 0;
  display: inline-block;
  padding-bottom: 5px;
  color: var(--grey);
}

.main_title h1 {
  font-weight: 600;
  font-size: 30px;
  margin-bottom: 30px;
  margin-top: 0;
  border-bottom: 1px dashed #ccc;
  display: inline-block;
  padding-bottom: 5px;
  color: var(--grey);
}

.subtitle-big {
  text-align: center;
  display: none;
}

.subtitle-big h1 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  padding: 0;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  color: var(--color);
  font-weight: 600;
}

.alt-firma-logo {
  width: 100%;
  padding: 4%;
  text-align: center;
}

.alt-firma-logo img {
  height: 83px;
}

.my_ticket_box {
  background: #fff;
  margin-bottom: 30px;
  padding: 30px;
  text-align: center;
  font-size: 14px;
  color: #666;
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .22);
}

a.my_ticket_btn {
  border: none;
  font-family: inherit;
  font-size: inherit;
  color: #fff;
  background: #85c99d;
  border: 2px solid #85c99d;
  cursor: pointer;
  padding: 10px 20px;
  display: inline-block;
  outline: none;
  font-size: 12px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  text-align: center;
}

.my_ticket_btn:hover {
  background: #fff;
  color: #85c99d;
}

.call_center_box {
  text-align: center;
}

.call_center_box h4 {
  font-size: 20px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

.call_center_box a {
  display: block;
  color: var(--color);
  margin: 0;
  font-size: 24px;
  font-weight: 600;
}

.call_center_box small {
  display: block;
  color: #ccc;
  font-size: 12px;
  font-weight: 400;
}

.box_style_1 h3.inner {
  margin: -30px -30px 20px -30px;
  background-color: var(--color);
  padding: 10px 20px 10px 18px;
  color: #fff;
  border: 1px solid #fff;
  -webkit-border-top-left-radius: 3px;
  text-align: center;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

a {
  color: #2f2583;
  text-decoration: none;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  outline: 0;
}

a:focus,
a:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
}

p {
  margin: 0 0 20px 0;
}

.nopadding {
  margin: 0 !important;
  padding: 0 !important;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #ddd;
}

.btn_3,
a.btn_3 {
  border: none;
  font-family: inherit;
  font-size: inherit;
  color: var(--color2);
  background: #fff;
  cursor: pointer;
  padding: 12px 25px;
  display: inline-block;
  outline: 0;
  font-size: 13px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: 600;
}

.accountsidemenu {
  padding: 15px;
  margin: 20px 0px;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 5px;
}

.accountsidemenu div a {
  display: block;
  font-size: 15px !important;
  border-radius: 5px !important;
  color: var(--color2) !important;
  background-color: #eaeaea !important;
  font-weight: 600;
  text-align: center;
  margin: 0px 1%;
  width: 31%;
  padding: 10px 0;
  float: left;
}

.accountsidemenu div a.active {
  background-color: var(--color) !important;
  color: #fff !important;
}

.accountsidemenu div a i {
  margin-right: 5px;
}

.accountgenbox {
  padding: 19px;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 8px;
}

.btn-ek {
  margin-top: 9px;
  font-weight: 400 !important;
  font-size: 14px !important;
}


.btn-sill {
  background-color: #fa495a !important;
  font-weight: 400 !important;
}

.btn-sill:hover {
  background-color: #dd2e3e !important;
}

.btn-dzn {
  color: #fff !important;
  background-color: #00afcb !important;
  font-weight: 400 !important;
}

.btn-dzn:hover {
  background-color: #008ca3 !important;
}

.pas-name {
  font-size: 16px;
  color: #d40303;
}


.btn-sd {
  font-size: 14px;
  margin-bottom: 3px;
  padding: .5rem 1rem !important;
}

.spacing-row td {
  height: 20px;
  border: none;
}

.spacing-row-1 td {
  height: 10px;
  border: none;
}

.row-yolcu {
  border-bottom: 1px solid #dc3545;
  margin-bottom: 15px;
}

@media only screen and (max-width:780px) {
  .btn-ek {
    padding: 5px !important;
    float: right !important;
    font-size: 14px !important;
  }

  .img-pass {
    width: 67px !important;
    padding-right: 9px;
  }

  .btn-all {
    display: inline-grid !important;
    justify-items: stretch !important;
    margin-top: 27px;
  }

  .btn-sd {
    font-size: 12px !important;
    margin-bottom: 3px;
  }

  .span-f span {
    font-size: 13px;
  }

}

.accountgenbox h5 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  line-height: 20px;
  padding: 0px;
  color: var(--color);
}

.accountgenbox label {
  font-size: 13px;
  font-weight: 600;
}

.accountgenbox .form-control {
  padding: 7px 10px;
  border-radius: 12px;
  border: solid 1px #c5c5c7;
  height: auto;
  font-size: 13px;
}

.accountgenbox button {
  border-radius: 10px;
}

header {
  padding: 0;
  float: left;
  width: 100%;
  position: relative;
  top: auto;
  left: auto;
  z-index: 123;
  border-bottom: 1px solid rgb(221 221 221);
  top: 0px;
  left: 0px;
  background: #fff;
}

.topbar {
  background: var(--color);
  color: #fff;
  display: none;
  width: 100%;
}

.topbar a {
  color: #fff;
  font-size: 15px;
}

.headertopmenu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  line-height: 30px;
  float: right;
}

.follow-slogan {
  position: relative;
  left: 160px;
  top: 3px;
  color: var(--color2);
  font-size: 24px;
  display: inline-block;
  font-weight: 600;
}

.headertopmenu li {
  float: right;
  margin-right: 15px;
}

.headertopmenu li a i {
  font-size: 14px;
}

header.fixed {
  position: fixed;
  top: 0;
  z-index: 999;
}

#logo_home h1 {
  margin: 0;
  padding: 0;
  font-size: 22px;
}

@media only screen and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2) {}

.navbar {
  position: relative;
  border: 1px solid transparent;
}

@media only screen and (max-width:1100px) {
  nav {
    position: relative;
  }
}

ul#top_links {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
}

a#access_link,
a#wishlist_link {
  position: relative;
  padding-left: 16px;
}

#access_link:before,
#wishlist_link:before {
  font-style: normal;
  font-weight: 400;
  font-family: fontello;
  font-size: 14px;
  position: absolute;
  left: 0;
  top: 0;
}

#access_link:before {
  content: "\e97f";
}

ul#top_links li {
  display: inline-block;
  border-left: 1px solid rgba(255, 255, 255, .3);
  margin-right: 5px;
  padding-left: 8px;
  position: relative;
}

ul#top_links li:last-child {
  border-right: 0px;
}

ul#top_links a {
  color: var(--color2);
}

ul#top_links a:hover {
  color: var(--color);
}

.copyrights {
  width: 100%;
  padding: 0px;
  margin: 0;
  background: #000;
  color: #F8F8FF !important;
  line-height: 40px;
  font-size: 13px;
  font-weight: 600;
  padding: 30px 0px 10px 0px;
  font-size: 14px;
  border-top: 1px solid rgba(87, 86, 86, 0.4901960784);
}

.copyrights a {
  color: var(--color);
  font-size: 13px;
}

footer {
  background-color: #000;
  padding: 10px 0px 0px 0px;
}

footer h3 {
  color: #fff;
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 18px;
  font-family: "Inter", sans-serif;
  letter-spacing: 0.32px;
}

footer a {
  color: #8E8E8E;
  font-size: 16px;
  text-decoration: none;
  transition-duration: 0.2s;
  line-height: 39px;
}

footer a:hover {
  color: #2f2583;
}

footer ul {
  margin: 0;
  padding: 0 0 10px 0;
  list-style: none;
}

#social_footer ul {
  margin: 0;
  padding: 0 0 10px 0;
  text-align: left;
}

#social_footer ul li {
  display: inline-block;
  margin: 0 5px 10px 5px;
}

#social_footer ul li a {
  color: #fff;
  text-align: center;
  line-height: 35px;
  display: block;
  font-size: 16px;
  width: 35px;
  height: 35px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

#social_footer ul li a:hover {
  background: #fff;
  color: #111;
}

a#email_footer,
a#phone {
  display: block;
  position: relative;
  color: var(--color);
  margin: 20px 0;
}

a#email_footer i,
a#phone i {
  width: 25px;
}

a#phone {
  font-size: 20px;
  font-weight: 600;
}

a#email_footer {
  font-size: 15px;
  font-weight: 600;
}

.mobile_menu {
  top: 10px;
}

.main-menu {
  position: relative;
  z-index: 9;
  width: auto;
  margin: 0;
  padding-left: 18px;

}

.main-menu a {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}

.main-menu ul,
.main-menu ul li,
.main-menu ul li a {
  position: relative;
  margin-bottom: 0;
  margin: 0;
  padding: 0;
}

.main-menu ul li a {
  display: block;
  line-height: 20px;
  padding: 10px;
}

.main-menu>ul>li>a {
  color: var(--color2);
  padding: 0 8px 15px 8px;
  font-size: 16px;
}

.layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 100%;
  z-index: 100;
  min-height: 100%;
  background-color: #000;
  z-index: 99;
  background-color: rgba(0, 0, 0, .8);
  -webkit-transition: transform .3s ease 0s, opacity .3s ease 0s, visibility 0s ease .3s;
  -moz-transition: transform .3s ease 0s, opacity .3s ease 0s, visibility 0s ease .3s;
  -ms-transition: transform .3s ease 0s, opacity .3s ease 0s, visibility 0s ease .3s;
  -o-transition: transform .3s ease 0s, opacity .3s ease 0s, visibility 0s ease .3s;
  transition: transform .3s ease 0s, opacity .3s ease 0s, visibility 0s ease .3s;
  opacity: 0;
  visibility: hidden;
}

.layer-is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .3s ease 0s, transform .3s ease 0s;
  -moz-transition: opacity .3s ease 0s, transform .3s ease 0s;
  -ms-transition: opacity .3s ease 0s, transform .3s ease 0s;
  -o-transition: opacity .3s ease 0s, transform .3s ease 0s;
  transition: opacity .3s ease 0s, transform .3s ease 0s;
}

#close_in,
#header_menu,
.cmn-toggle-switch {
  display: none;
}

@media (min-width:992px) and (max-width:1200px) {
  .main-menu>ul>li>a {
    padding: 0 5px 15px 5px;
  }
}

@media only screen and (min-width:992px) {
  .main-menu {
    width: auto;
  }

  .main-menu a {
    white-space: nowrap;
  }

  .main-menu ul li.mobile_menu {
    display: none;
  }
}

@media only screen and (max-width:992px) {
  #header_menu {
    text-align: center;
    padding: 25px 15px 10px 15px;
    position: relative;
    display: block;
    border-bottom: 1px solid var(--color2);
  }

  .social_top_gizle {
    display: none;
  }

  .main-menu ul li a:hover,
  a.show-submenu-mega:focus,
  a.show-submenu-mega:hover,
  a.show-submenu:focus,
  a.show-submenu:hover {
    color: var(--color) !important;
    background-color: #f9f9f9;
  }

  .main-menu ul li {
    border-top: none;
    border-bottom: 1px solid #ededed;
    color: #fff;
  }

  .main-menu ul li a {
    padding: 15px 15px !important;
    font-weight: 600;
  }

  .main-menu a,
  .main-menu li {
    display: block;
    color: var(--color2) !important;
  }

  .main-menu li {
    position: relative;
  }

  .main-menu a:hover {
    color: var(--color) !important;
  }

  .main-menu ul>li {
    padding-bottom: 0;
  }

  .main-menu ul>li i {
    float: right;
  }

  .main-menu {
    overflow: auto;
    transform: translateX(105%);
    top: 0;
    right: 0;
    bottom: 0;
    width: 55%;
    height: 100%;
    position: fixed;
    background-color: #fff;
    z-index: 999999;
    -webkit-box-shadow: 1px 0 5px 0 rgba(50, 50, 50, .55);
    -moz-box-shadow: 1px 0 5px 0 rgba(50, 50, 50, .55);
    box-shadow: 1px 0 5px 0 rgba(50, 50, 50, .55);
    -webkit-transition: all .5s cubic-bezier(.77, 0, .175, 1);
    -moz-transition: all .5s cubic-bezier(.77, 0, .175, 1);
    -ms-transition: all .5s cubic-bezier(.77, 0, .175, 1);
    -o-transition: all .5s cubic-bezier(.77, 0, .175, 1);
    transition: all .5s cubic-bezier(.77, 0, .175, 1);
  }

  .main-menu.show {
    transform: translateX(0);
  }

  .cmn-toggle-switch {
    position: relative;
    display: block;
    overflow: visible;
    position: absolute;
    top: 0;
    right: 5px;
    margin: 0;
    padding: 0;
    width: 28px;
    height: 28px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border: none;
    cursor: pointer;
  }

  .cmn-toggle-switch:focus {
    outline: 0;
  }

  .headmenu a.active {
    display: none;
  }

  .cmn-toggle-switch span {
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    height: 3px;
    background: #fff;
  }

  .cmn-toggle-switch span::after,
  .cmn-toggle-switch span::before {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #fff;
    content: "";
  }

  .cmn-toggle-switch span::before {
    top: -10px;
  }

  .cmn-toggle-switch span::after {
    bottom: -10px;
  }

  .cmn-toggle-switch__htx span::after,
  .cmn-toggle-switch__htx span::before {
    -webkit-transition-duration: .3s, .3s;
    transition-duration: .3s, .3s;
    -webkit-transition-delay: .3s, 0;
    transition-delay: .3s, 0;
  }

  .cmn-toggle-switch__htx span::before {
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform;
  }

  .cmn-toggle-switch__htx span::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
  }

  .cmn-toggle-switch__htx.active span {
    background: 0 0 !important;
  }

  .cmn-toggle-switch__htx.active span::before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .cmn-toggle-switch__htx.active span::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .cmn-toggle-switch__htx.active span::after,
  .cmn-toggle-switch__htx.active span::before {
    -webkit-transition-delay: 0, .3s;
    transition-delay: 0, .3s;
  }
}

@media only screen and (max-width:480px) {
  .main-menu {
    width: 58%;
  }

  #close_in i {
    color: #555 !important;
    font-size: 32px;
    margin-top: 20px;
  }
}

.feature_home {
  padding: 30px;
  position: relative;
  background: #fff;
  margin-bottom: 30px;
  color: #888;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
  text-align: center;
}

.feature_home h3 {
  font-size: 20px;
}

.feature_home_search {
  background: #e8095a00;
  display: block;
  padding: 18px 2px 10px 2px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  line-height: 24px;
  border: 1px solid #d3d3d3;
}

.feature_home_search i {
  font-size: 42px;
  text-align: center;
  margin: 15px 0px;
}

.blogtitle {
  font-size: 15px;
  text-align: left;
  color: var(--color2);
  font-weight: 600;
}

.blogimg {
  width: 100%;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .22);
  margin-bottom: 15px;
  border-radius: 10px;
  max-width: 100%;
}

.blogdesc {
  font-size: 13px;
  text-align: left;
}

.bx-controls {
  display: none;
}

.poprotationcontent {
  width: 100%;
  display: table;
}

.poprotationbox {
  float: left;
  margin-top: 10px;
}

.poprotationtext1 {
  border: 1px solid #8b9ba9;
  padding: 0px 4px;
  border-radius: 2px;
  font-size: 12px;
  z-index: 9;
  line-height: 20px;
  float: left;
  color: #253d52;
  font-weight: 600;
  text-align: center;
  margin-right: 10px;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.28);
}

.poprotationtext2 {
  border: 1px solid #8b9ba9;
  padding: 0px 4px;
  border-radius: 2px;
  font-size: 12px;
  z-index: 9;
  line-height: 20px;
  float: left;
  color: #253d52;
  font-weight: 600;
  text-align: center;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.28);
}

.owhidden {
  overflow-x: hidden;
}

.mb10 {
  margin-bottom: 10px;
}

.loadingscreen {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 450px;
  background: #fff;
  border-radius: 100%;
  padding: 50px;
  box-shadow: none;
  border: 2px solid var(--color);
  z-index: 10;
}

.loadingscreen img {
  margin-bottom: 30px;
}

.loadingscreen .search-rotate {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  width: 50%;
  text-align: center;
  margin: auto;
}

.loadingscreen .search-slogan {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #fff;
  background: var(--color);
  padding: 10px 0px;
  width: 100%;
  margin-bottom: 15px;
  border-radius: 30px;
}

.redfont {
  color: var(--color);
}

.nomobile {
  display: block;
}

.onmobile {
  display: none;
}

@media screen and (max-width:1200px) {
  .nomobile {
    display: none;
  }

  .onmobile {
    display: flex;
  }
}

.feature_home_search h6 {
  font-size: 16px;
  font-weight: 600;
  display: block;
}

.borderbox {
  padding: 50px 0px;
  border-bottom: 1px solid #eaeaea;
  background: #fff;
}

.borderbox2 {
  padding: 50px 0px;
  border-bottom: 1px solid #eaeaea;
}

.borderbox3 {
  background-color: #ffffff;
  padding: 40px 0px 0px 0px;
  border-bottom: 1px solid rgba(87, 86, 86, 0.4901960784);
  padding-bottom: 35px;
}

.borderbox4 {
  padding: 20px 0px;
  border-bottom: 1px solid #eaeaea;
  background: #f9f9f9;
}

.widget h4 {
  text-transform: uppercase;
  font-size: 16px;
}

.post_info {
  padding: 10px 0;
  border-bottom: 1px #ccc dashed;
  border-top: 1px #ccc dashed;
  margin-bottom: 12px;
  color: #999;
}

.post h2 {
  font-size: 22px;
}

.post-left {
  float: left;
}

.post-right {
  float: right;
}

.post-left ul li {
  float: left;
  margin-right: 10px;
  list-style: none;
  font-size: 13px;
}

.post-left ul {
  margin-left: 0;
  padding-left: 0;
}

.post_info a {
  color: #999;
}

.post_info a:hover {
  color: var(--color2);
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

#cat_blog ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
}

#cat_blog ul li a {
  border-bottom: 1px solid #ededed;
  padding: 10px 0;
  display: block;
  color: #888;
}

ul#contact-info {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul#contact-info li {
  margin: 10px 0;
}

.form_title {
  position: relative;
  margin-bottom: 10px;
}

.form_title h3,
.form_title h4 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 600;
}

.generalbox {
  padding: 45px 0px;
  border-bottom: 1px solid #eaeaea;
}

.other_busco ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.other_busco ul li {}

.other_busco ul li a {
  font-size: 14px;
  color: var(--color2);
  font-weight: 600;
}

.other_busco ul li img {
  border-radius: 15px;
  max-width: 100%;
}

.other_tours ul {
  list-style: none;
  position: relative;
  overflow: hidden;
  padding: 15px;
  margin-bottom: 30px;
  border-radius: 5px;
  background: #eaeaea;
}

.other_tours ul li {
  padding: 12px 0;
  margin: 0px;
  position: relative;
  border-bottom: 1px solid #ccc;
}

.other_tours ul li i.fa-chevron-right {
  position: absolute;
  left: 10px;
  top: 22px;
  font-size: 24px;
  color: var(--color2);
}

.other_tours ul li a {
  font-size: 15px;
  font-weight: 600;
  display: block;
  color: var(--color2);
}

.other_tours ul li a:hover {
  background-color: #f9f9f9;
  color: var(--color);
}

.other_tours_price {
  float: right;
  margin-top: 5px;
  margin-right: 5px;
  color: #888;
}

iframe,
video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

iframe {
  height: 100%;
  width: 100%;
}

video {
  width: 100%;
}

.strip_all_tour_list {
  margin-bottom: 30px;
  background-color: #fff;
  display: block;
  border-radius: 0;
  color: #777;
  border: 1px solid #eaeaea;
}

.tourSeatTur {
  font-size: 18px;
  border-right: 1px solid #b3b3b3;
  height: 20px;
  font-weight: 600;
  margin-right: 10px;
  padding-right: 10px;
  display: inline-block;
  line-height: 20px;
  color: #31861D;
  margin-top: 10px;
}

.tourExtra {
  display: inline-block;
}

ul.add_info {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.add_info li {
  width: 15px;
  height: 15px;
}

.mt10 {
  margin-top: 10px;
}

ul.add_info li {
  position: relative;
  display: inline-block;
  margin: 0;
  margin-right: 6px;
  border: 0;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  float: left;
}

.tourspecs {
  border-top: 1px solid #eaeaea;
}

.kolay-iptal-iade {
  border-radius: 5px;
  background: #f5f5f5;
  color: var(--color2);
  padding: 2px 8px;
  text-align: center;
  display: inline-block;
  font-size: 11px;
  margin-top: 3px;
  font-weight: 600;
}

.jkspec {
  text-align: center;
  line-height: 20px;
}

.jumbo-sefer {
  border-radius: 5px;
  padding: 2px 8px;
  text-align: center;
  display: inline-block;
  font-size: 11px;
  margin: 0;
  font-weight: 600;
  margin-left: 5px;
  background: url(../img/jumbosefer.png);
  width: 100px;
  background-size: contain;
  background-repeat: no-repeat;
  text-indent: -9999px;
  background-color: #eaeaea;
}

/*
.jumbo-sefer {
  border-radius: 5px;
  background: #f19408;
  color: #fff;
  padding: 2px 8px;
  text-align: center;
  display: inline-block;
  font-size: 11px;
  margin: 0;
  font-weight: 600;
  margin-left: 5px;
}
*/
.ozellikler-blok {
  float: right;
}

.pagination {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: .25rem;
}

.page-link {
  position: relative;
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem;
}

.btn_1 {
  border: none;
  font-family: inherit;
  font-size: inherit;
  color: #fff;
  background: #dc3545;
  cursor: pointer;
  padding: 7px 20px;
  display: inline-block;
  outline: 0;
  font-size: 13px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-weight: 600;
}

.btn_1:hover {
  color: var(--color2);
}

ul.add_info li a {
  position: absolue;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

ul.add_info li.wifi {
  background-image: url(../img/ozellik/wifi.png);
}

ul.add_info li.koltuk {
  background-image: url(../img/ozellik/koltuk.png);
}

ul.add_info li.wc {
  background-image: url(../img/ozellik/wc.png);
}

li.ekranli,
ul.add_info li.tv {
  background-image: url(../img/ozellik/tv.png);
}

ul.add_info li.geneltv {
  background-image: url(../img/ozellik/geneltv.png);
}

li.lgtv,
ul.add_info li.sport {
  background-image: url(../img/ozellik/sport.png);
}

ul.add_info li.headphones {
  background-image: url(../img/ozellik/headphones.png);
}

ul.add_info li.smartphone {
  background-image: url(../img/ozellik/smartphone.png);
}

li.priz,
ul.add_info li.plug {
  background-image: url(../img/ozellik/plug.png);
}

ul.add_info li.usb {
  background-image: url(../img/ozellik/usb.png);
}

ul.add_info li.namaz {
  background-image: url(../img/ozellik/namaz.png);
}

ul.add_info li.digiturk {
  background-image: url(../img/ozellik/digiturk.png);
}

li.buyukekran,
li.onincli,
ul.add_info li.screen {
  background-image: url(../img/ozellik/screen.png);
}

ul.add_info li.lamp {
  background-image: url(../img/ozellik/lamp.png);
}

ul.add_info li.radio {
  background-image: url(../img/ozellik/radio.png);
}

ul.add_info li.breakfast {
  background-image: url(../img/ozellik/breakfast.png);
}

ul.add_info li.music {
  background-image: url(../img/ozellik/music.png);
}

ul.add_info li.android {
  background-image: url(../img/ozellik/android.png);
}

ul.add_info li.pamukyol {
  background-image: url(../img/ozellik/pamukyol.png);
}

ul.add_info li.mesafeli {
  background-image: url(../img/ozellik/mesafeli.png);
}

ul.add_info li.iptal-iade {
  background-image: url(../img/ozellik/iptal-iade.png);
}

ul.add_info li.wifi-tv-headphones-smartphone {
  background-image: url(../img/ozellik/wifi.png);
}

ul.add_info li.tourismo-ekranli-priz-buyukekran-android-pamukyol {
  background-image: url(../img/ozellik/screen.png);
}

.box_style_1 {
  background: #fff;
  margin-bottom: 40px;
  padding: 30px;
  position: relative;
  color: var(--color2);
  border: 0;
  border-radius: 5px;
}

.form-control {
  font-size: 12px;
  color: var(--color2);
  border-radius: 3px;
}

.expose {
  position: relative;
}

#toTop {
  position: fixed;
  left: 15px;
  opacity: 0;
  visibility: hidden;
  bottom: 25px;
  margin: 0 25px 0 0;
  z-index: 9999;
  transition: .35s;
  transform: scale(.7);
  width: 46px;
  height: 46px;
  line-height: 46px;
  background-color: var(--color);
  opacity: 1;
  transition: all .3s;
  border-radius: 5px;
  text-align: center;
  font-size: 21px;
  color: #fff;
  cursor: pointer;
}

#toTop.visible {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.white_bg {
  background-color: #fff;
}

.add_bottom_15 {
  margin-bottom: 15px;
}

.add_bottom_30 {
  margin-bottom: 30px;
}

.add_bottom_45 {
  margin-bottom: 45px;
}

.add_bottom_60 {
  margin-bottom: 60px;
}

ul.list_order {
  list-style: none;
  margin: 0 0 30px 0;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
}

ul.list_order li {
  position: relative;
  padding-left: 40px;
  margin-bottom: 10px;
}

ul.list_order li span {
  background-color: var(--color);
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  font-size: 18px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.margin_60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.margin_30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.margin_30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.tour_container {
  background-color: #fff;
  box-shadow: 0 5px 5px 1px rgba(0, 0, 0, 0.1);
  margin: 0;
  margin-bottom: 30px;
  border-radius: 10px;
}

.tour_container img {
  max-width: 100%;
  width: 100%;
}

.img_container {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.tour_container .tour_title {
  padding: 15px;
  position: relative;
}

.tour_container .tour_title i {
  color: var(--red);

}

.tour_container .tour_title h3 {
  margin: 0 0 3px 0;
  font-size: 14px;
  color: var(--color2);
  text-transform: uppercase;
}

.tour_container .tour_title h3 strong {
  display: block;
}

.tour_container .tour_title h3 a {
  color: var(--color2);
}

.img_container a:hover img {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.img_container img {
  /*
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	-webkit-backface-visibility: hidden;*/
}

.short_info {
  position: absolute;
  left: 0;
  bottom: 0;
  background: -webkit-linear-gradient(top, transparent, #000);
  background: linear-gradient(to bottom, transparent, #000);
  width: 100%;
  padding: 45px 10px 8px 5px;
  color: #fff;
}

.short_info i {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  padding: 3px;
  margin: 0;
}

.short_info .price {
  float: right;
  font-size: 28px;
  font-weight: 600;
  display: inline-block;
}

.short_info .price sup {
  font-size: 18px;
  position: relative;
  top: -5px;
}

.ribbon {
  position: absolute;
  top: 0;
  left: -1px;
  width: 78px;
  height: 78px;
  z-index: 1;
}

.ribbon.popular {
  background: url(../img/ribbon_popular.png) no-repeat 0 0;
}

.ribbon.top_rated {
  background: url(../img/ribbon_top_rated.png) no-repeat 0 0;
}



#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  background-color: #FFFFFF;
  z-index: 999999999;
}

.sk-spinner-wave.sk-spinner {
  margin: -15px 0 0 -25px;
  position: absolute;
  left: 50%;
  top: 32%;
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 10px;
}

.ie8 .sk-spinner-wave.sk-spinner {
  display: none;
}

.sk-spinner-wave div {
  background-color: #ccc;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
  animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
}

.sk-spinner-wave .sk-rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.sk-spinner-wave .sk-rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.sk-spinner-wave .sk-rect4 {
  -webkit-animation-delay: -.9s;
  animation-delay: -.9s;
}

.sk-spinner-wave .sk-rect5 {
  -webkit-animation-delay: -.8s;
  animation-delay: -.8s;
}

.card {
  margin-bottom: 10px;
}

.card-header {
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #ddd;
  background-color: #edf7ff;
  border-bottom: none;
  padding-bottom: 10px;
}

.card-header h4 {
  font-size: 16px;
  padding-top: 5px;
}

.card-header a {
  display: block;
  color: #777;
}

.card-body {
  padding: 30px;
  line-height: 1.6 !important;
}

.card-header a .indicator {
  color: var(--color);
}

.card-header a:hover .indicator {
  color: var(--color2);
}

blockquote.styled {
  font-family: "Gochi Hand", cursive;
  line-height: 1.42857143;
}

.badge_save {
  position: absolute;
  top: 0;
  right: 0;
  width: 65px;
  height: 77px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background: url(../img/badge_save.png);
  font-size: 11px;
  line-height: 12px;
  padding-top: 32px;
}

.badge_save strong {
  display: block;
  font-size: 14px;
  font-weight: 600;
}

.input-group input {
  height: 34px;
  border: none;
}

.input-group input:focus {
  border: none;
  box-shadow: none;
}

.promo_full {
  height: auto;
  background: url(../img/home_bg_2.png) no-repeat center center;
  background-attachment: fixed;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  position: relative;
}

.promo_full_wp {
  display: table;
  width: 100%;
  height: auto;
}

.promo_full_wp>div {
  display: table-cell;
  padding: 10% 15%;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 16px;
  background-color: rgba(0, 0, 0, .6);
}

.promo_full_wp div h3 {
  font-size: 48px;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
}

.promo_full_wp div a i {
  color: #fff;
  opacity: .5;
  font-size: 72px;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.promo_full_wp div a:hover i {
  opacity: 1;
}

.ribbon_3 {
  position: absolute;
  left: 10px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}

.ribbon_3 span {
  font-size: 10px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: #79a70a;
  background: linear-gradient(#9bc90d 0, #79a70a 100%);
  box-shadow: 0 3px 10px -5px #000;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
  position: absolute;
  top: 19px;
  left: -21px;
}

.ribbon_3 span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #638908;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #638908;
}

.ribbon_3 span::after {
  content: "";
  position: absolute;
  right: 0;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #638908;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #638908;
}

.ribbon_3.popular span {
  background: linear-gradient(#f14f3f 0, #cb4335 100%);
}

.ribbon_3.popular span::before {
  border-left: 3px solid #a3362a;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #a3362a;
}

.ribbon_3.popular span::after {
  border-left: 3px solid transparent;
  border-right: 3px solid #a3362a;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #a3362a;
}

#social_top a i {
  font-size: 25px;
  color: #fff;
  border-radius: 5px;
  width: 40px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  background: var(--color);
}

#social_top a i:hover {
  background: var(--color2);
  color: #fff;
}

main {
  z-index: 2;
  position: relative;
}

.search-overlay-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .9);
  -webkit-transition: transform .3s ease 0s, opacity .3s ease 0s, visibility 0s ease .3s;
  -moz-transition: transform .3s ease 0s, opacity .3s ease 0s, visibility 0s ease .3s;
  -ms-transition: transform .3s ease 0s, opacity .3s ease 0s, visibility 0s ease .3s;
  -o-transition: transform .3s ease 0s, opacity .3s ease 0s, visibility 0s ease .3s;
  transition: transform .3s ease 0s, opacity .3s ease 0s, visibility 0s ease .3s;
  opacity: 0;
  visibility: hidden;
  z-index: 999999;
  text-align: center;
}

.search-overlay-menu.open {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .3s ease 0s, transform .3s ease 0s;
  -moz-transition: opacity .3s ease 0s, transform .3s ease 0s;
  -ms-transition: opacity .3s ease 0s, transform .3s ease 0s;
  -o-transition: opacity .3s ease 0s, transform .3s ease 0s;
  transition: opacity .3s ease 0s, transform .3s ease 0s;
}

.search-overlay-menu form {
  height: 70px;
  position: absolute;
  top: 50%;
  left: 0;
  margin: -35px auto 0;
  width: 60%;
  left: 20%;
  transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  -webkit-transform: translateY(20px);
  transition: all .3s ease-in-out 0s;
  -moz-transition: all .3s ease-in-out 0s;
  -o-transition: all .3s ease-in-out 0s;
  -webkit-transition: all .3s ease-in-out 0s;
}

.search-overlay-menu.open form {
  transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  -webkit-transform: translateY(0);
}

.search-overlay-menu input[type=search] {
  height: 100%;
  width: 100%;
  color: #fff;
  background: 0 0;
  border-top: 0 solid transparent;
  border-bottom: 2px solid #909090 !important;
  border-left: 0 solid transparent;
  border-right: 0 solid transparent;
  font-size: 32px;
  font-weight: 400;
  outline: 0;
  padding: 10px 0 10px 0;
}

.search-overlay-menu form button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  font-size: 32px;
  position: absolute;
  right: 0;
  top: 20px;
  color: #c6c6c6;
  outline: 0;
}

.search-overlay-menu form button:hover {
  color: var(--color);
}

.search-overlay-menu .search-overlay-close {
  position: absolute;
  top: 20px;
  right: 20px;
  opacity: 1;
  font-size: 25px;
  color: #c6c6c6;
}

.search-overlay-menu .search-overlay-close:hover {
  color: var(--color);
  cursor: pointer;
}

.form-control:disabled.booking_date,
.form-control:disabled.booking_time,
.form-control[readonly].booking_date,
.form-control[readonly].booking_time {
  background-color: #fff;
  opacity: 1;
}

#sign-in-dialog {
  background: #fff;
  padding: 25px;
  text-align: left;
  max-width: 450px;
  margin: 40px auto;
  position: relative;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .22);
}

#lrf-login,
#forget {
  font-weight: 600;
  font-size: 13px;
}

#forget {
  margin-bottom: 5px;
  display: block;
  color: #dc3545;
}

#sign-in-dialog .mfp-close,
#small-dialog .mfp-close {
  color: #eaeaea;
  background-color: var(--blue);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  top: 12px;
  right: 25px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-weight: 600;
}

#sign-in-dialog .mfp-close:hover,
#small-dialog .mfp-close:hover {
  color: #fff;
  background-color: #66676b;
}

#sign-in-dialog .mfp-close:before {
  font-size: 18px;
  content: "X";
}

.small-dialog-header {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: solid 1px var(--color);
  line-height: 20px;
  padding: 10px;
  color: var(--color);
}

.small-dialog-header h3 {
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

#sign-in-dialog .mfp-close:hover,
#small-dialog .mfp-close:hover {
  color: #fff;
  background-color: #66676b;
}

#sign-in-dialog .form-group {
  position: relative;
}

.hideShowPassword-wrapper {
  width: 100%
}

#sign-in-dialog .form-group input.form-control {
  display: inline-block;
  padding: 8px;
  border-radius: 4px;
  border: solid 2px #d2dbe2;
  height: 45px;
  box-sizing: border-box;
  width: 100%;
  font-size: 16px;
  transition: all 0.3s ease-in-out;
  color: #000;
  padding-left: 40px;
}

#sign-in-dialog .form-group i {
  font-size: 21px;
  font-size: 1.3125rem;
  position: absolute;
  left: 12px;
  top: 10px;
  color: #ccc;
  width: 25px;
  height: 25px;
  display: block;
  font-weight: 400 !important;
}

.btn_login,
a.btn_login {
  border: none;
  color: #fff;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  background: #dc3545;
  cursor: pointer;
  padding: 8px 20px;
  display: inline-block;
  outline: 0;
  text-transform: uppercase;
  display: block;
  text-align: center;
  margin-bottom: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.p-mrgn {
  margin-left: 21px;
  font-weight: 500 !important;
}

.alert-iconn {
  font-size: 25px;
  position: absolute;
  top: 17px;
  color: #f14051;
}

.btn_login:hover,
a.btn_login:hover {
  background: #fff;
  border: 1px solid #dc3545;
  color: #dc3545;
}

.checkboxes {
  position: relative;
  color: #999;
}

.my-toggle {
  background: 0 0;
  border: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #888;
  cursor: pointer;
  font-size: 10px;
  font-weight: 600;
  margin-right: 5px;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  text-transform: uppercase;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
}

.my-toggle:focus,
.my-toggle:hover {
  background-color: #eee;
  color: #555;
  outline: transparent;
}

#forgot_pw {
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 99;
  min-height: 400px;
  display: none;
}

.sign-in-wrapper {
  position: relative;
  height: 100%;
}

@media (min-width:768px) and (max-width:1200px) {
  .main-menu ul li.megamenu .menu-wrapper {
    width: 940px;
  }

  .popname {
    display: none;
  }

  .img_list img {
    left: -25%;
  }

  #search {
    padding: 0 15%;
    padding-top: 100px;
  }
}

@media (max-width:1400px) {
  .box_style_1 {
    background: #fff;
    margin-bottom: 20px;
    padding: 30px;
    position: relative;
    color: var(--color2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .22);
  }
}

@media (max-width:1024px) {
  .promo_full {
    background-attachment: scroll;
  }
}

@media only screen and (min--moz-device-pixel-ratio:2) and (max-width:991px),
only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:991px),
only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:991px),
only screen and (min-device-pixel-ratio:2) and (max-width:991px) {}

@media (max-width:991px) {

  .sticky ul#top_tools,
  ul#top_tools {
    margin: 3px 45px 0 0;
  }

  .sticky nav {
    margin-top: 3px;
  }

  nav {}

  a#email_footer,
  a#phone {
    padding-left: 0px;
    margin: 5px 0 5px 0;
    font-size: 13px;
  }

  a#email_footer {
    margin-bottom: 10px;
  }
}

footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 20px;
}

.rotate-specs {}

.rotate-specs .rotate-row {
  padding: 10px 0px;
  text-align: center;
  border-radius: 5px;
  background: #eaeaea;
  margin-bottom: 15px;
}

.rotate-specs .rotate-row .rotate-row-title {
  font-size: 14px;
  font-weight: 400;
}

.rotate-specs .rotate-row .rotate-row-title .fas {
  display: none;
}

.rotate-specs .rotate-row .rotate-row-desc {
  font-size: 18px;
  font-weight: 600;
  padding: 0px 9px;
  text-align: center;
  color: var(--color);
}

.popular_rotate {
  background-color: #fff;
  display: block;
  position: relative;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.popular_rotate figure .read_more {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -12px;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  text-align: center;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  z-index: 2;
}

.popular_rotate figure {
  margin-bottom: 0;
  overflow: hidden;
  position: relative;
  height: 110px;
  text-align: center;
  line-height: 110px;
}

.popular_rotate figure small {
  position: absolute;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
  left: 20px;
  top: 22px;
  text-transform: uppercase;
  color: #ccc;
  font-weight: 600;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  padding: 7px 10px 4px 10px;
  line-height: 1;
}

.popular_rotate .wrapper {
  padding: 25px;
}

.popular_rotate .wrapper h3 {
  font-size: 16px;
  margin-top: 0;
}

.popular_rotate .price {
  display: inline-block;
  font-weight: 500;
  color: #999;
}

.popular_rotate ul {
  padding: 20px 15px;
  border-top: 1px solid #ededed;
}

.popular_rotate ul li {
  display: inline-block;
  margin-right: 15px;
  font-size: 14px;
}

.popular_rotate ul li .score {
  margin-top: -10px;
}

.popular_rotate .score span {
  display: inline-block;
  position: relative;
  top: 0px;
  margin-right: 8px;
  font-size: 14px;
  text-align: right;
  line-height: 1.1;
  font-weight: 500;
}

.popular_rotate .score strong {
  background-color: #0054a6;
  color: #fff;
  line-height: 1;
  -webkit-border-radius: 5px 5px 5px 0;
  -moz-border-radius: 5px 5px 5px 0;
  -ms-border-radius: 5px 5px 5px 0;
  border-radius: 5px 5px 5px 0;
  padding: 10px;
  display: inline-block;
}

.popular_rotate .score span em {
  display: block;
  font-weight: normal;
  font-size: 11px;
  font-size: 0.6875rem;
}

.strip_all_tour_list {
  text-align: center;
}

.customer-logos {
  max-width: 100%;
  overflow: hidden;
  height: auto;
}

.indexfirmabaslik {
  font-size: 18px;
  border-right: 1px solid #eaeaea;
  text-align: center;
  line-height: 55px;
  font-weight: 600;
  color: var(--color2);
  margin: 0;
}

.indexfirmabaslik a {
  color: var(--color2);
}


.indexfirmalar div img {
  max-width: 100%;
}

.feature {
  padding: 30px 30px 20px 120px;
  position: relative;
  background: #fff;
  margin-bottom: 30px;
  color: #888;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

.feature i {
  margin: 0;
  position: absolute;
  top: 30px;
  left: 20px;
  padding: 0;
  margin: 0;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px dashed #ccc;
  font-size: 42px;
  color: var(--blue);
}

.sube-list a {
  color: var(--color2);
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px 20px;
  display: block;
  margin-bottom: 10px;
  background: #fff;
  font-size: 14px;
  text-align: left;
}

.mini-title {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 10px;
  margin-top: 16px;
  display: inline-block;
  padding-bottom: 5px;
  color: var(--color);
}

input#filter_input {
  width: 67%;
  display: block;
  padding: 15px;
  margin: 0 auto;
  border: 1px solid #b8b8b8 !important;
  background: #fff !important;
  font-size: 14px;
  height: 51px !important;
}


@media only screen and (max-width:780px) {
  input#filter_input {
    width: 100% !important;
  }
}

.main_title {
  font-size: 14px;
}

.h4-hv {
  text-align: center;
  font-size: 30px !important;
  color: #000;
  font-weight: 500;
  margin-bottom: 25px;
}

.toproad {
  margin: 0;
  padding: 0;
  display: block;
  text-align: center;
}

.toproad a {
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  display: inline-block;
  padding: 5px;
  margin: 5px;
  border-radius: 4px;
  background: var(--red);
  box-shadow: 0 5px 5px 1px rgba(0, 0, 0, 0.1);
}

.toproad a:hover {
  color: #fff;
  background: #000;
}

.margin_60 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.margin_30 {
  margin-top: 15px !important;
  margin-bottom: 15px;
}

a#access_link,
a#wishlist_link {
  position: relative;
  width: 20px;
  height: 20px;
  display: contents;
}

#access_link:before,
#wishlist_link:before {
  text-indent: 0;
  font-size: 20px;
}

.search-overlay-menu form {
  width: 80%;
  left: 10%;
  height: 50px;
  margin: -25px auto 0;
}

.search-overlay-menu input[type=search] {
  font-size: 26px;
}

.search-overlay-menu form button {
  font-size: 2rem;
  top: 10px;
}

.box_style_1 h4 {
  font-size: 18px;
}

.promo_full_wp div h3 {
  font-size: 36px;
}

.promo_full_wp div a i {
  font-size: 60px;
}

.mfp-wrap {
  position: fixed;
  z-index: 999999;
}

.mfp-bg,
.mfp-container,
.mfp-wrap {
  left: 0;
  height: 100%;
}

.mfp-container,
img.mfp-img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.mfp-arrow,
button.mfp-close {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
}

[class*="icon-"]:before,
[class*=" icon_set_2_"]:before,
[class*=icon_set_1_]:before,
[class^=icon-]:before,
[class^=icon_set_1_]:before,
[class^=icon_set_2_]:before {
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  line-height: 1em;
  margin-left: .2em;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-align: center;
  display: inline-block;
  font-weight: 400;
  speak: none;
}

[class*="icon-"]:before,
[class^=icon-]:before {
  font-family: fontello;
}

[class*=icon_set_1_]:before,
[class^=icon_set_1_]:before {
  font-family: icon_set_1;
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.mfp-bg {
  top: 0;
  width: 100%;
  overflow: hidden;
  background: #000;
  opacity: .96;
}

.mfp-wrap {
  top: 0px;
  width: 100%;
  outline: 0 !important;
  background-color: rgba(0, 0, 0, .7);
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  top: 0;
  padding: 0 18px;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 505;
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.irs,
.pop-container .pop-fixer .pop-outer .pop-toolbar .pop-button {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #aaa;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -.8em;
  left: 8px;
  right: 8px;
  z-index: 504;
}

.mfp-preloader a {
  color: #ccc;
}

.mfp-preloader a:hover {
  color: #fff;
}

.mfp-s-error .mfp-content,
.mfp-s-loading .mfp-arrow,
.mfp-s-ready .mfp-preloader {
  display: none;
}

button.mfp-arrow,
button.mfp-close {
  overflow: visible;
  cursor: pointer;
  border: 0;
  -webkit-appearance: none;
  display: block;
  padding: 0;
  z-index: 506;
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
  right: 0;
  top: -40px;
}

button.mfp-close {
  position: absolute;
  width: 45px;
  height: 45px;
  top: -20px;
  display: block;
  right: -12px;
  cursor: pointer !important;
  z-index: 9999;
  color: #fff;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  border-radius: 50%;
  margin: 0;
  background-color: transparent;
  outline: 0;
  transform: translate3d(0, 0, 0);
}

.mfp-iframe-holder .mfp-close {
  top: -50px;
  right: -12px;
  transform: translate3d(0, 0, 0);
}

.mfp-gallery .mfp-close {
  top: 20px;
  right: 10px;
}

.mfp-gallery .mfp-content .mfp-close {
  display: none;
}

.mfp-gallery .mfp-close:before {
  font-family: ElegantIcons;
  font-size: 29px;
  top: 4px;
  left: 50%;
  position: absolute;
  height: 10px;
  transition: .3s;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #aaa;
  font-size: 13px;
  line-height: 18px;
}

.mfp-arrow {
  opacity: 1;
  margin: 0 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  cursor: pointer;
  width: 60px;
  height: 60px;
  position: absolute;
  display: block;
  z-index: 100;
  overflow: hidden;
  background: rgba(255, 255, 255, .15);
  border-radius: 50%;
  outline: 0 !important;
}

.mfp-arrow:hover {
  background: #66676b;
  color: #fff;
}

.mfp-arrow.mfp-arrow-left,
.mfp-arrow.mfp-arrow-right {
  font-family: ElegantIcons;
  font-size: 32px;
}

.mfp-arrow.mfp-arrow-right {
  right: 15px;
}

.mfp-arrow.mfp-arrow-left:before {
  content: "\34";
  left: -1px;
  top: 0;
  position: relative;
}

.mfp-arrow.mfp-arrow-right:before {
  content: "\35";
  left: 1px;
  top: 0;
  position: relative;
}

.mfp-content:hover .mfp-arrow {
  opacity: 1;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 1180px;
}

.mfp-image-holder .mfp-content,
img.mfp-img {
  max-width: 100%;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 54%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, .6);
  background: #000;
}

.mfp-figure:after,
img.mfp-img {
  width: auto;
  height: auto;
  display: block;
}

.my-mfp-zoom-in .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  -webkit-transform: scale(.8);
  -moz-transform: scale(.8);
  -ms-transform: scale(.8);
  -o-transform: scale(.8);
  transform: scale(.8);
}

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  -webkit-transform: scale(.8);
  -moz-transform: scale(.8);
  -ms-transform: scale(.8);
  -o-transform: scale(.8);
  transform: scale(.8);
  opacity: 0;
}

.my-mfp-zoom-in.mfp-bg {
  opacity: .001;
  -webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
}

.my-mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: .8;
}

.my-mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

img.mfp-img {
  line-height: 0;
  box-sizing: border-box;
  margin: 40px auto;
  border-radius: 4px;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  right: 0;
  z-index: -1;
  box-shadow: 0 0 18px rgba(11, 11, 11, .6);
}

.mfp-figure {
  line-height: 0;
}

.mfp-bottom-bar {
  margin-top: -30px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-break: break-word;
  padding-right: 36px;
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all .2s ease-in-out;
  transform: scale(.8);
}

.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all .3s ease-out;
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}

.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: .9;
}

.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(.8);
  opacity: 0;
}

.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    text-align: center;
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
}

.mfp-ie7 .mfp-img {
  padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
  padding: 0;
}

.mfp-ie7 .mfp-content {
  padding-top: 44px;
}

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: .92;
  background-color: #111;
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.datepicker.datepicker-rtl table tr td span,
.sp-rtl .sp-thumbnail-container {
  float: right;
}

.datepicker-dropdown:after,
.datepicker-dropdown:before {
  display: inline-block;
  border-top: 0;
  position: absolute;
  content: '';
}

.datepicker {
  padding: 4px;
  direction: ltr;
}

.datepicker table,
div.datedropper {
  -ms-user-select: none;
  -webkit-user-select: none;
}

.datepicker-dropdown {
  top: 0;
  left: 0;
}

.datepicker-dropdown:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, .2);
}

.datepicker-dropdown:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
}

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}

.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}

.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
  border-bottom: 0;
  border-top: 7px solid #999;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}

.datepicker>div {
  display: none;
}

.datepicker.days div.datepicker-days,
.datepicker.months div.datepicker-months,
.datepicker.years div.datepicker-years {
  display: block;
}

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-family: "Manrope";
  width: 100%;
}

.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 14%;
  height: 35px;
  border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
  background: #eee;
  cursor: pointer;
}

.datepicker table tr td.day {}

.datepicker table tr td.new,
.datepicker table tr td.old {
  color: #999;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: 0 0;
  color: #999;
  cursor: default;
}

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
  color: #000;
  position: relative;
}

.datepicker table tr td.today.disabled:before,
.datepicker table tr td.today.disabled:hover:before,
.datepicker table tr td.today:before,
.datepicker table tr td.today:hover:before {
  content: '';
  bottom: 2px;
  right: 2px;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 7px 7px;
  border-color: transparent transparent var(--color2);
  position: absolute;
}

.datepicker table tr td.today.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today:hover:active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover,
.open .dropdown-toggle.datepicker table tr td.today:hover {
  background-image: none;
}

.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled.disabled.active,
.datepicker table tr td.today.disabled.disabled:active,
.datepicker table tr td.today.disabled.disabled:focus,
.datepicker table tr td.today.disabled.disabled:hover,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today.disabled:hover.disabled.active,
.datepicker table tr td.today.disabled:hover.disabled:active,
.datepicker table tr td.today.disabled:hover.disabled:focus,
.datepicker table tr td.today.disabled:hover.disabled:hover,
.datepicker table tr td.today.disabled:hover[disabled],
.datepicker table tr td.today.disabled:hover[disabled].active,
.datepicker table tr td.today.disabled:hover[disabled]:active,
.datepicker table tr td.today.disabled:hover[disabled]:focus,
.datepicker table tr td.today.disabled:hover[disabled]:hover,
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled[disabled].active,
.datepicker table tr td.today.disabled[disabled]:active,
.datepicker table tr td.today.disabled[disabled]:focus,
.datepicker table tr td.today.disabled[disabled]:hover,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today:hover.disabled.active,
.datepicker table tr td.today:hover.disabled:active,
.datepicker table tr td.today:hover.disabled:focus,
.datepicker table tr td.today:hover.disabled:hover,
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today:hover[disabled].active,
.datepicker table tr td.today:hover[disabled]:active,
.datepicker table tr td.today:hover[disabled]:focus,
.datepicker table tr td.today:hover[disabled]:hover,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today[disabled].active,
.datepicker table tr td.today[disabled]:active,
.datepicker table tr td.today[disabled]:focus,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today,
fieldset[disabled] .datepicker table tr td.today.active,
fieldset[disabled] .datepicker table tr td.today.disabled,
fieldset[disabled] .datepicker table tr td.today.disabled.active,
fieldset[disabled] .datepicker table tr td.today.disabled:active,
fieldset[disabled] .datepicker table tr td.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover.active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,
fieldset[disabled] .datepicker table tr td.today:active,
fieldset[disabled] .datepicker table tr td.today:focus,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today:hover.active,
fieldset[disabled] .datepicker table tr td.today:hover:active,
fieldset[disabled] .datepicker table tr td.today:hover:focus,
fieldset[disabled] .datepicker table tr td.today:hover:hover {
  background-color: #ffdb99;
  border-color: #ffb733;
}

.datepicker table tr td.today:hover:hover {
  color: #000;
}

.datepicker table tr td.today.active:hover {
  color: #fff;
}

.datepicker table tr td.range,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range:hover {
  background: #eee;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected:hover:active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover,
.open .dropdown-toggle.datepicker table tr td.selected:hover {
  background-image: none;
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover {
  color: #000;
  background-color: #f7ca77;
  border-color: #f1a417;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today:hover:focus,
.datepicker table tr td.range.today:hover:hover,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover,
.open .dropdown-toggle.datepicker table tr td.range.today:hover {
  color: #000;
  background-color: #f4bb51;
  border-color: #bf800c;
}

.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled.disabled.active,
.datepicker table tr td.range.today.disabled.disabled:active,
.datepicker table tr td.range.today.disabled.disabled:focus,
.datepicker table tr td.range.today.disabled.disabled:hover,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled.active,
.datepicker table tr td.range.today.disabled:hover.disabled:active,
.datepicker table tr td.range.today.disabled:hover.disabled:focus,
.datepicker table tr td.range.today.disabled:hover.disabled:hover,
.datepicker table tr td.range.today.disabled:hover[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled].active,
.datepicker table tr td.range.today.disabled:hover[disabled]:active,
.datepicker table tr td.range.today.disabled:hover[disabled]:focus,
.datepicker table tr td.range.today.disabled:hover[disabled]:hover,
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled[disabled].active,
.datepicker table tr td.range.today.disabled[disabled]:active,
.datepicker table tr td.range.today.disabled[disabled]:focus,
.datepicker table tr td.range.today.disabled[disabled]:hover,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today:hover.disabled.active,
.datepicker table tr td.range.today:hover.disabled:active,
.datepicker table tr td.range.today:hover.disabled:focus,
.datepicker table tr td.range.today:hover.disabled:hover,
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today:hover[disabled].active,
.datepicker table tr td.range.today:hover[disabled]:active,
.datepicker table tr td.range.today:hover[disabled]:focus,
.datepicker table tr td.range.today:hover[disabled]:hover,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today[disabled].active,
.datepicker table tr td.range.today[disabled]:active,
.datepicker table tr td.range.today[disabled]:focus,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today,
fieldset[disabled] .datepicker table tr td.range.today.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled,
fieldset[disabled] .datepicker table tr td.range.today.disabled.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,
fieldset[disabled] .datepicker table tr td.range.today:active,
fieldset[disabled] .datepicker table tr td.range.today:focus,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover.active,
fieldset[disabled] .datepicker table tr td.range.today:hover:active,
fieldset[disabled] .datepicker table tr td.range.today:hover:focus,
fieldset[disabled] .datepicker table tr td.range.today:hover:hover {
  background-color: #f7ca77;
  border-color: #f1a417;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover {
  color: #fff;
  background-color: #999;
  border-color: #555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
}

.datepicker table tr td.selected.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected:hover:focus,
.datepicker table tr td.selected:hover:hover,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover,
.open .dropdown-toggle.datepicker table tr td.selected:hover {
  border-color: #373737;
}

.datepicker table tr td.selected.active color: #ffffff,
.datepicker table tr td.selected.disabled.active color: #ffffff,
.datepicker table tr td.selected.disabled:active color: #ffffff,
.datepicker table tr td.selected.disabled:focus color: #ffffff,
.datepicker table tr td.selected.disabled:hover color: #ffffff,
.datepicker table tr td.selected.disabled:hover.active color: #ffffff,
.datepicker table tr td.selected.disabled:hover:active color: #ffffff,
.datepicker table tr td.selected.disabled:hover:focus color: #ffffff,
.datepicker table tr td.selected.disabled:hover:hover color: #ffffff,
.datepicker table tr td.selected:active color: #ffffff,
.datepicker table tr td.selected:focus color: #ffffff,
.datepicker table tr td.selected:hover color: #ffffff,
.datepicker table tr td.selected:hover.active color: #ffffff,
.datepicker table tr td.selected:hover:active color: #ffffff,
.datepicker table tr td.selected:hover:focus color: #ffffff,
.datepicker table tr td.selected:hover:hover color: #ffffff,
.open .dropdown-toggle.datepicker table tr td.selected color: #ffffff,
.open .dropdown-toggle.datepicker table tr td.selected.disabled color: #ffffff,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover color: #ffffff,
.open .dropdown-toggle.datepicker table tr td.selected:hover color: #ffffff {
  background-color: #858585;
}

.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled.disabled.active,
.datepicker table tr td.selected.disabled.disabled:active,
.datepicker table tr td.selected.disabled.disabled:focus,
.datepicker table tr td.selected.disabled.disabled:hover,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected.disabled:hover.disabled.active,
.datepicker table tr td.selected.disabled:hover.disabled:active,
.datepicker table tr td.selected.disabled:hover.disabled:focus,
.datepicker table tr td.selected.disabled:hover.disabled:hover,
.datepicker table tr td.selected.disabled:hover[disabled],
.datepicker table tr td.selected.disabled:hover[disabled].active,
.datepicker table tr td.selected.disabled:hover[disabled]:active,
.datepicker table tr td.selected.disabled:hover[disabled]:focus,
.datepicker table tr td.selected.disabled:hover[disabled]:hover,
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled[disabled].active,
.datepicker table tr td.selected.disabled[disabled]:active,
.datepicker table tr td.selected.disabled[disabled]:focus,
.datepicker table tr td.selected.disabled[disabled]:hover,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected:hover.disabled.active,
.datepicker table tr td.selected:hover.disabled:active,
.datepicker table tr td.selected:hover.disabled:focus,
.datepicker table tr td.selected:hover.disabled:hover,
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected:hover[disabled].active,
.datepicker table tr td.selected:hover[disabled]:active,
.datepicker table tr td.selected:hover[disabled]:focus,
.datepicker table tr td.selected:hover[disabled]:hover,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected[disabled].active,
.datepicker table tr td.selected[disabled]:active,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected,
fieldset[disabled] .datepicker table tr td.selected.active,
fieldset[disabled] .datepicker table tr td.selected.disabled,
fieldset[disabled] .datepicker table tr td.selected.disabled.active,
fieldset[disabled] .datepicker table tr td.selected.disabled:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,
fieldset[disabled] .datepicker table tr td.selected:active,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected:hover.active,
fieldset[disabled] .datepicker table tr td.selected:hover:active,
fieldset[disabled] .datepicker table tr td.selected:hover:focus,
fieldset[disabled] .datepicker table tr td.selected:hover:hover {
  background-color: #999;
  border-color: #555;
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active:hover:hover,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover,
.open .dropdown-toggle.datepicker table tr td.active:hover {
  color: #fff;
  background-color: var(--color2);
  border-color: var(--color2);
}

.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled.disabled.active,
.datepicker table tr td.active.disabled.disabled:active,
.datepicker table tr td.active.disabled.disabled:focus,
.datepicker table tr td.active.disabled.disabled:hover,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover.disabled.active,
.datepicker table tr td.active.disabled:hover.disabled:active,
.datepicker table tr td.active.disabled:hover.disabled:focus,
.datepicker table tr td.active.disabled:hover.disabled:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled:hover[disabled].active,
.datepicker table tr td.active.disabled:hover[disabled]:active,
.datepicker table tr td.active.disabled:hover[disabled]:focus,
.datepicker table tr td.active.disabled:hover[disabled]:hover,
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled[disabled].active,
.datepicker table tr td.active.disabled[disabled]:active,
.datepicker table tr td.active.disabled[disabled]:focus,
.datepicker table tr td.active.disabled[disabled]:hover,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover.disabled.active,
.datepicker table tr td.active:hover.disabled:active,
.datepicker table tr td.active:hover.disabled:focus,
.datepicker table tr td.active:hover.disabled:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active:hover[disabled].active,
.datepicker table tr td.active:hover[disabled]:active,
.datepicker table tr td.active:hover[disabled]:focus,
.datepicker table tr td.active:hover[disabled]:hover,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active[disabled].active,
.datepicker table tr td.active[disabled]:active,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active,
fieldset[disabled] .datepicker table tr td.active.active,
fieldset[disabled] .datepicker table tr td.active.disabled,
fieldset[disabled] .datepicker table tr td.active.disabled.active,
fieldset[disabled] .datepicker table tr td.active.disabled:active,
fieldset[disabled] .datepicker table tr td.active.disabled:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover.active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
fieldset[disabled] .datepicker table tr td.active:active,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active:hover.active,
fieldset[disabled] .datepicker table tr td.active:hover:active,
fieldset[disabled] .datepicker table tr td.active:hover:focus,
fieldset[disabled] .datepicker table tr td.active:hover:hover {
  background-color: #428bca;
  border-color: #357ebd;
}

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
}

.datepicker table tr td span:hover {
  background: #eee;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: 0 0;
  color: #999;
  cursor: default;
}

.bootstrap-timepicker .add-on,
.datepicker tfoot tr th,
.datepicker thead tr:first-child th {
  cursor: pointer;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active:hover:hover,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover,
.open .dropdown-toggle.datepicker table tr td span.active:hover {
  color: #fff;
  background-color: var(--color2);
  border-color: #e27513;
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover,
.open .dropdown-toggle.datepicker table tr td span.active:hover {
  background-image: none;
}

.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled.disabled.active,
.datepicker table tr td span.active.disabled.disabled:active,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover.disabled.active,
.datepicker table tr td span.active.disabled:hover.disabled:active,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active.disabled:hover[disabled].active,
.datepicker table tr td span.active.disabled:hover[disabled]:active,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled[disabled].active,
.datepicker table tr td span.active.disabled[disabled]:active,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active:hover.disabled.active,
.datepicker table tr td span.active:hover.disabled:active,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active:hover[disabled].active,
.datepicker table tr td span.active:hover[disabled]:active,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active[disabled].active,
.datepicker table tr td span.active[disabled]:active,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active,
fieldset[disabled] .datepicker table tr td span.active.active,
fieldset[disabled] .datepicker table tr td span.active.disabled,
fieldset[disabled] .datepicker table tr td span.active.disabled.active,
fieldset[disabled] .datepicker table tr td span.active.disabled:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
fieldset[disabled] .datepicker table tr td span.active:active,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover.active,
fieldset[disabled] .datepicker table tr td span.active:hover:active,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:hover {
  background-color: #428bca;
  border-color: #357ebd;
}

.datepicker table tr td span.new,
.datepicker table tr td span.old {
  color: #999;
}

.datepicker th.datepicker-switch {
  width: 79% !important;
}

.datepicker tfoot tr th:hover,
.datepicker thead tr:first-child th:hover {
  background: #eee;
}

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}

.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}

.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 240px;
  list-style: none;
  background-color: #fff;
  border: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  color: var(--color2);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.428571429;
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 1px rgba(0, 0, 0, .2);
  padding: 0;
}

.datepicker.datepicker-inline td,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.dropdown-menu th {
  padding: 0;
}

.datepicker thead tr:first-child th.next:before,
.datepicker thead tr:first-child th.prev:before {
  font-family: fontello;
  content: '\e9f2';
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
}

.datepicker thead tr:first-child th.prev:before {
  content: '\e9f1';
}

.bootstrap-timepicker {
  position: relative;
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
  left: auto;
  right: 0;
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
  left: auto;
  right: 12px;
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
  left: auto;
  right: 13px;
}

.bootstrap-timepicker .add-on i {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid rgba(0, 0, 0, .2);
}

.bootstrap-timepicker-widget.dropdown-menu {
  padding: 7px 10px;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 1px rgba(0, 0, 0, .2);
}

.bootstrap-timepicker-widget.dropdown-menu.open {
  display: inline-block;
}

.bootstrap-timepicker-widget.dropdown-menu:before {
  border-bottom: 7px solid rgba(0, 0, 0, .2);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
}

.bootstrap-timepicker-widget.dropdown-menu:after {
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
}

.bootstrap-timepicker-widget.timepicker-orient-left:before {
  left: 6px;
}

.bootstrap-timepicker-widget.timepicker-orient-left:after {
  left: 7px;
}

.bootstrap-timepicker-widget.timepicker-orient-right:before {
  right: 6px;
}

.bootstrap-timepicker-widget.timepicker-orient-right:after {
  right: 7px;
}

.bootstrap-timepicker-widget.timepicker-orient-top:before {
  top: -7px;
}

.bootstrap-timepicker-widget.timepicker-orient-top:after {
  top: -6px;
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}

.bootstrap-timepicker-widget a.btn,
.bootstrap-timepicker-widget input {
  -webkit-border-radius: 0;
  border-radius: 0;
}

.bootstrap-timepicker-widget table {
  width: 100%;
  margin: 0;
}

.bootstrap-timepicker-widget table td {
  text-align: center;
  height: 30px;
  margin: 0;
  padding: 2px;
}

.bootstrap-timepicker-widget table td:not(.separator) {
  min-width: 30px;
}

.bootstrap-timepicker-widget table td span {
  width: 100%;
}

.bootstrap-timepicker-widget table td a {
  display: inline-block;
  margin: 0;
  outline: 0;
  color: var(--color2);
  width: 35px;
  height: 35px;
  line-height: 35px;
}

.bootstrap-timepicker-widget table td a:hover {
  text-decoration: none;
  background-color: #eee;
}

.bootstrap-timepicker-widget table td a i {
  margin-top: 2px;
  font-size: 18px;
}

.bootstrap-timepicker-widget table td input {
  width: 35px;
  margin: 0;
  text-align: center;
  color: #000;
}

.bootstrap-timepicker-widget .modal-content {
  padding: 4px;
}

[class*="pick-i-"]:before,
[class^=pick-i-]:before {
  font-family: datedropper !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.pick-i-lng:before {
  content: "\6a";
}

.pick-i-lkd:before {
  content: "\62";
}

.pick-i-ckd:before {
  content: "\65";
}

.pick-i-r:before {
  content: "\66";
}

.pick-i-l:before {
  content: "\68";
}

.pick-i-min:before {
  content: "\61";
}

.pick-i-exp:before {
  content: "\63";
}

.picker-input {
  cursor: text;
}

.picker-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .8);
  z-index: 9998;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .4s ease, visibility .4s ease;
  -moz-transition: opacity .4s ease, visibility .4s ease;
  -ms-transition: opacity .4s ease, visibility .4s ease;
  -o-transition: opacity .4s ease, visibility .4s ease;
}

.picker-modal-overlay.tohide,
div.datedropper {
  opacity: 0;
  visibility: hidden;
}

div.datedropper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  line-height: 1;
  font-family: sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  margin-top: -8px;
  transform-style: preserve-3d;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

div.datedropper:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: -8px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  -o-transform: translateX(-50%) rotate(45deg);
  border-top-left-radius: 4px;
}

div.datedropper.picker-focus {
  opacity: 1;
  visibility: visible;
  margin-top: 8px;
}

div.datedropper.picker-modal {
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  position: fixed !important;
  margin: 0 !important;
}

div.datedropper.picker-modal:before {
  display: none;
}

div.datedropper .picker {
  overflow: hidden;
}

div.datedropper .picker ul {
  margin: 0;
  padding: 0;
  list-style: none;
  cursor: pointer;
}

div.datedropper .picker ul.pick {
  position: relative;
  overflow: hidden;
  max-height: 100px;
}

div.datedropper .picker ul.pick:nth-of-type(2) {
  box-shadow: 0 1px rgba(0, 0, 0, .06);
}

div.datedropper .picker ul.pick li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  opacity: .5;
  display: block;
}

div.datedropper .picker ul.pick li.pick-afr {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
}

div.datedropper .picker ul.pick li.pick-bfr {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
}

div.datedropper .picker ul.pick li.pick-sl {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  z-index: 1;
}

div.datedropper .picker ul.pick li span {
  font-size: 16px;
  position: absolute;
  left: 0;
  width: 100%;
  line-height: 0;
  bottom: 24px;
}

div.datedropper .picker ul.pick .pick-arw {
  position: absolute;
  top: 0;
  height: 100%;
  width: 25%;
  font-size: 10px;
  text-align: center;
  display: block;
  z-index: 10;
  cursor: pointer;
  background-size: 24px 24px;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
}

div.datedropper .picker ul.pick .pick-arw i {
  line-height: 0;
  top: 50%;
  position: relative;
  display: block;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

div.datedropper .picker ul.pick .pick-arw.pick-arw-s1:hover {
  opacity: 1;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}

div.datedropper .picker ul.pick .pick-arw.pick-arw-r,
div.datedropper .picker ul.pick .pick-arw.pick-arw-r i {
  right: 0;
}

div.datedropper .picker ul.pick .pick-arw.pick-arw-l,
div.datedropper .picker ul.pick .pick-arw.pick-arw-l i {
  left: 0;
}

div.datedropper .picker ul.pick .pick-arw.pick-arw-s2.pick-arw-r {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
}

div.datedropper .picker ul.pick .pick-arw.pick-arw-s2.pick-arw-l {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
}

@media only screen and (max-width:480px) {
  div.datedropper .picker ul.pick .pick-arw {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    opacity: .4;
  }
}

div.datedropper .picker ul.pick.pick-l,
div.datedropper .picker ul.pick.pick-m,
div.datedropper .picker ul.pick.pick-y {
  height: 60px;
  line-height: 60px;
}

div.datedropper .picker ul.pick.pick-m {
  font-size: 32px;
}

div.datedropper .picker .pick-lg ul.pick-lg-b li.pick-sl,
div.datedropper .picker ul.pick.pick-y {
  font-size: 24px;
}

div.datedropper .picker ul.pick.pick-y.pick-jump .pick-arw.pick-arw-s1.pick-arw-r i {
  right: 16px;
}

div.datedropper .picker ul.pick.pick-y.pick-jump .pick-arw.pick-arw-s1.pick-arw-l i {
  left: 16px;
}

div.datedropper .picker ul.pick.pick-y.pick-jump .pick-arw.pick-arw-s2.pick-arw-l,
div.datedropper .picker ul.pick.pick-y.pick-jump .pick-arw.pick-arw-s2.pick-arw-r {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}

div.datedropper .picker ul.pick.pick-y.pick-jump .pick-arw:hover {
  -webkit-transform: scale(1.6);
  -moz-transform: scale(1.6);
  -ms-transform: scale(1.6);
  -o-transform: scale(1.6);
}

div.datedropper .picker ul.pick.pick-d {
  height: 100px;
  line-height: 80px;
  font-size: 64px;
  font-weight: 600;
}

div.datedropper .picker ul.pick.pick-l {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  font-size: 18px;
  font-weight: 600;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(32px);
  -moz-transform: translateY(32px);
  -ms-transform: translateY(32px);
  -o-transform: translateY(32px);
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -o-transition: all .4s ease;
}

div.datedropper .picker .pick-btns .pick-btn:after,
div.datedropper .picker .pick-btns .pick-submit:after {
  font-family: datedropper !important;
  font-weight: 400 !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

div.datedropper .picker ul.pick.pick-l.visible {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}

div.datedropper .picker ul.pick:hover .pick-arw {
  opacity: .6;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

div.datedropper .picker ul.pick.pick-d:hover,
div.datedropper .picker ul.pick.pick-y:hover {
  background-color: rgba(0, 0, 0, .02);
}

div.datedropper .picker .pick-lg {
  z-index: 1;
  margin: 0 auto;
  max-height: 0;
  overflow: hidden;
}

div.datedropper .picker .pick-lg.down {
  animation: down .8s ease;
}

div.datedropper .picker .pick-lg .pick-h {
  opacity: .4;
}

div.datedropper .picker .pick-lg ul:after {
  content: "";
  display: table;
  clear: both;
}

div.datedropper .picker .pick-lg ul li {
  float: left;
  text-align: center;
  width: 14.285714286%;
  line-height: 36px;
  height: 36px;
  font-size: 14px;
}

div.datedropper .picker .pick-lg ul.pick-lg-h {
  padding: 0 16px;
}

div.datedropper .picker .pick-lg ul.pick-lg-b {
  padding: 16px;
}

div.datedropper .picker .pick-lg ul.pick-lg-b li {
  cursor: pointer;
  position: relative;
  z-index: 1;
}

div.datedropper .picker .pick-lg ul.pick-lg-b li:before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 48px;
  height: 48px;
  box-shadow: 0 0 32px rgba(0, 0, 0, .1);
  border-radius: 32px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  -o-transform: translate(-50%, -50%) scale(0);
}

div.datedropper .picker .pick-lg ul.pick-lg-b li.pick-v:hover {
  text-decoration: underline;
}

div.datedropper .picker .pick-lg ul.pick-lg-b li.pick-lk:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  right: 4px;
  height: 1px;
  background: rgba(0, 0, 0, .2);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

div.datedropper .picker .pick-lg ul.pick-lg-b li.pick-sl:before {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
}

div.datedropper .picker .pick-btns {
  margin: -1px;
  position: relative;
  z-index: 2;
  height: 56px;
}

div.datedropper .picker .pick-btns div {
  cursor: pointer;
  line-height: 0;
}

div.datedropper .picker .pick-btns .pick-submit {
  margin: 0 auto;
  width: 56px;
  height: 56px;
  line-height: 64px;
  border-radius: 56px 56px 0 0;
  font-size: 24px;
  cursor: pointer;
  text-align: center;
  position: relative;
  top: 0;
}

div.datedropper .picker .pick-btns .pick-submit:after {
  font-style: normal !important;
  line-height: 60px;
  content: "\65";
}

div.datedropper .picker .pick-btns .pick-submit:hover {
  top: 4px;
  box-shadow: 0 0 0 16px rgba(0, 0, 0, .04), 0 0 0 8px rgba(0, 0, 0, .04);
}

div.datedropper .picker .pick-btns .pick-btn {
  position: absolute;
  width: 32px;
  height: 32px;
  bottom: 0;
  text-align: center;
  line-height: 38px;
  font-size: 16px;
  margin: 8px;
  border-radius: 4px;
  background: rgba(0, 0, 0, .03);
}

div.datedropper.leaf .pick-l,
div.datedropper.primary .pick-l,
div.datedropper.vanilla .pick-l {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

div.datedropper .picker .pick-btns .pick-btn:hover {
  background: #fff;
  -webkit-box-shadow: 0 0 32px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 0 32px rgba(0, 0, 0, .1);
  box-shadow: 0 0 32px rgba(0, 0, 0, .1);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}

div.datedropper .picker .pick-btns .pick-btn:after {
  font-style: normal !important;
  line-height: 1;
}

div.datedropper .picker .pick-btns .pick-btn.pick-btn-sz {
  right: 0;
  transform-origin: right bottom;
}

div.datedropper .picker .pick-btns .pick-btn.pick-btn-sz:after {
  content: "\63";
}

div.datedropper .picker .pick-btns .pick-btn.pick-btn-lng {
  left: 0;
  transform-origin: left bottom;
}

div.datedropper .picker .pick-btns .pick-btn.pick-btn-lng:after {
  content: "\6a";
}

div.datedropper.picker-lg {
  width: 300px !important;
}

div.datedropper.picker-lg ul.pick.pick-d {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  max-height: 0 !important;
}

div.datedropper.picker-lg .pick-lg {
  max-height: 320px;
}

div.datedropper.picker-lg .pick-btns .pick-btn.pick-btn-sz:after {
  content: "\61";
}

@media only screen and (max-width:480px) {
  div.datedropper.picker-lg {
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    margin: 0;
  }

  div.datedropper.picker-lg:before {
    display: none;
  }
}

.td-overlay,
.td-wrap {
  top: 0;
  left: 0;
  height: 100%;
}

@-moz-keyframes picker_locked {

  0%,
  100% {
    -webkit-transform: translateX(-50%) translate3d(0, 0, 0);
    -moz-transform: translateX(-50%) translate3d(0, 0, 0);
    -ms-transform: translateX(-50%) translate3d(0, 0, 0);
    -o-transform: translateX(-50%) translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-50%) translate3d(-2px, 0, 0);
    -moz-transform: translateX(-50%) translate3d(-2px, 0, 0);
    -ms-transform: translateX(-50%) translate3d(-2px, 0, 0);
    -o-transform: translateX(-50%) translate3d(-2px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(-50%) translate3d(2px, 0, 0);
    -moz-transform: translateX(-50%) translate3d(2px, 0, 0);
    -ms-transform: translateX(-50%) translate3d(2px, 0, 0);
    -o-transform: translateX(-50%) translate3d(2px, 0, 0);
  }
}

@-webkit-keyframes picker_locked {

  0%,
  100% {
    -webkit-transform: translateX(-50%) translate3d(0, 0, 0);
    -moz-transform: translateX(-50%) translate3d(0, 0, 0);
    -ms-transform: translateX(-50%) translate3d(0, 0, 0);
    -o-transform: translateX(-50%) translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-50%) translate3d(-2px, 0, 0);
    -moz-transform: translateX(-50%) translate3d(-2px, 0, 0);
    -ms-transform: translateX(-50%) translate3d(-2px, 0, 0);
    -o-transform: translateX(-50%) translate3d(-2px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(-50%) translate3d(2px, 0, 0);
    -moz-transform: translateX(-50%) translate3d(2px, 0, 0);
    -ms-transform: translateX(-50%) translate3d(2px, 0, 0);
    -o-transform: translateX(-50%) translate3d(2px, 0, 0);
  }
}

@keyframes picker_locked {

  0%,
  100% {
    -webkit-transform: translateX(-50%) translate3d(0, 0, 0);
    -moz-transform: translateX(-50%) translate3d(0, 0, 0);
    -ms-transform: translateX(-50%) translate3d(0, 0, 0);
    -o-transform: translateX(-50%) translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-50%) translate3d(-2px, 0, 0);
    -moz-transform: translateX(-50%) translate3d(-2px, 0, 0);
    -ms-transform: translateX(-50%) translate3d(-2px, 0, 0);
    -o-transform: translateX(-50%) translate3d(-2px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(-50%) translate3d(2px, 0, 0);
    -moz-transform: translateX(-50%) translate3d(2px, 0, 0);
    -ms-transform: translateX(-50%) translate3d(2px, 0, 0);
    -o-transform: translateX(-50%) translate3d(2px, 0, 0);
  }
}

@-moz-keyframes picker_locked_large_mobile {

  0%,
  100% {
    -webkit-transform: translate(-50%, -50%) translate3d(0, 0, 0);
    -moz-transform: translate(-50%, -50%) translate3d(0, 0, 0);
    -ms-transform: translate(-50%, -50%) translate3d(0, 0, 0);
    -o-transform: translate(-50%, -50%) translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate(-50%, -50%) translate3d(-2px, 0, 0);
    -moz-transform: translate(-50%, -50%) translate3d(-2px, 0, 0);
    -ms-transform: translate(-50%, -50%) translate3d(-2px, 0, 0);
    -o-transform: translate(-50%, -50%) translate3d(-2px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate(-50%, -50%) translate3d(2px, 0, 0);
    -moz-transform: translate(-50%, -50%) translate3d(2px, 0, 0);
    -ms-transform: translate(-50%, -50%) translate3d(2px, 0, 0);
    -o-transform: translate(-50%, -50%) translate3d(2px, 0, 0);
  }
}

@-webkit-keyframes picker_locked_large_mobile {

  0%,
  100% {
    -webkit-transform: translate(-50%, -50%) translate3d(0, 0, 0);
    -moz-transform: translate(-50%, -50%) translate3d(0, 0, 0);
    -ms-transform: translate(-50%, -50%) translate3d(0, 0, 0);
    -o-transform: translate(-50%, -50%) translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate(-50%, -50%) translate3d(-2px, 0, 0);
    -moz-transform: translate(-50%, -50%) translate3d(-2px, 0, 0);
    -ms-transform: translate(-50%, -50%) translate3d(-2px, 0, 0);
    -o-transform: translate(-50%, -50%) translate3d(-2px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate(-50%, -50%) translate3d(2px, 0, 0);
    -moz-transform: translate(-50%, -50%) translate3d(2px, 0, 0);
    -ms-transform: translate(-50%, -50%) translate3d(2px, 0, 0);
    -o-transform: translate(-50%, -50%) translate3d(2px, 0, 0);
  }
}

@keyframes picker_locked_large_mobile {

  0%,
  100% {
    -webkit-transform: translate(-50%, -50%) translate3d(0, 0, 0);
    -moz-transform: translate(-50%, -50%) translate3d(0, 0, 0);
    -ms-transform: translate(-50%, -50%) translate3d(0, 0, 0);
    -o-transform: translate(-50%, -50%) translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate(-50%, -50%) translate3d(-2px, 0, 0);
    -moz-transform: translate(-50%, -50%) translate3d(-2px, 0, 0);
    -ms-transform: translate(-50%, -50%) translate3d(-2px, 0, 0);
    -o-transform: translate(-50%, -50%) translate3d(-2px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate(-50%, -50%) translate3d(2px, 0, 0);
    -moz-transform: translate(-50%, -50%) translate3d(2px, 0, 0);
    -ms-transform: translate(-50%, -50%) translate3d(2px, 0, 0);
    -o-transform: translate(-50%, -50%) translate3d(2px, 0, 0);
  }
}

div.datedropper.picker-rmbl {
  -webkit-animation: picker_locked .4s ease;
  -moz-animation: picker_locked .4s ease;
  animation: picker_locked .4s ease;
}

div.datedropper.picker-lkd .pick-submit {
  background-color: rgba(0, 0, 0, .04) !important;
  color: rgba(0, 0, 0, .2) !important;
}

div.datedropper.picker-lkd .pick-submit:hover {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

div.datedropper.leaf .picker,
div.datedropper.primary .picker,
div.datedropper.vanilla .picker {
  border-radius: 6px;
  box-shadow: 0 0 32px 0 rgba(0, 0, 0, .1);
}

div.datedropper.picker-lkd .pick-submit:after {
  content: "\62" !important;
}

.td-clock:before,
.td-select:after {
  content: ""
}

div.datedropper.picker-fxs {
  -webkit-transition: width .8s cubic-bezier(1, -.55, .2, 1.37), opacity .2s ease, visibility .2s ease, margin .2s ease;
  -moz-transition: width .8s cubic-bezier(1, -.55, .2, 1.37), opacity .2s ease, visibility .2s ease, margin .2s ease;
  -ms-transition: width .8s cubic-bezier(1, -.55, .2, 1.37), opacity .2s ease, visibility .2s ease, margin .2s ease;
  -o-transition: width .8s cubic-bezier(1, -.55, .2, 1.37), opacity .2s ease, visibility .2s ease, margin .2s ease
}

div.datedropper.picker-fxs ul.pick.pick-d {
  -webkit-transition: top .8s cubic-bezier(1, -.55, .2, 1.37), transform .8s cubic-bezier(1, -.55, .2, 1.37), max-height .8s cubic-bezier(1, -.55, .2, 1.37), background-color .4s ease;
  -moz-transition: top .8s cubic-bezier(1, -.55, .2, 1.37), transform .8s cubic-bezier(1, -.55, .2, 1.37), max-height .8s cubic-bezier(1, -.55, .2, 1.37), background-color .4s ease;
  -ms-transition: top .8s cubic-bezier(1, -.55, .2, 1.37), transform .8s cubic-bezier(1, -.55, .2, 1.37), max-height .8s cubic-bezier(1, -.55, .2, 1.37), background-color .4s ease;
  -o-transition: top .8s cubic-bezier(1, -.55, .2, 1.37), transform .8s cubic-bezier(1, -.55, .2, 1.37), max-height .8s cubic-bezier(1, -.55, .2, 1.37), background-color .4s ease
}

div.datedropper.picker-fxs ul.pick.pick-y {
  -webkit-transition: background-color .4s ease;
  -moz-transition: background-color .4s ease;
  -ms-transition: background-color .4s ease;
  -o-transition: background-color .4s ease
}

div.datedropper.picker-fxs ul.pick li {
  -webkit-transition: transform .4s ease, opacity .4s ease;
  -moz-transition: transform .4s ease, opacity .4s ease;
  -ms-transition: transform .4s ease, opacity .4s ease;
  -o-transition: transform .4s ease, opacity .4s ease
}

div.datedropper.picker-fxs ul.pick .pick-arw {
  -webkit-transition: transform .2s ease, opacity .2s ease;
  -moz-transition: transform .2s ease, opacity .2s ease;
  -ms-transition: transform .2s ease, opacity .2s ease;
  -o-transition: transform .2s ease, opacity .2s ease
}

div.datedropper.picker-fxs ul.pick .pick-arw i {
  -webkit-transition: right .2s ease, left .2s ease;
  -moz-transition: right .2s ease, left .2s ease;
  -ms-transition: right .2s ease, left .2s ease;
  -o-transition: right .2s ease, left .2s ease
}

div.datedropper.picker-fxs .pick-lg {
  -webkit-transition: max-height .8s cubic-bezier(1, -.55, .2, 1.37);
  -moz-transition: max-height .8s cubic-bezier(1, -.55, .2, 1.37);
  -ms-transition: max-height .8s cubic-bezier(1, -.55, .2, 1.37);
  -o-transition: max-height .8s cubic-bezier(1, -.55, .2, 1.37)
}

div.datedropper.picker-fxs .pick-lg .pick-lg-b li:before {
  -webkit-transition: transform .2s ease;
  -moz-transition: transform .2s ease;
  -ms-transition: transform .2s ease;
  -o-transition: transform .2s ease
}

div.datedropper.picker-fxs .pick-btns .pick-submit {
  -webkit-transition: top .2s ease, box-shadow .4s ease, background-color .4s ease;
  -moz-transition: top .2s ease, box-shadow .4s ease, background-color .4s ease;
  -ms-transition: top .2s ease, box-shadow .4s ease, background-color .4s ease;
  -o-transition: top .2s ease, box-shadow .4s ease, background-color .4s ease
}

div.datedropper.picker-fxs .pick-btns .pick-btn {
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease
}

@media only screen and (max-width:480px) {
  div.datedropper.picker-rmbl.picker-lg {
    -webkit-animation: picker_locked_large_mobile .4s ease;
    -moz-animation: picker_locked_large_mobile .4s ease;
    animation: picker_locked_large_mobile .4s ease
  }

  div.datedropper.picker-fxs {
    -webkit-transition: opacity .2s ease, visibility .2s ease, margin .2s ease;
    -moz-transition: opacity .2s ease, visibility .2s ease, margin .2s ease;
    -ms-transition: opacity .2s ease, visibility .2s ease, margin .2s ease;
    -o-transition: opacity .2s ease, visibility .2s ease, margin .2s ease
  }

  div.datedropper.picker-fxs .pick-lg,
  div.datedropper.picker-fxs ul.pick.pick-d {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none
  }
}

div.datedropper.vanilla {
  border-radius: 6px;
  width: 180px
}

div.datedropper.vanilla .pick-lg-b .pick-sl:before,
div.datedropper.vanilla .pick-lg-h,
div.datedropper.vanilla .pick-m,
div.datedropper.vanilla .pick-submit,
div.datedropper.vanilla:before {
  background-color: #feac92
}

div.datedropper.vanilla .pick-l,
div.datedropper.vanilla .picker,
div.datedropper.vanilla.picker-tiny .pick-m,
div.datedropper.vanilla.picker-tiny:before {
  background-color: #fff
}

div.datedropper.vanilla .pick li span,
div.datedropper.vanilla .pick-btn,
div.datedropper.vanilla .pick-lg-b .pick-wke,
div.datedropper.vanilla .pick-y.pick-jump {
  color: #feac92
}

div.datedropper.vanilla .pick-arw,
div.datedropper.vanilla .pick-l,
div.datedropper.vanilla .picker {
  color: #9ed7db
}

div.datedropper.vanilla .pick-lg-b .pick-sl,
div.datedropper.vanilla .pick-lg-h,
div.datedropper.vanilla .pick-m,
div.datedropper.vanilla .pick-m .pick-arw,
div.datedropper.vanilla .pick-submit {
  color: #faf7f4
}

div.datedropper.vanilla.picker-tiny .pick-m,
div.datedropper.vanilla.picker-tiny .pick-m .pick-arw {
  color: #9ed7db
}

div.datedropper.leaf {
  border-radius: 6px;
  width: 180px
}

div.datedropper.leaf .pick-lg-b .pick-sl:before,
div.datedropper.leaf .pick-lg-h,
div.datedropper.leaf .pick-m,
div.datedropper.leaf .pick-submit,
div.datedropper.leaf:before {
  background-color: #1ecd80
}

div.datedropper.leaf .pick-l,
div.datedropper.leaf .picker,
div.datedropper.leaf.picker-tiny .pick-m,
div.datedropper.leaf.picker-tiny:before {
  background-color: #fefff2
}

div.datedropper.leaf .pick li span,
div.datedropper.leaf .pick-btn,
div.datedropper.leaf .pick-lg-b .pick-wke,
div.datedropper.leaf .pick-y.pick-jump {
  color: #1ecd80
}

div.datedropper.leaf .pick-arw,
div.datedropper.leaf .pick-l,
div.datedropper.leaf .picker {
  color: #528971
}

div.datedropper.leaf .pick-lg-b .pick-sl,
div.datedropper.leaf .pick-lg-h,
div.datedropper.leaf .pick-m,
div.datedropper.leaf .pick-m .pick-arw,
div.datedropper.leaf .pick-submit {
  color: #fefff2
}

div.datedropper.leaf.picker-tiny .pick-m,
div.datedropper.leaf.picker-tiny .pick-m .pick-arw {
  color: #528971
}

div.datedropper.primary {
  border-radius: 6px;
  width: 180px
}

.td-wrap,
.td-wrap svg {
  width: 100%
}

div.datedropper.primary .pick-lg-b .pick-sl:before,
div.datedropper.primary .pick-lg-h,
div.datedropper.primary .pick-m,
div.datedropper.primary .pick-submit,
div.datedropper.primary:before {
  background-color: #fd4741
}

div.datedropper.primary .pick-l,
div.datedropper.primary .picker,
div.datedropper.primary.picker-tiny .pick-m,
div.datedropper.primary.picker-tiny:before {
  background-color: #fff
}

div.datedropper.primary .pick li span,
div.datedropper.primary .pick-btn,
div.datedropper.primary .pick-lg-b .pick-wke,
div.datedropper.primary .pick-y.pick-jump {
  color: #fd4741
}

div.datedropper.primary .pick-arw,
div.datedropper.primary .pick-l,
div.datedropper.primary .picker {
  color: #4d4d4d
}

div.datedropper.primary .pick-lg-b .pick-sl,
div.datedropper.primary .pick-lg-h,
div.datedropper.primary .pick-m,
div.datedropper.primary .pick-m .pick-arw,
div.datedropper.primary .pick-submit {
  color: #fff
}

.td-wrap,
div.datedropper.primary.picker-tiny .pick-m,
div.datedropper.primary.picker-tiny .pick-m .pick-arw {
  color: #4d4d4d
}

div.datedropper .null {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none
}

.td-wrap,
.td-wrap * {
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-box-sizing: initial !important;
  -moz-box-sizing: initial !important;
  box-sizing: initial !important;
  -webkit-tap-highlight-color: transparent
}

.td-input {
  cursor: pointer
}

.td-wrap {
  display: none;
  font-family: sans-serif;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  outline: 0;
  z-index: 9999
}

.td-overlay {
  position: fixed;
  width: 100%
}

.td-clock,
.td-clock:before,
.td-svg,
.td-svg-2 {
  position: absolute
}

.td-clock {
  width: 156px;
  height: 156px;
  border-radius: 156px;
  box-shadow: 0 0 0 1px #1977cc, 0 0 0 8px rgba(0, 0, 0, .05);
  background: center no-repeat #fff;
  margin: 0 auto;
  text-align: center;
  line-height: 156px;
  background-size: cover
}

.td-clock:before {
  top: -10px;
  margin-left: -10px;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  background: #fff;
  border-left: 1px solid #1977cc;
  border-top: 1px solid #1977cc;
  border-top-left-radius: 4px
}

.td-init .td-deg {
  -webkit-animation: slide 1s cubic-bezier(.7, 0, .175, 1) 1.2s infinite
}

.td-svg {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.td-svg-2 {
  top: 18px;
  left: 18px;
  bottom: 18px;
  right: 18px
}

.td-deg,
.td-medirian {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute
}

.td-wrap.td-show {
  display: block
}

.td-deg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80%;
  z-index: 1
}

.td-medirian span {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  line-height: 40px;
  text-align: center;
  margin: 0 0 0 -20px;
  position: absolute;
  z-index: 2;
  left: 50%;
  font-size: .8em;
  opacity: 0;
  font-weight: 600
}

.td-medirian .td-icon-am {
  top: 40px
}

.td-medirian .td-icon-pm {
  bottom: 40px
}

.td-medirian .td-icon-am.td-on {
  top: 26px;
  opacity: 1
}

.td-medirian .td-icon-pm.td-on {
  bottom: 26px;
  opacity: 1
}

.td-select {
  position: absolute;
  top: 4px;
  left: 32px;
  right: 32px;
  bottom: 22px
}

.td-select svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0
}

.td-select:after {
  position: absolute;
  background: #fff;
  width: 36px;
  height: 36px;
  box-shadow: 0 0 0 1px #1977cc;
  border-radius: 60px 60px 60px 0;
  top: -16px;
  left: 50%;
  margin-left: -18px;
  transform: rotate(-45deg);
  cursor: pointer
}

.td-clock .td-time {
  font-weight: 600;
  position: relative
}

.td-clock .td-time span {
  width: 42px;
  height: 42px;
  display: inline-block;
  vertical-align: middle;
  line-height: 42px;
  text-align: center;
  margin: 6px;
  position: relative;
  z-index: 2;
  cursor: pointer;
  font-size: 2em;
  border-radius: 6px
}

.td-clock .td-time span.on {
  color: #1977cc
}

.td-n {
  -webkit-transition: all .4s cubic-bezier(.7, 0, .175, 1) 0s;
  -moz-transition: all .4s cubic-bezier(.7, 0, .175, 1) 0s;
  -ms-transition: all .4s cubic-bezier(.7, 0, .175, 1) 0s;
  transition: all .4s cubic-bezier(.7, 0, .175, 1) 0s
}

.td-n2 {
  -webkit-transition: all .2s linear 0s;
  -moz-transition: all .2s linear 0s;
  -ms-transition: all .2s linear 0s;
  transition: all .2s linear 0s
}

@-webkit-keyframes td-alert {

  0%,
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }

  10%,
  20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
  }
}

@keyframes td-alert {

  0%,
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }

  10%,
  20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
  }
}

.td-alert {
  -webkit-animation-name: td-alert;
  animation-name: td-alert;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

@-webkit-keyframes td-bounce {

  0%,
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }

  20% {
    -webkit-transform: scale3d(1.25, .75, 1);
    transform: scale3d(1.25, .75, 1)
  }

  30% {
    -webkit-transform: scale3d(.75, 1.25, 1);
    transform: scale3d(.75, 1.25, 1)
  }

  60% {
    -webkit-transform: scale3d(1.15, .85, 1);
    transform: scale3d(1.15, .85, 1)
  }

  70% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1)
  }

  80% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1)
  }
}

@keyframes td-bounce {

  0%,
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }

  20% {
    -webkit-transform: scale3d(1.25, .75, 1);
    transform: scale3d(1.25, .75, 1)
  }

  30% {
    -webkit-transform: scale3d(.75, 1.25, 1);
    transform: scale3d(.75, 1.25, 1)
  }

  60% {
    -webkit-transform: scale3d(1.15, .85, 1);
    transform: scale3d(1.15, .85, 1)
  }

  70% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1)
  }

  80% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1)
  }
}

.td-bounce {
  -webkit-animation-name: td-bounce;
  animation-name: td-bounce;
  -webkit-animation-duration: 1s;
  animation-duration: 1s
}

@-webkit-keyframes td-fadein {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes td-fadein {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

.td-fadein {
  -webkit-animation-name: td-fadein;
  animation-name: td-fadein;
  -webkit-animation-duration: .3s;
  animation-duration: .3s
}

@-webkit-keyframes td-fadeout {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@keyframes td-fadeout {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

.td-fadeout {
  -webkit-animation: td-fadeout .3s forwards;
  animation: td-fadeout .3s forwards
}

@-webkit-keyframes td-dropdown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes td-dropdown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

#hero {
  position: relative;
  height: 100px;
  background: var(--gray);
  color: #fff;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  display: table;
  z-index: 9;
  text-align: center;
  border-bottom: 1px solid rgb(221 221 221);
}

.pagebg-new {
  position: relative;
  height: 225px;
  line-height: 225px;
  color: var(--color2);
  width: 100%;
  background: #fff url(../img/mytickets-bg.jpg) no-repeat center right;
  background-size: 85%;
  z-index: 9;
}

.pagebg-new-box {
  font-size: 26px;
  font-weight: 600;
}

.mb30 {
  margin-bottom: 30px;
}

#filter_list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.buslist-bigtitle {
  margin-bottom: 15px;
  padding-bottom: 15px;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 1px solid #eaeaea;
}

.bus-list-box {
  transition: transform 0.2s;
  background: white;
  padding: 17px;
  min-height: 284px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  margin-bottom: 25px;
  cursor: pointer;
}

@media only screen and (max-width:780px) {
  .bus-list-box {
    min-height: 222px;
  }
}

.bus-list-box:hover {
  transform: scale(1.05);
}

.bus-list-box a {
  font-size: 15px;
  font-weight: 600;
}

.bux-list-img {
  width: 100%;
  height: 75px;
  line-height: 75px;
  background: #fff;
  text-align: center;
}

.bux-list-img img {
  max-width: 100%;
  max-height: 75px;
}

.bux-list-title {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  margin: 5px 0px;
  color: var(--color2);
  height: 20px;
  overflow: hidden;
}

.bux-list-title a {
  color: var(--color2);
}

.bux-list-desc {
  font-size: 14px;
  min-height: 85px;
}

.otogar-list-box {
  transition: transform 0.2s;
  background: white;
  padding: 17px;
  min-height: 284px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  margin-bottom: 25px;
  cursor: pointer;
}


.otogar-list-box:hover {
  transform: scale(1.05);
}


.otogar-list-img {
  width: 100%;
  height: 150px;
  line-height: 150px;
  background: #fff;
  text-align: center;
}

.otogar-list-img img {
  max-width: 100%;
}

.otogar-list-title {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
  margin: 10px 0px;
  color: var(--color2);
  height: 20px;
  overflow: hidden;
}

.otogar-list-title a {
  color: var(--color2);
}

.otogar-list-desc {
  font-size: 14px;
  min-height: 65px;
  max-width: 100%;
  overflow: hidden;
  text-align: center;
}

.otogar-list-phone {
  font-size: 14px;
  font-weight: 600;
  color: #D40303;
  margin-bottom: 10px;
  margin-top: 10px;
  display: block;
}

.otogar-list-phone a {
  color: #D40303;
}

.mapviewbtn {
  color: #fff !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.googlemapview {
  padding: 30px;
  width: 660px;
  background: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  display: none;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  max-height: 550px;
}

#divDetayInfo {
  font-size: 13px;
}

#rotatedetails {
  max-height: 200px;
  overflow-y: scroll;
}

.specimg {
  display: inline-block;
  margin: 7px 7px 7px 0px;
}

.googlemapview iframe {
  width: 600px;
  height: 450px;
  position: relative;
}

.mapviewname {
  font-size: 18px;
  font-weight: 600;
  text-align: left;
  color: var(--color2);
  position: relative;
  left: 0;
  top: 0;
  float: left;
  padding: 5px 0px;
}

.mapviewclosebtn {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  position: absolute;
  right: 0;
  top: 0;
  float: right;
  background: var(--color2);
  padding: 5px 10px;
  margin-bottom: 15px;
  cursor: pointer;
}

.mapviewclosebtnfooter {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  left: 40%;
  text-align: center;
  bottom: 0;
  background: var(--color);
  padding: 5px 10px;
  margin-top: 15px;
  cursor: pointer;
  display: none;
}

.greenbox {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
  position: relative;
  padding: .75rem 1.25rem;
  /* margin-bottom: 1rem; */
  border: 1px solid transparent;
  border-radius: .25rem;
  text-align: center;
  display: inline-block;
  font-size: 15px;
}

.greenbox span {
  font-weight: 600 !important;
}

.bigprice {
  font-size: 16px !important;
  font-weight: 400 !important;
  color: var(--color2);
}

.bigprice span {
  font-size: 21px !important;
  font-weight: 600 !important;
  color: var(--color);
}

.success-table {
  margin-top: 50px;
  font-size: 18px;
  font-weight: 400;
}

.ticket-list th,
.ticket-list td {
  font-size: 14px;
  padding: 8px 4px !important;
  height: 35px;
  line-height: 35px;
}

.ticket-list table {
  text-align: center;
  white-space: nowrap;
}

.ticket-list table tbody tr:first-child {
  background: #f9f9f9;
  border: 1px solid var(--color2)3;
}

.biletara-ticketbox {
  padding: 15px 0px;
}

.ticket-box {
  background-color: #fff;
  position: relative;
  width: 100%;
  margin: auto;
  border: 1px solid #ccc;
  border-radius: 15px;
}

.ticket-box .locationto {
  font-size: 18px;
  font-weight: 600;
  color: var(--color);
}

.ticket-box .locationto i {
  position: relative;
  top: 1px;
}

.ticket-box .locationdate {
  font-size: 18px;
  position: relative;
  top: 1px;
  font-weight: 600;
}

.ticket-box .ticket {
  margin-left: auto;
  margin-right: auto;
  padding: 30px 40px;
}

.ticket-box .passenger-box {
  position: relative;
  padding-top: 40px;
  border-top: 3px dashed #ccc;
  border-bottom: 3px dashed #ccc;
  padding: 20px 0px;
  margin: 20px 0px;
}

.ticket-page-header {
  position: relative;
  height: 100px;
  background: var(--gray);
  color: #fff;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  display: table;
  z-index: 9;
  text-align: center;
}

.ticket-page-header .intro_title {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
}

.ticket-rotate {
  transform: rotate(-30deg);
}

.ticket-share {
  display: block;
  height: 30px;
  margin: auto;
  margin-bottom: 30px;
  text-align: center;
}

.ticket-share ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ticket-share ul li {
  display: inline-block;
  padding: 5px 10px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 5px;
  background: #fff;
  margin: 0px 5px;
}

.ticket-share ul li a {
  font-weight: 600;
  font-size: 13px;
  color: var(--color);
}

.ticket-return-message {
  background-color: #fff;
  padding: 10px 20px;
  text-align: center;
  width: 100%;
  font-size: 14px;
  margin: auto;
  border: 2px dotted var(--color);
  border-radius: 15px;
}

.ticket-return-message div {
  margin-bottom: 10px;
}

.error-button {
  text-align: center;
  margin: auto;
  margin-top: 30px;
}

.error-button a {
  background: green;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  padding: 10px 20px;
}

.error-button a:hover {
  background: #eaeaea;
  color: green;
}

.ticket-box .passenger-box .passenger-title {
  display: block;
}

.ticket-box .passenger-box .passenger-title div {
  width: 12%;
  display: inline-block;
  text-align: center;
  font-weight: 600;
  font-size: 13px;
}

.ticket-box .passenger-box .passenger-info {
  display: block;
}

.ticket-box .passenger-box .passenger-info div {
  width: 12%;
  display: inline-block;
  text-align: center;
  font-weight: 600;
  font-size: 13px;
  color: #333;
  padding-top: 2.6px;
  text-align: center;
}

.ticket-box .leftradius {
  overflow: hidden;
  background-color: #f9f9f9;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: absolute;
  left: -23px;
  top: 42%;
  border-right: 1px solid #ccc;
}

.ticket-box .rightradius {
  overflow: hidden;
  background-color: #f9f9f9;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: absolute;
  right: -23px;
  top: 42%;
  border-left: 1px solid #ccc;
}

.ticket-box .ticket table.passenger-table {
  width: 100%;
  margin: 30px 0px;
  text-align: center;
  border-top: 3px dashed #ccc;
  border-bottom: 3px dashed #ccc;
}

.ticket-box .passenger-box .passenger-title {
  margin-bottom: 30px;
}

.ticket-box .ticket table.passenger-table .passenger {
  height: 30px;
  line-height: 30px;
}

.passenger-title,
.passenger-info {
  display: flex !important;
  font-weight: bold;
}

@media screen and (min-width: 1300px) {
  .ticket-box .passenger-box {
    width: 97% !important;
  }
}

@media screen and (max-width: 990px) and (min-width:771px) {
  .ticket-box .passenger-box {
    width: 95%;
  }
}

@media screen and (max-width: 770px) {
  .passenger-box {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .passenger-title {
    flex: 7;
    display: grid !important;
    grid-template-rows: repeat(auto-fit, minmax(30px, auto));
    text-align: center;
    margin-bottom: 0px !important;

  }


  .passenger-title .flex-fill,
  .passenger-info .flex-fill {
    width: 100% !important;
  }

  .ticket-box .passenger-box .passenger-info div {
    text-align: left;
  }
}

.ticket-box .ticket table.passenger-table .passenger:first-child {
  font-weight: 600;
}

.ticket-box .ticket table thead {
  font-size: 1.2em;
}

.ticket-box .ticket table thead th#partner-logo {
  text-align: left;
}

.ticket-box .ticket-logo {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
}

.ticket-location-info {
  float: left;
}

.ticketalert {
  font-size: 14px;
  position: relative;
  width: 100%;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
  color: #856404;
  background-color: #fff3cd;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #ecd282;
}

.ticket-info-message {
  font-size: 12px;
  font-weight: 600;
  text-align: left;
  color: var(--color);
}

.bus-business {
  float: right;
  font-size: 18px;
  font-weight: 600;
  color: var(--blue);
}

.bus-business span {
  display: block;
}

.bus-business span img {
  max-width: 100%;
}

.ticket-box .ticket table thead th#partner-logo img {
  width: 6em;
  max-height: 2.8em;
}

.ticket-box .ticket table thead th:last-child {
  text-align: right;
}

.ticket-box .ticket table thead td.travel-info {
  line-height: 1.5;
  padding-bottom: 0;
}

.ticket-box .ticket table thead td.travel-info strong {
  font-size: 1.06em;
}

.ticket-box .ticket table thead td.travel-info div {
  font-size: .95em;
  font-weight: 500;
}

.ticket-box .ticket table thead td.travel-info div span {
  font-size: .82em;
}

.ticket-box .ticket table thead tr:last-child {
  padding-bottom: 1em;
}

.ticket-box .ticket table tbody {
  font-size: .9em;
}

.ticket-box .ticket #route {
  font-size: .75em;
}

.success-table-maintitle {
  font-size: 18px;
  font-weight: 500;
  background: #eaeaea;
}

.success-table-title td {
  font-size: 14px;
  font-weight: 600;
}

.success-table-desc td {
  font-size: 14px;
  font-weight: 400;
  color: var(--color);
}

.intro_title {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
}

.intro_title h3,
.intro_title h1 {
  font-size: 26px;
  margin-bottom: 5px;
  color: #fff;
  font-weight: 600;
  text-shadow: 1px 1px 3px rgb(0 0 0 / 70%);
}

.intro_title h3 strong span {
  color: #fff;
}

.intro_title.error h1 {
  font-size: 130px;
  color: #fff;
  font-weight: 600;
}

.busdetail-box .busdetail-about {}

.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.margintb60 {
  margin: 60px 0px;
}

.marginb60 {
  margin-bottom: 60px;
}

.white-box {
  padding: 10px;
  margin: 0px;
  margin-bottom: 60px;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #ccc;
}

.ticketcheck {
  font-size: 16px !important;
  font-weight: 600 !important;
  background: green !important;
  border-radius: 0;
  padding: 10px 0px !important;
}

.ipt-btn {
  background: #e30613 !important;
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  padding: 5px 10px !important;
}

.loginscreen {
  padding: 30px 0px;
}

.loginscreen .loginbutton {
  font-size: 16px;
  font-weight: 600;
  background: green;
  border-radius: 8px;
  padding: 5px 15px;
}

.loginscreen .notmember {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #eaeaea;
  font-size: 14px;
  text-align: left;
}

.loginscreen .notmember a {
  font-weight: 600;
  color: #ea4335
}

.loginscreen .card-signin {
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 20px;
}

.loginscreen .card-signin .card-title {
  margin-bottom: 15px;
  font-weight: 400;
  font-size: 14px;
}

.loginscreen .card-signin .card-body {
  padding: 30px;

}

.loginscreen .form-signin {
  width: 100%;
}

.loginscreen .form-label-group {
  position: relative;
  margin-bottom: 1rem;
}

.loginscreen .form-label-group input[type="email"]:before {
  content: "\f073";
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  color: var(--color2);
  position: absolute;
  box-sizing: border-box;
  left: 10px;
  top: 4px;
  z-index: 9999;
}

.loginscreen .form-label-group>label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0;
  line-height: 1.5;
  color: #495057;
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .1s ease-in-out;
}

.loginscreen .btn-google {
  color: white;
  font-size: 13px;
  background-color: #ea4335;
  border-radius: 5px;
  width: 100%;
  margin-bottom: 5px;
}

.loginscreen .btn-facebook {
  font-size: 13px;
  color: white;
  background-color: #3b5998;
  border-radius: 5px;
  width: 100%;
}

.loginscreen .forgotbutton {
  font-size: 12px;
  display: inline-block;
  color: red;
  padding: 4px 0px;
  float: right;
}

.loginscreen .btn-google i,
.loginscreen .btn-facebook i {
  float: left;
  font-size: 20px;
}

.home-bus-ticket {
  display: none
}

.bus-detail-icon {
  text-align: center;
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 10px;
  background: #fff;
  border-radius: 5px;
  height: 75px;
}

.bus-detail-icon img {
  max-height: 100%;
  max-width: 100%;
}

.bus-detail-icon h3 {
  font-size: 18px;
  line-height: 27px;
  font-weight: 600;
  margin: 0;
  padding: 0;
}

.bus-detail-icon span {
  display: block;
  font-size: 16px;
  font-weight: 600;
}

.busdetail-box .bus-detail-icon .fas,
.busdetail-box .bus-detail-icon .far {
  font-size: 24px;
  height: 40px;
  line-height: 40px;
}

.bus-detail-icon h6 {
  display: block;
}

.bus-detail-icon h6 span {
  display: block;
  font-weight: 600;
  font-size: 16px;
}

ul.bus-detail-citylist {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.bus-detail-citylist li {
  color: var(--color2);
  font-size: 14px;
  padding-bottom: 7px;
  margin-bottom: 7px;
}

ul.bus-detail-citylist li a {
  color: var(--color2);
  font-size: 14px;
}

/* page location breadcrumb */
#breadsection {
  background: #eaeaea;
}

#breadcrumb,
#breadcrumb ul li {
  display: inline-block;
}

#breadcrumb {
  margin: 0;
  padding: 0;
}

#breadcrumb ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

#breadcrumb ul li {
  line-height: 30px;
  font-size: 12px;
  font-weight: 300;
  text-decoration: none;
  padding: 0;
  position: relative;
  color: #333;
  padding-right: 15px;
}

#breadcrumb ul li a {
  font-size: 12px;
  font-weight: 300;
  text-decoration: none;
  color: #333;
}

#breadcrumb ul li:before,
#breadcrumb ul li:after {
  border-right: 2px solid;
  content: '';
  display: block;
  height: 8px;
  margin-top: -6px;
  position: absolute;
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  right: 5px;
  top: 50%;
  width: 0;
}

#breadcrumb ul li:after {
  margin-top: -1px;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#breadcrumb ul li:last-child:after,
#breadcrumb ul li:last-child:before {
  display: none;
}

#breadcrumb ul li:last-child,
#breadcrumb ul li:last-child a {
  font-weight: 600;
}

#breadcrumb ul li:hover,
#breadcrumb ul li:focus,
#breadcrumb ul li:hover:before,
#breadcrumb ul li:hover:after,
#breadcrumb ul li:focus:before,
#breadcrumb ul li:focus:after {
  color: var(--color);
}

/* page location breadcrumb */
/* landing page */
.icon-box {
  padding: 20px 0;
}

.icon-box .icon-box-icon {
  font-size: 47px;
  margin: 0;
  color: var(--color);
}

.icon-box .icon-box-title h6 {
  margin: 0 0 12px;
  font-size: 18px;
  font-weight: 600;
}

@media only screen and (min-width: 667px) {
  .verticalticketform .col-md-12 {
    margin-bottom: 10px;
  }

  .verticalticketform .route-change {
    position: absolute;
    z-index: 99;
    right: 10px;
    top: 65px;
    margin-top: 0;
    cursor: pointer;
    transition: ease all .3s;
    transform: rotate(90deg);
  }

  .verticalticketform .ticketSearchToDayMorrow a {
    width: 48%;
    float: left;
    display: inline-block;
    clear: none;
    margin: 1%;
  }

  .verticalticketside .slogan {
    font-size: 21px;
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
    margin-top: 15px;
  }
}

.mobile-app-title {
  font-size: 32px;
  font-weight: 600;
}

.mobile-app-desc {
  font-size: 16px;
}

/* landing page */
/* populer guzergahlar */
.populer_guzergahlar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.populer_guzergahlar ul li {
  display: inline-block;
  margin: 1.5% 3%;
  width: 27%;
  position: relative;
}

.populer_guzergahlar ul li a {
  text-decoration: none;
  font-size: 14px;
  color: #333;
}

.populer_guzergahlar ul li a:hover {
  color: var(--color);
}

.populer_guzergahlar ul li .guzergah_dep-arr {
  font-size: 18px;
  font-weight: 600;
  max-height: 24px;
  overflow: hidden;
}

.populer_guzergahlar ul li .guzergah_istikamet {
  position: relative;
}

.populer_guzergahlar ul li .guzergah_istikamet:before {
  content: "\f276";
  position: absolute;
  left: -25px;
  top: 0;
  font-size: 33px;
  font-family: "Font Awesome 5 Pro";
}

.populer_guzergahlar ul li .guzergah_fiyat {
  text-align: right;
  font-size: 20px;
  color: var(--color);
  position: absolute;
  top: 20px;
  right: 0;
  font-weight: 600;
}

.populer_guzergahlar ul li .guzergah_fiyat i {
  font-size: 13px;
  font-weight: 600;
}

/* populer guzergahlar */
/* sehir sayfasi listeler */
.citymaintitle {
  background: #fff;
  color: #333 !important;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 34px !important;
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 22%);
  margin-bottom: 50px !important;
}

.spacebar {
  width: 100%;
  height: 15px;
  display: block;
}

.sube-telefon {
  color: var(--red);
  font-weight: 600;
  text-decoration: none;

}

.citymainimg {
  padding: 15px;
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 5px;
  max-width: 100%;
}

.city_list_1 {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
  padding: 15px 10px;
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 5px 5px 1px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.city_list_1:hover {
  transform: scale(1.03);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  z-index: 10;
}

.city_list_1 a {
  color: #006718;
}

.city_list_1 a:hover {
  color: black;
}


.city_list_1 .city_rotate {
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  color: var(--color2);
  display: block;
}

.city_list_1 .city_rotate span {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: var(--color2);
  display: block;
}

.city_list_1 .city_rotate .cityname {
  font-size: 13px;
  font-weight: 500;
  text-align: left;
  color: var(--color2);
  height: 25px;
  /* overflow: hidden; */
  line-height: 16px;
}

.city_list_1 .city_price {
  text-align: right;
  font-size: 16px;
  font-weight: 600;
  color: var(--color);
  position: absolute;
  right: 0px;
  top: 18px;
}

/*
.city_list_1 .city_price:after {
  position: absolute;
  right: -20px;
  top: 0px;
  content: "\f061";
  font-family: "Font Awesome 5 Pro";
}
*/
.city_list_2 {
  position: relative;
  display: inline-block;
  width: 100%;
  padding-left: 20px;
  margin-bottom: 15px;
}

.city_list_2:before {
  position: absolute;
  left: 0px;
  top: 0px;
  content: "\f3c5";
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  font-weight: 600;
  color: var(--color);
}

.city_list_2 a {
  color: var(--color2);
}

.city_list_2 .city_rotate {
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  color: var(--color2);
  display: block;
}

.city_blog {
  padding: 15px;
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 5px;
  max-width: 100%;
}

.city_blog .city_blog_title {
  display: block;
  font-weight: 600;
  font-size: 16px;
  color: var(--color)
}

.city_blog .city_blog_desc {
  font-size: 14px;
  color: var(--color2);
  font-weight: 400;
  display: block;
  margin-bottom: 5px;
}

.city_blog .city_blog_link {
  color: white;
  background: var(--color);
  padding: 5px;
  font-size: 14px;
  border-radius: 5px;
}

.wp-block-kadence-iconlist ul.kt-svg-icon-list:not(.this-prevents-issues):not(.this-stops-third-party-issues):not(.tijsloc) {
  list-style: none;
  padding: 0;
  margin: 0 0 10px 0;
}

.wp-block-kadence-iconlist ul.kt-svg-icon-list li.kt-svg-icon-list-item-wrap:not(.this-prevents-issues):not(.this-stops-third-party-issues):not(.tijsloc) {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0 0 5px 0;
}

.wp-block-kadence-iconlist ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap .kt-svg-icon-list-single {
  margin-right: 10px;
  padding: 4px 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.alignnone,
.entry-content .fluid-width-video-wrapper,
.entry-content .wp-block-quote,
.gallery.gallery-columns-1,
.wp-audio-shortcode,
.wp-block-audio,
.wp-block-categories,
.wp-block-column,
.wp-block-embed,
.wp-block-image,
.wp-block-media-text,
.wp-block-pullquote,
.wp-block-search,
.wp-block-separator,
.wp-block-table,
.wp-block-video {
  margin-bottom: 30px;
}

.p150 {
  padding: 150px !important;
}

/* sehir sayfasi listeler */
.whatsapp-phone {
  position: fixed;
  right: 20px;
  bottom: 20px;
  display: inline-block;
  z-index: 9999;
}

.whatsapp-phone img {
  width: 64px;
  max-width: 64px;
}

/* landing accordion */
#accordion .panel {
  border-radius: 4px !important;
  border: 0;
  margin-top: 0px;
  background: #fff;
  margin-bottom: 15px;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .22);
}

#accordion a {
  display: block;
  padding: 12px;
  border-bottom: 1px solid #ccc;
  text-decoration: none;
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  border-radius: 4px !important;
  color: var(--color2);
}

#accordion .panel .panel-body {
  padding: 10px 20px
}

/* #accordion .panel-heading a.collapsed:hover,
#accordion .panel-heading a.collapsed:focus {
  background-color: var(--color);
  color: white;
  transition: all 0.2s ease-in;
} */

#accordion .panel-heading a.collapsed:hover::before,
#accordion .panel-heading a.collapsed:focus::before {
  background: #bf1212;
  color: white;
}

#accordion .panel-heading {
  padding: 0;
  border-radius: 0px;
  text-align: center;
}

#accordion .panel-heading a:not(.collapsed) {
  background-color: #bf1212;
  color: white;
  transition: all 0.2s ease-in;
}



/* landing accordion */
/* footer home app menu */
.app-footer-menu {
  position: fixed;
  bottom: 0px;
  width: 100%;
  z-index: 9999;
}

.app-footer-menu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

.app-footer-menu ul li {
  margin: 0px;
  padding: 7px 5px;
  display: block;
  background: var(--color);
  width: 25%;
  white-space: nowrap;
  float: left;
  text-align: center;
}

.app-footer-menu ul li a {
  font-size: 12px;
  font-weight: 600;
  color: #fff;
}

.app-footer-menu ul li a i {
  width: 100%;
  text-align: center;
  font-size: 18px;
}

.app-footer-menu ul li a span {
  display: block;
}

/* footer home app menu */
.going-type-select-classic {
  padding: 0px 15px;
  width: 100%;
  display: none;
}

.going-type-select-classic ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 40%;
}

.going-type-select-classic ul li {
  margin: 0px;
  padding: 7px 5px;
  display: block;
  width: 50%;
  white-space: nowrap;
  float: left;
  text-align: center;
}

.going-type-select-classic ul li.selected {
  border-bottom: 0px;
  background: #fff;
  border-radius: 5px 5px 0px 0px;
  box-shadow: 2px 2px 2px 2px rgb(0 0 0 / 22%);
}

.going-type-select-classic ul li a {
  font-size: 16px;
  font-weight: 600;
  color: #666;
}

.going-type-select-classic ul li.selected a {
  color: var(--color);
}

.alternative-rotate-title {
  display: block;
  padding: 5px 15px;
  text-decoration: none;
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  color: white;
  background-color: var(--green);
  border-radius: 5px;
}

.alternative-rotate-row .btn {
  float: right;
}

.alert-message {
  color: #664d03;
  background-color: #fff3cd;
  border: 1px solid #ffecb5;
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border-radius: 5px;
}

.alert-small-message {
  color: #664d03;
  background-color: #fff3cd;
  border: 1px solid #ffecb5;
  position: relative;
  padding: 5px;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  margin: 5px 0px;
  border-radius: 5px;
}

/* tippy tooltip popup message */
/* tippy tooltip popup message */


.panel-heading a:before {
  font-family: 'Glyphicons Halflings';
  content: "\e114";
  float: right;
  transition: all 0.5s;
  font-size: 15px;
  position: relative;
  top: -7px;
  padding: 8px;
  height: 33px;
  width: 35px;
  border: 1px solid #d40303;
  border-radius: 50%;
  color: #d40303;
}


.panel-heading.active a:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

.footer-alt {
  margin-bottom: 15px !important;
  text-align: right;
}

.footer-alt-left {
  margin-top: 18px;
}


/* new */
.home-new-listbox {
  width: 100%;
  padding: 15px;
  position: relative;
  border: 1px solid var(--bs-border-color);
  border-radius: 8px;
  background-color: var(--bs-neutral-0);
  margin-bottom: 5px;
  box-shadow: 0px 6px 22px 0px rgba(0, 0, 0, 0.09);

}

.home-new-listbox a {
  text-decoration: none;
}

.listbox_container {}

.listbox_container a {
  font-weight: bold;
  color: #333;
  display: block;
  font-size: 12px;
}

.listbox_container span {
  clear: both;
}

.listbox-price {
  text-align: right;
  position: absolute;
  right: 10px;
  bottom: 0px;
  padding: 5px;
}

.listbox-price a {
  font-weight: bold;
  color: red;
  font-size: 18px;
}

.listbox-price .fa-lira-sign:before {
  font-size: 14px;
}

@media only screen and (max-width: 767.9px) {
  .btn-default:hover {
    color: #fff !important;
  }

  .pay-information {
    min-width: 40% !important;
  }

  .form-pnr #pnrnumber,
  .form-pnr #telormail,
  .custom-pnr-btn {
    width: 100% !important;
  }

  .form-pnr {
    display: block !important;
  }

  .form-pnr .form-label-group {
    margin-bottom: 17px !important;
  }

  .mainslogan-h1box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
    margin: 15px 0;
    position: relative;
    top: 30px !important;
    margin-top: 20px !important;
  }

  .custom-popular-routes .city_list_2 .city_rotate {
    font-size: 13px !important;
    font-weight: 600;
    text-align: left;
    display: flex !important;
    align-items: center;
    line-height: normal;
    min-height: 45px;
  }
}

.bigbus img {
  width: 37px;
}

.title-follow {
  margin-top: 0px !important;
  margin-bottom: 12px;
  color: #fff;
  font-size: 18px;
  line-height: 28px;
  font-weight: 700 !important;
  text-align: right;
}

.footer-top {
  border-bottom: 1px solid rgba(87, 86, 86, 0.4901960784);
  padding-bottom: 35px;
  margin-bottom: 10px;
}

.footer h6 {
  color: #fff;
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
}

.footer .footer-bottom {
  padding: 30px 0px 10px 0px;
  color: var(--bs-neutral-700);
  font-size: 14px;
  border-top: 1px solid rgba(87, 86, 86, 0.4901960784);
}

.footer .menu-bottom-footer {
  display: flex;
  justify-content: end;
}

.color-white {
  color: #fff;
}

.text-md-start {
  text-align: left !important;
}

.text-md-end {
  text-align: right !important;
}

.footer .menu-footer li a:hover {
  color: #fff;
  transition-duration: 0.2s;
}

a.icon-socials {
  display: inline-block;
  height: 33px;
  width: 33px;
  border-radius: 50%;
  background-color: #d40303;
  transition-duration: 0.2s;
  margin-right: 7px;
  line-height: 33px;
  text-align: center;
  border: 1px solid #575756;
}

a.icon-socials i {
  fill: #fff;
}

a.icon-socials:last-child {
  margin-right: 0px;
}

.fa-facebook-f:before {
  content: "\f39e";
  color: white !important;
}

.fa-twitter:before {
  content: "\f099";
  color: white !important;
}

.fa-instagram:before {
  content: "\f16d";
  color: white !important;
}

.footer .menu-footer li {
  list-style: none;
  margin-bottom: 2px;
}

.footer .menu-footer li a {
  color: #8e8e8e;
  font-size: 16px;
  text-decoration: none;
  transition-duration: 0.2s;
  line-height: 26px;
}

.d-inline-block {
  display: inline-block !important;
}

@media only screen and (max-width:780px) {
  .text-center {
    text-align: center !important;
  }

  .title-follow {
    text-align: center !important;
  }
}

a.icon-socials:hover {
  transform: translateY(-3px);
  transition-duration: 0.2s;
}

.mt-50 {
  margin-top: 50px !important;
}

.align-items-center {
  align-items: center !important;
}

.box-logos-5 {
  padding-bottom: 0px;
  margin-top: -150px;
}

.background-body {
  background-color: var(--bs-background-body) !important;
}

.section-box,
.box-section {
  display: block;
  width: 100%;
  height: 100%;
}

.mt-30 {
  margin-top: 30px !important;
}

.swiper-group-journey {
  padding-bottom: 10px !important;
  padding-top: 20px !important;
}

.swiper-button-next-style-1:hover {
  background-color: #d40303;
}

.swiper-button-next-style-1:hover svg {
  stroke: #fff;
}

.swiper-button-prev-style-1:hover {
  background-color: #d40303;
}

.swiper-button-prev-style-1:hover svg {
  stroke: #fff;
}


.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}



.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  justify-content: space-around;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-group-journey .swiper-slide {
  width: auto;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.card-banner-slide {
  position: relative;
}

.card-banner-slide .card-image {
  position: relative;
  min-height: 232px;
  overflow: hidden;
  border-radius: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/bg-slider.png);
  width: 100%;
  height: 100%;
  background-size: cover;
}

.card-banner-slide .card-info {
  right: 35px;
  bottom: 30px;
  z-index: 12;
  text-align: right;
}


.card-banner-slide .card-info .box-button {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.card-banner-slide .card-info .btn.btn-brand-secondary {
    padding: 6px 16px;
    font-size: 11px;
    line-height: 18px;
    position: absolute;
    top: -3px;
    right: -26px;
}

.btn.btn-brand-secondary {
  padding: 12px 22px;
  font-size: 16px;
  line-height: 26px;
  font-weight: 700;
  background-color: #ffffff;
  border-radius: 50px;
  color: #d40303 !important;
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
}

.card-banner-slide .card-info,
.card-banner-slide .card-info {
  text-align: left;
  right: auto;
  left: 30px;
}

.card-banner-slide .card-info {
  position: absolute;
  right: 35px;
  bottom: 30px;
  z-index: 12;
  text-align: right;
}

.card-banner-slide.card-banner-slide-3 .card-info .box-title-middle h6 {
  display: block;
  background-color: #fefa17;
  padding: 2px 10px;
  border-radius: 4px;
  margin-bottom: 5px;
}

.card-banner-slide .card-info h6,
.card-banner-slide .card-info h6 {
  color: #000;
  margin-bottom: 23px;
  font-weight: 600;
}

.btn.btn-brand-secondary svg {
  stroke: var(--bs-neutral-1000);
  margin-left: 6px;
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.card-banner-slide.card-banner-slide-3 .card-info .box-title-top p {
  display: inline-block;
  background-color: #5656568a;
  padding: 2px 10px;
  border-radius: 4px;
  margin-bottom: 10px;
  color: #fff;
}

.box-button-slider-team {
  text-align: right;
}

.box-button-slider-team .swiper-button-prev-style-1 {
  position: relative;
  left: auto;
  top: auto;
  right: auto;
  margin: 0px 4px 0px 0px;
  display: inline-block;
  cursor: pointer;
}

.swiper-button-prev-style-1 {
  height: 40px;
  width: 40px;
  line-height: 38px;
  text-align: center;
  border-radius: 50%;
  background-color: #e4e6e8;
}

.swiper-button-prev-style-1 svg {
  stroke: #d40303;
}

.box-button-slider-team .swiper-button-next-style-1 {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  margin: 0px;
  display: inline-block;
  cursor: pointer;
}

.swiper-button-next-style-1 {
  height: 40px;
  width: 40px;
  line-height: 38px;
  text-align: center;
  border-radius: 50%;
  background-color: #e4e6e8;
}

.swiper-button-next-style-1 svg {
  stroke: #d40303;
}

.box-install-app-3 {
  position: relative;
  padding-bottom: 0px;
}

.box-install-app {
  position: relative;
  padding: 30px 0px 75px 0px;
}

.block-install-apps h2 {
  line-height: 62px;
  font-size: 52px;
  font-weight: 800;

}

.box-install-app-3 .block-install-apps {
  padding: 50px;
  background-image: url(../img/img-install.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right center;
}

.box-install-app-3 .block-install-apps::before {
  content: "";
  position: absolute;
  top: 30px;
  right: 170px;
  left: 0px;
  margin: auto;
  width: 453px;
  height: 107px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.btn.btn-tag-white {
  padding: 12px 22px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
  background-color: var(--bs-neutral-0);
  border-radius: 50px;
  color: var(--bs-neutral-1000);
}

.title-why {
  margin-top: 8px;
  margin-bottom: 24px;
}

.neutral-500 {
  color: #000 !important;
}

.download-apps {
  margin-top: 30px;
}



.background-3 {
  background-color: var(--bs-background-3) !important;
}

.block-install-apps {
  background-color: var(--bs-background-1);
  border-radius: 32px;
  padding: 70px 0px 0px 80px;
  position: relative;
  background-image: url(img/bg-app.png);
  background-repeat: no-repeat;
  background-position: right bottom;
}

@media (max-width: 991.98px) {
  .box-install-app-3 .block-install-apps {
    background-image: none;
    margin: 0px;
    padding: 50px 40px 10px 40px;
  }

  .complaint-content,
  .ticket-inquiry-content,
  .ticket-access-content,
  .bus-platform-info {
    margin-top: 75px;
    margin-bottom: 25px;
  }

  .fast-menu-container {
    display: none !important;
  }

  .custom-nav-container .nav-item {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 410px;
    min-width: 170px;
  }

  .custom-nav-container ul {
    justify-content: start !important;
    flex-direction: row !important;
    text-align: left !important;
    padding-left: 5px;
    display: flex !important;
    flex-wrap: wrap;
  }

  .custom-nav-container {
    display: flex;
    align-items: center;
  }

  .custom-nav-item {
    margin-bottom: 3px;
    border-radius: 30px !important;
    font-size: 14px;
    line-height: 18px;
    width: 49%;
    min-height: 57px;
    display: flex;
    justify-content: center;
    min-height: 73px;
  }

}

@media(max-width: 450px){
  .mobile-price-new {
      max-width: 125px;
      top: 33px !important;
      left: 15px !important;
  }
  .journey-other-info-area{
    padding-top: 35px !important;
  }
}

@media (max-width: 575.98px) {

  h2,
  .heading-2 {
    font-size: 42px;
    line-height: 60px;
  }

  .custom-company-info-area i {
    display: none !important;
  }

  .custom-company-info-area a {
    font-size: 13px;
  }

  .ticket-cancel-loader {
    right: 20px !important;
    top: 20px !important;
  }
}

@media (max-width: 449.98px) {
  .download-apps {
    display: flex;
    align-items: center;
  }
}

@media only screen and (max-width:780px) {
  .box-install-app-3 .block-install-apps::before {
    display: none;
  }
}


.text-xl-medium {
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
}

.title-svg {
  display: flex;
  align-items: center;
  font-size: 23px;
  line-height: 60px;
  font-weight: 800;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.title-svg svg {
  margin-right: 10px;
}

@media (min-width: 768px) {
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .mobile-app-btn-container {
    gap: 13px;
    flex-direction: column;
  }

  .pnrTicketTypeArea {
    display: flex !important;
    align-items: center !important;
  }

}

.box-button-slider-team {
  text-align: right;
}

.card-flight .card-image {
  max-width: 263px;
  width: 100%;
  height: 220px;
}

.card-flight .card-image .wish {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 32px;
  height: 32px;
  background-color: rgba(255, 255, 255, 0.8196078431);
  border-radius: 50%;
  text-align: center;
  line-height: 32px;
  z-index: 12;
}

.card-flight .card-image .wish svg {
  stroke: #d40303;
}

.card-flight .card-info {
  padding: 30px;
  width: 100%;
  background-color: #fff;
  border-radius: 24px;
  height: 220px;
  border: 1px solid #e4e6e8;
}

.card-flight .card-image img {
  display: block;
  height: auto;
  min-height: 100%;
  max-width: none;
  min-width: 100%;
  max-height: 100%;
}

.card-flight {
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  display: flex;
  max-width: 612px;
  width: 100%;
  min-width: 612px;
  margin-bottom: 24px;
}

.card-flight .card-info .card-date {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.card-flight .card-info .card-date .date-1 {
  color: #737373;
  background: url(img/clock.svg) no-repeat left center;
  display: inline-block;
  padding: 0px 0px 0px 20px;
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
}

.card-flight .card-info .card-route {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
}

.card-flight .card-info .card-route .route-name {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  width: 50%;
  text-align: center;
}

.card-flight .card-info .card-route .icon-route {
  display: inline-block;
  margin: 0px 18px;
  height: 24px;
  width: 24px;
  background: url(../img/icon-route.svg) no-repeat center;
}


.card-flight .card-info .card-price {
  display: flex;
  align-items: center;
}

.card-flight .card-info .card-price .card-price-1:first-child {
  padding-left: 0px;
}

.card-flight .card-info .card-price .card-price-1 p {
  color: #575756;
  margin-bottom: 8px;
  font-weight: 500;
}

.text-md,
.text-md-medium,
.text-md-bold {
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
}

.card-flight .card-info .card-price .card-price-1::before {
  content: "";
  height: 42px;
  width: 1px;
  background-color: #e4e6e8;
  position: absolute;
  top: 15px;
  right: 0px;
}


.btn.btn-gray {
  padding: 8px 18px !important;
  color: #d40303 !important;
  font-size: 14px !important;
  line-height: 22px !important;
  font-family: "Manrope", sans-serif;
  font-weight: 700 !important;
  background-color: #f2f4f6;
  border-radius: 50px;
  border: 1px solid #e4e6e8;
}

.btn.btn-gray:hover {
  color: #fff !important;
  background-color: #d40303;
  border: 0;
}

.card-flight .card-info .card-meta {
  margin-top: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.card-flight .card-info .card-price .card-price-1 {
  position: relative;
  padding: 0px 42px 0px 42px;
}

img,
svg {
  vertical-align: middle;
}

.button-pop {
  position: relative;
  top: 32px;
}

.sidebarmenu-account {
  position: relative;
  background: #fff;
  margin: auto;
  padding: 0;
  list-style: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
  margin-bottom: 15px;
}

.sidebarmenu-account li {}

.sidebarmenu-account li a {
  padding: 0px 20px;
  height: 50px;
  line-height: 50px;
  display: block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  font-size: 14px;
  white-space: nowrap;
  color: #333;
  border-bottom: 1px solid #eaeaeaea;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  font-weight: 600;
}

.sidebarmenu-account li a:hover {
  background: #efefef;
}

.sidebarmenu-account li a.profile {
  border-left: 5px solid #beeed6;
}

.sidebarmenu-account li a.my-tickets {

  border-left: 5px solid #7bbeda;
}

.sidebarmenu-account li a.my-personals {
  border-left: 5px solid #fcb7bd;
}

.sidebarmenu-account li a.payment-infos {
  border-left: 5px solid #ff8e95;

}

.sidebarmenu-account li a.invoice-infos {
  border-left: 5px solid #aebbf8;
}

.sidebarmenu-account li a.my-alerts {
  border-left: 5px solid #ffda69;
}

.sidebarmenu-account li a.logoutlink {
  border-left: 5px solid #929292;
}

.sidebarmenu-account li:first-child a:hover,
.form li:first-child a {
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.sidebarmenu-account li:last-child a:hover,
.form li:last-child a {
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}

.sidebarmenu-account li a:hover i {
  color: #ea4f35;
}

.sidebarmenu-account i {
  margin-right: 15px;

  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.sidebarmenu-account em {
  font-size: 10px;
  background: #ea4f35;
  padding: 3px 5px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-style: normal;
  color: #fff;
  margin-top: 17px;
  margin-right: 15px;
  line-height: 10px;
  height: 10px;
  float: right;
}

.sidebarmenu-account li.selected a {
  background: #efefef;
}

@media (max-width: 767px) {
  .sidebarmenu-account {
    display: flex;
    overflow: scroll;
  }

  .footer .menu-bottom-footer {
    justify-content: center !important;
  }

}

@media (max-width: 575.98px) {
  .box-swiper-padding.container-slider {
    padding-right: 15px;
  }
}


@media (max-width: 767.98px) {
  .card-flight .card-image {
    max-width: 100%;
  }

  .bus-detail-icon span {
    font-size: 16px !important;
  }

  .card-flight .card-info {
    padding: 38px 31px;
    width: calc(100% + 0px);
    margin-left: 0px;
    margin-top: -30px;
  }

  .card-flight .card-info {
    padding: 16px 12px;
    height: 180px;
  }

  .card-flight {
    max-width: 100%;
    width: 100%;
    min-width: 100%;
    flex-wrap: wrap;
  }

  .card-flight .card-info .card-meta {
    margin-top: 20px;
  }

  .title-svg {
    display: flex;
    align-items: center;
    font-size: 24px;
    line-height: 36px;
    font-weight: 800;
  }
}


.title-banner {
  position: relative;
  z-index: 10;
  width: 100%;
  display: inline-block;
  height: 150px;
  padding-top: 0px !important;
  opacity: 0.9;
  background-image: url(../../img/biletara-slider-arkaplan.png);
  background-repeat: round;
}

.title-banner .banner-area.v-3 {
  padding: 45px 20px 45px;
}

.title-banner .banner-area .content-box h1 {
  font-size: 36px !important;
  font-weight: 800 !important;
  color: #fff;
  margin: 0;
}

.f-p {
  text-align: center;
  color: #000;
}

.nav-h {
  border-bottom: 1px solid #cacaca;
  display: flex;
  justify-content: space-between;
}

.nav-h>li {
  display: contents !important;
}

.nav-h>li>a {
  background: transparent !important;
  color: #7d7b7b !important;
  border-bottom: 3px solid transparent !important;
  font-weight: 600 !important;
  padding: .6rem .75rem !important;
  white-space: nowrap !important;
  border-radius: 0px !important;
  border: 0px !important;
  font-size: 14px !important;
}

.nav-h>li.active>a {
  border-bottom: 3px solid #d40303 !important;
  color: #d40303 !important;
}

.nav-h>li.active>a>.travel-style {
  color: #d40303 !important;
}

.nav-h>li.active>a>.cancel-style {
  color: #d40303 !important;
}


.nav-h>li>a:hover {
  border-bottom: 3px solid #d40303 !important;
}

.cancel-style {
  color: #7d7b7b;
  font-size: 19px;
  position: relative;
  top: 4px;
}

.cancel-2 {
  color: #ea0606;
  font-size: 19px;
  position: relative;
  top: 4px;
}

.travel-style {
  color: #7d7b7b;
  font-size: 16px;
  position: relative;
  top: 2px;
}

.icon-lg {
  width: 3.5rem;
  height: 3.5rem;
  line-height: 3.5rem;
  text-align: center;
  font-size: 1.2rem;
}

.card-f {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: 26px;
  font-size: 14px !important;
}

.card-body-f {
  padding: 10px;
}

.mb-4 {
  margin-bottom: 1.6rem !important;
}

.mt-4 {
  margin-top: 1.6rem !important;
}

.d-md-flex {
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width:780px) {
  .d-md-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .nav-h {
    overflow: scroll;
  }

  .h6-fg {
    font-size: 13px !important;
  }

  .btn-primary-soft {
    font-size: 12px !important;

  }

  .card-title-f {
    font-size: 14px !important;
  }

  .icon-lg {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: justify;
    font-size: 1.2rem;
  }

  .card-header-f {
    padding: 6px 6px !important;
  }

}


.rounded-circle {
  border-radius: 50% !important;
}

.card-title-f {
  font-size: 15px;
}

.card-header-f {
  padding: 7px 10px;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, .03);
  border-bottom: 1px solid rgba(0, 0, 0, .125);
  box-shadow: none;
  border-color: #e2e2e2;
  background-color: #f4faff !important;
}

.h6-fg {
  font-size: 14px;
}

.arrow-maki {
  color: #d40303;
  font-size: 15px;
  padding-right: 5px;
  padding-left: 5px;
  position: relative;
  top: 2px;
}

.btn-primary-soft {
  background-color: #fafafa;
  border: 1px solid #cfcfcf !important;
  color: #ea0606;
  font-size: 12px !important;
}

.btn-primary-soft:hover {
  background-color: #fff;
}

.h6-tt {
  font-size: 14px;
  margin-top: 14px;
  margin-bottom: 18px;
  color: #233494;
  font-weight: 700;
}

.uc-btn {
  display: inline-grid;
}

.attention-s {
  color: #ea0606;
  font-size: 19px;
  position: relative;
  top: 4px;
}

.checked-s {
  color: green;
  font-size: 20px;
  position: relative;
  top: 4px;
}

.btn-primary-hmn {
  background-color: #fafafa;
  border: 1px solid #cfcfcf !important;
  color: #ea0606;
}

.h6-gg {
  font-size: 14px;
  margin-bottom: 16px;
}

.h3-info {
  font-size: 16px;
  color: #df0000;
  font-weight: 500
}

.h3-hv {
  text-align: center;
  font-size: 30px;
  color: #7a7f85;
  font-weight: 500;
  margin-bottom: 25px;
}

.input-hv {
  width: 67%;
  padding: 15px;
  margin: 0 auto;
  border: 1px solid #b8b8b8 !important;
  background: #fff !important;
  border-radius: 5px !important;
}

.y-div {
  border-bottom: 1px solid #df0000;
  margin-bottom: 10px;
}

.close-popup-y {
  position: absolute;
  top: 16px;
  right: 20px;
  z-index: 1234;
  height: 26px;
  width: 26px;
  background: url(../img/popup/close.png) no-repeat center;
  border-radius: 4px;
  background-size: 19px;
  cursor: pointer;
  border: 2px solid #df0000;
}

.popup-y .popup-container {
  max-width: 590px !important;
  margin: 12% auto auto auto !important;
}

.table-yolcu-info {
  width: 100%;
  border-collapse: collapse;
}

.tr-yi {
  background: #f4faff;
  line-height: 35px;
  font-size: 14px;
}

.table-yolcu-info td {
  font-size: 14px;
}

@media only screen and (max-width:780px) {

  .table-yolcu-info td {
    font-size: 12px;
  }

  .tr-yi {
    font-size: 12px;
  }

  .popup-new-member .popup-container .popup-content,
  .popup-signup .popup-container .popup-c {
    padding: 4px;
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }

  .popup-y .popup-container {
    margin: 30% auto auto auto !important;
  }

  .popup-y {
    padding: 3px !important;
  }
}



/* new loading screen - te */


.bus-loading-text {
  position: absolute;
  bottom: -45px;
  left: 10px;
  font-size: 14px;
  color: #d40303;
  text-align: center;
}

div[class$="biletara-bus"] {
  background-color: #cc0033;
  width: 220px;
  position: fixed;
  display: flex;
  left: 50%;
  top: 50%;
  border-radius: 100%;
  padding-bottom: 200px;
  transform: translate(-50%, -50%);
}

.bus-body {
  width: 80%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin: auto;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

div[class*="bus-body2"] {
  Width: 150px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin: auto;
  display: block;
  animation: bobbing 0.7s infinite ease-in-out forwards alternate;
}

@keyframes bobbing {
  0% {
    transform: rotate(0) translateY(0);
  }

  100% {
    transform: rotate(0.1deg) translateY(2px);
  }
}

/*tekerlekler*/
[class^="wheel"] {
  Width: 15px !important;
  height: 15px !important;
  line-height: 15px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin: auto;
  position: fixed;
  display: inline-block;
  -webkit-transform-origin: 8.5px 8.5px;
  -webkit-animation: spin .5s infinite;
  animation: spin 0.5s infinite linear;
}

div[class$="front"] {
  left: 19.1%;
  bottom: -20%;
}

div[class$="back"] {
  left: 64%;
  bottom: -20%;
}

div[class$="back2"] {
  left: 75%;
  bottom: -20%;
}

@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(-360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(-360deg);
  }
}

.shine {
  width: 80%;
  height: 30%;
  right: 9%;
  top: 10%;
  position: fixed;
  z-index: 1;
  transform: skew(13deg, 1deg);
  border-radius: 56px 100px 20px 0;
  background: linear-gradient(to right, transparent 76%, rgba(255, 255, 255, 0.8) 78%, rgba(255, 255, 255, 0.8) 96%, transparent 98%);
  background-repeat: no-repeat;
  animation: shine 3s infinite ease forwards reverse;
}

@keyframes shine {
  0% {
    opacity: 0.1;
    background-position: 50px top;
  }

  30% {
    opacity: 1;
  }

  50%,
  100% {
    opacity: 0.2;
    background-position: -500px 0;
  }
}


.speed-light {
  position: absolute;
  width: 20px;
  border-radius: 10px;
  height: 5%;
  background: #fff;
  top: -8%;
  left: 50%;
  animation: light 3s infinite ease forwards;
}

.speed-light.second {
  top: 50%;
  left: 30%;
  animation-delay: 0.1s;
}

@keyframes light {
  0% {
    transform: translateX(0);
    width: 0;
    opacity: 0;
  }

  10% {
    width: 10%;
    opacity: 1;
  }

  30%,
  100% {
    transform: translateX(250px);
    width: 0;
    opacity: 0;
  }
}

div.loader {
  margin: auto;
  top: 80%;
  position: fixed;
  transform: translate(-50%, -50%);
  left: 50%;
  color: white;
}

.loader span {
  font-size: 14px;
  animation: fadeinout 3s linear forwards infinite;
  /* animation: loading 0.85s ease-in-out infinite alternate; */
}

@-webkit-keyframes fadeinout {

  0%,
  100% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
}

@keyframes fadeinout {

  0%,
  100% {
    opacity: 0.3;
  }

  50% {
    opacity: 1;
  }
}

.loader span:nth-child(2) {
  animation-delay: 0.15s;
}

.loader span:nth-child(3) {
  animation-delay: 0.30s;
}

.loader span:nth-child(4) {
  animation-delay: 0.45s;
}

.loader span:nth-child(5) {
  animation-delay: 0.60s;
}

.loader span:nth-child(6) {
  animation-delay: 0.75s;
}

.loader span:nth-child(7) {
  animation-delay: 0.90s;
}

.loader span:nth-child(8) {
  animation-delay: 1.15s;
}

.loader span:nth-child(9) {
  animation-delay: 1.30s;
}

.loader span:nth-child(10) {
  animation-delay: 1.45s;
}


/* new loading screen - te */

.mainslogan-h1box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  text-align: center;
  margin: 15px 0;
  position: relative;
  top: 30px;
  margin-top: 60px;
}

.mainslogan-h1box span.mainslogan-span {
  font-size: 36px;
}

.mainslogan-h1box h1.mainslogan-h1title {
  font-size: 42px;
  margin: 0 10px;
  display: inline;
}


@media only screen and (max-width:780px) {
  .mainslogan-h1box {
    top: 0;
  }
}

.text-linear-3 {
  color: var(--bs-color-white) !important;
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
}

.main-submenu-btn {
  border: none;
  background-color: #fff;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  color: #dd2825;
  display: block;
  padding: 20px 18px 20px 18px;
  text-decoration: none;
  position: relative;
}

.btn-signin {
  padding: 8px 18px;
  background-color: var(--bs-neutral-0);
  border-radius: 38px;
  font-size: 15px !important;
  white-space: nowrap;
  font-weight: 700 !important;
  color: var(--bs-neutral-1000);
  width: 100%;
}

.main-submenu-btn .fa-chevron-down {
  position: absolute;
  top: 24px;
  right: 0;
}

.card-banner-slide.card-banner-slide-3 .card-info .box-title-middle span {
  display: block;
  background-color: #5656568a;
  padding: 2px 10px;
  border-radius: 4px;
  margin-bottom: 5px;
  font-weight: 800;
  font-size: 24px;
  color: #ffffff !important;
}

.card-banner-slide .card-info span {
  display: inline-block;
  text-align: left;
  margin-bottom: 35px;
  color: var(--bs-neutral-0);
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
}

.card-banner-slide.card-banner-slide-2 .card-info span {
  color: #fff;
  margin-bottom: 23px;
}

.card-banner-slide .text-k {
color: #fff !important;
    background-color: rgb(0 0 0 / 43%);
    padding: 9px;
    border-radius: 0px 0px 16px 16px;
    position: relative;
    top: -37px;
    font-size: 16px;
    white-space: nowrap;
}

.custom-h2-head {
  font-weight: 500 !important;
  color: #000 !important;
  margin-bottom: 25px !important;
}

@media (max-width: 575.9px) {
  .otogar-list-img img {
    width: 310px !important;
  }

  .otogar-list-desc {
    font-size: 16px !important;
  }

  .title-banner {
    height: 100px !important;
    /* margin-bottom: 17px; */
  }

  .title-banner .banner-area.v-3 {
    padding: 35px 20px 30px;
  }

  .title-banner .banner-area .content-box h1 {
    font-size: 25px !important;
  }
}

.otogar-list-title {
  margin: 29px auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.otogar-list-phone {
  display: flex;
  justify-content: center;
  align-items: center;
}

.otogar-list-phone .fa-phone-alt {
  margin-right: 5px;
}

.feature_home_search h2 {
  font-size: 16px;
  font-weight: 600;
  display: block;
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .home-light .feature_home_search {
    margin-top: 25px;
  }

  .mobile-price-new {   
    top: 28px !important;
  }

  .pay-information {
    min-width: 21% !important;
  }

  .complaint-form-btn {
    margin-top: 60px !important;
  }

  #complaint-btn-4 {
    margin-top: 13px;
  }

  .form-pnr .form-label-group:last-child button {
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
  }

  /* .form-pnr #pnrnumber,
  .form-pnr #telormail,
  .custom-pnr-btn {
    width: 175px !important;
  } */

  .home-light .feature_home_search {
    margin-top: 25px !important;
  }

  .custom-main-title {
    margin-top: 5px !important;
  }
}

@media (min-width: 992px) {
  .home-light .feature_home_search {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }

  .custom-nav-container ul {
    justify-content: start !important;
    flex-direction: column;
    text-align: left !important;
    padding-left: 5px;
  }

  .custom-nav-container {
    min-height: fit-content;
    margin-top: 0px;
    padding: 0 !important;
  }

  .custom-nav-container ul>li {
    border-top: 2px solid white;
    margin-top: 15px;
    border-radius: 15px;
    min-height: 75px;
    font-size: 13px !important;
  }

  .home-light .feature_home_search {
    margin-top: 25px !important;
  }

  .home-light .feature_home_search span,
  .feature_home_search h2 {
    font-size: 20px !important;
  }

  .custom-main-title {}
}

.prelative {
  flex-direction: row;
  padding: 25px;
  background-color: #6c757d;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: flex-end;
}

@media (min-width: 768px) and (max-width: 1199.9px) {

  .mainslogan-h1box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
    margin: 15px 0;
    position: relative;
    top: 80px;
    margin-top: 80px;
  }

  .mobile-app-btn-container {    
    bottom: 18%;
    right: 5%;            
  }


}

.blog-inside h2 {
  font-size: 24px !important;
}

@media(min-width: 1200px) {

  .mini-campaign-text-container{
    line-height: 1.1 !important;    
  }

  .tourBtn{
    margin-top: 10px;
  }

  .campaign-price{
    font-size: 18px !important;
  }

  .mobile-price-new{
    top: 22px !important;
  }

  .bus-route-area-container {
    padding-top: 50px;
  }

  .mobile-app-btn-container {  
    bottom: 24%;
    left: 23%;
  }


}


.badges-app-te {
  display: flex;
}

.badge-app-te {
  display: flex;
  cursor: pointer;
  align-items: center;
  background: black;
  color: white;
  text-decoration: none;
  margin-right: 15px;
  border-radius: 5px;
  padding: 5px 10px;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25);
  transition: opacity ease-out 0.2s;

  &:last-child {
    margin-right: 0;
  }

  &:hover,
  &:focus {
    color: white;
    text-decoration: none;
    opacity: 0.8;
  }
}

.badge__icon-app-te {
  display: flex;
  width: 20px;
  height: 20px;
}

.icon-apple-app-te {
  width: 24px;
  height: 24px;
}

.badge__description-app-te {
  display: flex;
  flex-direction: column;
  text-align: left;
  margin-left: 7px;
  line-height: 1.2;
}

.badge__hint-app-te {
  font-size: 10px;
  font-weight: 300;
}

.badge__name-app-te {
  font-size: 15px;
}

.icon-404 {
  color: #d40303;
  font-size: 150px;
}

.container-404 {
  border: none !important;
}

.not-found-icon {
  margin: 75px 0 35px 0;
}

.dinline {
  background-color: #d40303 !important;
  font-size: 18px !important;
  margin-top: 25px;
}

.dinline:hover {
  border: none !important;
  color: #000 !important;
}

.not-found-text p {
  font-weight: 600;
  margin-top: 15px;
}

.not-found-text h1 {
  font-size: 2.5em !important;
}

.accordion-button:not(.collapsed) {
  color: #fff !important;
  background-color: #dc3545 !important;
  box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-collapse .accordion-body {
  padding: 16px 20px;
}

.accordion-collapse .accordion-body {
  color: var(--bs-neutral-500);
}

.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: #86b7fe;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}

.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}

.accordion p,
.accordion .b-f {
  font-size: 18px;
}

.fa-window-close:before {
  font-size: 24px;
  position: absolute;
  right: 30px;
  top: 28px;
}

#accordionFAQ {
  width: 100%;
}

.form-pnr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  top: 20px;
}


.custom-pnr-btn {
  height: 42px;
}

@media(min-width: 992px) and (max-width: 1199.9px) {

  .form-pnr #pnrnumber,
  .form-pnr #telormail,
  .custom-pnr-btn {
    width: 250px !important;
  }

  .pnrTicketTypeArea {
    margin-left: auto;
    margin-bottom: 2px;
  }
}

.pnr-login-btn {
  border: none;
  background: #d40303;
  color: #fff;
  border-radius: 8px;
  font-weight: 500;
  padding: 5px 15px;
  font-size: 15px;
  margin-left: 10px;
  font-weight: 600;
  border: 1px solid var(--color);
}

.pnr-login-btn:hover {
  color: var(--color);
  background-color: #fff;
  border: 1px solid var(--color);
}

.pnr-login-btn-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 25px;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 13px;
}

@media (max-width:767px) {
  .pnr-login-btn-container {
    font-size: 13px;
  }
}

.pnr-login-area {
  margin-top: 20px;
}

.form-pnr .form-label-group {
  margin: 0;
}

.pnr-info-head {
  display: flex;
  justify-content: start;
  align-items: start;
}

.pnr-info-head iconify-icon {
  font-size: 18px;
  color: #d40303;
}

.pnr-info-head h2 {
  font-size: 17px;
  margin-bottom: 0 !important;
  margin-left: 5px;
  font-weight: 600;
  color: #d40303;
}

.pnr-info-paragraph p {
  margin-top: 12px;
  font-size: 14px;
}


.pnr-info-container {
  margin-top: 15px;
  padding: 13px 23px;
}

.p-bilgi {
  background: #d5e6ff;
  padding: 10px;
  font-size: 13px;
  text-align: center;
}

.p-bilgi1 {
  background: #fff4d5;
  text-align: center;
  padding: 8px;
  margin-bottom: -3px;
  margin-top: 10px;
}

.footer-logo-link {
  line-height: normal !important;
}

.card-signin .card-body {
  border-radius: 20px;
}

.btn-signin:hover {
  background: #d40303;
  color: #fff;
}

.intro_title {
  position: relative;
  z-index: 10;
  width: 100%;
  display: inline-block;
  height: 150px;
  padding-top: 0px !important;
  opacity: 0.9;
  background: rgb(148, 108, 108);
  background: linear-gradient(90deg, rgba(148, 108, 108, 1) 0%, rgba(153, 10, 10, 1) 47%, rgba(221, 40, 37, 1) 75%, rgba(94, 17, 24, 1) 100%);
}

.intro_title h1 {
  text-align: left;
  font-weight: 800 !important;
  font-size: 36px !important;
  color: #dd2825 !important;
  padding: 30px 0px;
}

#hero>.intro_title>h1 {
  text-align: center;
  font-weight: 800 !important;
  font-size: 24px !important;
  color: #dd2825 !important;
  padding: 30px 40px;
  background-color: transparent !important;
}

@media (max-width: 575px) {
  .intro_title h1 {
    font-size: 22px !important;
  }
}


.bottom-slider-second-head {
  margin-bottom: .5rem !important;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
  font-size: 1rem;
  display: block !important;
}

.bus-detail-icon .fas {
  margin-right: 20px;
  font-size: 30px;
}

@media(min-width: 768px) and (max-width: 880px) {
  .bus-company-detail-area {}

  .custom-company-about-area {}
}

@media(min-width: 880px) and (max-width: 992px) {
  .bus-detail-icon .fas {
    display: none;
  }
}

@media (min-width: 385px) and (max-width: 420px) {
  .bus-detail-icon .fas {
    margin-right: 10px;
    font-size: 20px;
  }
}

@media (max-width: 450px) {
  .bus-detail-icon .fas {
    display: none;
  }

  .custom-nav-container .nav-item {
    width: 100% !important;
  }

  .complaint-content,
  .ticket-inquiry-content,
  .ticket-access-content,
  .bus-platform-info {
    margin-top: 11px !important;
  }
}

.g_id_signin {
  max-width: 215px;
}

#hero .intro_title {
  text-transform: uppercase;
  position: relative;
  left: 48px;
}

#subMenuBtn:focus {
  outline: none !important;
}

@media(min-width: 768px) and (max-width: 880px) {
  .bus-detail-icon .fas {
    display: none;
  }
}

.custom-city-price {
  right: 10px !important;
  top: 44px !important;
}

.custom-departure-service .city_price {
  right: 10px !important;
  top: 44px !important;
}

.custom-main-os,
.custom-main-osf,
.custom-main-ob {
  background-color: #fff !important;
}

.custom-borderbox2-os-second,
.custom-borderbox2-ob {
  margin-top: 0 !important;
}

.custom-departure-service {
  min-height: 75px;
}

.custom-departure-service-container .city_list_2 {
  margin-bottom: 0 !important;
}

.custom-departure-service-container .custom-popular-routes {
  min-height: 45px;
  display: flex;
  justify-content: start;
  align-items: center;
  margin-top: 7px;
}

.custom-departure-service-container .custom-popular-routes a {
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 10px;
  border-radius: 5px;
  font-size: 14px;
}

.custom-departure-service-container .city_list_2:before {
  position: absolute;
  left: -10px !important;
  top: -6px !important;
  width: 25px;
  height: 41px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px 0 0 5px;
}

.custom-popular-routes a:hover {
  transform: scale(1.03);
}

.custom-company-info-area .fas {
  margin-right: 5px;
}

.custom-company-info-area a {
  font-weight: 500;
  font-size: 14px;
}

.custom-borderbox2-osf {
  margin-top: 0 !important;
}

.custom-departure-service .cityname {
  margin-bottom: 10px;
}

.custom-box-container-ob {
  margin-top: 300px !important;
}

@media(max-width: 768px) {
  .custom-box-container-ob {
    margin-top: 75px !important;
  }

  .mobile-app-img-main{
    aspect-ratio: 6 / 7;
    background-image: url(/img/biletara-mobil-uygulama-mini.png);  
  }

  .mobile-app-btn-container {    
    display: flex;
    gap: 24px;
    flex-direction: row;
    bottom: -70px;
    left: auto;
    right: auto;
    /* top: 50%; */
    left: 50%;
    transform: translate(-50%, 0%);
}

  #campaignCode {
    max-width: 60% !important;
  }

  .pnrTicketType label {
    min-width: 8px !important;
  }


  .pnrTicketType .fa-plane {
    margin-left: -1px !important;
  }

  .box-install-app {
      padding: 30px 0px 90px 0px !important;
  }
}


.pnrTicketTypeContainer .form-check-input {
  position: relative !important;
  top: 0px !important;
}

.custom-popular-routes .sube-telefon .fas {
  margin-right: 10px;
}

.fast-menu-container {
  display: flex;
  flex-direction: column;
  padding: 20px 10px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  margin-left: 5px;
  border-radius: 5px;
}

.fast-menu-link {
  font-size: 16px;
  font-weight: 600;
  padding: 6px 10px;
  color: #d40303;
  text-align: left;
  border-radius: 5px;
}

@media(max-width:767px) {
  .custom-communication-area-main {
    margin-top: 9px;
  }
}

@media(min-width: 576px) {
  .custom-communication-area-main {
    margin-top: 20px !important;
    margin-bottom: 30px !important;
  }
}

.contact-info {
  list-style: none !important;
  margin-top: 0;
  margin-bottom: 1rem;
  padding-left: 0 !important;
}

.contact-info li {
  margin-bottom: 8px;
  font-size: 15px;
}

.communication-phone-link:hover,
.communication-whatsapp-link:hover,
.communication-mail-link:hover {
  color: #fff !important;
  transition: .5s ease;
}

.communication-phone-link,
.communication-whatsapp-link,
.communication-mail-link {
  border-radius: 5px;
  width: 190px;
  color: #000 !important;
}

.communication-phone-link i,
.communication-whatsapp-link i,
.communication-mail-link i,
.adres-p i {
  margin: 0 7px;
}


.gndr-btn {
  padding: 8px 16px !important;
  color: var(--bs-neutral-0) !important;
  font-size: 16px !important;
  line-height: 26px !important;
  font-family: "Manrope", sans-serif;
  font-weight: 800 !important;
  background-color: var(--bs-neutral-1000);
  border-radius: 9px !important;
  display: flex;
  align-items: center;
  font-weight: 600 !important;
}

.gndr-btn:hover {
  background-color: #000;
}

.fast-menu-link:hover {
  background: #d40303;
  color: #f9f9f9;
  transition: .3s ease;
}

.about-area,
.agreement-area,
.kvkk-area,
.privacy-area {
  padding: 5px;
  border-radius: 5px;
}

.ul-about {
  font-size: 14px;
  margin-left: 18px;
  list-style: circle;
  padding-left: 0;
}

.about-area,
.privacy-area,
.kvkk-area,
.agreement-area,
.conditions-area,
.complaint-container {
  padding: 0 18px;
}

.ipt-form {
  background: #F8F8FF;
  border-radius: 15px;
  padding: 40px 41px;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 6px 3px 14px 0px rgba(0, 0, 0, 0.04), 23px 12px 26px 0px rgba(0, 0, 0, 0.03), 53px 27px 35px 0px rgba(0, 0, 0, 0.02), 94px 48px 42px 0px rgba(0, 0, 0, 0.01);
}

.accordion {
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid var(--bs-border-color);
}

.accordion-collapse {
  border: 0px;
  background-color: #fff;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom: 1px solid var(--bs-border-color);
}

.page-content {
  margin: 50px 0;
}

.ipt-icon {
  color: #6a6a6a;
  position: absolute;
  top: 15px;
  left: 26px;
}

.ipt-input {
  padding: 7px 37px !important;
}

.custom-danger-btn-ipt {
  font-family: "Manrope", sans-serif;
  border-radius: 0px;
  padding: 15px 23px !important;
  font-size: 14px;
  border-radius: 14px;
  line-height: 1;
  transition: 0.2s;
  margin-top: 20px;
}

.custom-nav-container ul>li {
  display: flex;
  align-items: center;
  background: #000000;
}

.active-nav-link {
  background: #d40303 !important;
  color: white;
}

.custom-nav-item .nav-link {
  color: white !important;
  background-color: transparent;
  border: none;
  padding: 0.5rem !important;
  font-weight: 600 !important;
}

.custom-nav-item .nav-link:focus {
  outline: none !important;
}

.complaint-options {
  padding-left: 0 !important;
  list-style: none;
}

.complaint-form-btn {
  border: 1px solid;
  margin-top: 17px;
  padding: 8px 16px;
  background: #d40303;
  color: white;
  border-radius: 38px;
  font-size: 16px;
  line-height: 26px;
  white-space: nowrap;
  font-weight: 700;
  font-family: "Manrope", sans-serif;
  transition: 0.2s;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 200px;
}

.wp-assistant-btn {
  background: #008000;
}

.complaint-call-content {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  max-width: 180px;
  background: #313131;
  border-radius: 38px;
  font-size: 20px;
  color: white;
  padding: 8px 16px;
  margin-top: 60px;
  line-height: 26px;
  white-space: nowrap;
  font-weight: 700 !important;
  align-items: center;
  max-height: 43px;
  text-decoration: none;
  max-width: 200px;
}

.complaint-btn-content {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.complaint-paragraph {
  padding-top: 20px;
  font-size: 15px;
}

.complaint-options span {
  margin-left: 20px;
}

.complaint-options {
  margin-top: 45px;
  font-size: 15px;
  font-weight: 600;
  line-height: 35px;
}

.complaint-call-content p {
  margin-bottom: 0 !important;
}

.complaint-form-btn:hover {
  color: #fff;
  background: #e80000;
}

.wp-assistant-btn:hover {
  background: #1da422 !important;
  color: #ffffff !important;
}

.complaint-call-content:hover a {
  color: #fff !important;
}

.bus-platform-sub-info {
  margin-top: 55px;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
}

.bus-platform-sub-info {
  margin-top: 55px;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
}

.complaint-options iconify-icon {
  position: absolute;
  left: 0;
  top: 10px;
}

.complaint-options li {
  position: relative;
}

.bus-platform-sub-info iconify-icon {
  animation-name: information-animation;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  margin-right: 5px;
}

@keyframes information-animation {
  0% {
    color: white;
  }

  50% {
    color: #d40303;
  }

  100% {
    color: #d40303;
  }
}

.bus-platform-sub-info {
  margin-top: 55px;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
}

.bus-platform-sub-info p {
  margin-bottom: 0;
}

.link-icon-complaint a {
  font-size: x-large;
  margin-top: 35px;
  margin-left: 25px;
  font-weight: 400;
}

.complaint-options li a {
  margin-left: 17px;
}

.link-icon-complaint-2 iconify-icon:last-child {
  left: 16px;
}

.link-icon-complaint iconify-icon {
  top: 6px !important;
}

.custom-complaint-area {
  justify-content: space-around;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;

}

@media(max-width: 1200px) {
  .complaint-form-btn {
    margin-top: 0 !important;
  }

  .mobile-campaign-text-area{
    display: none;
  }

  .mobile-price-new {  
    position: absolute;
    left: auto;
    color: #28a745;
    display: flex;
    align-items: center;
    gap: 3px;    
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    border-radius: 5px;
    padding: 4px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .complaint-form-btn {
    margin-top: 60px !important;
  }
}

@media(max-width: 470px) {
  .complaint-form-btn {
    margin-top: 4px !important;
  }

  .complaint-btn-content {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
  }

  .complaint-call-content {
    min-width: 170px;
  }
}

@media only screen and (min-width:1024px) and (max-width:1366px) {
  .complaint-btn-content {
    margin-top: 16px !important;
  }
}

.accordion .btn-link {
  text-decoration: none !important;
  color: #000 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

.accordion .btn i {
  font-size: 23px;
}

.accordion .btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.accordion .card-header {
  background: #eaeaea;
}

.pnrTicketType:first-child {
  margin-right: 23px;
}

.pnrTicketType {
  font-size: 15px !important;
  font-weight: 600 !important;
}

.pnrTicketTypeContainer {
  justify-content: center;
  width: 100%;
}

.pnrTicketTypeArea {
  display: flex;
  border-radius: 10px;
  padding: 8px;
  padding: 8px;
}

.pnrTicketTypeArea .form-check-label {
  font-size: 14px !important;
}

.cf-content {
  background: #000 !important;
}

.cf-content:hover {
  background: #505050 !important;
  color: #ffffff !important;
}

.sikayet-icon,
.online-icon,
.ph-icon {
  color: white;
  margin-right: 7px;
  font-size: 23px;
}


@media (max-width: 768px) {
  .accordion .btn-link {
    white-space: normal;
    word-wrap: break-word;
    font-size: 15px !important;
  }

  .card-body {
    font-size: 14px;
    padding: 11px !important;
    line-height: 20px !important;
  }

  .card-header {
    padding: 8px !important;
  }

  #seyehatSigDetayModal .modal-body {
    max-height: 578px !important;
  }
}

#seyehatSigDetayModal {
  overflow: hidden !important;
}

#seyehatSigDetayModal .modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 30px;
  background: aliceblue;
  border-bottom: 2px solid #f30000;
}

#seyehatSigDetayModal .close {
  color: #ff1515;
  font-size: 25px;
  font-weight: 700;
  border: 1px solid red;
  border-radius: 6px;
  background: #fff;
  padding: 2px;
  padding-right: 7px;
  padding-left: 7px;
  opacity: inherit;
}

#seyehatSigDetayModal .modal-body {
  max-height: 620px;
  overflow-y: auto;
  padding: 1rem !important;
  background: aliceblue;
}

#seyehatSigDetayModal .custom-accordion {
  max-height: none;
}


@media only screen and (max-width:780px) {
  .fa-exchange {
    transform: rotate(90deg);
  }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
  #btnSeyehatSigDetay {
    padding: 5px;
    position: relative !important;
    right: 1px !important;
    width: 105px;
    margin-top: -4px !important;
  }
}

.box-bus input.data-input {
  background: transparent;
}

#btnSeyehatSigDetay {
  padding: 5px;
  position: absolute;
  right: 17px;
  width: 105px;
  margin-top: -8px;
}

.head-modal {
  display: flex !important;
  justify-content: center !important;
  border-bottom: 1px dashed #d40303 !important;
}

.head-modal h4 {
  font-size: 20px !important;
  color: #d40303 !important;
}

.police-btn {
  float: right !important;
}

.police-col {
  max-width: 48%;
  border: 1px solid #d5d5d5;
  padding: 10px;
  border-radius: 10px;
  margin-left: 10px;
  margin-right: 8px;
}

.police-col-2 {
  max-width: 48%;
  border: 1px solid #d5d5d5;
  padding: 10px;
  border-radius: 10px;
}

.police-col h4 {
  font-size: 17px;
  background: #e5e5e5;
  padding: 6px;
  border-radius: 5px;
}

.police-col-2 h4 {
  font-size: 17px;
  background: #e5e5e5;
  padding: 6px;
  border-radius: 5px;
}

@media only screen and (max-width:767px) {
  .police-col {
    max-width: 100% !important;
  }

  .police-col-2 {
    max-width: 100% !important;
    margin-left: 10px;
    margin-right: 8px;
    margin-top: 5px;
  }

  #divTeklifDetay .police-btn {
    border: 1px solid #d50707 !important;
    font-size: 13px !important;
    line-height: 27px !important;
  }

  #sigortaDetayModal .kpt-btn {
    border: 1px solid #d50707 !important;
    font-size: 13px !important;
    line-height: 27px !important;
  }
}

.btn-passanger {
  border-radius: 4px;
  padding: 3px 7px;
  color: #fff;
  background-color: #28a745;
  border: none;
  font-size: 12px;
  font-weight: 500;
  margin: 3px 0;
  width: 49%;
}

.passengers-area {
  padding: 10px 10px;
  text-align: left;
  background-color: #fdfdfd;
  border-radius: 5px;
  margin-bottom: 10px;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}

.passengers-area span {
  font-weight: 600;
  text-decoration: underline;
}

.passenger-btn-container {
  margin-top: 5px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.blank-page {
  min-height: 46vh;
}

#searchBar {
  display: block;
  margin: 20px auto;
  padding: 10px;
  width: 100%;
  max-width: 550px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.tabs {
  justify-content: center;
  margin-bottom: 20px;
  display: flex;
  font-size: 15px;
}

.tab-button {
  padding: 12px 20px;
  margin: 0 5px;
  border: 1px solid #ccc;
  background-color: #fff;
  cursor: pointer;
  border-radius: 5px;
}

.tab-button:hover {
  background-color: #f0f0f0;
}

.tab-button.active {
  background-color: #004997;
  color: #fff;
}

.card-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px;
}

.card-g {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
  display: flex;
  align-items: center;
  text-align: left;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease;
  cursor: pointer;
  min-height: 131px;
  min-width: 300px;
}

.card-g:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.card-g-link {
  display: block;
  text-decoration: none;
  color: inherit;
}

.card-r {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
  display: flex;
  align-items: center;
  text-align: left;
  width: calc(30% - 10px);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease;
  cursor: pointer;
  width: 100%;
}


.card-g:hover {
  transform: scale(1.05);
}

.card-r:hover {
  transform: scale(1.05);
}

.card-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.card-r .card-content {
  display: block;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.card-r .card-info {
  margin-top: 12px;

}

.card-info {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.card-flag {
  width: 40px;
  height: auto;
  margin-right: 9px;
  border-radius: 3px;
  object-fit: cover;
}

.cardr-flag {
  margin-right: 9px;
  border-radius: 3px;
  object-fit: cover;
}

.card-arrow {
  position: relative;
  right: -72px;
  top: -37px;
}

#local .card-arrow {
  position: relative;
  right: -88px;
  top: 8px;
}

.card-arrow:hover {
  color: #0056b3;
}

.card-g .fa-arrow-right {
  font-size: 1.2em;
  color: #007bff;
  align-self: center;
  transition: color 0.3s ease;
}

.card-g .fa-arrow-right:hover {
  color: #0056b3;
}

.card-r .fa-arrow-right {
  font-size: 1.2em;
  color: #007bff;
  align-self: center;
  transition: color 0.3s ease;
}

.card-r .fa-arrow-right:hover {
  color: #0056b3;
}



.country-name {
  font-size: 15px;
  font-weight: bold;
}

.country-price {
  font-size: 13px;
  color: #666;
  margin: 5px 0 0;
}


.card-g img {
  max-width: 50px;
  margin-bottom: 10px;
}

.card-g h3 {
  font-size: 1.1em;
  margin-bottom: 5px;
}


@media (max-width: 768px) {
  .card-r {
    /* width: calc(50% - 10px); */
    width: 100%;
  }

  .tab-button {
    padding: 3px 20px;
  }

}

@media only screen and (min-width:800px) and (max-width:1180px) {
  .card-arrow {
    position: relative;
    right: -41px;
    top: -43px;
  }
}


.intro {
  margin-bottom: 20px;
}

.intro-text {
  font-size: 19px;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.6;
  text-align: center;
  margin: 0 auto;
  max-width: 800px;
  margin-top: 36px;

}

.intro-content {
  background: #004997;
  border-radius: 16px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}

.intro-image {
  width: 125px;
  height: 125px;
  object-fit: contain;
}


@media only screen and (max-width:780px) {
  .intro-text {
    font-size: 14px;
  }

  .card-r .card-arrow {
    position: static;
    margin-top: 5px;
  }

  .card-r .card-info p {
    margin-bottom: 0px;
    text-align: center;
  }

  .baslik-n {
    width: 100%;
  }

  .baslik-h2 {
    font-size: 21px !important;
  }
}

.show-more-btn {
  display: block;
  width: 193px;
  margin: 10px auto;
  padding: 6px;
  background-color: #004997;
  color: white;
  border: none;
  border-radius: 5px;
  font-size: 15px;
  cursor: pointer;
}

.show-more-btn:hover {
  background-color: #0056b3;
}

.cb-s {
  min-height: 177px;
}

.cont-f {
  margin-top: 50px;
  background: #f3f3f3;
  padding: 35px;
}

.cont-f .card img {
  border: 1px solid #7dbcff;
}

.baslik-n {
  margin-bottom: 23px;
  color: #d10101;
  font-weight: 600;
}


.esim-hg {
  font-size: 20px;
  FONT-WEIGHT: 500;
  color: #d33a37;
}

.crd-t {
  color: #004997;
  font-weight: 600;
  font-size: 18px !important;
}


.text-i {
  color: white;
  font-size: 20px;
  flex: 1;
}

.image-i {
  flex: 1;
  background-image: url('img/esim-flags/telp.avif');
  background-size: cover;
  background-position: center;
  height: 100%;
}

.esim-spn {
  font-size: 28px;
  color: #ffc107;
  font-weight: bold;
}

.ssq {
  padding: 30px;
  border: 1px solid #ebebeb;
  margin-top: 50px !important;
}

@media (max-width: 768px) {
  .cont-i {
    flex-direction: column;
    height: auto;
    padding: 20px;
  }

  .image-i {
    height: 200px;
  }

  .text-i {
    font-size: 17px;
  }

  .esim-button {
    top: 5px;
    right: 5px;
    padding: 8px 16px;
  }

  .intro-content {
    gap: 7px;
  }
}

.sim-card {
  max-width: 600px;
  margin: auto;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  font-size: 15px;
}

.sim-card .icon {
  color: #004997;
  margin-right: 10px;
}

.sim-card .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.sim-card .info div:first-child {
  display: flex;
  align-items: center;
  margin-right: 39px;
}

.sim-card .btn-buy {
  width: 100%;
  background-color: #e03f3c;
  color: white;
  border: none;
  padding: 10px;
  font-size: 16px;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}

.sim-card .btn-buy:hover {
  background-color: #004997;
}

.baslik-h2 {
  font-weight: 600;
  margin-bottom: 21px;
  font-size: 28px;
  color: #474747;
}

.esim-button {
  padding: 10px 20px;
  background-color: #f44336;
  color: #fff;
  border: none;
  border-radius: 11px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.esim-button:hover {
  background-color: #001e3f;
}

/*esim-odeme'deki css'ler */
.intro-image {
  width: 125px;
  height: 125px;
  object-fit: contain;
}

.faq-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.faq-left {
  flex: 1;
}

.faq-right {
  flex: 2;
}

.faq-question {
  cursor: pointer;
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #ebebeb;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
}

.faq-question:hover {
  background-color: #f0f0f0;
}

.faq-answer {
  display: none;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-top: -10px;
  background-color: #fff;
  font-size: 15px;
}

.faq-question.active+.faq-answer {
  display: block;
}

.faq-question .arrow {
  font-size: 13px;
  transition: transform 0.3s ease;
}

.faq-question.active .arrow {
  transform: rotate(180deg);
}

@media (max-width: 768px) {
  .faq-container {
    flex-direction: column;
  }
}


.crd-t {
  color: #004997;
  font-weight: 600;
  font-size: 18px !important;
}

.cont-i {
  height: 421px;
  background: linear-gradient(to right, #004997, #87CEEB);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 20px;
}

.text-i {
  color: white;
  font-size: 20px;
  flex: 1;
}

.image-i {
  flex: 1;
  background-image: url('../img/esim-flags/telp.avif');
  background-size: cover;
  background-position: center;
  height: 100%;
  min-width: 210px;
}

.esim-spn {
  font-size: 28px;
  color: #ffc107;
  font-weight: bold;
}

.ssq {
  padding: 30px;
  border: 1px solid #ebebeb;
  margin-top: 50px !important;
}

@media only screen and (max-width:780px) {
  .esim-spn {
    font-size: 21px;
  }

  .text-i {
    font-size: 16px;
  }
}


/***************************/
.info-odeme {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.payment-b {
  position: relative;
  padding: 8px 12px;
  border-bottom: thin solid #ececec;
  font-size: 15px;
  font-weight: 600;
  padding-left: 15px;
  color: #000000;
  background: rgb(191 191 191 / 20%);
  border-radius: 10px 10px 0 0;
  line-height: normal;
}

.odeme-body .fc-c {
  display: inline-block;
  padding: 8px;
  border-radius: 8px;
  border: solid 1px #d2dbe2;
  height: 45px;
  box-sizing: border-box;
  width: 100%;
  font-size: 14px;
  transition: all 0.3s ease-in-out;
  color: #000;
}

.odeme-body label {
  color: #000;
  font-weight: 400;
  padding: 0px;
  margin-bottom: 0;
  font-size: 14px;
  margin-top: 10px;
}

.odeme-body .form-check {
  margin-left: -35px;
}

.odeme-buttonn {
  position: relative;
  width: 100%;
  margin: 0;
  border-radius: 5px;
  height: 50px;
  background-color: var(--green);
  border: none;
  align-items: center;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  transition: ease all .3s;
  margin-top: 13px;
}

.odeme-buttonn:hover {
  background-color: #3e9341;
}

.odeme-text {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  padding-left: 22px;
}

.odeme-fyt {
  position: absolute;
  right: 15px;
  font-size: 22px;
  font-weight: 600;
}

.cardd {
  border: 1px solid #ebebeb;
  padding: 18px;
  border-radius: 12px;
}

.indirim-body {
  display: flex;
  margin-top: 18px;
}

.card-body-style {
  min-height: 485px;

}

.card-cc {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 20px;
  max-width: 400px;
  margin: auto;
}

.sim-card-cc .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
}

.sim-card-cc .info:last-child {
  border-bottom: none;
}

.sim-card-cc .label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: #333;
}

.sim-card-cc .value {
  font-weight: 500;
  color: #555;
}

.sim-card-cc .icon {
  color: #004997;
  font-size: 16px;
}


.card-price-cc {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 15px;
  margin-top: 20px;
}

.card-price-cc .quantity-wrapper,
.price-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #ddd;
}

.card-price-cc .price-row:last-child {
  border-bottom: none;
}

.card-price-cc .qty-input {
  display: flex;
  align-items: center;
  gap: 10px;
}

.card-price-cc .qty-count {
  background: #004997;
  color: white;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
  font-size: 16px;
  border-radius: 5px;
}

.card-price-cc .qty-count:hover {
  background: #0056b3;
}

.card-price-cc .product-qty {
  width: 50px;
  text-align: center;
  font-size: 16px;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
}


.card-price-cc .total-price {
  font-weight: bold;
  font-size: 18px;
  color: #28a745;
}

.terms-checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  font-size: 14px;
}

.terms-checkbox input {
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.card-w {
  border-radius: 12px;
}

.indirim-button {
  margin-left: 11px !important;
}



.info-content .info-title {
  font-weight: bold;
  color: #333;
  margin-bottom: 5px;
}

.info-content .info-text {
  font-size: 14px;
  color: #555;
  padding: 7px;
}

/*esim-odeme'deki css'ler */

.mb-20 {
  margin-bottom: 20px;
}

.mb-2 {
  margin-bottom: 2px !important;
}

.row-topp {
  display: flex;
  padding: 5px 10px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 5px;
}

.cart-dropdown {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  background: white;
  border: 1px solid #ddd;
  padding: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  min-width: 266px;
  border-radius: 5px;
  z-index: 99;
  font-size: 15px;
}

.cart-container:hover .cart-dropdown {
  display: block;
}

.cart-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0;
  border-bottom: 1px solid #eee;
}

.cart-item i {
  color: red;
  cursor: pointer;
}

.text-toplam {
  text-align: end;
  font-size: 16px;
}

.div-14 {
  font-size: 14px;
}

.btn-ogec {
  width: 100%;
}

.btn-sepet {
  color: red !important;
  float: inline-end !important;
  background: #fff !important;
  padding: 10px 20px !important;
  border: none !important;
  border-radius: 11px !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease !important;
}

@media only screen and (max-width:768px) {
  .esim-button {
    padding: 10px 10px;
    font-size: 14px;
  }

  .btn-sepet {
    padding: 10px 3px !important;
  }
}

#divEsimPackDetails .card-body {
  padding: 15px;
}

#divEsimPackDetails .sim-card-cc .label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: #333;
  font-size: 15px;
}

#divEsimPackDetails .sim-card-cc .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0;
  border-bottom: 1px solid #ddd;
}

#divEsimPackDetails .sim-card-cc .value {
  font-weight: 500;
  color: #555;
  font-size: 15px;
}

#divEsimPackDetails .card-price-cc {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 12px;
  margin-top: 20px;
}

#divEsimPackDetails .card-price-cc .qty-count {
  background: #004997;
  color: white;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
  font-size: 13px;
  border-radius: 5px;
}

#divEsimPackDetails .card-price-cc .product-qty {
  width: 50px;
  text-align: center;
  font-size: 13px;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

#divEsimPackDetails .card-price-cc .quantity-wrapper,
.price-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0;
  border-bottom: 1px solid #ddd;
}

.bootbox-body {
  font-size: 14px;
}

.gu-f {
  font-size: 13px !important;
}

.sikayet-form {
  background: #fafeff;
  border-radius: 14px;
  padding: 22px;
  -webkit-box-shadow: 2px 0px 20px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 0px 20px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 2px 0px 20px -10px rgba(0, 0, 0, 0.75);
}

.complaint-header {
  font-size: 21px;
}

.agreement-area h4 {
  font-size: 19px;
}

.agreement-area h3 {
  font-size: 20px;
}

.tble-a {
  font-size: 14px;
}

#telormail,
#pnrnumber {
  border-radius: 8px;
  font-size: 14px;
}

/* Preloader arka plan */
.preloaderBg {
  position: fixed;
  background: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99999;
}

/* Logo preloader */
.preloader {
  background: url(/img/logo/biletara_logo_dark.png) no-repeat center;
  background-size: 99px;
  width: 300px;
  height: 300px;
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}

.preloader-provision {
  background: url(/img/logo/biletara_logo_dark.png) no-repeat center;
  background-size: 99px;
  width: 300px;
  height: 300px;
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  z-index: 999;
}

/* Dönen preloader */
.preloader2 {
  border: 5px solid #f3f3f3;
  border-top: 11px solid #f00;
  border-radius: 50%;
  width: 145px;
  height: 145px;
  animation: spin 1s ease-in-out infinite;
  position: absolute;
  transform: translate(-50%, -50%);
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.mode-btn {
  display: none;
}

.last-search-btn:hover {
  background-color: #d40303;
  color: #fff;
  transition: .3s ease;
}


.svg-search {
  position: absolute;
  left: 119px;
  width: 16px;
  top: 12px;
}


.section-mt {
  margin-top: 64px;
}

@media (max-width:767px) {
  .svg-search {
    position: absolute;
    left: 64px;
    width: 16px;
    top: 12px;
  }

  .section-mt {
    margin-top: 5px;
  }
}

@media only screen and (min-width:1024px) and (max-width:1365px) {
  .section-mt {
    margin-top: 166px;
  }
}

.ba-ara {
  width: 100px;
}

.section-ss {
  background-color: #f1f1f1 !important;
}

.h3-ss {
  font-weight: 300 !important;
  color: #5b5b5b;
  font-size: 31px;
}

.h3-ss span {
  color: #000 !important;
  font-weight: 700;
}

.section-ss {
  min-height: 480px;
  overflow: hidden;
  padding: 55px;
}

.accordion-main-ss .accordion {
  border: none !important;
  background-color: none !important;
}

.accordion-main-ss .accordion-item {
  border: none !important;
}

.accordion-main-ss .accordion-collapse {
  background-color: #f1f1f1;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}

.accordion-main-ss .accordion-button {
  background-color: #f1f1f1 !important;
  height: 40px;
}

.accordion-main-ss .accordion-collapse .accordion-body {
  padding: 3px 20px;
  font-size: 14px;
  color: #000;
  line-height: 21px;
}

.accordion-main-ss .accordion-button:not(.collapsed) {
  color: #000000 !important;
  background-color: #f1f1f1 !important;
  box-shadow: none;
}


.accordion-main-ss .accordion-button::after {
  display: none !important;
}

.accordion-main-ss .accordion-button::before {
  content: "▼";
  font-size: 14px;
  font-weight: bold;
  color: white;
  background-color: #d40303;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 10px;
  transition: all 0.3s ease-in-out;
}

.accordion-main-ss .accordion-button[aria-expanded="true"]::before {
  content: "▲";
}

.acc-img {
  border-radius: 10px;
}

@media (max-width:767px) {

  .accordion-main-ss {
    padding-top: 20px;
    height: 743px;
  }

  .section-ss {
    padding: 0;
  }

  .h3-ss {
    font-size: 25px;
    margin-top: 15px;
  }

  .accordion-main-ss .accordion-button:not(.collapsed) {
    padding: 0;
  }

  .accordion-main-ss .accordion-button {
    padding: 0;
  }
}

#divPhoneResult p {
  font-size: 12px;
  margin-bottom: 0;
}

#divBilgilerimResult p {
  font-size: 12px;
  margin-bottom: 0;
}

#divPasswordResult p {
  font-size: 12px;
  margin-bottom: 0;
}

.col-right-style form {
  border: 1px solid #e0dfdf;
  padding: 10px;
  border-radius: 2px;
}

.col-right-style h5 {
  border-radius: 2px !important;
  margin-bottom: -1px;
}

.border-right-style {
  border-right: 2px solid #eee;
}

@media (max-width:767px) {
  .border-right-style {
    border-right: none;
  }

  .tel-guncelle {
    margin-top: 20px;
  }
}

.col-right-style .alert {
  margin-top: 5px;
  margin-bottom: 5px;
}

.krtLastMont-label {
  margin-right: 13px;
  position: relative;
  top: 3px;
  left: 6px;
}

.krtLastMonth-select {
  width: 180px !important;
  border-radius: 9px !important;
}

.form-krtmonth {
  background: #e9ecef;
  height: 56px;
  color: #2a2a2a;
  border-radius: 4px;
}

.ucak-span {
  position: absolute;
  top: 5px;
  right: 14px;
  font-size: 13px;
}

.ipt-seyahat-bilgi {
  justify-content: flex-end;
  margin-bottom: 3px;
}

.ipt-seyahat-bilgi .btn-wrapper {
  flex: 1 1 100%;
  max-width: 100%;
}

@media (min-width: 768px) {

  .ipt-seyahat-bilgi .btn-wrapper {
    flex: 1 1 auto;
    max-width: fit-content;
  }

    .mobile-app-img-main{
      background-image: url(/img/biletara-mobil-uygulama.png);    
      aspect-ratio: 7/3;    
    }
}


.tabpanel-div {
  background: #F5F5F5;
  padding: 15px;
  margin: 1rem 0;
  border-radius: 7px
}

@media (max-width:767px) {
  .tabpanel-div {
    padding: 10px;
  }

  .ucak-span {
    top: 86px;
  }

  .btn-primary-soft {
    font-size: 10px !important;
  }

  .ipt-seyahat-bilgi {
    justify-content: space-between;
    margin-bottom: 3px;
  }

  .banner-act-left {
    display: none;
  }

  .banner-act-right {
    display: none;
  }


}


.form-activity {
  position: relative;
  top: 0;
}

.banner-act-left {
  left: 6%;
  top: -108%;
  transform: translateY(-98%);
  width: 62%;
}

.banner-act-right {
  right: 32px;
  top: -307%;
  transform: rotate(-9deg);
  width: 45%;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .banner-act-left {
    display: none;
  }

  .banner-act-right {
    display: none;
  }
}

@media (min-width: 1025px) and (max-width: 1199px) {
  .etkinlik-kategorileri {
    margin-top: 175px !important;
  }
}

@media (max-width:780px) {
  .popup-new-member .popup-content {
    padding: 30px !important;
  }
}


.ss-title {
  color: #004997;
  font-size: 32px;
}

@media (max-width: 768px) {
  .ss-title {
    color: #004997;
    font-size: 25px;
  }

  .cont-f {
    padding: 0;
    padding-top: 25px;
    padding-bottom: 25px;

  }
}

.rg-arrow {
  font-size: 1.2em;
  color: #007bff;
  align-self: center;
  transition: color 0.3s ease;
  position: relative;
  left: 102px;
  top: 2px;
}

/* searchbar css'leri*/
.banner-bus {
  width: 45%;
}

.banner-image {
  position: absolute;
}

.banner-bus {
  left: 7%;
  top: -76%;
  transform: translateY(-50%);
  width: 50%;
}

.banner-bus-text {
  right: 6%;
  top: -86%;
  transform: rotate(-9deg);
  /* z-index: 99; */
  width: 42%;
}

@media (min-width: 1200px) {
  .banner-bus {
    top: -57% !important;
  }

  .mobile-campaign-text-area {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-left: auto;
    margin-right: 10px;
  }
}

@media (min-width: 1200px) and (max-width: 1400px) {
  .banner-bus {
    left: 6%;
    top: -52% !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {

  .banner-bus,
  .banner-plane {
    left: 6%;
    top: -35% !important;
  }
}

@media (min-width: 1025px) and (max-width: 1199px) {

  .banner-bus-text,
  .banner-plane-text {
    right: 7%;
    top: -56%;
    transform: rotate(-9deg);
    width: 42%;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .banner-bus-text {
    right: 6%;
    top: -45% !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {

  .banner-bus-text,
  .banner-plane-text {
    display: none !important;
  }
}

.formatted-departure-date-bus {
  position: absolute;
  bottom: 10px;
  left: 43px;
  font-size: 14px !important;
}


.custom-slogan {
  position: absolute;
  top: 22px;
  left: 25px;
  background: #fff;
  padding: 9px 15px !important;
  font-size: 28px !important;
  border-radius: 10px 10px 0 0;
  z-index: 9999;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

@media (min-width: 768px) {
  .search-bar-container {
    position: relative !important;
    /* top: 300px; */
  }
}

.shield-style {
  font-size: 24px;
  position: relative;
  top: 5px;
  right: 4px;
}

.style-3 {
  background: #e4fff7;
  padding: 3px;
  border-radius: 7px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.ahref-s {
  color: #d40303;
}

@media (max-width:768px) {
  .secbox-mobil {
    display: none;
  }
}


.bus-advice-link i {
  font-size: 37px;
  position: absolute;
  right: 30px;
  top: 5px;
  color: black;
}

.bus-advice-link:hover .bus-advice-header h5,
.bus-advice-link:hover .bus-advice-header h4 {
  background-color: #d40303 !important;
  color: #fff !important;
  transition: .5s ease-in-out;
}

.bus-advice-link:hover .advice-hover-area {
  display: flex !important;
  transition: .5s ease-in-out;
}

.bus-advice-link:hover img {
  opacity: 0.3;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.bus-advice-link .card-body {
  transition: .5s ease-in-out;
  text-align: center;
}

.bus-advice-link .card {
  width: 20rem !important;
}

.bus-advice-link h5 {
  font-weight: 600;
}

.advice-hover-area {
  display: none;
  color: #fff;
  position: absolute;
  top: 40%;
  transition: .8s ease-in-out;
  width: 100%;
  left: 0;
  justify-content: center;
  ;
}

.advice-hover-area span {
  background-color: rgba(0, 0, 0, 0.58);
  padding: 10px 15px;
  font-size: 17px;
  border-radius: 5px;
}

.bus-advice-link img {
  width: 100%;
  height: 200px;
}

.bus-advice-header {
  position: absolute;
  bottom: -120px;
  width: 100%;
  padding: 13px;
  border-radius: 23px 23px 4px 4px;
}

.bus-advice-header h5 {
  background-color: #fff;
  padding: 6px 12px;
  border-radius: 4px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  color: black;
}

.bus-advice-header p {
  background-color: #fff;
  margin-top: 10px;
  padding: 11px 15px;
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-top-left-radius: 20%;
  color: black;
}


.pay-options {
  border-radius: 10px;
  border: none;
  background-color: #d40303;
  color: #fff;
  padding: 6px 8px;
  font-size: 12px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.pay-options-info {
  line-height: 15px;
  background-color: #fffae0;
  padding: 5px;
  font-size: 12px;
}

.pay-information-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.pay-information {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 5px;
  margin: 12px 0;
  display: flex;
  flex-direction: column;
  min-width: 15%;
  text-align: center;
  position: relative;
  border-radius: 11px;
  cursor: pointer !important;
}

.pay-information iconify-icon {
  position: absolute;
  right: 0;
  top: 13px;
  color: green !important;
}

.pay-information label {
  font-weight: 600 !important;
  cursor: pointer !important;
}

.active-installment {
  background-color: #198754;
  color: #fff;
}

.active-installment label {
  color: #fff !important;
}

.pay-option-btn-container {
  min-width: 100%;
  align-content: center;
  padding: 8px 0;
}

.installment-info-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.custom-card-header {
  font-size: 14px;
  padding: 5px 10px;
  font-weight: 600;
}

.installment-info-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1041;
  background-color: #fff;
  padding: 15px 25px;
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  width: 90%;
  height: 75%;
  overflow-y: scroll;
}

.installment-info-modal .row {
  padding: 3px 0px;
  border-bottom: 1px solid #eaeaea;
}

.installment-info-modal .row:last-child {
  border: none !important;
}

.custom-installment-card {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  padding: 15px 25px;
  border-radius: 15px;
}

.close-installment-btn {
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  background-color: transparent;
}

.close-installment-btn iconify-icon {
  color: #d40303;
}

.cancel-btn-container {
  position: relative;
  margin-bottom: 40px;
}

.installment-header {
  background-color: #069d06;
  color: #fff !important;
  padding: 5px;
  border-radius: 5px;
}

.border-bottom {
  border-bottom: 1px solid #000 !important;
}

.modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
  opacity: .5;
}

#saveText {
  display: flex;
  justify-content: center;
}


.class-peron {
  border-radius: 6px;
  font-size: 18px;
  position: relative;
  top: 2px;
}

.text-bttm {
  border-bottom: 1px solid #d5caca;
  padding-bottom: 10px;
}

@media (max-width:768px) {
  .ticket-info-message {
    text-align: left !important;
  }

  .ticket-box .locationdate {
    font-size: 16px;
  }

  .class-peron {
    font-size: 16px;
  }

  .ticketinfo-style {
    text-align: center;
  }


}

@media (max-width:767px) {
  .ticketinfo-style {
    background-color: #f1f1f1;
    border-radius: 0px 32px 0px 32px;
    padding: 14px;
  }
}

@media (min-width:768px) {
  .ticketinfo-style-2 {
    background-color: #f1f1f1;
    border-radius: 0px 32px 0px 32px;
  }
}

.span-peron {
  color: #d60c0c;
  font-weight: 600;
}

#campaignCode {
  max-width: 70%;
}

#campaignButton {
  max-width: 30%;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.gap-2 {
  gap: 8px;
}

.esim-btn-te a {
  padding: 7px 20px;
  background: white;
  border: 1px solid #004997 !important;
  border-radius: 38px;
  font-size: 15px;
  line-height: 26px;
  white-space: nowrap;
  font-weight: 700;
  color: #004997;
  transition: 0.2s;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
}

.esim-btn-te a:hover {
  background: #004997;
  color: #fff;
}


.signin-btn-te {
  margin-right: 5px;
}

.eSim-btn-te {
  padding: 7px 14px;
  color: #004997;
  border: 1px solid #004997 !important;
  border-radius: 38px;
  font-size: 15px;
  line-height: 26px;
  white-space: nowrap;
  font-weight: 700;
  font-family: "Manrope", sans-serif;
  transition: 0.2s;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
}

.colStyle-mobil {
  padding-right: 8px;
  padding-left: 8px;
}


.fast-menu-wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px;
  padding: 13px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}



.fast-menu-box {
  flex: 0 0 auto;
  padding: 7px 7px;
  background-color: #f8f9fa;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  text-decoration: none;
  color: #333;
  font-weight: 500;
  transition: all 0.3s ease;
  white-space: nowrap;
}

.fast-menu-box:hover {
  background-color: #f0f5fa;
  color: var(--primary);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.content-area {
  padding: 20px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}



.info-card {
  display: block;
  text-decoration: none;
  color: inherit;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  border-radius: 10px;
}

.info-card-inner {
  display: flex;
  align-items: center;
  background-color: #fff;
  padding: 16px;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

.info-card:hover .info-card-inner {
  background-color: #f9f9f9;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.info-card-icon {
  margin-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.info-card-text {
  flex-grow: 1;
}

.info-title {
  display: block;
  font-size: 19px;
  font-weight: 500;
  margin-bottom: 4px;
  color: #706c6c;
}

.info-desc {
  margin: 0;
  color: #555;
  font-size: 0.95rem;
}

.info-card-arrow {
  margin-left: auto;
  color: #888;
  display: flex;
  align-items: center;
  transition: color 0.3s;
}

.info-card:hover .info-card-arrow {
  color: #8B0000;
}

.page-section {
  min-height: 21vh;
}

@media(max-width:767px) {
  .info-card-ucak {
    margin-top: 20px;
  }
}

.info-card-icon .fas {
  color: #c6242f;
}


@media (max-width:767px) {

  .info-card-icon .fas {
    color: #c6242f;
    font-size: 25px;
  }

  .info-title {
    font-size: 17px;
  }
}

.yardim-title {
  background: #3d3d3d;
  padding: 17px;
  border-radius: 4px;
  color: #ffffff;
  font-size: 18px;
}

.yardim-title-satinal {
  position: relative;
  top: 31px;
  background: #3d3d3d;
  padding: 17px;
  border-radius: 4px;
  color: #ffffff;
}


.evcil-hayvan-area p {
  font-size: 17px;
}

.evcil-hayvan-area li {
  font-size: 16px;
}

.evcil-hayvan-area h3 {
  color: #9f3333;
  font-size: 19px;
}

@media (max-width:768px) {
  .evcil-hayvan-area h2 {
    font-size: 27px;
  }
}

.swiper-container .card-info {
  top: 15px !important;
}

.card-image {
  position: relative;
  z-index: 0;
  /* Alt katmanda kalır */
}

.card-image::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}


.ebilet {
  position: absolute;
  top: -5px;
  right: -13px;
  color: red !important;
  padding: 6px 12px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
  z-index: 2;
  transition: background-color 0.3s;
}

.ebilet:hover {
  color: red !important;
}


.ticket-cancel-loader {
  position: absolute !important;
  right: 55px;
  top: 20px;
  color: #d40303;
  font-size: 5px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  animation: mulShdSpin 1.3s infinite linear;
  transform: translateZ(0);
}

@keyframes mulShdSpin {

  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em,
      2em -2em 0 0em, 3em 0 0 -1em,
      2em 2em 0 -1em, 0 3em 0 -1em,
      -2em 2em 0 -1em, -3em 0 0 -1em,
      -2em -2em 0 0;
  }

  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em,
      3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em,
      -2em 2em 0 -1em, -3em 0 0 -1em,
      -2em -2em 0 -1em;
  }

  25% {
    box-shadow: 0 -3em 0 -0.5em,
      2em -2em 0 0, 3em 0 0 0.2em,
      2em 2em 0 0, 0 3em 0 -1em,
      -2em 2em 0 -1em, -3em 0 0 -1em,
      -2em -2em 0 -1em;
  }

  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
      3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em,
      -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }

  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
      3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em,
      -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }

  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
      3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0,
      -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }

  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em,
      3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em,
      -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }

  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em,
      3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em,
      -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}

@media (max-width:767px) {
  .communication-info-head h2 {
    font-size: 26px !important;
  }

  .complaint-options {
    margin-top: 18px;
  }

  .bus-platform-sub-info {
    margin-top: 31px;
  }

  .h2-about {
    font-size: 23px;
  }

}

@media (max-width: 768px) {
  .table.table-bordered.aciklama-table {
    display: block;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
  }

  .fast-menu-box {
    font-size: 13px;
  }

}

.btn-link {
  white-space: normal !important;
}

.uMobil {
  width: 98px;
}

.h2-about {
  font-family: 'Roboto';
  font-weight: 500;
  color: var(--color) !important;
  font-size: 20px;
}

.bus-detail-icon h2 {
  font-size: 20px;
}

.bus-advice-header h4 {
  background-color: #fff;
  text-align: center;
  padding: 6px 5px;
  border-radius: 5px;
  color: #000;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.btn-phone-number {
  background-color: transparent !important;
  border: none !important;
}

.select-information-area {
  position: absolute;
  top: 25px;
  left: 50%;
  width: 60%;
  transform: translate(-50%, -50%);
  font-weight: 500;
  font-family: 'Roboto';
  letter-spacing: -0.5px;
  font-size: 17px;
  background-color: #d81c1c;
  padding: 4px 8px;
  border-radius: 10px;
  color: #fff;
}

.select-information-area div {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.select-information-area icoinfy-icon {
  margin-right: 5px;
}

.ticket-service-info {
  background-color: #f3d066;
  color: #000;
  padding: 5px 5px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin: 5px 0px;
}

.ticket-service-info p {
  margin-bottom: 0 !important;
  font-family: Roboto;
  margin-top: 4px;
}

.ticket-service-info iconify-icon {
  margin-right: 5px;
}

#google-signin-custom,
#apple-signin-custom {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #a7a7a7;
}

#google-signin-custom iconify-icon,
#apple-signin-custom iconify-icon {
  margin-right: 15px;
}

#apple-signin-custom {
  background-color: #000 !important;
}

.sec-mt {
  margin-top: 22px;
}

.mobile-app-handler{
   width: 150px;
    height: 52px;
    border: none;
    background-color: transparent;
    transition: .3s ease-in-out;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    border-radius: 15px;    
}

.mobile-app-handler img{
  width: 100%;
  height: 100%;
}

.mobile-app-btn-container {  
    position: absolute;    
    display: flex;    
}

.mobile-app-handler:hover{
  transform: scale(1.07);
  transition: .3s ease-in-out;
}

.mobile-app-img-main{
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 30px;
}

/*campaign-css*/

.mobile-campaign-text {  
    font-size: 14px;
    padding-top: 5px;
    color: #28a745;
    font-weight: 500;
    letter-spacing: -.7px;
}

.mobile-price-new {
    position: absolute;
    top: -13px;
    left: 16%;
    color: #28a745;
    display: flex;
    align-items: center;
    gap: 3px;
    z-index: 9;
}

.tourPrice{
  line-height: 20px !important;
  align-items: start !important;
  padding-bottom: 10px;
}

@media(min-width: 576px) and (max-width: 1200px){
  .mobile-price-new {
        min-width: 120px;  
        position: absolute;        
        left: auto;
        color: #28a745;
        display: flex;
        align-items: center;
        gap: 3px;        
        box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
        border-radius: 5px;
        padding: 4px;
        max-height: 40px;
        justify-content: space-around;
        font-size: 14px;
        top: 38px;
    }
}

.mini-campaign-text{
  font-size: 10px;
}

.mobile-price-new {
    display: inline-flex;
    align-items: center;
    gap: 6px;    
    border: 1px solid #f0a8a8;
    border-radius: 8px;
    padding: 0px 9px;
    cursor: pointer;
    user-select: none;
}

.mini-campaign-text-container {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    gap: 1px;
}

.mini-campaign-text {
    font-size: 10px;
    font-weight: 500;
    color: #BF6000;
    white-space: nowrap;
    letter-spacing: 0.01em;
}

.mini-campaign-price {
    display: flex;
    align-items: baseline;
    gap: 2px;
    font-size: 15px;
    font-weight: 600;
    color: #E65100;
}

.mini-campaign-price sub {
    font-size: 11px;
    font-weight: 500;
}
   

.mobile-incele-link {
  display: none;
}

@media (max-width: 767.98px) {
 
  .strip_all_tour_list.mobile-grid-card {
    background: #ffffff;
    border: 1px solid #ececec;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
    margin-bottom: 10px;
    padding: 0;
    overflow: hidden;
  }

.strip_all_tour_list.mobile-grid-card > .row.show-hide-area {
    display: grid !important;
    position: relative;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas: "logo  time     price"
      "route route    route"
      "specs specs    process";
    column-gap: 8px;
    row-gap: 6px;
    padding: 6px 8px 6px 8px;
    margin: 0;
    align-items: center;
}
 
  .strip_all_tour_list.mobile-grid-card > .row > [class*="col-"] {
    flex: none !important;
    max-width: none !important;
    width: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  .strip_all_tour_list.mobile-grid-card .tourCompany {
    grid-area: logo;
    display: flex;
    align-items: center;
    line-height: normal !important;
  }

  .strip_all_tour_list.mobile-grid-card .tourCompany .tourCompanyImage {
    width: auto !important;
    max-width: 110px !important;
    max-height: 55px !important;
    object-fit: contain;
    object-position: left center;
  }

  .strip_all_tour_list.mobile-grid-card .tourTime {
    grid-area: time;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: normal !important;
    font-size: 16px !important;
    padding-left: 0 !important;
  }

  .strip_all_tour_list.mobile-grid-card .tourTime .tDA {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .strip_all_tour_list.mobile-grid-card .tourTime .tDA > span:first-child {
    font-size: 16px;
    font-weight: 600;
    color: #1f1f1f;
    line-height: 1.1;
  }

  .strip_all_tour_list.mobile-grid-card .tourTime .tarih {
    font-size: 10px !important;
    color: #8a8a8a;
    margin-top: 2px;
  }

  .strip_all_tour_list.mobile-grid-card .tourPrice {
    grid-area: price;
    display: flex;    
    align-items: flex-end;
    justify-content: end;
    text-align: right !important;
    padding-left: 0 !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #e30613 !important;
    line-height: 1.1 !important;
    height: auto !important;
  }

  .strip_all_tour_list.mobile-grid-card .tourPrice sub {
    margin-left: 1px;
    bottom: 0;
  }
  
.strip_all_tour_list.mobile-grid-card .tourPrice .mobile-price-new {
    position: absolute;
    top: 26px;
    right: 0px;
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    background: #ffffff;
    border: 1px solid #f0a8a8;
    border-radius: 10px;
    padding: 2px 7px;
    line-height: 1;
    white-space: nowrap;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
    z-index: 3;
    min-width: 135px;
}

  .strip_all_tour_list.mobile-grid-card .tourPrice .mobile-price-new img {
    width: 14px !important;
    height: auto;
  }

  .strip_all_tour_list.mobile-grid-card .tourPrice .mini-campaign-text-container {
    display: inline-flex;
    align-items: center;
    gap: 5px;
  }

  /* "Mobil uygulamada" label — prominent and readable */
  .strip_all_tour_list.mobile-grid-card .tourPrice .mini-campaign-text {
    display: inline-block !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #d63838 !important;
    line-height: 1.1 !important;
    letter-spacing: 0;
  }

  /* Campaign price value — large, bold, dark */
  .strip_all_tour_list.mobile-grid-card .tourPrice .campaign-price {
    display: inline-flex !important;
    align-items: center;
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #111111 !important;
    line-height: 1 !important;
  }

  .strip_all_tour_list.mobile-grid-card .tourPrice .campaign-price sub {
    margin-left: 1px;
    font-size: 11px;
    color: #111111;
    bottom: 0;
  }

  .strip_all_tour_list.mobile-grid-card .tourDepartureArrival {
    grid-area: route;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-top: 1px solid #f1f1f1;
    margin-top: 21px;
    padding-top: 8px !important;
  }

  /* Duration label rendered first (above route names) */
  .strip_all_tour_list.mobile-grid-card .tourDepartureArrival h6.tarih {
    order: -1;
    margin: 0 0 2px 0 !important;
    font-size: 11px !important;
    color: #8a8a8a;
    font-weight: 400;
  }

  .strip_all_tour_list.mobile-grid-card .tourDepartureArrival .guzergah {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 0 !important;
    line-height: 1.3;
  }

  .strip_all_tour_list.mobile-grid-card .tourDepartureArrival .guzergah span {
    font-size: 12.5px;
    color: #3a3a3a;
  }

  .strip_all_tour_list.mobile-grid-card .tourDepartureArrival .guzergah i {
    font-size: 10px;
    color: #b0b0b0;
  }
  
  .strip_all_tour_list.mobile-grid-card .tourspecs {
    grid-area: specs;
    width: 100% !important;
    border-top: 1px solid #f1f1f1;
    padding: 6px 0 0 0 !important;
    margin-top: 2px;
    position: static !important;
    bottom: auto !important;
    left: auto !important;
  }

  .strip_all_tour_list.mobile-grid-card .tourspecs .text-left {
    display: none;
  }

  .strip_all_tour_list.mobile-grid-card .tourspecs .journey-information-area {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    gap: 6px;
    padding: 0 !important;
  }

  .strip_all_tour_list.mobile-grid-card .tourspecs .journey-information-area > .d-flex {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    width: auto !important;
    padding-top: 0 !important;
    gap: 4px;
  }

  /* Hide the noisy in-app promo block on mobile */
  .strip_all_tour_list.mobile-grid-card .mobile-campaign-text-area {
    display: none !important;
  }

  /* Generic chip styling */
  .strip_all_tour_list.mobile-grid-card .tourSeatTur,
  .strip_all_tour_list.mobile-grid-card .kolay-iptal-iade,
  .strip_all_tour_list.mobile-grid-card .jumbo-sefer {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px;
    background: #f3f5f7 !important;
    color: #4a4a4a !important;
    border: none !important;
    border-radius: 14px !important;
    padding: 3px 9px !important;
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    height: auto !important;
    float: none !important;
    white-space: nowrap;
  }

  .strip_all_tour_list.mobile-grid-card .tourSeatTur {
    background: #e6f4ea !important;
    color: #2a7a4a !important;
  }

  .strip_all_tour_list.mobile-grid-card .tourSeatTur img.travel-seat-icon {
    width: 12px;
    height: 12px;
  }
  
  .strip_all_tour_list.mobile-grid-card .kolay-iptal-iade.share {
    margin-left: 0 !important;
  }

  .strip_all_tour_list.mobile-grid-card .kolay-iptal-iade.share i {
    margin-right: 0 !important;
  }

  .strip_all_tour_list.mobile-grid-card .tourProcess {
    grid-area: process;
    align-self: center;
    justify-self: end;
    width: auto !important;
    padding: 0 !important;
    margin-left: auto;
    border-top: 1px solid #f1f1f1;
    padding-top: 6px !important;
  }

  .strip_all_tour_list.mobile-grid-card .tourProcess .tP {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
  }
  
  .strip_all_tour_list.mobile-grid-card .tourProcess .tourBtn {
    display: none !important;
  }

  /* Small last-seat hint */
  .strip_all_tour_list.mobile-grid-card .tourProcess .lastSeat {
    position: static !important;
    top: auto !important;
    right: auto !important;
    font-size: 10px !important;
    color: #888 !important;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    line-height: 1.2;
  }

  .strip_all_tour_list.mobile-grid-card .tourProcess .lastSeat b {
    color: #e30613;
  }

  /* The mobile İncele link */
  .strip_all_tour_list.mobile-grid-card .mobile-incele-link {
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
    color: #2d5fb1;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    line-height: 1;
  }

  .strip_all_tour_list.mobile-grid-card .mobile-incele-link i {
    font-size: 10px;
  }
 
  .strip_all_tour_list.mobile-grid-card .tourShopping {
    padding: 0 12px;
  }

  .strip_all_tour_list.mobile-grid-card .journey-information-area > .d-flex[style*="width:70%"] {
    width: auto !important;
    padding-top: 0 !important;
  }
}

@media(min-width: 768px) and (max-width: 1200px){
  .mobile-price-new {    
    padding: 2px 9px !important;
  }
}

@media(min-width: 576px) and (max-width: 992px){
  .mobile-price-new {    
    right: 8px;
  }
}

@media(min-width: 1020px) and (max-width: 1200px){
      .mobile-price-new {
        padding: 0px 9px !important;
        top: 22px;
    }
}