/*ACCORDION*/
.accordion{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    /*min-width: 500px;*/
}
.accordion .wrapper{
    box-sizing: border-box;
    background-color: #ffffff;
    margin-bottom: 20px;
    padding: 15px 40px;
    border-radius: 5px;
    box-shadow: 0 15px 25px rgba(0,0,50,0.2);
}
.accordion .toggle{
    font-family: "Poppins",sans-serif;
    margin: 0;
    box-sizing: border-box;
    width: 100%;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    color: #111130;
    font-weight: 500;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 15px 0;
    text-align: left;
}
.accordion .content{
    font-family: "Poppins",sans-serif;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    position: relative;
    font-size: 14px;
    text-align: justify;
    line-height: 30px;
    height: 0;
    overflow: hidden;
    transition: all 1s;
}






.vid-main-wrapper {
        width: 100%;
        margin: 0 auto;
      }


      /*  VIDEO PLAYER CONTAINER
    ############################### */
      .vid-container {
        position: relative;
        width:60%;
        float:left;
    }
     
    .vid-container iframe,
    .vid-container object,
    .vid-container embed {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        min-height: 360px;
        padding: 0 10px 0 10px;
    }


    /*  VIDEOS PLAYLIST 
    ############################### */
    .vid-list-container {
    font-family: Roboto, Arial, sans-serif;
      width: 40%;
      height:435px;
      float:right;
      background: #f9f9f9;
      border: 1px solid #ddd;
    }

    ol#vid-list {
            height: 364px;
        position: relative;
      overflow: auto;
      margin:0;
      padding:0;
    }

    ol#vid-list li {
      list-style: none;
    }

    ol#vid-list li:hover, 
    ol#vid-list li.act {
      background: #ececec;
    }

    ol#vid-list li a {
      text-decoration: none;
      height:68px;
      display:block;
      padding: 6px 5px 6px 10px;
    }
    ol#vid-list li span img {
      width: 100px;
    height: 56px;
    background-size: cover;
    background-position: 50% 50%;
    border: none;
    }

    .vid-thumb {
      float:left;
      margin-right: 8px;
    }

    .active-vid { 
    }

    #vid-list .stats {
          display: inline-block;
    color: #606060;
    font-size: 12px;
    line-height: 56px;
    float: left;
    padding: 0 7px 0 0;
    width: 17px;
    }

    #vid-list .desc {
color: #000;
    font-weight: 600;
    font-size: 12px;
    padding-top: 5px;
    margin-right: 33px;
    overflow: hidden;
    height: 60px;
    }

    #vid-list .time {
    background: #262626;
    color: #fff;
    font-weight: 400;
    font-size: 10px;
    display: inline;
    padding: 2px 5px 2px 5px;
    border-radius: 2px;
    float: right;
    margin-top: -42px;
    }













    
.c-Intro{
    color:#fff
}
.l-Page .th-tomatoes .color-light,.th-tomatoes .color-light,[data-th=tomatoes] .color-light,[data-th] .l-Page .th-tomatoes .color-light,[data-th] .th-tomatoes .color-light,[data-th] [data-th=tomatoes] .color-light{
    color:#f3a8a5
}
.l-Page .th-tomatoes .bg-btn,.th-tomatoes .bg-btn,[data-th=tomatoes] .bg-btn,[data-th] .l-Page .th-tomatoes .bg-btn,[data-th] .th-tomatoes .bg-btn,[data-th] [data-th=tomatoes] .bg-btn{
    background-color:#ce0a1f;
    box-shadow:.3125em .3125em .625em 0 rgba(125,1,1,.15)
}
.c-Intro .o-BS.is-current,html:not(.is-touch) .c-Intro .o-BS:hover{
    opacity:.6
}
.c-Intro_Timer{
    opacity:0;
    margin-bottom:0;
    line-height:1;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    width:100px;
    display:-webkit-box;
    display:flex;
    -webkit-box-pack:center;
    justify-content:center
}
.c-Intro_Timer span{
    flex-shrink:0;
    width:30px
}
.c-Intro_Timer span:first-child{
    margin-right:.125rem;
    text-align:right
}
.c-Intro_Timer span:last-child{
    margin-left:.125rem;
    text-align:left
}
.c-Intro .o-BS,.c-Intro_Timer{
    font-weight:900;
    text-shadow:0 0 12px rgb(0 0 0);
    background: #b5192b;
    padding: 10px;
    border-radius: 10%;
}
:root{
    --size-bg-intro:150vw;
    --size-bg-intro-top:75vw;
    --size-bg-intro-left:-25vw
}
.c-Intro_Circle{
    opacity:0;
    position:absolute;
    top:calc(100vh - 75vw - 5rem);
    -webkit-transform-origin:top left;
    transform-origin:top left;
    width:150vw;
    width:var(--size-bg-intro);
    height:150vw;
    height:var(--size-bg-intro);
    top:75vw;
    top:var(--size-bg-intro-top);
    left:-25vw;
    left:var(--size-bg-intro-left);
    background-color:#e7524c
}
.c-Intro_Btns{
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    -webkit-box-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    align-items:center;
    margin-bottom:8.125rem;
    pointer-events:none
}
.c-Intro_Btns .o-BCircle{
    margin-top:1.25rem;
    margin-bottom:1.25rem
}
.c-Intro_Btns .o-BCircle .bg-btn-transition{
    -webkit-transition-duration:.5s,.5s;
    transition-duration:.5s,.5s
}
.c-Intro_Btns .o-BCircle.is-current .bg-btn,html:not(.is-touch) .c-Intro_Btns .o-BCircle:hover .bg-btn{
    background-color:#8f0c0d
}
.c-Intro_Timer{
    opacity:0;
    margin-bottom:0;
    line-height:1;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    width:100px;
    display:-webkit-box;
    display:flex;
    -webkit-box-pack:center;
    justify-content:center
}
.c-Intro_Timer span{
    flex-shrink:0;
    width:30px
}
.c-Intro_Timer span:first-child{
    margin-right:.125rem;
    text-align:right
}
.c-Intro_Timer span:last-child{
    margin-left:.125rem;
    text-align:left
}
.c-Intro .o-BS,.c-Intro_Timer{
    font-weight:900;
    text-shadow:5px 5px 10px rgba(3,5,4,.15)
}
:root{
    --size-bg-intro:150vw;
    --size-bg-intro-top:75vw;
    --size-bg-intro-left:-25vw
}
.c-Intro_Circle{
    opacity:0;
    position:absolute;
    top:calc(100vh - 75vw - 5rem);
    -webkit-transform-origin:top left;
    transform-origin:top left;
    width:150vw;
    width:var(--size-bg-intro);
    height:150vw;
    height:var(--size-bg-intro);
    top:75vw;
    top:var(--size-bg-intro-top);
    left:-25vw;
    left:var(--size-bg-intro-left);
    background-color:#e7524c
}
.c-Intro_Btns{
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    -webkit-box-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    align-items:center;
    margin-bottom:8.125rem;
    pointer-events:none
}
.c-Intro_Btns .o-BCircle{
    margin-top:1.25rem;
    margin-bottom:1.25rem
}
.c-Intro_Btns .o-BCircle .bg-btn-transition{
    -webkit-transition-duration:.5s,.5s;
    transition-duration:.5s,.5s
}
.c-Intro_Btns .o-BCircle.is-current .bg-btn,html:not(.is-touch) .c-Intro_Btns .o-BCircle:hover .bg-btn{
    background-color:#8f0c0d
}

.u-absolute{
    position:absolute
}
.u-pos-br,.u-pos-lbr{
    bottom:0;
    right:0
}
.u-pos-lbr{
    left:0
}
.o-BCircle{
    display:block;
    position:relative;
    width:5rem;
    height:5rem
}
.o-BCircle>svg{
    overflow:visible;
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
.o-BCircle circle{
    fill:none;
    stroke-width:1px
}
.o-BCircle circle:first-child{
    stroke:currentColor
}
.o-BCircle circle:last-child{
    stroke:#fff
}
.o-BCircle .o-Sp{
    position:relative;
    display:block;
    margin:auto
}
.o-BCircle_Cont{
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.o-BCircle[data-btn=mute] .o-Sp{
    width:1.125rem;
    height:1.125rem
}
.o-BCircle[data-btn=mute] .o-Sp>span{
    width:.0625rem;
    height:1.5625rem;
    background-color:currentColor;
    display:block;
    position:absolute;
    top:1.125rem;
    -webkit-transform:rotate(-135deg);
    transform:rotate(-135deg);
    -webkit-transform-origin:left top;
    transform-origin:left top;
    -webkit-transition:-webkit-transform .5s cubic-bezier(.86,0,.07,1);
    transition:-webkit-transform .5s cubic-bezier(.86,0,.07,1);
    transition:transform .5s cubic-bezier(.86,0,.07,1);
    transition:transform .5s cubic-bezier(.86,0,.07,1),-webkit-transform .5s cubic-bezier(.86,0,.07,1)
}
.o-BCircle[data-btn=mute].is-on .o-Sp>span{
    -webkit-transform:rotate(-135deg) scaleY(0);
    transform:rotate(-135deg) scaleY(0)
}
.o-BCircle[data-btn=mute2] .o-Sp{
    width:1.125rem;
    height:1.125rem
}
.o-BCircle[data-btn=mute2] .o-Sp>span{
    width:.0625rem;
    height:1.5625rem;
    background-color:currentColor;
    display:block;
    position:absolute;
    top:1.125rem;
    -webkit-transform:rotate(-135deg);
    transform:rotate(-135deg);
    -webkit-transform-origin:left top;
    transform-origin:left top;
    -webkit-transition:-webkit-transform .5s cubic-bezier(.86,0,.07,1);
    transition:-webkit-transform .5s cubic-bezier(.86,0,.07,1);
    transition:transform .5s cubic-bezier(.86,0,.07,1);
    transition:transform .5s cubic-bezier(.86,0,.07,1),-webkit-transform .5s cubic-bezier(.86,0,.07,1)
}
.o-BCircle[data-btn=mute2].is-on .o-Sp>span{
    -webkit-transform:rotate(-135deg) scaleY(0);
    transform:rotate(-135deg) scaleY(0)
}
@media only screen and (max-width:768px) {
    #IntroMuteButtonMain {
        right: 10px !important;
        bottom: -10px !important;
    }
    #IntroMuteButton {
        width: 30px !important;
        height: 30px !important;
    }
}
.o-B{
    display:inline-block;
    overflow:visible;
    margin:0;
    padding:0;
    outline:0;
    border:0;
    background:none transparent;
    color:inherit;
    vertical-align:middle;
    text-align:center;
    text-decoration:none;
    text-transform:none;
    font:inherit;
    line-height:normal;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    white-space:normal;
    -webkit-font-smoothing:inherit;
    -moz-osx-font-smoothing:inherit;
    -webkit-appearance:none
}
.o-B:focus{
    outline:none
}
.o-B::-moz-focus-inner{
    border:0;
    padding:0
}
.o-B>*{
    pointer-events:none
}
.u-block{
    display:block
}
.u-fit,.u-fit-w{
    width:100%
}
.u-fit,.u-fit-h{
    height:100%
}
.u-pos-tl{
    top:0;
    left:0
}
.color-btn-transition{
    -webkit-transition:color 1s cubic-bezier(.645,.045,.355,1);
    transition:color 1s cubic-bezier(.645,.045,.355,1)
}
.o-BCircle_Cont{
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
svg {
    fill: currentColor;
}
.u-radius-50{
    border-radius:50%
}

.u-fullParent{
    position:absolute;
    top:0;
    left:0
}
.u-fullParent,.u-fullSize{
    width:100%;
    height:100%
}
.c-Intro_Btns .o-BCircle .bg-btn-transition{
    -webkit-transition-duration:.5s,.5s;
    transition-duration:.5s,.5s
}
.c-Intro_Btns .o-BCircle .bg-btn-transition{
    -webkit-transition-duration:.5s,.5s;
    transition-duration:.5s,.5s
}
.c-Intro_Btns .o-BCircle.is-current .bg-btn,html:not(.is-touch) .c-Intro_Btns .o-BCircle:hover .bg-btn{
    background-color:#8f0c0d
}
.u-vert-center .u-vert-el{
    display:table-cell;
    vertical-align:middle
}
.u-vert-center{
    position:relative;
    display:table;
    width:100%;
    height:100%
}
.u-relative{
    position:relative
}
.sr-only,.u-visuallyHidden{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    border:0;
    color:#757575
}
.o-BS{
    -webkit-transition:opacity .4s linear;
    transition:opacity .4s linear
}
.o-BS.is-current,.o-BS.o-BS-invert,html:not(.is-touch) .o-BS:hover{
    opacity:.6
}
.o-BS.o-BS-invert.is-current,html:not(.is-touch) .o-BS.o-BS-invert:hover{
    opacity:1
}
.c-Intro .o-BS.is-current,html:not(.is-touch) .c-Intro .o-BS:hover{
    opacity:.6
}













body, html, #main2, .navVideo-video {
  transition: all 0.2s;
}


.bodyNoScroll {
  overflow: hidden !important;
}

.navVideo.navVideofull {
  height: 100vh !important;
  width: 100vw !important;
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  z-index: 9999999 !important;
}

.navVideo {
  background: #fff;
        height: 300px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 0;
}
.navVideo-play {
  background-image: url(../nonstock/play.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  cursor: pointer;
  position: absolute;
  top: 100px;
  z-index: 7;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 80px;
  height: 80px;
  opacity: 0.4;
  transition: all 0.2s;
}
.navVideo-close {
  display: none;
  /*background-image: url(../nonstock/stop.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  cursor: pointer;*/
  position: absolute;
  bottom: 0px;
  z-index: 7;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 80px;
  height: 80px;
  opacity: 0.8;
  transition: all 0.2s;
}
.navVideo-bg {
    background: #ffffff;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: pointer;
    position: relative;
    top: 0;
    z-index: 7;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.2s;
}
.navVideo-video {
    width: 100%;
    min-height: 100%;
    outline: none;
    position: fixed;
    left: 0;
    top: 0;
    transform: translateY(-35%);
    z-index: 0;
}
.navVideo.navVideofull > .navVideo-video {
    transform: unset !important;
    top: 0 !important;
    left: 0 !important;
} 
.navVideo.navVideofull > .navVideo-close {
  display: block !important;
}
.navVideo.navVideofull > .navVideo-play, 
.navVideo.navVideofull > .navVideo-bg {
  display: none !important;
}



.home_bg_normal {
  position:absolute;
  top: -79px;
  z-index:99999;
  border-radius: 50%;
  padding: 10px;
  /*transition: all 0.2s;*/
}
.home_bg_normal-topfixed {
  position:fixed !important;
  top: 0px !important;
}


.nav-effect {
}
.eff1, .eff2, .eff3 {
    z-index: 999999999;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    user-select: none;
}
.eff1 {
  background: #ff0000b3;
  transition: all 1s;
}
.eff2 {
  background: #ffbc00b3;
  transition: all 1.5s;
}
.eff3 {
  background: #1000ffb3;
  transition: all 2s;
}

.ftco-footer {
    padding-bottom: 0 !important;
}


dl {
  width: 100%;
  overflow: hidden;
  padding: 0;
  margin: 0
}
dt {
  float: left;
  width: 50%;
  padding: 0;
  margin: 0
}
dd {
  float: left;
  width: 50%;
  padding: 0;
  margin: 0
}



.slider {
  transition: all 2s;
}

/*.test2 {
      width: 6%;
      height: 16%;
      display: block;
      position: absolute;
    }*/

    /*::selection {
      color: #fff !important;
    }*/
    select[name=il] option {
      color: #000;
    }
    input[name=soran],
    textarea[name=soru],
    input[name=mail],
    input[name=ad],
    select[name=il],
    textarea[name=mesaj],
    input[name=instagram],
    input[name=adsoyad],
    input[name=telefon],
    textarea[name=adres],
    input[name=guvenlik] {
      background: transparent !important;
      border: 2px solid #ffffff !important;
      border-radius: 6px !important;
      color: #fff !important;
      padding: 3px 10px 3px 11px !important;
    }
  


  .parallaxSection {
    transform: translate(110vw, 0px) !important;
    position: absolute !important;
    width: 100vw !important;
    height: 0px !important;
    left: 0px !important;
    top: 0px !important;
    transition: transform 0s !important;
    animation-fill-mode: unset !important;
    opacity: unset !important;
    visibility: unset !important;
    z-index: 98 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
  }
  .parallaxSection * {
    display: none !important;
  }
  .parallaxSectionActive {
    transform: translate(0px, 0px) !important;
    position: unset !important;
    width: 100vw !important;
    height: auto !important;
    left: 0px !important;
    top: 0px !important;
    transition: transform 2s !important;
    animation-fill-mode: unset !important;
    opacity: unset !important;
    visibility: unset !important;
    z-index: 99 !important;
    margin-top: 79px !important;
  }


  .navbar2 {
        /* white-space: nowrap; */
    position: absolute;
    top: -79px;
    left: 0;
    width: 100%;
    height: 79px;
    background: #ffffff00;
    display: block;
    /* border-bottom: 1px solid #dedede; */
    z-index: 100;
    /* box-shadow: #bbbbbb -1px -1px 12px 0px; */
    text-align: center;
    overflow: hidden;
    /*transition: all 0.2s;*/
  }
  .navbar2-topfix {
    position: fixed !important;
    top: 0px !important;
  }
  .nav-bg {
    background: #ffffff;
    /*border-bottom: 1px solid #dedede;*/
    box-shadow: #bbbbbb -1px -1px 12px 0px;
  }
  .icnar-bg {
    box-shadow: #bbbbbb -1px 9px 10px -9px;
    background: #fff;
  }
  .navbar2 > img {
    float: left;
    margin: 10px 35px 5px 35px;
  }
  .nav-menu2 {
    list-style-type: none;
    /*display: initial;*/
    /*margin-left: -40px;*/
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    overflow-x: auto;
        max-width: calc(100% - 110px);
  }
  .nav-menu2 > li:hover {
    border-bottom-width: 3px !important;
  }
  .nav-menu2 > li.active {
    border-bottom-width: 1px !important;
  }
  .nav-menu2 > li {
        display: inline;
    border-bottom-width: 0px !important;
    border-bottom: 1px solid #000;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    line-height: 79px;
    padding: 10px 10px 10px 10px;
    color: #000;
    font-variant: all-petite-caps;
    font-weight: 700;
    transition: all 0.2s;
    cursor: pointer;
    margin: 5px;
    font-weight: 700;
    font-family: system-ui;
  }
  .nav-menu2 > li > a {
    display: inherit;
    cursor: pointer;
    font-size: 13px;
  }

  .nav-menu2 > li.active > a {
    font-size: 15px;
  }


    :root {
      --content-width: calc(100vw - 74px);
      --content-padding: 37px;
      --column-gap: 0.625rem;
      --column-count: 5;
      --column-width: calc((var(--content-width) - (var(--column-count) - 1)*var(--column-gap))/var(--column-count));
      --column: calc(var(--column-gap) + var(--column-width));
      --primary-color: #103559;
      --primary-soft-color: #295889;
      --secondary-color: #5bae73;
      --secondary-light-color: #f7f0eb;
      --success-color: #48d2a0;
      --light-color: rgba(0, 0, 0, 0.1607843137254902);
      --light-blue-color: #ecf1f7;
      --black-color: #000;
      --white-color: #fff;
      --beige-color: #ffae45;
      --beige-strong-color: #f4e3d7;
      --font-light-color: #dae6ed;
      --font-grey-color: #a4b2bf;
      --font-testimonial-color: #9f9f9f;
      --disabled-cta-color: #f4e8df;
      --ff: Sailec, Helvetica, Arial, sans-serif;
      --fs: 16px;
      --fs-1: 3.125rem;
      --fs-1-sm: 2.1875rem;
      --fs-2: 2.5rem;
      --fs-3: 1.5625rem;
      --fs-4: 1.25rem;
      --fs-4-sm: 0.9375rem;
      --fs-5: 1rem;
      --fw-thin: 200;
      --fw-light: 300;
      --fw-regular: 400;
      --fw-medium: 500;
      --fw-bold: 600;
      --fw-black: 800;
      --color: #103559;
      --nav-height: 60px;
      --adbar-height: 0px;
      --fixed-items-height: var(--nav-height);
      --nav-z-index: 999;
      --nav-background-color: var(--white-color);
      --nav-shadow: 0 2px 3px rgba(0, 0, 0, 0.29);
      --nav-logo-height: 26px;
      --scrolled-nav-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
      --scrolled-nav-background-color: var(--light-color);
      --breakpoint-md-min: 768px;
      --breakpoint-xl-min: 1244px;
      --intro-transition-length: 0.9s;
      --intro-transition-timing: ease-in-out;
      --intro-transition: var(--intro-transition-length) var(--intro-transition-timing);
      --scrolling-transition: 0.4s linear;
      --window-height: 100vh;
      font-size: var(--fs)
    }

    @media only screen and (min-width:768px) {
      :root {
        --content-width: min(calc(100vw - var(--content-padding)*2), 1440px);
        --column-count: 24;
        --column-width: calc((var(--content-width) - (var(--column-count) + 1)*var(--column-gap))/var(--column-count));
        --nav-logo-height: 29px;
        --nav-height: 64px
      }

      :root.scrolling {
        --nav-height: 66px
      }
    }

    .DateForm-module--root--3e_wF {
      --border-radius: 0.8125rem;
      --swipe-card-z-index: 100
    }

    @media only screen and (min-width:768px) {
      .DateForm-module--root--3e_wF {
        overflow-y: auto;
        display: grid;
        grid-template-columns: -webkit-max-content 1fr;
        grid-template-columns: max-content 1fr;
        grid-template-rows: -webkit-max-content -webkit-max-content 1fr;
        grid-template-rows: max-content max-content 1fr;
        grid-column-gap: 3.75rem;
        grid-row-gap: 2rem;
        grid-template-areas: "header header""calendar slots""button button";
        justify-items: start;
        align-items: start
      }

      .DateForm-module--root--3e_wF h3 {
        grid-area: header
      }
    }

    .DateForm-module--calendar--1nBDZ {
      background-color: var(--white-color);
      border-top-left-radius: var(--border-radius);
      border-top-right-radius: var(--border-radius);
      flex-grow: 1;
      width: 100vw;
      margin: 2.0625rem calc(50% - 50vw) 0;
      box-shadow: 0 0 4px rgba(0, 0, 0, .16);
      padding: 1.3125rem 2rem 0;
      --min-top: -2.0625rem;
      position: relative
    }

    @media only screen and (min-width:768px) {
      .DateForm-module--calendar--1nBDZ {
        grid-area: calendar;
        width: auto;
        margin: 0;
        border-radius: var(--border-radius);
        padding: 1.875rem 2.25rem 4.8125rem
      }
    }

    .DateForm-module--calendar--1nBDZ header {
      display: grid;
      grid-template-columns: 2.5rem 1fr 2.5rem;
      grid-template-areas: "previous month next";
      align-items: center
    }

    .DateForm-module--calendar--1nBDZ header h4 {
      text-align: center;
      font-size: 1.125rem;
      line-height: 2.5rem;
      font-weight: var(--fw-regular);
      grid-area: month;
      margin: 0
    }

    @media only screen and (min-width:768px) {
      .DateForm-module--calendar--1nBDZ header h4 {
        font-size: 1.5625rem
      }
    }

    .DateForm-module--calendar--1nBDZ header button[type=button] {
      outline: none;
      border: none;
      background: none;
      width: 2.5rem;
      height: 2.5rem;
      display: flex;
      align-items: center;
      justify-content: center
    }

    .DateForm-module--calendar--1nBDZ header button[type=button]>span {
      text-indent: 100%;
      overflow: hidden;
      white-space: nowrap;
      display: block
    }

    .DateForm-module--calendar--1nBDZ header button[type=button] svg {
      flex-grow: 0;
      flex-shrink: 0
    }

    @media only screen and (min-width:768px) {
      .DateForm-module--calendar--1nBDZ header button[type=button] svg {
        width: auto;
        height: 1.5rem
      }
    }

    .DateForm-module--calendar--1nBDZ .DateForm-module--slots-card--2ZpxM {
      padding-left: .75rem;
      padding-right: .75rem
    }

    .DateForm-module--calendar--1nBDZ .DateForm-module--slots-card--2ZpxM.DateForm-module--has-selected-slot--2uV99 .DateForm-module--slots--2cOqx {
      padding-bottom: 3.75rem
    }

    .DateForm-module--calendar--1nBDZ .DateForm-module--slots-card--2ZpxM .DateForm-module--slots--2cOqx {
      display: grid;
      padding-top: 1.375rem
    }

    .DateForm-module--calendar--1nBDZ .DateForm-module--slots-card--2ZpxM .DateForm-module--slots--2cOqx h4 {
      position: -webkit-sticky;
      position: sticky;
      background-color: var(--secondary-light-color);
      top: 0;
      left: 0
    }

    .DateForm-module--calendar--1nBDZ .DateForm-module--swipe-up-card--3oNyv {
      --z-index: var(--swipe-card-z-index)
    }

    .DateForm-module--next--3VV4D {
      grid-area: next
    }

    .DateForm-module--previous--3uq6E {
      grid-area: previous
    }

    .DateForm-module--dates--2ZqL9 {
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      --size: 2.625rem;
      margin-top: 3.75rem;
      justify-items: center
    }

    @media only screen and (min-width:768px) {
      .DateForm-module--dates--2ZqL9 {
        --size: 3.375rem
      }
    }

    .DateForm-module--dates--2ZqL9 button,
    .DateForm-module--dates--2ZqL9 p,
    .DateForm-module--dates--2ZqL9 small,
    .DateForm-module--dates--2ZqL9 span,
    .DateForm-module--dates--2ZqL9 strong {
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      height: var(--size);
      width: var(--size);
      font-weight: var(--fw-medium);
      color: var(--font-grey-color);
      font-size: 1rem;
      line-height: 1;
      padding: 0;
      margin: 0
    }

    @media only screen and (min-width:768px) {

      .DateForm-module--dates--2ZqL9 button,
      .DateForm-module--dates--2ZqL9 p,
      .DateForm-module--dates--2ZqL9 small,
      .DateForm-module--dates--2ZqL9 span,
      .DateForm-module--dates--2ZqL9 strong {
        font-size: 1.25rem
      }
    }

    .DateForm-module--dates--2ZqL9 button.DateForm-module--is-today--w9bRu,
    .DateForm-module--dates--2ZqL9 p.DateForm-module--is-today--w9bRu,
    .DateForm-module--dates--2ZqL9 small.DateForm-module--is-today--w9bRu,
    .DateForm-module--dates--2ZqL9 span.DateForm-module--is-today--w9bRu,
    .DateForm-module--dates--2ZqL9 strong.DateForm-module--is-today--w9bRu {
      position: relative
    }

    .DateForm-module--dates--2ZqL9 button.DateForm-module--is-today--w9bRu:after,
    .DateForm-module--dates--2ZqL9 p.DateForm-module--is-today--w9bRu:after,
    .DateForm-module--dates--2ZqL9 small.DateForm-module--is-today--w9bRu:after,
    .DateForm-module--dates--2ZqL9 span.DateForm-module--is-today--w9bRu:after,
    .DateForm-module--dates--2ZqL9 strong.DateForm-module--is-today--w9bRu:after {
      content: "";
      top: 50%;
      left: 50%;
      display: block;
      background-color: var(--primary-color);
      transform: translateX(-2px) translateY(.625rem);
      position: absolute;
      width: .25rem;
      height: .25rem;
      border-radius: .125rem
    }

    .DateForm-module--dates--2ZqL9 button.DateForm-module--is-selected--3pMFK:after,
    .DateForm-module--dates--2ZqL9 p.DateForm-module--is-selected--3pMFK:after,
    .DateForm-module--dates--2ZqL9 small.DateForm-module--is-selected--3pMFK:after,
    .DateForm-module--dates--2ZqL9 span.DateForm-module--is-selected--3pMFK:after,
    .DateForm-module--dates--2ZqL9 strong.DateForm-module--is-selected--3pMFK:after {
      /*background-color:var(--white-color)*/
    }

    .DateForm-module--dates--2ZqL9 strong {
      text-transform: uppercase;
      font-size: .75rem
    }

    @media only screen and (min-width:768px) {
      .DateForm-module--dates--2ZqL9 strong {
        font-size: 1rem
      }
    }

    .DateForm-module--dates--2ZqL9 button {
      border-radius: 50%;
      background-color: transparent;
      outline: none;
      border: none;
      --transition: 0.2s ease-in-out;
      transition: background-color var(--transition), color var(--transition);
      color: var(--primary-color)
    }

    .DateForm-module--dates--2ZqL9 button.DateForm-module--is-selected--3pMFK {
      /*background-color:var(--secondary-color);
    color:var(--white-color)*/
    }

    @media(hover:hover) {
      .DateForm-module--dates--2ZqL9 button {
        cursor: pointer
      }

      .DateForm-module--dates--2ZqL9 button:hover {
        background-color: rgba(16, 53, 89, .3)
      }
    }

    .DateForm-module--slots--2cOqx {
      border-radius: var(--border-radius);
      grid-template-columns: repeat(2, 1fr);
      grid-column-gap: .4375rem;
      grid-row-gap: 0;
      grid-area: slots
    }

    .DateForm-module--slots--2cOqx h4 {
      text-transform: uppercase;
      color: var(--font-grey-color);
      font-size: 1rem;
      font-weight: var(--fw-bold);
      line-height: 1.1875rem;
      grid-column: span 2;
      justify-self: stretch;
      text-align: center;
      margin: 1.625rem 0 0;
      padding-bottom: .625rem
    }

    .DateForm-module--slots--2cOqx h4:first-child {
      margin-top: 0
    }

    .DateForm-module--slots--2cOqx button {
      outline: none;
      border: none;
      --transition: 0.2s ease-in-out;
      transition: background-color var(--transition), color var(--transition);
      color: var(--primary-color);
      display: flex;
      border-radius: .625rem;
      align-items: center;
      justify-content: flex-end;
      background-color: var(--white-color);
      box-shadow: 0 0 3px rgba(0, 0, 0, .12);
      font-size: 1rem;
      line-height: 1;
      font-weight: var(--fw-bold);
      height: 3.125rem;
      padding: 0 3.125rem;
      text-align: center;
      white-space: nowrap;
      margin-bottom: .625rem
    }

    .DateForm-module--slots--2cOqx button.DateForm-module--is-selected--3pMFK {
      background-color: var(--secondary-color);
      color: var(--white-color)
    }

    @media(hover:hover) {
      .DateForm-module--slots--2cOqx button {
        cursor: pointer
      }

      .DateForm-module--slots--2cOqx button:hover {
        background-color: rgba(16, 53, 89, .3)
      }
    }

    @media only screen and (min-width:768px) {
      .DateForm-module--slots--2cOqx {
        box-shadow: 0 0 4px rgba(0, 0, 0, .16);
        display: grid;
        padding: 2.375rem 3.875rem 3.4375rem;
        grid-template-columns: repeat(auto-fill, minmax(170px, -webkit-max-content));
        grid-template-columns: repeat(auto-fill, minmax(170px, max-content));
        justify-self: stretch;
        margin-right: .625rem;
        justify-content: center;
        position: relative;
        min-height: 150px
      }

      .DateForm-module--slots--2cOqx h4 {
        grid-column: 1/-1;
        justify-self: flex-start;
        margin-top: 1rem
      }
    }

    .DateForm-module--submit--9n7Kj {
      position: absolute;
      z-index: calc(var(--swipe-card-z-index) + 1);
      bottom: 0;
      left: 0;
      right: 0
    }

    @media only screen and (min-width:768px) {
      .DateForm-module--submit--9n7Kj {
        position: static;
        display: flex;
        grid-area: button;
        place-self: center;
        margin: 1rem auto calc(var(--progress-height) + 1rem)
      }
    }

    .DateForm-module--loading--2qNCT {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      opacity: .3
    }

    .DateForm-module--is-etkinlik--17e12 {
      background-color: var(--secondary-color) !important;
      color: var(--white-color) !important;
      border-radius: 50% !important;
    }

    .DateForm-module--is-eskitarih--17e12 {
      color: #c1c1c1 !important;
    }