:root{
    --myred:#ff5757;
    --myblack:#545454;
    --bg-myred:#ff5757;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/Poppins-Regular.ttf");
}
.pe-0{padding-right: 0 !important}
.ps-0{padding-left: 0 !important}
.pe-2{padding-right: .25rem !important}
.ps-2{padding-left: .25rem !important}
.ps-3{padding-left: .5rem !important}
.ps-4{padding-left: .75rem !important}
.ps-5{padding-left: 1rem !important}
.mt-2{margin-top: .5rem !important}
.mt-3{margin-top: .75rem !important}
.mt-4{margin-top: 1rem !important}
body {
  font-family: Poppins;
  color:#545454;
  margin: 0;
  background-color: --bgmyred;
height: 100vh;
}
.border-right{border-right:.3rem solid white}
.border-bottom{border-bottom:.3rem solid white}
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.phar-col, .map-col{ height: calc(100vh - 14vh);}

.vphar-col{ height: calc(100vh - 70vh);}
.phar-list{
    display: flex;
    flex-direction: column;
    justify-content:  space-between;
  
   
}
.bold{font-weight: bold}

.text-center{text-align: center;text-align: -webkit-center;}

.text-end{text-align: right;text-align: -webkit-right;}
.text-cont{position:absolute;top:40%}

.w-100{width: 100%}
.h-100{height: 100%}
.vh-100{height: 100vh}
.d-flex{display: flex}
.f-col{flex-direction: column}
.justify-content-center{
    justify-content: center;
}
.top-row{height: 14vh;flex-wrap: nowrap !important}
.vtop-row{height: 12vh;flex-wrap: nowrap !important}
.justify-content-between{
    justify-content :space-between ;
}
.align-items-center{
    align-items: center;
}
.align-self-center{align-self:  center}
.phar-gif{height:13vh;width: auto;padding: .5rem;opacity: .9}


#saat{width: 78%;
      text-align:center;
      height: 50%;
      border-radius: 6px;
      border:solid  3px #fff ;
      font-size: 6.6vh;
      font-weight: bolder;
      color:#fff;
      font-family: Avenir;
      padding: 4px}

.container {
  width: 100%;
  padding-right:0.5rem;
  padding-left: 0.5rem;
  margin-right: auto;
  margin-left: auto;
}
.row {

  display: flex;
  flex-wrap: wrap;
  margin-top: 0;
  margin-right: -.5rem;
  margin-left: -.5rem;
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: .5rem;
  padding-left: .5rem;
  margin-top: 0;
}

.col {
  flex: 1 0 0%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

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

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

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

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

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

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

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

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

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

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

.slider-container{
    position: relative;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    
}
.left-slide{
    height: 100%;
    width: 35%;
    position: absolute;
    top:0;
    left:0;
    transition: transform .5s ease-in;
}
.left-slide > div{
    height: 100%;
    width:100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
    
}
.left-slide h3{
    font-size: 40px;
    margin-bottom: 1rem;
    margin-top: 1rem;
    
}

.right-slide{
    height: 100%;
    position: absolute;
    top:0;
    left: 35%;
    width: 65%;
    transition: transform .5s ease-in;
}
.right-slide > div{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100%;
    width: 100%;
    
}

button{
    background-color: #fff;
    border: none;
    color: #aaa;
    cursor:pointer;
    font-size: 1.5rem;
    padding: 1rem;
    font-weight: bold;
    
}
.slider-container .action-buttons button{
    position: absolute;
    left:35%;
    top:50%;
    z-index: 100;
    
}

.slider-container .action-buttons .down-button{
    transform: translateX(-100%);
}
.slider-container .action-buttons .up-button{
    transform: translateY(-100%);
}





/*Reklam csss*/

.adslider{
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: absolute;
    left:0;
    top:0;    
    z-index: 3;
    
}
.adslayt{
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top:0;
    left:0;
    transition:opacity 0.4s ease-in-out; 
    background-repeat: no-repeat;
    background-size: cover;    
    background-color: #fff;
}
.adslayt .inner{

   margin-top: 5vh;
   
    
    
}

.show{
    opacity: 1 !important;
}
.map-box{height: calc(100% - 14.5vh)}
.carousel {
  background: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  overflow: hidden;
  position: relative;
}
.h5 { margin-bottom: 30px;}

.my-container {  width: 100%;  height: 100%}    
.footer-logo{position: fixed;bottom :0;left:calc(66% - 126.5px);z-index:2}
.footer-htm{position: fixed;bottom :5px;right:.6rem;z-index:2;background-color:rgb(241,243,244);padding:2px 5px;line-height:1.3;opacity: .87;}
.footer-htm p{font-size:.6vw;letter-spacing:.35px;font-weight:normal}
.footer-htm span{font-size:.65vw}
.footer-logo img{height: 5vh;width: auto;border-radius: 16px;box-shadow: 0 0 2px #545454}