/********************/
/*display*/
/*display*/
/*Flexbox*/
/*/Flexbox*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
     ========================================================================== */
/**
   * Remove the margin in all browsers.
   */
body {
  margin: 0;
}

/**
   * Render the `main` element consistently in IE.
   */
main {
  display: block;
}

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
     ========================================================================== */
/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
     ========================================================================== */
/**
   * Remove the gray background on active links in IE 10.
   */
a {
  background-color: transparent;
}

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
b,
strong {
  font-weight: bolder;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
   * Add the correct font size in all browsers.
   */
small {
  font-size: 80%;
}

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
     ========================================================================== */
/**
   * Remove the border on images inside links in IE 10.
   */
img {
  border-style: none;
}

/* Forms
     ========================================================================== */
/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
   * Correct the padding in Firefox.
   */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
  vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */
textarea {
  overflow: auto;
}

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
     ========================================================================== */
/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
  display: block;
}

/*
   * Add the correct display in all browsers.
   */
summary {
  display: list-item;
}

/* Misc
     ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
  display: none;
}

/**
   * Add the correct display in IE 10.
   */
[hidden] {
  display: none;
}

@-webkit-keyframes rotateMenu {
  0% {
    -webkit-transform: rotateX(-90deg);
            transform: rotateX(-90deg);
  }
  70% {
    -webkit-transform: rotateX(20deg);
            transform: rotateX(20deg);
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
}

@keyframes rotateMenu {
  0% {
    -webkit-transform: rotateX(-90deg);
            transform: rotateX(-90deg);
  }
  70% {
    -webkit-transform: rotateX(20deg);
            transform: rotateX(20deg);
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
}

@-webkit-keyframes span-first-on {
  0% {
    -webkit-transform: translate(-50%, -300%);
            transform: translate(-50%, -300%);
  }
  30% {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
  }
}

@keyframes span-first-on {
  0% {
    -webkit-transform: translate(-50%, -300%);
            transform: translate(-50%, -300%);
  }
  30% {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
  }
}

@-webkit-keyframes span-first-off {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
  }
  30% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -300%);
            transform: translate(-50%, -300%);
  }
}

@keyframes span-first-off {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
  }
  30% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -300%);
            transform: translate(-50%, -300%);
  }
}

@-webkit-keyframes span-second-on {
  0% {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  25% {
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    -webkit-transform: translate(-150%, -50%) scale(0);
            transform: translate(-150%, -50%) scale(0);
  }
}

@keyframes span-second-on {
  0% {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  25% {
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    -webkit-transform: translate(-150%, -50%) scale(0);
            transform: translate(-150%, -50%) scale(0);
  }
}

@-webkit-keyframes span-second-off {
  0% {
    -webkit-transform: translate(-150%, -50%) scale(0);
            transform: translate(-150%, -50%) scale(0);
  }
  25% {
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

@keyframes span-second-off {
  0% {
    -webkit-transform: translate(-150%, -50%) scale(0);
            transform: translate(-150%, -50%) scale(0);
  }
  25% {
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

@-webkit-keyframes span-third-on {
  0% {
    -webkit-transform: translate(-50%, 200%);
            transform: translate(-50%, 200%);
  }
  30% {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
  }
}

@keyframes span-third-on {
  0% {
    -webkit-transform: translate(-50%, 200%);
            transform: translate(-50%, 200%);
  }
  30% {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
  }
}

@-webkit-keyframes span-third-off {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
  }
  30% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, 200%);
            transform: translate(-50%, 200%);
  }
}

@keyframes span-third-off {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
  }
  30% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, 200%);
            transform: translate(-50%, 200%);
  }
}

@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes zoom {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

html {
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  font-family: "Izmir", Arial, Helvetica, sans-serif;
}

*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

p {
  margin-bottom: 0px;
}

ul {
  padding-left: 0px;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:focus {
  box-shadow: 0px;
  -moz-box-shadow: 0px;
  -webkit-box-shadow: 0px;
}

h1 {
  font-family: 'Izmir-Bold', Arial, Helvetica, sans-serif;
  font-size: 26px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.31;
  color: #042850;
  margin: 0px;
}

p {
  font-family: 'Izmir', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.31;
  letter-spacing: normal;
  margin-bottom: 0px;
}

.dynamic-content .form-button {
  margin-bottom: 15px;
}

.dynamic-content .form-button .button--large-m {
  padding: 9px 24px;
}

.dynamic-content .form-excel {
  margin-bottom: 10px;
}

.dynamic-content .form-excel .button--large-f {
  margin-top: 0px;
  padding: 5px 24px;
}

.dynamic-content__desc {
  font-family: 'Izmir', Arial, Helvetica, sans-serif;
  font-size: 16px;
  margin-bottom: 50px;
}

.dynamic-content__desc p {
  line-height: 1.5;
}

label {
  font-family: 'Izmir', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.31;
  letter-spacing: normal;
  margin-bottom: 0px;
}

input {
  padding-left: 24px;
  height: 45px;
}

input:focus {
  outline: 0px;
}

input::-webkit-input-placeholder {
  /* Edge */
  font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
  font-size: 16px;
}

input::-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
  font-size: 16px;
}

input:-ms-input-placeholder {
  font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
  font-size: 16px;
}

input::placeholder {
  font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
  font-size: 16px;
}

*::-webkit-scrollbar-track {
  border-radius: 10px;
}

*::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

*::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}

.hide-overflow {
  overflow: hidden;
  margin-right: 7px;
}

.select2-container--open {
  z-index: 9999999999;
}

.select2-selection__clear {
  z-index: 99999999;
}

.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: initial !important;
  padding: 0px;
  left: -19px;
}

.iti input,
.iti input[type=text],
.iti input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 35px;
  margin-right: 0;
  padding-left: 35px;
}

.table td,
.table th {
  padding: .55rem;
}

.table-remove-border td {
  border: 0px !important;
  padding: .75rem;
}

.table-remove-border th {
  border-top: 0px !important;
}

.img-container img {
  width: 100%;
}

.title-element h3 {
  font-family: 'Izmir-ExtraBold', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4f4f4f;
}

.max350 {
  max-width: 350px;
  width: 100%;
}

.max500 {
  max-width: 500px;
  width: 100%;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #d8d8d8;
  background-color: #d8d8d8;
  border-color: #007bff;
  background-color: #007bff;
}

.material-radio .custom-control-label:before {
  top: 10px;
}

.max-300 {
  max-width: 300px;
  margin: 0 auto;
}

.button {
  text-align: center;
}

.button--common-m, .button--filter-m, .button--passive, .button--accordion-passive {
  padding: 6px 60px;
  background-color: #0c5bb3;
  border: 2px solid #ffffff;
  border-radius: 5px;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  font-family: 'Izmir', Arial, Helvetica, sans-serif;
  font-size: 16px;
}

@media (min-width: 1601px) {
  .button--common-m, .button--filter-m, .button--passive, .button--accordion-passive {
    font-family: 'Izmir', Arial, Helvetica, sans-serif;
    font-size: 18px;
  }
}

.button--common-m:hover, .button--filter-m:hover, .button--passive:hover, .button--accordion-passive:hover {
  color: #ffffff;
}

.button--common-f, .button--rotate-f, .button--rotate-m {
  padding: 8px 60px;
  background-color: #ffffff;
  border-radius: 5px;
  color: #0c5bb3;
  text-decoration: none;
  text-align: center;
  font-family: 'Izmir', Arial, Helvetica, sans-serif;
  font-size: 16px;
}

@media (min-width: 1601px) {
  .button--common-f, .button--rotate-f, .button--rotate-m {
    font-family: 'Izmir', Arial, Helvetica, sans-serif;
    font-size: 18px;
  }
}

.button--rotate-f, .button--rotate-m {
  position: absolute;
  font-family: 'Izmir-Bold', Arial, Helvetica, sans-serif;
  font-size: 14px;
  border-radius: 5px;
  padding: 10px 0px;
  width: 300px;
}

@media (min-width: 1201px) {
  .button--rotate-f, .button--rotate-m {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}

@media (min-width: 1px) {
  .button--rotate-f, .button--rotate-m {
    width: 280px;
  }
}

@media (min-width: 577px) {
  .button--rotate-f, .button--rotate-m {
    width: 300px;
  }
}

@media (min-width: 1201px) {
  .button--rotate-f, .button--rotate-m {
    border-radius: 5px 5px 0px 0px;
  }
}

@media (min-width: 1601px) {
  .button--rotate-f, .button--rotate-m {
    font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
    font-size: 16px;
  }
}

.button--rotate-f:hover, .button--rotate-m:hover {
  cursor: pointer;
  color: #04a3df;
}

.button--rotate-m {
  background-color: #04a3df;
  color: #ffffff;
}

.button--rotate-m:hover {
  cursor: pointer;
  color: #0c5bb3;
}

.button--filter-m {
  padding: 8px 20px;
  border: none;
}

.button--filter-f {
  background-color: #d8d8d8;
  padding: 8px 20px;
  border: none;
  border-radius: 5px;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  font-family: 'Izmir', Arial, Helvetica, sans-serif;
  font-size: 16px;
}

@media (min-width: 1601px) {
  .button--filter-f {
    font-family: 'Izmir', Arial, Helvetica, sans-serif;
    font-size: 18px;
  }
}

.button--passive {
  background-color: #d8d8d8;
  margin-top: 25px;
}

.button--accordion-passive {
  background-color: #d8d8d8;
  margin-top: 0px;
}

:not(.collapsed).button--accordion-passive {
  padding: 6px 60px;
  background-color: #0c5bb3;
  border: 2px solid #ffffff;
  border-radius: 5px;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  font-family: 'Izmir', Arial, Helvetica, sans-serif;
  font-size: 16px;
}

@media (min-width: 1601px) {
  :not(.collapsed).button--accordion-passive {
    font-family: 'Izmir', Arial, Helvetica, sans-serif;
    font-size: 18px;
  }
}

.container-fluid {
  padding-left: 0px;
  padding-right: 0px;
}

/* adding col-xxl */
.col-xxl,
.col-xxl-1,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xxl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 1600px) {
  /* expanding BS4 max-width */
  .container {
    max-width: 1600px;
  }
  /* grid columns xxl */
  .col-xxl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xxl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xxl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xxl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xxl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xxl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xxl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xxl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xxl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xxl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xxl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  /* order xxl */
  .order-xxl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xxl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xxl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xxl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xxl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xxl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xxl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xxl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xxl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xxl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xxl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xxl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xxl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  /* text-align xxl */
  .text-xxl-center {
    text-align: center !important;
  }
  .text-xxl-left {
    text-align: left !important;
  }
  .text-xxl-right {
    text-align: right !important;
  }
  /* float xxl */
  .float-xxl-left {
    float: left !important;
  }
  .float-xxl-right {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  /* display xxl */
  .d-xxl-none {
    display: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  /* offsets xxl */
  .offset-xxl-1 {
    margin-left: 8.333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.666667%;
  }
  /* spacing xxl */
  .m-xxl-0 {
    margin: 0 !important;
  }
  .mt-xxl-0,
  .my-xxl-0 {
    margin-top: 0 !important;
  }
  .mr-xxl-0,
  .mx-xxl-0 {
    margin-right: 0 !important;
  }
  .mb-xxl-0,
  .my-xxl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xxl-0,
  .mx-xxl-0 {
    margin-left: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .mt-xxl-1,
  .my-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xxl-1,
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xxl-1,
  .my-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xxl-1,
  .mx-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .mt-xxl-2,
  .my-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xxl-2,
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xxl-2,
  .my-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xxl-2,
  .mx-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .mt-xxl-3,
  .my-xxl-3 {
    margin-top: 1rem !important;
  }
  .mr-xxl-3,
  .mx-xxl-3 {
    margin-right: 1rem !important;
  }
  .mb-xxl-3,
  .my-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xxl-3,
  .mx-xxl-3 {
    margin-left: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .mt-xxl-4,
  .my-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xxl-4,
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xxl-4,
  .my-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xxl-4,
  .mx-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .mt-xxl-5,
  .my-xxl-5 {
    margin-top: 3rem !important;
  }
  .mr-xxl-5,
  .mx-xxl-5 {
    margin-right: 3rem !important;
  }
  .mb-xxl-5,
  .my-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xxl-5,
  .mx-xxl-5 {
    margin-left: 3rem !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .pt-xxl-0,
  .py-xxl-0 {
    padding-top: 0 !important;
  }
  .pr-xxl-0,
  .px-xxl-0 {
    padding-right: 0 !important;
  }
  .pb-xxl-0,
  .py-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xxl-0,
  .px-xxl-0 {
    padding-left: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .pt-xxl-1,
  .py-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xxl-1,
  .px-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xxl-1,
  .py-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xxl-1,
  .px-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .pt-xxl-2,
  .py-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xxl-2,
  .px-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xxl-2,
  .py-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xxl-2,
  .px-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .pt-xxl-3,
  .py-xxl-3 {
    padding-top: 1rem !important;
  }
  .pr-xxl-3,
  .px-xxl-3 {
    padding-right: 1rem !important;
  }
  .pb-xxl-3,
  .py-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xxl-3,
  .px-xxl-3 {
    padding-left: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .pt-xxl-4,
  .py-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xxl-4,
  .px-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xxl-4,
  .py-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xxl-4,
  .px-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .pt-xxl-5,
  .py-xxl-5 {
    padding-top: 3rem !important;
  }
  .pr-xxl-5,
  .px-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-5,
  .py-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xxl-5,
  .px-xxl-5 {
    padding-left: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mt-xxl-auto,
  .my-xxl-auto {
    margin-top: auto !important;
  }
  .mr-xxl-auto,
  .mx-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-auto,
  .my-xxl-auto {
    margin-bottom: auto !important;
  }
  .ml-xxl-auto,
  .mx-xxl-auto {
    margin-left: auto !important;
  }
}

.icon-facebook {
  background: url("../../../assets/images/icon/icon-facebook.png");
  width: 15px;
  height: 15px;
  display: block;
}

.icon-instagram {
  background: url("../../../assets/images/icon/icon-instagram.png");
  width: 15px;
  height: 15px;
  display: block;
}

.icon-twitter {
  background: url("../../../assets/images/icon/icon-twitter.png");
  width: 15px;
  height: 15px;
  display: block;
}

.icon-linkedin {
  background: url("../../../assets/images/icon/icon-linkedin.png");
  width: 15px;
  height: 15px;
  display: block;
}

.icon-youtube {
  background: url("../../../assets/images/icon/icon-youtube.png");
  width: 15px;
  height: 15px;
  display: block;
}

.icon-share {
  background: url("../../../assets/images/icon/icon-share.png");
  width: 20px;
  height: 20px;
  display: block;
}

.icon-nefes {
  background: url("../../../assets/images/icon/icon-nefes.svg");
  width: 36px;
  height: 32px;
  display: block;
}

.icon-kanoegitimi {
  background: url("../../../assets/images/icon/icon-kanoegitimi.svg");
  width: 32px;
  height: 32px;
  display: block;
}

.icon-nefeskafeterya {
  background: url("../../../assets/images/icon/icon-nefeskafeterya.svg");
  width: 32px;
  height: 32px;
  display: block;
}

.icon-nefesbar {
  background: url("../../../assets/images/icon/icon-nefesbar.svg");
  width: 32px;
  height: 34px;
  display: block;
}

.icon-optimistikegitimler {
  background: url("../../../assets/images/icon/icon-optimistikegitimler.svg");
  width: 32px;
  height: 32px;
  display: block;
}

.icon-yelkenegitimi {
  background: url("../../../assets/images/icon/icon-yelkenegitimi.svg");
  width: 32px;
  height: 32px;
  display: block;
}

.icon-yuzmeegitimi {
  background: url("../../../assets/images/icon/icon-yuzmeegitimi.svg");
  width: 32px;
  height: 25px;
  display: block;
}

.box-weather {
  background: url("../../../assets/images/box/box-weather.svg") no-repeat;
  width: 60px;
  height: 60px;
  display: block;
}

.section__contentPage__box {
  margin-top: 35px;
  text-align: center;
}

.section__contentPage__box-white {
  margin-top: 30px;
}

.section__contentPage__box-1st, .section__contentPage__box-2nd {
  padding: 33px;
  margin-bottom: 25px;
  background-color: #0c5bb3;
  height: 310px;
  border-radius: 5px;
}

.section__contentPage__box-1st .box-title, .section__contentPage__box-2nd .box-title {
  width: 100%;
}

.section__contentPage__box-1st .box-title img, .section__contentPage__box-2nd .box-title img {
  display: block;
  width: 100%;
  max-width: 110px;
  max-height: 80px;
  margin: 0px auto;
  padding-bottom: 20px;
}

.section__contentPage__box-1st .box-title h6, .section__contentPage__box-2nd .box-title h6 {
  padding-bottom: 5px;
  color: #ffffff;
  font-family: 'Izmir-Bold', Arial, Helvetica, sans-serif;
  font-size: 26px;
}

.section__contentPage__box-1st .box-text, .section__contentPage__box-2nd .box-text {
  display: block;
  margin-top: 15px;
}

.section__contentPage__box-1st .box-text p, .section__contentPage__box-2nd .box-text p {
  color: #ffffff;
  font-family: 'Izmir-Bold', Arial, Helvetica, sans-serif;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  line-clamp: 5;
}

.section__contentPage__box-white {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
  background-color: #ffffff;
  width: 100%;
  height: auto;
  border-radius: 5px;
}

@media (max-width: 768px) {
  .section__contentPage__box-white {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.section__contentPage__box-white .whiteBox-button {
  margin-top: 15px;
}

.section__contentPage__box-white .whiteBox-button .button--common-m, .section__contentPage__box-white .whiteBox-button .button--filter-m, .section__contentPage__box-white .whiteBox-button .button--passive, .section__contentPage__box-white .whiteBox-button .button--accordion-passive {
  padding: 10px 20px;
}

.section__contentPage__box-white .whiteBox-button a {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.section__contentPage__box-white .whiteBox-button a span {
  margin-right: 35px;
}

.section__contentPage__box-white .section__nefesRestaurant__slider .child-element {
  padding: 0px 0px 0px 0px;
}

@media (min-width: 1601px) {
  .section__contentPage__box-white .section__nefesRestaurant__slider .child-element {
    padding: 0px 0px 0px 80px;
  }
}

.section__contentPage__box-white .section__nefesRestaurant__slider .slick-slide img {
  min-width: 175px;
}

@media (min-width: 1601px) {
  .section__contentPage__box-white .section__nefesRestaurant__slider .slick-slide img {
    min-width: 540px;
  }
}

.section__contentPage__box.entireRow {
  border-radius: 5px;
  background-color: #0c5bb3;
}

.section__contentPage__box.entireRow img {
  max-width: 250px;
  padding-top: 25px;
  padding-bottom: 35px;
}

@media (min-width: 1601px) {
  .section__contentPage__box.entireRow img {
    max-width: 325px;
  }
}

.section__contentPage__box.entireRow a p {
  padding-top: 25px;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  font-family: 'Izmir-Bold', Arial, Helvetica, sans-serif;
  font-size: 16px;
}

@media (min-width: 1601px) {
  .section__contentPage__box.entireRow a p {
    font-family: 'Izmir-Bold', Arial, Helvetica, sans-serif;
    font-size: 20px;
  }
}

.section__contentPage__box.entireRow.withoutTop a p {
  padding-top: 0px;
}

.section__contentPage__pressBox, .section__contentPage__descBox {
  max-width: 390px;
  width: 100%;
  min-height: 290px;
  position: relative;
  margin: 20px 0px;
  padding: 0.5px 0 40px;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
}

@media (max-width: 768px) and (min-width: 420px) {
  .section__contentPage__pressBox, .section__contentPage__descBox {
    max-width: 100%;
  }
}

@media (min-width: 1601px) {
  .section__contentPage__pressBox, .section__contentPage__descBox {
    min-height: 350px;
  }
}

.section__contentPage__pressBox img, .section__contentPage__descBox img {
  width: 100%;
  background-color: #ffffff;
}

.section__contentPage__pressBox span, .section__contentPage__descBox span {
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-family: 'Izmir-Bold', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: normal;
  letter-spacing: normal;
  color: #212121;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.section__contentPage__pressBox a .imagePart, .section__contentPage__descBox a .imagePart {
  height: 305px;
}

.section__contentPage__pressBox a .imagePart img, .section__contentPage__descBox a .imagePart img {
  border-radius: 5px 5px 0px 0px;
  width: 100%;
  min-height: 305px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.section__contentPage__detailBox img {
  margin-bottom: 25px;
  width: 100%;
  height: 100%;
}

@media (min-width: 577px) {
  .section__contentPage__detailBox img {
    max-width: 550px;
  }
}

.section__contentPage__descBox {
  padding: 0px 0 10px;
  min-height: 320px;
}

@media (min-width: 577px) {
  .section__contentPage__descBox {
    min-height: 355px;
  }
}

@media (min-width: 769px) {
  .section__contentPage__descBox {
    min-height: 355px;
  }
}

@media (min-width: 993px) {
  .section__contentPage__descBox {
    min-height: 320px;
  }
}

@media (min-width: 1201px) {
  .section__contentPage__descBox {
    min-height: 300px;
  }
}

@media (min-width: 1601px) {
  .section__contentPage__descBox {
    min-height: 387px;
  }
}

@media (max-width: 420px) {
  .section__contentPage__descBox {
    max-width: 100% !important;
  }
}

.section__contentPage__descBox a .imagePart {
  height: 210px;
}

.section__contentPage__descBox a .imagePart img {
  border-radius: 5px 5px 0px 0px;
  width: 100%;
  min-height: 210px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.section__contentPage__descBox h6 {
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: 'Izmir-Bold', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: normal;
  letter-spacing: normal;
  color: #0c5bb3;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.section__contentPage__descBox p {
  text-align: left;
  padding: 0px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #212121;
  font-family: 'Izmir-Medium', Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.section__contentPage__serviceBox {
  margin-top: 20px;
  background-color: #d8d8d8;
  border-radius: 5px;
  width: 100%;
  height: 200px;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.section__contentPage__serviceBox__text {
  color: #0073f3;
  font-family: 'Izmir-Bold', Arial, Helvetica, sans-serif;
  font-size: 16px;
  text-align: center;
  padding: 0px 30px;
  display: block;
  margin: 0 auto;
}

.section__contentPage__serviceBox img {
  width: 100%;
  height: 78px;
  margin-bottom: 25px;
}

.section__contentPage__serviceBox:hover {
  background-color: rgba(12, 91, 179, 0.8);
}

.section__contentPage__serviceBox:hover img {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(150%) contrast(103%);
  -webkit-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(150%) contrast(103%);
}

.section__contentPage__serviceBox:hover .section__contentPage__serviceBox__text {
  color: #ffffff;
}

.section__contentPage__flamaBox, .section__contentPage__flagBox {
  margin-top: 25px;
  min-width: 170px;
  width: 100%;
  height: 185px;
  background-color: #d8d8d8;
  border-radius: 5px;
  text-align: center;
}

.section__contentPage__flamaBox img, .section__contentPage__flagBox img {
  margin-top: 20px;
  max-width: 90px;
  width: 100%;
}

.section__contentPage__flamaBox__text {
  padding: 15px;
}

.section__contentPage__flamaBox__text p {
  color: #212121;
  font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
}

.section__contentPage__flagBox img {
  margin-top: 50px;
  max-width: 150px;
  width: 100%;
}

.section__contentPage__flagBox__text {
  padding-top: 25px;
}

.section__contentPage__flagBox__text p {
  color: #212121;
  font-family: 'Izmir-ExtraBold', Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.ekko-lightbox-nav-overlay a {
  opacity: 1;
  color: #0c5bb3;
}

@media (min-width: 577px) {
  .ekko-lightbox-nav-overlay a {
    color: #ffffff;
  }
}

.ekko-lightbox-nav-overlay a span {
  padding: 0;
}

.ekko-lightbox-nav-overlay a:first-child span {
  margin-left: -13px;
}

@media (min-width: 577px) {
  .ekko-lightbox-nav-overlay a:first-child span {
    margin-left: -50px;
  }
}

.ekko-lightbox-nav-overlay a:last-child span {
  margin-right: -13px;
}

@media (min-width: 577px) {
  .ekko-lightbox-nav-overlay a:last-child span {
    margin-right: -50px;
  }
}

.modal-backdrop.show {
  opacity: 0.7;
}

.modal-body {
  padding: 30px;
}

.modal-body p {
  padding-top: 15px;
  font-family: 'Izmir-Bold', Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #0c5bb3;
}

.modal-body img {
  max-width: 85px;
  width: 100%;
}

.modal-dialog {
  margin: 175px auto;
}

.switchButton {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.switchButton small {
  padding-left: 15px;
  padding-right: 7px;
}

.switchButton .switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 15px;
}

.switchButton .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.switchButton .switch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  transform: translateX(26px);
}

.switchButton .switch input:checked + .slider {
  background-color: #0c5bb3;
}

.switchButton .switch .slider {
  position: absolute;
  cursor: pointer;
  width: 35px;
  top: 0;
  left: 2px;
  right: 0;
  bottom: 0;
  background-color: #d8d8d8;
  -webkit-transition: .4s;
  transition: .4s;
}

.switchButton .switch .slider.round {
  border-radius: 34px;
}

.switchButton .switch .slider.round::before {
  border-radius: 50%;
}

.switchButton .switch .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: -6px;
  bottom: -2px;
  background-color: #ffffff;
  -webkit-transition: .4s;
  transition: .4s;
}

.accordion .card {
  border: none !important;
}

.accordion .card .card-header {
  padding: 0px;
  border: none;
  background-color: #ffffff;
}

.accordion .card .card-header .btn:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.accordion .card .card-header a:hover {
  color: #ffffff;
}

.accordion .card .card-body {
  overflow: scroll;
  height: 200px;
  color: #414141;
  letter-spacing: normal;
  text-align: center;
  font-family: 'Izmir-Medium', Arial, Helvetica, sans-serif;
  font-size: 16px;
}

@media (min-width: 1601px) {
  .accordion .card .card-body {
    height: 455px;
  }
}

.section__contentPage__slider {
  width: 100%;
}

.section__contentPage__slider .child-element {
  padding: 50px 20px 0px 20px;
}

.section__contentPage__slider .child-element img {
  width: 100%;
  height: 100%;
}

.section__contentPage__slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.section__contentPage__slider .slick-list {
  padding: 0px !important;
}

.section__contentPage__slider .slick-slide {
  float: none;
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  height: 100%;
  text-align: center;
}

.section__contentPage__slider .slick-slide img {
  min-width: 125px;
  width: 100%;
}

.slide-arrow {
  position: absolute;
  top: 106%;
  margin-top: -15px;
}

@media (min-width: 577px) {
  .slide-arrow {
    top: 100%;
  }
}

.prev-arrow {
  z-index: 999;
  left: 25px;
  width: 0;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 15px solid #ffffff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  background-color: transparent;
}

@media (min-width: 769px) {
  .prev-arrow {
    left: 300px;
  }
}

@media (min-width: 1201px) {
  .prev-arrow {
    left: 500px;
  }
}

@media (min-width: 1601px) {
  .prev-arrow {
    left: 550px;
  }
}

.next-arrow {
  right: 25px;
  width: 0;
  height: 0;
  border-right: 0 solid transparent;
  border-left: 15px solid #ffffff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  background-color: transparent;
}

@media (min-width: 769px) {
  .next-arrow {
    right: 300px;
  }
}

@media (min-width: 1201px) {
  .next-arrow {
    right: 500px;
  }
}

@media (min-width: 1601px) {
  .next-arrow {
    right: 550px;
  }
}

.section__contentPage__filter {
  margin-bottom: 10px;
  margin-top: 25px;
}

@media (min-width: 993px) {
  .section__contentPage__filter {
    margin-top: 0px;
  }
}

.section__contentPage__filter #filterSlider {
  margin-top: 25px;
}

@media (min-width: 1201px) {
  .section__contentPage__filter .owl-stage {
    width: 100% !important;
  }
}

.filter-container .filterDiv {
  display: none;
}

.filter-container .filterDiv.show {
  width: 100%;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.filter-container .filterDiv.show[class*="col-"] {
  display: block;
}

.breadcrumb {
  margin-bottom: 0px;
  padding: 10px 0px;
  list-style: none;
  background: none;
}

.breadcrumb li + li::before {
  padding: 10px;
  font-family: 'Izmir-ExtraBold', Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #042850;
  content: ">";
}

.breadcrumb li a {
  font-family: 'Izmir-ExtraBold', Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #042850;
  text-decoration: none;
}

.breadcrumb li a:hover {
  color: #0c5bb3;
}

.header__socialMedia {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #0c5bb3;
  height: 30px;
  position: relative;
  z-index: 9;
}

.header__socialMedia .header__socialList {
  display: none;
  margin-bottom: 0px;
}

@media (max-width: 768px) {
  .header__socialMedia .header__socialList {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    list-style: none;
    float: right;
  }
  .header__socialMedia .header__socialList li:not(:last-child) {
    display: none;
  }
}

@media (min-width: 769px) {
  .header__socialMedia {
    width: 100%;
  }
  .header__socialMedia .header__socialList {
    list-style: none;
    height: 30px;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header__socialMedia .header__socialList li {
    display: inline-block;
    list-style: none;
  }
  .header__socialMedia .header__socialList li:last-of-type {
    margin-left: auto;
  }
  .header__socialMedia .header__socialList li a span {
    margin-right: 83px;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header__socialMedia .header__socialList li a span small {
    padding-left: 20px;
    font-family: 'Izmir', Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
  }
}

.lang-part {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.lang-part .lang-button {
  position: relative;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.lang-part .lang-button label {
  margin-bottom: 0px;
}

.lang-part .lang-button .select-lang {
  font-family: 'Izmir-Medium', Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #ffffff;
  font-weight: 500;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.lang-part .lang-button .select-lang:hover {
  cursor: pointer;
}

.lang-part .lang-button .select-lang:after {
  content: '';
  background: url("../../assets/images/icon/icon-lang-down.svg") no-repeat;
  width: 12px;
  height: 8px;
  display: block;
  margin-left: 5px;
}

.lang-part .lang-button .lang-check {
  position: absolute;
  top: 0;
  width: 30px;
  height: 39px;
  opacity: 0;
  cursor: pointer;
}

.lang-part .lang-button .lang-check:checked ~ .lang-container {
  display: block;
  width: 100%;
  position: absolute;
  padding: 2px;
  left: -9px;
  top: 24px;
  z-index: 9;
}

.lang-part .lang-button .lang-check:checked ~ .lang-container a {
  text-decoration: none;
  font-family: 'Izmir-Medium', Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #0c5bb3;
  font-weight: 500;
  display: block;
  padding: 5px;
}

.lang-part .lang-button .lang-check:checked ~ .lang-container a:hover {
  color: #04a3df;
  text-decoration: none;
}

.lang-part .lang-button .lang-container {
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  display: none;
}

.header__logo {
  background-color: #ffffff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__logo .brandLogo {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  background-color: #ffffff;
  padding-bottom: 20px;
}

@media (max-width: 1200px) {
  .header__logo .brandLogo {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

.header__logo .brandLogo .otherLogo {
  display: none;
}

@media (min-width: 1201px) {
  .header__logo .brandLogo .otherLogo {
    display: block;
  }
}

.header__logo .brandLogo img {
  padding-top: 20px;
  width: 100%;
  max-width: 230px;
}

@media (min-width: 1201px) {
  .header__logo .brandLogo img {
    max-width: 300px;
  }
}

.header__logo .brandLogo .sideLogo {
  display: none;
}

@media (min-width: 1201px) {
  .header__logo .brandLogo .sideLogo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
  }
}

.header__logo .brandLogo .sideLogo .izdenizLogo {
  border-right: 1px solid #d8d8d8;
  padding: 15px;
  margin-top: 10px;
  max-width: 150px;
  width: 100%;
  height: 100%;
}

.header__logo .brandLogo .sideLogo .ibbLogo {
  padding: 15px;
  max-width: 75px;
  width: 100%;
  height: 100%;
}

.section__banner {
  position: relative;
}

.section__banner__content, .section__banner__content-hakkimizda, .section__banner__content-belgelerimiz, .section__banner__content-iletisim, .section__banner__content-nefes, .section__banner__content-hakkimizdanefes, .section__banner__content-maviBayrak, .section__banner__content-yuzulebilirKorfez, .section__banner__content-atikalimMerkezi, .section__banner__content-yerlesimplani, .section__banner__content-izmirmarinadetail, .section__banner__content-etkinliklerimizdetail, .section__banner__content-faydalilinkler, .section__banner__content-hizmetlerimiz, .section__banner__content-nedenizmirmarina, .section__banner__content-galeri, .section__banner__content-basin, .section__banner__content-etkinliklerimiz, .section__banner__content-etkinliklerimizizmirmarina, .section__banner__content-denizcilik {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(12, 91, 179, 0.75)), color-stop(rgba(12, 91, 179, 0.75)), color-stop(rgba(12, 91, 179, 0.75)), to(rgba(4, 31, 90, 0.85))), url("../../../assets/images/banner/banner-1.jpg");
  background: linear-gradient(0deg, rgba(12, 91, 179, 0.75), rgba(12, 91, 179, 0.75), rgba(12, 91, 179, 0.75), rgba(4, 31, 90, 0.85)), url("../../../assets/images/banner/banner-1.jpg");
  height: 873px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-blend-mode: multiply;
}

.section__banner__content-hakkimizda {
  height: auto;
  background-image: url("../../../../assets/images/banner/hakkimizdabg.png");
}

.section__banner__content-belgelerimiz, .section__banner__content-iletisim {
  height: auto;
  background-image: url("../../../../assets/images/banner/belgelerimiz.png");
}

.section__banner__content-nefes {
  height: auto;
  background-image: url("../../../../assets/images/banner/nefesbg.png");
}

.section__banner__content-hakkimizdanefes {
  height: auto;
  background-image: url("../../../../assets/images/banner/hakkimizdanefes-bg.png");
}

.section__banner__content-iletisim {
  background-color: #eaeaea;
  background-image: none;
  padding-bottom: 1px;
}

.section__banner__content-maviBayrak {
  height: auto;
  background-image: url("../../../../assets/images/banner/maviBayrak.png");
}

.section__banner__content-yuzulebilirKorfez {
  height: auto;
  background-image: url("../../../../assets/images/banner/yuzulebilirkorfez.png");
}

.section__banner__content-atikalimMerkezi {
  height: auto;
  background-image: url("../../../../assets/images/banner/atikalimmerkezi.png");
}

.section__banner__content-yerlesimplani {
  height: auto;
  background-image: url("../../../../assets/images/banner/yerlesimplanibg.png");
}

.section__banner__content-izmirmarinadetail {
  height: auto;
  background-image: url("../../../../assets/images/banner/izmirmarinadetay-bg.png");
}

.section__banner__content-etkinliklerimizdetail {
  height: auto;
  background-image: url("../../../../assets/images/banner/etkinliklerimiz-detay-bg.png");
}

.section__banner__content-faydalilinkler {
  height: auto;
  background-image: url("../../../../assets/images/banner/faydalilinkler-bg.png");
}

.section__banner__content-hizmetlerimiz {
  height: auto;
  background-image: url("../../../../assets/images/banner/hizmetlerimiz-bg.png");
}

.section__banner__content-nedenizmirmarina {
  height: auto;
  background-image: url("../../../../assets/images/banner/nedenizmir-bg.png");
}

.section__banner__content-galeri {
  height: auto;
  background-image: url("../../../../assets/images/banner/galeri-bg.png");
}

.section__banner__content-basin {
  height: auto;
  background-image: url("../../../../assets/images/banner/basin-bg.png");
}

.section__banner__content-etkinliklerimiz {
  height: auto;
  background-image: url("../../../../assets/images/banner/etkinliklerimiz-bg.png");
}

.section__banner__content-etkinliklerimizizmirmarina {
  height: auto;
  background-image: url("../../../../assets/images/banner/etkinlikizmirmarina-bg.png");
}

.section__banner__content-denizcilik {
  height: auto;
  background-image: url("../../../../assets/images/banner/denizcilik-bg.png");
}

.section__banner__coordPart {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding-top: 100px;
  width: 100%;
}

.section__banner__coordPart p {
  font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
  font-size: 25px;
  color: #ffffff;
  padding-right: 30px;
  padding-left: 30px;
}

@media (min-width: 577px) {
  .section__banner__coordPart {
    padding-top: 100px;
  }
  .section__banner__coordPart p {
    font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
    font-size: 30px;
  }
}

@media (min-width: 769px) {
  .section__banner__coordPart {
    padding-top: 150px;
  }
  .section__banner__coordPart p {
    font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
    font-size: 35px;
  }
}

@media (min-width: 1201px) {
  .section__banner__coordPart {
    padding-top: 330px;
  }
  .section__banner__coordPart p {
    font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
    font-size: 45px;
  }
}

.section__banner__weatherBox {
  position: relative;
  width: 100%;
  background-color: #001c3c;
  margin-top: 25px;
}

@media (min-width: 577px) {
  .section__banner__weatherBox {
    margin: 20px auto;
  }
}

@media (min-width: 993px) {
  .section__banner__weatherBox {
    margin-top: 60px;
  }
}

@media (min-width: 1601px) {
  .section__banner__weatherBox {
    display: block;
    margin: 40px auto;
    width: 95%;
  }
}

.section__banner__weatherBox-row {
  width: 100%;
  height: 100%;
  margin-left: 0px;
  margin-right: 0px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: #ffffff;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.section__banner__weatherBox-row .col-cityDate {
  width: 35%;
}

@media (min-width: 577px) {
  .section__banner__weatherBox-row .col-cityDate {
    width: 33.33333%;
  }
}

.section__banner__weatherBox-row .col-paravane {
  width: 22%;
}

@media (min-width: 577px) {
  .section__banner__weatherBox-row .col-paravane {
    width: 33.33333%;
  }
}

@media (min-width: 1px) {
  .section__banner__weatherBox-row h5 {
    font-family: 'Izmir-Bold', Arial, Helvetica, sans-serif;
    font-size: 12px;
  }
  .section__banner__weatherBox-row p {
    font-family: 'Izmir', Arial, Helvetica, sans-serif;
    font-size: 12px;
  }
}

@media (min-width: 769px) {
  .section__banner__weatherBox-row h5 {
    font-family: 'Izmir-Bold', Arial, Helvetica, sans-serif;
    font-size: 18px;
  }
  .section__banner__weatherBox-row p {
    font-family: 'Izmir', Arial, Helvetica, sans-serif;
    font-size: 14px;
  }
}

@media (min-width: 993px) {
  .section__banner__weatherBox-row h5 {
    font-family: 'Izmir-Bold', Arial, Helvetica, sans-serif;
    font-size: 20px;
  }
  .section__banner__weatherBox-row p {
    font-family: 'Izmir', Arial, Helvetica, sans-serif;
    font-size: 14px;
  }
}

@media (min-width: 1601px) {
  .section__banner__weatherBox-row h5 {
    font-family: 'Izmir-Bold', Arial, Helvetica, sans-serif;
    font-size: 30px;
  }
  .section__banner__weatherBox-row p {
    font-family: 'Izmir', Arial, Helvetica, sans-serif;
    font-size: 14px;
  }
}

.section__banner__weatherBox-row .box__subText {
  margin-top: 15px;
  color: #ffffff;
}

.section__banner__weatherBox-row .box__subText small {
  font-family: 'Izmir', Arial, Helvetica, sans-serif;
  font-size: 14px;
}

@media (min-width: 1px) {
  .section__banner__weatherBox-row .box__subText small {
    font-family: 'Izmir', Arial, Helvetica, sans-serif;
    font-size: 12px;
  }
}

@media (min-width: 769px) {
  .section__banner__weatherBox-row .box__subText small {
    font-family: 'Izmir', Arial, Helvetica, sans-serif;
    font-size: 14px;
  }
}

.section__banner__weatherBox-row .paravane {
  border-right: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  padding-right: 0px;
  padding-left: 0px;
  height: auto;
}

.section__banner__weatherBox-row .paravane p {
  font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #ffffff;
  margin-top: 20px;
}

@media (min-width: 1px) {
  .section__banner__weatherBox-row .paravane p {
    font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-bottom: 15px;
  }
}

@media (min-width: 769px) {
  .section__banner__weatherBox-row .paravane p {
    font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
    font-size: 18px;
  }
}

.section__banner__weatherBox-row .paravane span {
  color: #ffffff;
  font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
  font-size: 45px;
  display: block;
  margin: 0px auto;
}

@media (min-width: 1px) {
  .section__banner__weatherBox-row .paravane span {
    font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
    font-size: 13px;
  }
}

@media (min-width: 577px) {
  .section__banner__weatherBox-row .paravane span {
    font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
    font-size: 20px;
  }
}

@media (min-width: 769px) {
  .section__banner__weatherBox-row .paravane span {
    font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
    font-size: 35px;
  }
}

@media (min-width: 1201px) {
  .section__banner__weatherBox-row .paravane span {
    font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
    font-size: 45px;
  }
}

@media (min-width: 1px) {
  .section__banner__weatherBox-row .paravane span img {
    margin-bottom: 10px;
    margin-right: 7px;
    max-width: 20px;
    width: 100%;
  }
}

@media (min-width: 577px) {
  .section__banner__weatherBox-row .paravane span img {
    margin-bottom: 15px;
    margin-right: 10px;
    max-width: 40px;
    width: 100%;
  }
}

@media (min-width: 769px) {
  .section__banner__weatherBox-row .paravane span img {
    margin-bottom: 25px;
    margin-right: 30px;
    max-width: 58px;
    width: 100%;
  }
}

.section__banner__weatherBox-row .weatherBox__cityDate {
  padding: 30px;
}

@media (min-width: 1px) {
  .section__banner__weatherBox-row .weatherBox__description {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 18px 10px;
  }
}

@media (min-width: 1201px) {
  .section__banner__weatherBox-row .weatherBox__description {
    display: block;
    padding-left: 20px;
  }
}

.section__banner__weatherBox-row .weatherBox__description ul {
  list-style: none;
  color: #ffffff;
  margin-bottom: 0px;
  text-align: start;
}

.section__banner__weatherBox-row .weatherBox__description ul span {
  font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
  font-size: 18px;
}

@media (min-width: 1px) {
  .section__banner__weatherBox-row .weatherBox__description ul span {
    font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
    font-size: 12px;
  }
}

@media (min-width: 769px) {
  .section__banner__weatherBox-row .weatherBox__description ul span {
    font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
    font-size: 16px;
  }
}

.section__banner__weatherBox-row .weatherBox__description ul strong {
  width: 100%;
  max-width: 200px;
}

@media (min-width: 1px) {
  .section__banner__weatherBox-row .weatherBox__description ul strong {
    font-family: 'Izmir', Arial, Helvetica, sans-serif;
    font-size: 12px;
  }
}

@media (min-width: 769px) {
  .section__banner__weatherBox-row .weatherBox__description ul strong {
    font-family: 'Izmir', Arial, Helvetica, sans-serif;
    font-size: 16px;
  }
}

@media (min-width: 1201px) {
  .section__banner__weatherBox-row .weatherBox__description ul strong {
    word-wrap: break-word;
    display: inline-block;
    font-family: 'Izmir', Arial, Helvetica, sans-serif;
    font-size: 18px;
  }
}

.section__banner__rotateButton, .section__banner__rotateButton-2nd {
  z-index: 999;
}

@media (min-width: 1px) {
  .section__banner__rotateButton, .section__banner__rotateButton-2nd {
    top: 440px;
    right: 0px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
}

@media (min-width: 769px) {
  .section__banner__rotateButton, .section__banner__rotateButton-2nd {
    top: 510px;
    right: 180px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (min-width: 1201px) {
  .section__banner__rotateButton, .section__banner__rotateButton-2nd {
    top: 390px;
    right: inherit;
    position: absolute;
    display: inline-block;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
  }
}

@media (min-width: 1px) {
  .section__banner__rotateButton-2nd {
    top: 500px;
    left: 0px;
  }
}

@media (min-width: 769px) {
  .section__banner__rotateButton-2nd {
    top: 510px;
    margin-left: 350px;
  }
}

@media (min-width: 1201px) {
  .section__banner__rotateButton-2nd {
    top: 735px;
    margin-left: 0px;
  }
}

.section__topNavbar {
  height: 112px;
  width: 100%;
  opacity: 1;
}

.section__topNavbar__menu, .section__topNavbar__page-menu {
  padding: 0;
  z-index: 999;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  width: 100%;
}

@media (max-width: 1200px) {
  .section__topNavbar__menu, .section__topNavbar__page-menu {
    position: fixed;
    left: 100%;
    height: 100vh;
    z-index: 999;
    background-color: #fff;
    width: 100%;
    text-align: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .section__topNavbar__menu .container__menu, .section__topNavbar__page-menu .container__menu {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .section__topNavbar__menu.active, .active.section__topNavbar__page-menu {
    left: 0;
  }
}

.section__topNavbar__menu.content-navbar, .content-navbar.section__topNavbar__page-menu {
  background-color: #ffffff;
}

@media (min-width: 1201px) {
  .section__topNavbar__menu.content-navbar, .content-navbar.section__topNavbar__page-menu {
    background-color: #0c5bb3;
  }
}

.section__topNavbar__menu.content-navbar .section__topNavbar__submenuList, .content-navbar.section__topNavbar__page-menu .section__topNavbar__submenuList {
  background-color: #0c5bb3;
}

.section__topNavbar__page-menu {
  background-color: #0c5bb3;
  padding-bottom: 15px;
}

.section__topNavbar__menuList {
  list-style: none;
  padding-bottom: 15px;
  padding-left: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: contents;
  top: calc(50% - 1px);
}

@media (max-width: 1200px) {
  .section__topNavbar__menuList {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: absolute;
    top: 0px;
    height: calc(100vh - 230px);
    overflow: scroll;
    width: 100%;
  }
}

.section__topNavbar__menuList a {
  display: block;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
  font-size: 16px;
}

@media (max-width: 576px) {
  .section__topNavbar__menuList a {
    font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
    font-size: 14px !important;
  }
}

.section__topNavbar__menuList li {
  color: #fff;
  display: block;
  float: left;
  position: relative;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

.section__topNavbar__menuList li a {
  display: block;
  color: #ffffff;
  text-align: left;
  text-decoration: none;
  font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
  font-size: 16px;
}

@media (max-width: 1200px) {
  .section__topNavbar__menuList li a {
    color: #0c5bb3;
  }
}

.section__topNavbar__menuList li:active > ul,
.section__topNavbar__menuList li:hover > ul {
  visibility: visible;
  opacity: 1;
  display: block;
}

.section__topNavbar__menuList li:hover {
  cursor: pointer;
}

.section__topNavbar__menuList li .section__topNavbar__submenuList {
  visibility: hidden;
  opacity: 0;
  min-width: 190px;
  padding-left: 10px;
  position: absolute;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-top: 0px;
  left: 0;
  display: none;
}

@media (max-width: 1200px) {
  .section__topNavbar__menuList li .section__topNavbar__submenuList {
    position: relative;
    width: 100%;
    display: none;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

.section__topNavbar__menuList li .section__topNavbar__submenuList li {
  clear: both;
  width: 100%;
  float: left;
}

.section__topNavbar__menuList li .section__topNavbar__submenuList li a {
  -webkit-animation: rotateMenu 400ms ease-in-out forwards;
          animation: rotateMenu 400ms ease-in-out forwards;
  -webkit-transform-origin: top center;
          transform-origin: top center;
  padding-top: 0px;
}

.section__topNavbar__menuList li .section__topNavbar__submenuList:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}

.section__topNavbar__menuList .responsiveLogo {
  margin-top: 30px;
}

@media (min-width: 1201px) {
  .section__topNavbar__menuList .responsiveLogo {
    display: none;
  }
}

.section__topNavbar__menuList-fixed {
  display: none;
  list-style: none;
}

@media (max-width: 1200px) {
  .section__topNavbar__menuList-fixed {
    height: 140px;
    width: 100%;
    display: block;
    position: fixed;
    bottom: 0px;
    margin-bottom: 0px;
    background-color: #ffffff;
  }
  .section__topNavbar__menuList-fixed img {
    margin-top: 15px;
    max-width: 60px;
    width: 100%;
  }
}

.section__topNavbar__hamburgerSocial {
  margin-top: 15px;
  display: none;
}

@media (max-width: 1200px) {
  .section__topNavbar__hamburgerSocial {
    list-style: none;
    height: 30px;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: inline-block;
    list-style: none;
  }
  .section__topNavbar__hamburgerSocial:last-of-type {
    margin-left: auto;
  }
  .section__topNavbar__hamburgerSocial a img {
    margin-left: 10px;
    margin-right: 10px;
    width: 15px;
  }
}

.arrow {
  margin-left: 5px;
  margin-bottom: 3px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2.5px;
}

.arrow.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.fixed {
  position: fixed !important;
  width: 100%;
  top: 0;
  z-index: 999;
  background-color: #0c5bb3;
  -webkit-transition: background-color 500ms linear;
  transition: background-color 500ms linear;
}

.fixed ul {
  background-color: #0c5bb3;
  padding-bottom: 10px;
}

.fixed ul li a {
  color: #ffffff;
}

.fixed ul li ul li a:hover {
  color: #04a3df;
}

.section__mainPart-1st, .section__mainPart-2nd, .section__mainPart-3rd, .section__mainPart-4th {
  position: relative;
  text-align: center;
}

.section__mainPart-1st__content {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(232, 232, 232, 0.85)), to(rgba(232, 232, 232, 0.85))), url("../../../../assets/images/banner/banner-2.jpg");
  background: linear-gradient(0deg, rgba(232, 232, 232, 0.85), rgba(232, 232, 232, 0.85)), url("../../../../assets/images/banner/banner-2.jpg");
  height: 975px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.section__mainPart-2nd__content {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(12, 91, 179, 0.85))), url("../../../../assets/images/banner/banner-3.jpg");
  background: linear-gradient(0deg, rgba(12, 91, 179, 0.85)), url("../../../../assets/images/banner/banner-3.jpg");
  height: 975px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.section__mainPart-3rd__content {
  background-color: #ebebeb;
  width: 100%;
  height: auto;
}

.section__mainPart-4th__content {
  background-color: #ffffff;
  height: auto;
  width: 100%;
}

.section__mainPart-4th__content p {
  padding-bottom: 100px;
}

.section__serviceCard__partial .card {
  margin-top: -90px;
  width: 100%;
  border: none;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(14px);
          backdrop-filter: blur(14px);
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
}

@media (min-width: 1px) {
  .section__serviceCard__partial .card {
    margin-top: -220px;
    min-height: 140px;
  }
}

@media (min-width: 421px) {
  .section__serviceCard__partial .card {
    min-height: 185px;
  }
}

@media (min-width: 1201px) {
  .section__serviceCard__partial .card {
    width: 100%;
    max-width: 100%;
    height: 330px;
    padding-bottom: 15px;
    margin-top: -90px;
  }
}

@media (min-width: 1601px) {
  .section__serviceCard__partial .card {
    margin-top: -60px;
  }
}

.section__serviceCard__partial .card img {
  margin-bottom: 20px;
  width: 100%;
  max-width: 60px;
}

@media (max-width: 420px) {
  .section__serviceCard__partial .card img {
    max-width: 35px;
  }
}

@media (min-width: 1201px) {
  .section__serviceCard__partial .card img {
    width: 100%;
    max-width: 71px;
  }
}

.section__serviceCard__partial .card-title {
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 0px;
}

@media (min-width: 1px) {
  .section__serviceCard__partial .card-title {
    margin-top: 25px;
  }
}

@media (min-width: 1201px) {
  .section__serviceCard__partial .card-title {
    margin-top: 40px;
  }
}

.section__serviceCard__partial .card-title h5 {
  font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #0c5bb3;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 1px) {
  .section__serviceCard__partial .card-title h5 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}

@media (min-width: 1px) {
  .section__serviceCard__partial .card-title h5 {
    font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
    font-size: 16px;
  }
}

@media (min-width: 577px) {
  .section__serviceCard__partial .card-title h5 {
    font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
    font-size: 18px;
  }
}

@media (min-width: 769px) {
  .section__serviceCard__partial .card-title h5 {
    font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
    font-size: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}

@media (min-width: 1201px) {
  .section__serviceCard__partial .card-title h5 {
    font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
    font-size: 24px;
  }
}

.section__serviceCard__partial .card-body {
  padding: 0px 30px;
  text-align: center;
  overflow: hidden;
  max-height: 200px;
}

.section__serviceCard__partial .card-body p {
  font-family: 'Izmir', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 18px;
  color: #0c5bb3;
  overflow: hidden;
  text-overflow: ellipsis;
  display: none;
}

@media (min-width: 769px) {
  .section__serviceCard__partial .card-body p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}

@media (min-width: 1201px) {
  .section__serviceCard__partial .card-body p {
    -webkit-line-clamp: 10;
    /* number of lines to show */
    line-clamp: 10;
    -webkit-box-orient: vertical;
  }
}

.section__serviceCard__partial .card:hover {
  cursor: pointer;
  background-color: rgba(12, 91, 179, 0.8);
}

.section__serviceCard__partial .card:hover .card-title img {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(150%) contrast(103%);
  -webkit-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(150%) contrast(103%);
}

.section__serviceCard__partial .card:hover .card-title h5 {
  color: #ffffff;
}

.section__serviceCard__partial .card:hover .card-body p {
  color: #ffffff;
}

.section__rezervationPart {
  margin: 50px 0px;
}

@media (min-width: 577px) {
  .section__rezervationPart {
    margin: 120px 0px;
  }
}

@media (min-width: 1201px) {
  .section__rezervationPart {
    margin: 55px 0px;
  }
}

.section__rezervationPart__form {
  border-radius: 5px;
  background-color: #0c5bb3;
  padding-top: 10px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 1px;
  height: 100%;
}

@media (min-width: 769px) {
  .section__rezervationPart__form {
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 5px;
  }
}

.section__rezervationPart__form input {
  position: relative;
  margin-bottom: 20px;
}

@media (min-width: 1px) {
  .section__rezervationPart__form input {
    margin-bottom: 15px;
  }
}

@media (min-width: 577px) {
  .section__rezervationPart__form input {
    margin-bottom: 20px;
  }
}

.section__rezervationPart__form label {
  position: absolute;
  display: block;
  z-index: 9;
  margin: -15px 12px;
  font-family: 'Izmir', Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #bdbdbd;
}

@media (min-width: 577px) {
  .section__rezervationPart__form label {
    margin: -20px 12px;
  }
}

.section__rezervationPart__form .form-text {
  text-align: center;
  margin-top: 8px;
}

.section__rezervationPart__form .form-text p {
  margin-top: 3px;
  font-family: 'Izmir', Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #ffffff;
}

.section__rezervationPart__form .form-text h1 {
  font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #ffffff;
  margin-bottom: 15px;
}

@media (min-width: 577px) {
  .section__rezervationPart__form .form-text h1 {
    font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
    font-size: 30px;
    margin-bottom: 35px;
  }
}

@media (min-width: 769px) {
  .section__rezervationPart__form .form-text h1 {
    font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
    font-size: 36px;
    margin-bottom: 45px;
  }
}

.section__rezervationPart__form .form-text h5 {
  font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 20px;
}

.section__rezervationPart__form-button {
  margin: 70px 0px;
}

.section__rezervationPart__form-button a {
  font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
  font-size: 18px;
}

@media (max-width: 576px) {
  .section__rezervationPart__form-button {
    margin: 30px 0px;
  }
}

.section__sliderPart__title h1 {
  padding-top: 40px;
  font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #ffffff;
  margin-bottom: 15px;
}

@media (min-width: 577px) {
  .section__sliderPart__title h1 {
    font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
    font-size: 30px;
    margin-bottom: 35px;
  }
}

@media (min-width: 769px) {
  .section__sliderPart__title h1 {
    font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
    font-size: 36px;
    margin-bottom: 45px;
    padding-top: 60px;
  }
}

.section__sliderPart__text {
  display: block;
  margin: 15px auto;
  margin-top: 45px;
  max-width: 680px;
  width: 100%;
}

.section__sliderPart__text p {
  color: #ffffff;
  font-family: 'Izmir', Arial, Helvetica, sans-serif;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}

@media (min-width: 1px) {
  .section__sliderPart__text p {
    -webkit-line-clamp: 25;
    line-clamp: 25;
    -webkit-box-orient: vertical;
  }
}

@media (min-width: 577px) {
  .section__sliderPart__text p {
    -webkit-line-clamp: 15;
    line-clamp: 15;
    -webkit-box-orient: vertical;
  }
}

.section__sliderPart__slider {
  width: 100%;
}

.section__sliderPart__slider .child-element {
  padding: 50px 0px;
}

.section__sliderPart__slider .child-element img {
  width: 100%;
  height: 100%;
  max-width: 696px;
}

.section__sliderPart__slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.section__sliderPart__slider .slick-list {
  padding: 0px !important;
}

.section__sliderPart__slider .slick-slide {
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin: 15px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  height: 100%;
  text-align: center;
}

@media (min-width: 1px) {
  .section__sliderPart__slider .slick-slide {
    padding: 0px;
  }
}

@media (min-width: 993px) {
  .section__sliderPart__slider .slick-slide {
    padding: 25px 45px;
    margin: 15px;
  }
}

.section__sliderPart__slider .slick-slide img {
  min-width: 200px;
  width: 100%;
  border-radius: 5px;
}

.section__sliderPart .slick-slider .slick-slide.slick-current, .section__sliderPart .slick-slider .slick-slide.slick-center {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}

.section__sliderPart .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style-type: none;
}

.section__sliderPart .slick-dots li {
  margin: 20px 10px;
}

.section__sliderPart .slick-dots button {
  display: block;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: #ffffff;
  text-indent: -9999px;
}

.section__sliderPart .slick-dots li.slick-active button {
  position: relative;
  border: 2px solid #ffffff;
  -webkit-box-shadow: inset 0 0 0 4px #0c5bb3;
          box-shadow: inset 0 0 0 4px #0c5bb3;
}

.section__nefesRestaurant__title {
  padding-top: 15px;
}

.section__nefesRestaurant__title h5 {
  font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
  font-size: 32px;
  color: #040404;
}

.section__nefesRestaurant__logo {
  padding-top: 40px;
}

@media (min-width: 769px) {
  .section__nefesRestaurant__logo {
    padding-top: 60px;
  }
}

.section__nefesRestaurant__slider {
  width: 100%;
}

.section__nefesRestaurant__slider .child-element {
  padding: 50px 30px 0px 0px;
}

.section__nefesRestaurant__slider .child-element img {
  width: 100%;
  height: 100%;
}

.section__nefesRestaurant__slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.section__nefesRestaurant__slider .slick-list {
  padding: 0px !important;
}

.section__nefesRestaurant__slider .slick-slide {
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin: 15px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  height: 100%;
  text-align: center;
}

.section__nefesRestaurant__slider .slick-slide img {
  min-width: 125px;
  width: 100%;
}

.section__nefesRestaurant .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style-type: none;
}

.section__nefesRestaurant .slick-dots li {
  margin: 20px 10px;
}

.section__nefesRestaurant .slick-dots button {
  display: block;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: #ffffff;
  text-indent: -9999px;
}

.section__nefesRestaurant .slick-dots li.slick-active button {
  position: relative;
  border: 2px solid #ffffff;
  -webkit-box-shadow: inset 0 0 0 4px #0c5bb3;
          box-shadow: inset 0 0 0 4px #0c5bb3;
}

.section__socialMedia__title h1 {
  padding-top: 50px;
  color: #0c5bb3;
  font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
  font-size: 20px;
}

@media (min-width: 577px) {
  .section__socialMedia__title h1 {
    font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
    font-size: 30px;
    margin-bottom: 35px;
  }
}

@media (min-width: 769px) {
  .section__socialMedia__title h1 {
    font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
    font-size: 36px;
    margin-bottom: 45px;
    padding-top: 60px;
  }
}

.section__socialMedia__content {
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 50px;
}

.section__socialMedia__content .social-col {
  padding: 10px;
  width: 100%;
}

@media (min-width: 1px) {
  .section__socialMedia__content .social-col {
    width: 50%;
  }
}

@media (min-width: 769px) {
  .section__socialMedia__content .social-col {
    width: 25%;
  }
}

@media (min-width: 1201px) {
  .section__socialMedia__content .social-col {
    width: 20%;
  }
}

.section__socialMedia__content .social-col {
  padding-right: 10px;
  padding-left: 10px;
}

.section__socialMedia__post img {
  height: 100%;
  width: 100%;
}

.section__socialMedia__followButton {
  margin-bottom: 80px;
}

.section__bannerMap {
  position: relative;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

.section__bannerMap iframe {
  width: 100%;
  height: 550px;
}

@media (min-width: 1201px) {
  .section__bannerMap iframe {
    margin-top: 63px;
    height: 850px;
  }
}

.section__iletisimPart {
  text-align: center;
  padding: 0px;
  margin-bottom: 100px;
  position: relative;
}

.section__iletisimPart .section__rezervationPart__form {
  padding-bottom: 30px;
}

.section__iletisimPart .section__rezervationPart__form-button {
  margin: 35px 0px;
}

.section__iletisimPart textarea {
  width: 100%;
  height: 225px;
  border-radius: 5px;
  font-family: 'Izmir-Medium', Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #001c3c;
}

.section__iletisimPart textarea:focus {
  outline: none;
}

.section__iletisimPart textarea::-webkit-input-placeholder {
  padding-top: 15px;
  padding-left: 15px;
  color: #bdbdbd;
  font-family: 'Izmir-Medium', Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.section__iletisimPart textarea:-ms-input-placeholder {
  padding-top: 15px;
  padding-left: 15px;
  color: #bdbdbd;
  font-family: 'Izmir-Medium', Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.section__iletisimPart textarea::-ms-input-placeholder {
  padding-top: 15px;
  padding-left: 15px;
  color: #bdbdbd;
  font-family: 'Izmir-Medium', Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.section__iletisimPart textarea::placeholder {
  padding-top: 15px;
  padding-left: 15px;
  color: #bdbdbd;
  font-family: 'Izmir-Medium', Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.online-ticket {
  position: absolute;
  top: 0px;
  left: calc(50% - 115px);
}

@media (min-width: 1px) {
  .online-ticket {
    top: 10px;
    left: calc(50% - 45px);
  }
  .online-ticket img {
    max-width: 100px;
  }
}

@media (min-width: 769px) {
  .online-ticket {
    top: 20px;
    left: calc(50% - 85px);
  }
  .online-ticket img {
    max-width: 175px;
  }
}

@media (min-width: 1201px) {
  .online-ticket {
    top: 120px;
    left: calc(50% - 115px);
  }
  .online-ticket img {
    max-width: 200px;
  }
}

.hamburgerMenu {
  display: none;
  border-radius: 50%;
}

.hamburgerMenu .bar {
  display: block;
  width: 25px;
  height: 3px;
  margin: 5px auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #0c5bb3;
}

@media (max-width: 1200px) {
  .hamburgerMenu {
    display: block;
    cursor: pointer;
    margin-top: -60px;
  }
  .hamburgerMenu.active .bar:nth-child(2) {
    opacity: 0;
  }
  .hamburgerMenu.active .bar:nth-child(1) {
    -webkit-transform: translateY(8px) rotate(45deg);
            transform: translateY(8px) rotate(45deg);
  }
  .hamburgerMenu.active .bar:nth-child(3) {
    -webkit-transform: translateY(-8px) rotate(-45deg);
            transform: translateY(-8px) rotate(-45deg);
  }
}

.container-hamburger {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.section {
  position: relative;
}

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

@media (min-width: 1201px) {
  .section__contentPage {
    padding-top: 100px;
  }
}

.section__contentPage .section__nefesRestaurant__logo {
  padding: 25px;
}

.section__contentPage .section__nefesRestaurant__logo img {
  display: block;
  margin: 0 auto;
}

.section__contentPage .section__sliderPart {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

@media (min-width: 1201px) {
  .section__contentPage .section__sliderPart {
    border-top: none;
    border-bottom: none;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
  }
}

.section__contentPage .section__sliderPart .slick-dots {
  margin-bottom: 0px;
}

.section__contentPage .section__sliderPart .slick-dots button {
  width: 17px;
  height: 17px;
  border: 2px solid #0c5bb3;
}

.section__contentPage__slider .child-element img {
  width: 100%;
  height: 100%;
}

.section__contentPage__slider .slide-objectfit img {
  width: 100%;
  height: 100%;
}

@media (min-width: 769px) {
  .section__contentPage__slider .slide-objectfit img {
    width: 100%;
    height: 282px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.section__contentPage__subtitle, .section__contentPage__subtitle-h2 {
  color: #042850;
  font-family: 'Izmir-Bold', Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.section__contentPage__subtitle-h2 {
  margin-top: 25px;
  font-family: 'Izmir-ExtraBold', Arial, Helvetica, sans-serif;
  font-size: 22px;
}

.section__contentPage__title {
  color: #042850;
  font-family: 'Izmir-ExtraBold', Arial, Helvetica, sans-serif;
  font-size: 30px;
}

.section__contentPage__text, .section__contentPage__text-whiteBox {
  color: #212121;
  font-family: 'Izmir-Medium', Arial, Helvetica, sans-serif;
  font-size: 18px;
  padding-top: 10px;
  padding-bottom: 25px;
}

.section__contentPage__text span, .section__contentPage__text-whiteBox span {
  display: block;
  white-space: pre;
  padding-bottom: 25px;
  font-family: 'Izmir-ExtraBold', Arial, Helvetica, sans-serif;
  font-size: 22px;
}

.section__contentPage__text-whiteBox {
  font-family: 'Izmir-Medium', Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #414141;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 8px;
  line-height: 28px;
  height: 120px;
  overflow-x: scroll;
  text-align: center;
}

@media (min-width: 1601px) {
  .section__contentPage__text-whiteBox {
    height: 360px;
  }
}

.section__contentPage__list, .section__contentPage__list-2 {
  padding-left: 22px;
}

.section__contentPage__list li, .section__contentPage__list-2 li {
  color: #212121;
  font-family: 'Izmir-Medium', Arial, Helvetica, sans-serif;
  font-size: 18px;
}

.section__contentPage__list-2 {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 50px;
}

.section__contentPage__img {
  margin-top: 70px;
  margin-bottom: 50px;
  text-align: center;
}

.section__contentPage__img img {
  border-radius: 5px;
  margin-bottom: 25px;
  width: 100%;
}

.section__contentPage__contact, .section__contentPage__contact__middle, .section__contentPage__contact-phone, .section__contentPage__contact-mail {
  padding-bottom: 40px;
}

.section__contentPage__contact__middle {
  padding-left: 10px;
  padding-right: 10px;
  border-right: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
}

.section__contentPage__contact .nefes__email, .section__contentPage__contact__middle .nefes__email, .section__contentPage__contact-phone .nefes__email, .section__contentPage__contact-mail .nefes__email {
  font-family: 'Izmir-Medium', Arial, Helvetica, sans-serif;
  font-size: 17px;
}

.section__contentPage__contact a, .section__contentPage__contact__middle a, .section__contentPage__contact-phone a, .section__contentPage__contact-mail a {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: 'Izmir-Medium', Arial, Helvetica, sans-serif;
  font-size: 32px;
  color: #0c5bb3;
}

.section__contentPage__contact img, .section__contentPage__contact__middle img, .section__contentPage__contact-phone img, .section__contentPage__contact-mail img {
  margin-right: 10px;
  width: 100%;
  max-width: 20px;
}

@media (min-width: 1201px) {
  .section__contentPage__contact-phone, .section__contentPage__contact-mail {
    border-right: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
  }
}

.section__contentPage__contact-phone .contact, .section__contentPage__contact-mail .contact {
  list-style: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.section__contentPage__contact-phone .contact li:first-child, .section__contentPage__contact-mail .contact li:first-child {
  margin-right: 38px;
}

.section__contentPage__contact-phone .contact li:last-child, .section__contentPage__contact-mail .contact li:last-child {
  margin-top: 10px;
  margin-right: 37px;
}

.section__contentPage__contact-phone .contact a, .section__contentPage__contact-mail .contact a {
  display: inline;
  font-family: 'Izmir-Medium', Arial, Helvetica, sans-serif;
  font-size: 18px;
  margin-bottom: 3px;
}

.section__contentPage__contact-mail {
  border: none;
}

.section__contentPage__contact-mail .contact-mail {
  list-style: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.section__contentPage__contact-box, .section__contentPage__contact-box.bannerMap {
  margin-bottom: 70px;
  margin-top: 70px;
  background-color: #001c3c;
  padding: 20px;
  border-radius: 5px;
}

.bannerMap.section__contentPage__contact-box {
  position: relative;
  margin-top: -30px;
}

@media (min-width: 1201px) {
  .bannerMap.section__contentPage__contact-box {
    margin-top: -175px;
  }
}

.section__contentPage__contact-box__row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.section__contentPage__contact-box__row .orange-text {
  padding-top: 25px;
  padding-bottom: 25px;
}

@media (min-width: 1201px) {
  .section__contentPage__contact-box__row .orange-text {
    padding-top: 0px;
  }
}

.section__contentPage__contact-box__row .orange-text p {
  color: #f49619;
  font-family: 'Izmir-Bold', Arial, Helvetica, sans-serif;
  font-size: 32px;
}

.section__contentPage__contact-box__row .section__sliderPart {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

@media (min-width: 1201px) {
  .section__contentPage__contact-box__row .section__sliderPart {
    border-top: none;
    border-bottom: none;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
  }
}

.section__contentPage__contact-box__row .section__sliderPart .slick-dots {
  margin-bottom: 0px;
}

.section__contentPage__contact-box__row .section__sliderPart .slick-dots button {
  width: 17px;
  height: 17px;
  border: 1px solid #0c5bb3;
}

.section__contentPage__contact-box__row .section__sliderPart__slider .child-element {
  padding: 35px;
}

@media (min-width: 1px) {
  .section__contentPage__contact-box__row .section__sliderPart__slider .child-element {
    padding: 15px 50px;
  }
}

@media (min-width: 577px) {
  .section__contentPage__contact-box__row .section__sliderPart__slider .child-element {
    padding: 15px 125px;
  }
}

@media (min-width: 1201px) {
  .section__contentPage__contact-box__row .section__sliderPart__slider .child-element {
    padding: 35px;
  }
}

.section__contentPage__contact-box__row .section__sliderPart p {
  color: #ffffff;
  font-family: 'Izmir-Medium', Arial, Helvetica, sans-serif;
  font-size: 11px;
}

@media (min-width: 1201px) {
  .section__contentPage__contact-box__row .section__sliderPart p {
    font-family: 'Izmir-Medium', Arial, Helvetica, sans-serif;
    font-size: 13px;
  }
}

.section__contentPage__contact-box__row .section__nefesRestaurant__logo {
  padding-top: 0px;
}

@media (max-width: 1200px) {
  .section__contentPage__contact-box__row .section__nefesRestaurant__logo {
    padding-bottom: 25px;
  }
}

.section__contentPage__contact-box__row .section__nefesRestaurant__logo img {
  max-width: 315px;
  width: 100%;
}

.section__contentPage__contact-box__row .section__contentPage__contact, .section__contentPage__contact-box__row .section__contentPage__contact__middle, .section__contentPage__contact-box__row .section__contentPage__contact-phone, .section__contentPage__contact-box__row .section__contentPage__contact-mail {
  padding-bottom: 25px;
  padding-top: 25px;
}

.section__contentPage__contact-box__row .section__contentPage__contact a, .section__contentPage__contact-box__row .section__contentPage__contact__middle a, .section__contentPage__contact-box__row .section__contentPage__contact-phone a, .section__contentPage__contact-box__row .section__contentPage__contact-mail a {
  color: #ffffff;
}

.section__contentPage__contentImg img {
  display: none;
  max-width: 190px;
  width: 100%;
}

@media (min-width: 769px) {
  .section__contentPage__contentImg img {
    display: block;
  }
}

.section__contentPage__links {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 50px;
  margin-bottom: 50px;
  width: 100%;
}

.section__contentPage__links .row {
  width: 100%;
  margin-right: 0px;
  margin-left: 0px;
}

.section__contentPage__links .link {
  margin-right: 0px;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 8px 15px;
  background-color: #d8d8d8;
  color: #ffffff;
  font-family: 'Izmir', Arial, Helvetica, sans-serif;
  font-size: 16px;
  border-radius: 5px;
}

@media (min-width: 577px) {
  .section__contentPage__links .link {
    margin-right: 15px;
  }
}

.section__contentPage__links .link:hover {
  background-color: #0c5bb3;
}

.section__contentPage__links .otherWebsiteButton {
  padding-left: 0px;
}

.section__contentPage__success, .section__contentPage__successText {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 25px;
  margin-bottom: 20px;
}

.section__contentPage__success img, .section__contentPage__successText img {
  max-width: 200px;
  width: 100%;
}

.section__contentPage__successText {
  color: #0c5bb3;
}

.section__contentPage__successText p {
  font-family: 'Izmir-Semibold', Arial, Helvetica, sans-serif;
  font-size: 20px;
}

.footer {
  background-color: #0c5bb3;
  padding-top: 35px;
  position: relative;
}

.footer ul {
  list-style: none;
}

.footer ul li a {
  text-decoration: none;
  color: #ffffff;
  font-family: 'Izmir-Thin', Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.footer .spacing {
  padding-left: 100px;
  padding-top: 30px;
}

.footer-row {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 15px;
}

.footer img {
  width: 100%;
  max-width: 200px;
  margin-bottom: 15px;
}

.footer h5 {
  font-family: 'Izmir-Bold', Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 15px;
}

.footer p {
  font-family: 'Izmir-Thin', Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #ffffff;
}

.footer ul li {
  margin-bottom: 5px;
}

.footer ul li a:hover {
  padding-left: 7px;
}

.footer-social {
  width: 100%;
  background-color: #ffffff;
}

.footer-social-list {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0px;
}

.footer-social-list li {
  display: inline-block;
  padding: 5px 20px;
}

.footer-social-list li a img {
  margin-bottom: 0px;
}

.footer-social-list li a:hover {
  padding-left: 0px !important;
}

.footer-reserved {
  width: 100%;
  background-color: #002952;
}

.footer-reserved-text {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer-reserved-text p {
  padding: 15px 0px;
  font-family: 'Izmir-Thin', Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.footer-reserved-text p span {
  font-family: 'Izmir-Bold', Arial, Helvetica, sans-serif;
  font-size: 14px;
}

@media (min-width: 1201px) {
  .boatInfo-col {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0.333333%;
            flex: 1 0 0.333333%;
    max-width: 50.333333%;
  }
}

.section__newsPages__slider {
  width: 100%;
}

.section__newsPages__slider .child-element {
  padding: 10px;
}

.section__newsPages__slider .child-element img {
  width: 100%;
  height: 100%;
}

.section__newsPages__slider .slick-dots {
  display: none !important;
}

.section__newsPages__slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.section__newsPages__slider .slick-list {
  padding: 0px !important;
}

.section__newsPages__slider .slick-slide {
  float: none;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  height: 100%;
  text-align: center;
}

.section__newsPages__slider .slick-slide img {
  min-width: 125px;
  width: 100%;
}

.section__newsPages__slider .section__contentPage__descBox {
  max-width: 300px;
}
/*# sourceMappingURL=main.css.map */